@charset "UTF-8";

@media only screen
{
    :root
    {
        --c4: 36 40 44;
        --c5: 50 58 64;
        --c6: 20 24 28;
        --c7: 242 242 242;
        --c8: 164 164 164;
        --c9: 242 242 242;
        --f1: 'Ysabeau Office', sans-serif;
        --f2: 'Ysabeau Office', cursive;
        --f3: 'Noto Serif Bengali', serif;
        --f4: 'Galada', cursive;
    }

    ::-moz-selection
    {
        color: rgb(var(--c7));
        background-color: rgb(var(--c1));
    }
    
    ::selection
    {
        color: rgb(var(--c7));
        background-color: rgb(var(--c1));
    }

    .neumorphic_div
    {
        -webkit-box-shadow: 1rem 1rem 2rem 0rem rgb(var(--b) / 0.24), -1rem -1rem 2rem 0rem rgb(var(--w) / 0.06);
        -moz-box-shadow: 1rem 1rem 2rem 0rem rgb(var(--b) / 0.24), -1rem -1rem 2rem 0rem rgb(var(--w) / 0.06);
        -o-box-shadow: 1rem 1rem 2rem 0rem rgb(var(--b) / 0.24), -1rem -1rem 2rem 0rem rgb(var(--w) / 0.06);
        -ms-box-shadow: 1rem 1rem 2rem 0rem rgb(var(--b) / 0.24), -1rem -1rem 2rem 0rem rgb(var(--w) / 0.06);
        box-shadow: 1rem 1rem 2rem 0rem rgb(var(--b) / 0.24), -1rem -1rem 2rem 0rem rgb(var(--w) / 0.06);
    }

    .neumorphic_in
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068) inset;
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068) inset;
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068) inset;
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068) inset;
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068) inset;
    }

    .neumorphic_btn, .neumorphic_out
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068);
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068);
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068);
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068);
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068);
    }
    
    .neumorphic_btn:active
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068) inset;
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068) inset;
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b), 0.4) / -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068) inset;
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068) inset;
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(var(--b) / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(var(--w) / 0.068) inset;
    }

    /* Navigation */

    .djm_primary_header_menu > ul
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .djm_primary_header_menu li > ul
    {
        position: absolute;
        left: 0;
        -webkit-backdrop-filter: blur(1rem);
        backdrop-filter: blur(1rem);
        background-color: rgb(var(--c4) / 0.4);
        -webkit-border-radius: 1rem;
        font-family: var(--f3);
        -moz-border-radius: 1rem;
        -o-border-radius: 1rem;
        -ms-border-radius: 1rem;
        border-radius: 1rem;
        opacity: 0;
        visibility: hidden;
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -o-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
    }

    .djm_primary_header_menu li:hover > ul
    {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }

    .djm_primary_header_menu a
    {
        display: inherit;
        line-height: 2.5rem;
        padding: 0px 0.75rem;
        white-space: nowrap;
    }

    .djm_primary_header_menu a:hover
    {
        color: rgb(var(--c2));
    }

    .djm_primary_header_menu li > ul, .djm_primary_header_menu a, .djm_primary_header_menu a:hover, .dtcon, .glassroll, .glassrollcon, .pagination .nav-links a, .pagination .nav-links a:hover, .djm_contact_widget input[type="submit"], .djm_contact_widget input[type="submit"]:hover
    {
        -webkit-transition: all 0.24s ease;
        -moz-transition: all 0.24s ease;
        -o-transition: all 0.24s ease;
        -ms-transition: all 0.24s ease;
        transition: all 0.24s ease;
    }

    .djm_primary_header_menu .sub-menu
    {
        font-size: 1.12rem;
    }

    /* Homepage */

    .djm_herofig::after
    {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(0deg, rgb(var(--c4)) 0%, rgb(var(--c4)) 20%, transparent 100%);
    }

    .djm_herofig img
    {
        width: 100%;
        max-height: 100vh;
        object-fit: cover;
        object-position: center top;
    }

    .djm_herofig
    {
        margin-bottom: -33%;
        overflow: hidden;
    }

    /* .catsect::before
    {
        background-color: rgb(var(--c1));
    }

    .catsect:nth-child(odd)::before
    {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 25%;
        height: 100%;
        -webkit-clip-path: polygon(0px 0px, 100% 0px, 40% 100%, 0px 100%);
        clip-path: polygon(0px 0px, 100% 0px, 40% 100%, 0px 100%);
    }

    .catsect:nth-child(even)::before
    {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 25%;
        height: 100%;
        -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 60% 100%);
        clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 60% 100%);
    }

    .catsect:nth-child(odd) .cathead h2
    {
        padding-left: 5vw;
        padding-right: 1rem;
        align-items: start;
    }

    .catsect:nth-child(even) .cathead h2
    {
        padding-left: 1rem;
        padding-right: 5vw;
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
        align-items: start;
    }

    .catsect:nth-child(even) .cathead
    {
        justify-content: end;
    }

    */

    .postprev_fig > img
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .prepostfig img
    {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        object-fit: cover;
        object-position: center top;
    }

    .prepostfig::after
    {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(0deg, rgb(var(--c4)) 0%, rgb(var(--c4)) 20%, transparent 100%);
    }

    /*

    .dtcon::before
    {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgb(var(--c1));
        -webkit-mix-blend-mode: multiply;
        mix-blend-mode: multiply;
    }

    .dtcon
    {
        width: 100%;
    }
    
    .postlink:hover .dtcon
    {
        width: 50%;
        min-width: 12rem;
    }

    .biggygrid article > div
    {
        -webkit-mask-image: linear-gradient(0deg, transparent 0%, black 100%);
        mask-image: linear-gradient(0deg, transparent 0%, black 100%);
        max-height: 100%;
    }

    .biggygrid
    {
        align-content: end;
        grid-template-rows: 0fr;
        -webkit-transition: grid-template-rows 0.24s ease;
        -moz-transition: grid-template-rows 0.24s ease;
        -o-transition: grid-template-rows 0.24s ease;
        -ms-transition: grid-template-rows 0.24s ease;
        transition: grid-template-rows 0.24s ease;
    }

    .postlink:hover .biggygrid
    {
        grid-template-rows: 1fr;
    }

    .glassroll
    {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    
    .postlink:hover .glassroll
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .glassrollcon
    {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-1.5rem);
        -moz-transform: translateX(-1.5rem);
        -o-transform: translateX(-1.5rem);
        -ms-transform: translateX(-1.5rem);
        transform: translateX(-1.5rem);
    }

    .postlink:hover .glassrollcon
    {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0rem);
        -moz-transform: translateX(0rem);
        -o-transform: translateX(0rem);
        -ms-transform: translateX(0rem);
        transform: translateX(0rem);
    } */

    .djm_featimgcon img
    {
        width: 100%;
        height: auto;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        -o-border-radius: 1rem;
        -ms-border-radius: 1rem;
        border-radius: 1rem;
    }

    .djm_postybody::before
    {
        content:var(--bfi);
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        filter: blur(1rem);
        object-fit: cover;
        object-position: center;
    }

    .djm_post > p, .djm_post > ul, .djm_post > ol, .djm_post > blockquote, .djm_post > h1, .djm_post > h2, .djm_post > h3, .djm_post > h4, .djm_post > h5, .djm_post > h6
    {
        margin: 1rem 0px;
    }

    .djm_postmain
    {
        container-type: inline-size;
        container-name: starpost;
    }

    .djm_post > p
    {
        text-indent: 1.5rem;
    }

    .djm_post figure.wp-block-embed.is-provider-youtube iframe
    {
        width: 100%;
        aspect-ratio: 16 / 9;
        height: inherit;
    }

    .djm_prevnextcon
    {
        flex: 0 0 3rem;
        min-width: 3rem;
    }

    .djm_prevnext
    {
        flex-direction: column-reverse;
        height: 60vh;
    }

    .smartAlert > .flex
    {
        color: rgb(var(--c7));
    }
    
    .smartAlert > .flex > button:last-child
    {
        color: rgb(var(--c1));
    }

    .smartAlert > .flex > *, .smartAlert > .flex > :hover
    {
        -webkit-transition: color 0.24s ease;
        -moz-transition: color 0.24s ease;
        -o-transition: color 0.24s ease;
        -ms-transition: color 0.24s ease;
        transition: color 0.24s ease;
    }

    .smartAlert > .flex > :hover
    {
        color: rgb(var(--c2));
    }

    @container starpost (max-width: 29rem)
    {
        .djm_prevnextcon
        {
            flex: 1 1 auto;
        }

        .djm_prevnext
        {
            flex-direction: row;
            height: 3rem;
        }
    }

    .djm_more::before
    {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(135deg, transparent 0%, rgb(var(--c1)) 100%);
        background-size: 200% 200%;
        background-position: 0% 0%;
        -webkit-mix-blend-mode: multiply;
        mix-blend-mode: multiply;
        -webkit-transition: background-position 0.24s ease;
        -moz-transition: background-position 0.24s ease;
        -o-transition: background-position 0.24s ease;
        -ms-transition: background-position 0.24s ease;
        transition: background-position 0.24s ease;
    }

    .djm_more:hover::before
    {
        background-position: 100% 100%;
    }

    .djm_more p
    {
        bottom: 0px;
        right: 0px;
        text-shadow: 0.25rem 0.25rem 0.5rem rgb(var(--c4) / 0.68);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    .djm_more:hover p
    {
        bottom: 50%;
        right: 50%;
        -webkit-transform: translate3d(50%, 50%, 0px);
        -moz-transform: translate3d(50%, 50%, 0px);
        -o-transform: translate3d(50%, 50%, 0px);
        -ms-transform: translate3d(50%, 50%, 0px);
        transform: translate3d(50%, 50%, 0px);
    }

    .djm_pagination
    {
        container-type: inline-size;
        container-name: starnav;
    }

    .djm_pagination .nav-links
    {
        display: flex;
        flex-direction: row;
        justify-content: end;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        list-style: none;
        gap: 1rem;
        font-weight: 500;
    }

    @container starnav (max-width: 34rem)
    {
        .djm_pagination .nav-links
        {
            justify-content: center;
        }
    }
    
    .djm_pagination .nav-links span
    {
        background-color: rgb(var(--c4));
        color: rgb(var(--c7));
        padding: 0.5rem 1rem;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -o-border-radius: 0.5rem;
        -ms-border-radius: 0.5rem;
        border-radius: 0.5rem;
    }

    .djm_pagination .nav-links a
    {
        background-color: rgb(var(--c7) / 0.48);
        color: rgb(var(--c4));
        padding: 0.5rem 1rem;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -o-border-radius: 0.5rem;
        -ms-border-radius: 0.5rem;
        border-radius: 0.5rem;
    }

    .djm_pagination .nav-links a:hover
    {
        background-color: rgb(var(--c1));
        color: rgb(var(--c7));
    }

    .djm_pinbg::before
    {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        -webkit-mix-blend-mode: multiply;
        mix-blend-mode: multiply;
    }

    .djm_address a
    {
        color: rgb(var(--c1));
    }

    .djm_contact_widget input:not([type="submit"]), .djm_contact_widget textarea
    {
        line-height: 1.4em;
        background-color: rgb(var(--c4) / 0.48);
        margin-top: 0.5rem;
        padding: 0.375rem 0.75rem;
        width: 100%;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -o-border-radius: 0.5rem;
        -ms-border-radius: 0.5rem;
        border-radius: 0.5rem;
    }

    .djm_contact_widget input[type="submit"]
    {
        background-color: rgb(var(--c4) / 0.48);
        padding: 0.75rem 1rem;
        text-transform: uppercase;
        letter-spacing: 0.25rem;
        text-indent: 0.25rem;
        font-weight: 500;
        font-size: 0.88rem;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -o-border-radius: 0.5rem;
        -ms-border-radius: 0.5rem;
        border-radius: 0.5rem;
    }

    .djm_contact_widget input[type="submit"]:hover
    {
        background-color: rgb(var(--c1));
    }

    .djm_contact_widget label, .djm_contact_widget label > span
    {
        display: block;
        width: 100%;
    }

    .djm_contact_widget .wpcf7-form
    {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}

@media only screen and (max-width: 864px)
{
    .mob
    {
        display: block;
    }

    .djm_logo img
    {
        height: 2rem;
        width: auto;
    }

    .djm_navzone
    {
        position: absolute;
        right: 0px;
        top: 100%;
        flex-direction: column;
        align-items: end;
        text-align: right;
        background-color: rgb(var(--c4) / 0.48);
        -webkit-backdrop-filter: blur(1rem);
        backdrop-filter: blur(1rem);
        max-height: calc(100vh - 4rem);
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -o-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: all 0.24s ease;
        -moz-transition: all 0.24s ease;
        -o-transition: all 0.24s ease;
        -ms-transition: all 0.24s ease;
        transition: all 0.24s ease;
    }

    .djm_navzone.show
    {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }

    .djm_navzone ul
    {
        flex-direction: column;
        align-items: end;
    }

    .djm_header_search
    {
        padding: 0.75rem 0.75rem 0rem;
    }

    .djm_navzone li > ul
    {
        position: relative;
        opacity: 1;
        visibility: visible;
        background-color: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .djm_navzone .menu-item-has-children > a
    {
        display: none;
    }
}

@media only screen and (min-width: 865px)
{
    .mob
    {
        display: none;
    }
}

@media only screen and (max-width: 864px)
{
    .nav_btn.expanded rect:nth-of-type(1)
    {
        top: -20%;
        left: 20%;
        fill: rgb(var(--c1));
        transform-origin: 90% 20%;
        transform: rotate(-45deg) scaleX(40%);
    }

    .nav_btn.expanded rect:nth-of-type(2)
    {
        fill: rgb(var(--c7));
        transform-origin: 50% 50%;
        transform: rotate(45deg);
    }

    .nav_btn.expanded rect:nth-of-type(3)
    {
        left: -20%;
        top: 20%;
        fill: rgb(var(--c1));
        transform-origin: 10% 80%;
        transform: rotate(-45deg) scaleX(40%);
    }
}