:root{
    --clr01: #ffbd2b;
    --clr02: #000;
    --clr03: #f7c54c;
    --clr04: #113700;

    --hclr: var(--secttlclr);
    --h-letspace: 0px;

    --containerWidthSet_1200: 1200px;
    /* --containerWidthSet_991: 1200px;
    --containerWidthSet_767: 1200px;
    --containerWidthSet_575: 1200px; */

    --secttlmarg: 0 0 45px;
 
    --body-lineheight: 1.6;
    --subttlsize: 110%; 
    --subttlfamily: var(--ft-t2);
    --subttl: 0;
    --secttlmarg_default: 0 0 15px;
}

/* ::-moz-selection {
    color: var(--clr01); 
}
::selection {
    color: var(--clr01); 
} */
@media (max-width: 767px) {
    /* .container, .container-fluid {
        max-width: calc(100% - 30px);
    } */
} 

@media (min-width: 767px) {
    /* :root {
        --h4: calc(60 / 18 * 100%)
    } */
}
a.btn,
.btn{ 
    --btnbgclr: var(--clr01x, transparent);
    --btnbgclrhov: var(--clr02);
    --btnborderclr: var(--btnbgclrx, var(--clr01));
    --btnborderclrhov: var(--btnbgclrhov);
    --btnclr: var(--clr01, #fff);
    --btnclrhov: var(--clr03x, #fff);
    --btnpad: 18px 21px 15px;
    --btn-minwidth: 150px;
    --btnborderrad: 0;
    --btnfontsize: 90%;
    position: relative;
    z-index: 1; 
    line-height: 1; 
    gap: 9px;
    font-size: 80%;
    font-weight: bold;

    .ifont{
        --i-color: var(--btnclr);
    }

    &:hover{
        .ifont{
            --i-color: var(--btnclrhov);
        }
    } 
}
.btn.btn-space-line{
    --btnbgclrhov: var(--clr01);
    --btnclr: var(--clr01);
}
.h4 img {
    vertical-align: middle;
    margin: -6px 6px 0;
}
section {
    --secttlclr: var(--clr02, #000); 
    --hclr: var(--clr03, #000); 
    --secbgclr: #fff; 
}

.bodyw-mid{
    section:not(.no_max_height){
        @media(width>991px){
            position: sticky;
            top: var(--dekstickbx-height); 
            
            &:not([mn="1511"]){
                max-height: calc(100svh - var(--dekstickbx-height));
            }
            &:not([mn="2000"]){
                /* min-height: 100svh; */
            }
        }
    }
}

.btn i {
    /* font-size: 200%; */
    margin: 0 3px;
}
.btn.f > * {
    display: inline-flex;
    vertical-align: middle;
} 
label{
    --lblfont: var(--ft-t2);
} 
/* ============== */ 
a {
    text-decoration: none;
}
body{
    background-color: #fefefe;
} 
section:is( [style*="--secbgclr"] ) {
    --btnborderclr: #fff;
    --btnclr: #fff;

    .mediabx {
        --iconclr: var(--clr01x, #fff);
        --iconhovclr: var(--clr01, #fff);
        --bgclr: var(--clr02x, transparent);
        --bghovclr: var(--clr02, #fff);
        --mediaborder: 2px solid #fff;
        --mediahovborder: 2px solid var(--clr02, #fff);
        --mediaborderradius: 50%;
        --mg: 1px 2px;
    }
}
section.maintitle_style{
    ._secttlbx{
        padding-left: 30px;
        position: relative;

        &::after{
            content: '';
            display: block;
            position: absolute;
            height: 100%;
            width: 9px;
            background-color: var(--clr04);
            left: 0;
            top: 0;
            border: 1px solid #fff;
        }
    }
}
section:is([style*="--secttlclr"]) { 
    .ttldecor-top:after {
       background-color: var(--secttlclr);
    } 
}
.listobx.categorylistbx{
    font-family: var(--ft-t2);
}
.btn_noti {
    font-family: var(--ft-t2);
}




.searchbx { 
    position: relative;
    width: 250px;
    
    overflow: hidden;

    .searchw {
        position: relative;
    }
    & input {
        margin: 0;
        padding: 9px 30px 9px 9px;
        width: 100%;
        border-radius: 3px;
        border: 0;
        font-size: inherit;
    }
    & button.i {
        position: absolute;
        left: auto;
        right: 12px;
        top: 50%;
        translate: 0 -50%;
        color: #888;
        width: auto;
        border: 0;
        padding: 0;
        background-color: transparent;
    }
}

.dekstickbx .searchbx,
.nav .searchbx{
    border-radius: 50px;
    font-size: 80%;
    border: 1px solid #888;
    
    & input {
        padding: 9px 30px 9px 15px; 
        background-color: #fff;
    }
}

#mouse-circle {
    position: absolute;
    width: 15px !important;
    height: 15px !important;
    margin: -7px 0px 0px -7px;
    border: 1px solid var(--clr01);
    background-color: var(--clr02);
    border-radius: 50%;
    pointer-events: none !important;
    box-shadow: 0 0 16px rgba(255, 255, 255, 0);
    z-index: 1000; 
}
 
 

/* body:has([mn="8997"], [mn="8996"]){ 
    & > *:not(.bodybx, .loaderbx, .licht),
    .bodybx > *:not([mn="8997"], [mn="8996"]){
        display: none;
    }
} */

.title{
    font-family: var(--ft-t1);
    font-size: 120%;
    margin: 0 0 9px; 
    line-height: 1.2;
}
.title-s{
    font-family: var(--ft-t1);
    font-size: 80%; 
}

.infobx{
    & > * ~ *{
        margin-top: 6px;
    }
}

.divbx{
    --div: 250px;

    .div-{
        &.div-l{
            flex: 0 0 var(--div);
            max-width: var(--div);
        }
        &.div-r{
            flex: 0 0 calc(100% - var(--div));
            max-width: calc(100% - var(--div));
        }
    }
}

.contentbx:has(._subttl){
    ._ittl,
    .h4{
        margin: 0 0 0;
    }
}

.whatsappstickybx{
    line-height: 0; 

    @media(width>=767px){
        width: 90px !important;
    }

    &:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 100%;
        height: 100%;
        background: #3db869;
        border-radius: 50%;
        animation: pulse-border 1100ms ease-out infinite;
        z-index: -1;
    }
/* 
    &:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 100%;
        height: 100%;
        background: #eb2055;
        border-radius: 50%;
        transition: all 200ms;
        z-index: -1;
    } */
    
    & span {
        display: block;
        position: relative;
        z-index: 3;
        width: 0;
        height: 0;
        border-left: 19px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        top: 10px;
        left: 5px;
    }
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.mob991{
    @media(width>991px){
        display: none;
    }
}
.deks991{
    @media(width<=991px){
        display: none;
    }
}

._content{
    & > ul{
        text-align: left;
        display: inline-block;
        max-width: 100%;
    }
}

img[src*=".svg"] {
    width: auto;
}