::-moz-selection { 
    color: color-mix(in srgb, black 100%, var(--clr01) 100%);
    background-color: color-mix(in srgb, white 100%, var(--clr01) 100%);
}
::selection {
    /* color: var(--clr01); */ 
    color: color-mix(in srgb, black 100%, var(--clr01) 100%);
    background-color: color-mix(in srgb, white 100%, var(--clr01) 100%);
}


body{
    flex-direction: column; 
    /* word-break: break-word;
    word-wrap: break-word; */

    /* &::-webkit-scrollbar {
        width: 6px;
    }
    &::-webkit-scrollbar-track {
        background: #ccc; 
    } */
   
    /* Handle */
    /* &::-webkit-scrollbar-thumb {
        background: var(--clr01); 
    }  */

    .bodybx{
        width: 100% !important;
        overflow: clip;
    }
}
@media (min-width: 991px) {
    html.fixed {
        /* width: calc(100vw - 6px); */
    }
}
ol, ul {
    margin: 15px 0;
    padding: 0 0 0 21px;
    text-align: inherit;
}
._border-{
    position: absolute;
    width: 100%;

    &._border-top{
       margin-top: calc(-1*var(--secpt));
       border-top: var(--borderTop_default);
       top: 0;
       left: 50%;
       translate: -50% -50%;
    }
    &._border-bottom{
       margin-bottom: calc(-1*var(--secpb));
       border-top: var(--borderBottom_default);
       bottom: 0;
       left: 50%;
       translate: -50% 50%;
    }
 }
._imgobj {
    line-height: 0;
}
._content, ._imgobj {
    margin: 0 0 15px; 
    word-break: break-word;
    max-width: 100%;
}

._audio {
    audio {
        width: 100%;
    }
}
 
._ittl ._subttl,
._topsubttl,
._btmsubttl {
    max-width: 100%;
    width: 820px;
    display: inline-block;
    font-family: var(--subttlfamily, inherit);
    font-size: var(--subttlsize, inherit);
    line-height: var(--subttllineheight, inherit);
    margin-bottom: 3px;
}
._ittl > * ~ * ,
._secttlbx > * ~ * {
    margin: var(--secttl-child-margin, 0)
}  
._ittl,
._secttlbx {
    margin: var(--secttlmarg_default,  0 0 30px); 
    text-align: var(--ttlalign);
    width: 100%;  
}
._ttlcontent{
    margin: 21px 0 0;
}
.ttldecor- {
    line-height: 0;
}
._video :where(iframe, video) {
    width: 100%;
    max-width: 100%;
    border-radius: 9px;
}
._iframe {
    line-height: 0;
}

._bg_video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -95;
    pointer-events: none;

    ._video {
        width: 100%;
        height: 100%;
        
        & video{
        aspect-ratio: auto;
        width: 100%;
        height: 100%;
        border-radius: 0; 
        object-fit: cover;
        }
    }
}
.sectionbg { 
    position: absolute;
    display: block;
    z-index: -100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: var(--secbgpos);
    background-size: var(--secbgsz);
    background-repeat: var(--secbgrep);
    pointer-events: none;
}
/* ======================================= */
 
.noInfoNotice {
    margin: 30px 0;
    color: #ccc
}
.noInfoNotice h4 {
    color: #888
}
.noInfoNotice .bimgw {
    width: 50px;
    margin:15px auto;
}
.noInfoNotice .bimgw .bg-mask {
    background-color: var(--clr01);
}

.ani-line {
    position: relative;
}
.ani-line::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 0%;
    height: 1px;
    background-color: #000;
    transition: .6s all cubic-bezier(0.165, 0.84, 0.44, 1);
    scale: .5 1;
}
.ani-line.active::after, 
.ani-line:hover::after {
    width: 100%; 
    right: auto;
    left: 0;
}

/* ===================== */

.horline {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin: 6px 0 ;
}
.itemlbl {
    position: absolute !important;
    left: -15px;
    top: 30px;
    background-color: #fff;
    border: 2px solid var(--clr01);
    line-height: 1;
    padding: 6px 12px;
}
/* ===================== */

.searchbx { 
    position: relative;
    width: 150px;
    max-width: 100%;

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



/*============================================*/
/*    loader                  */
/*============================================*/
.loaderbx {
    position: absolute !important; 
    height: 100% !important;
    width: 100% !important;
    left: 0;
    top: 0;
    text-align: center;
    z-index: 100
}
.loaderbx > div {
    height: 100%;
    max-height: 100vh;
    position: -webkit-sticky; /* Safari */  
    position: sticky;
    top: 0;
}

.loaderbx .loadertxt,
.loaderbx .loaderstat {
    margin: 3px 0
}

.loaderbx.n {
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
}

.loaderbx.p {
    background-color: rgba(255, 255, 255, .7);
    color: inherit;
}

/*<div class="lds-ring"><div></div><div></div><div></div><div></div></div>*/

.lds-ring {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border: 8px solid #fff;
    border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loaderbx.p .lds-ring div {
    border: 8px solid #000;
    border-color: #000 transparent transparent transparent;
}
/*============================================*/
/*    loader                   */
/*============================================*/ 

.whatsappstickybx {
    position: fixed;
    display: flex;
    right: 15px;
    bottom: 165px; 
    padding: 0;
    transition: all 0.4s ease-in-out 0s;
    z-index: 30;  
    cursor: pointer; 
    color: #fff !important;
    border-radius: 9px;
    width: 60px !important; 
    aspect-ratio: 1 / 1;
    justify-content: center;
    align-items: center;
    line-height: 0;
    text-decoration: none;

    @media(width<767px){
        bottom: 65px; 
    }
}