*{
    text-decoration: none;
    -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
         box-sizing: border-box;
}

a,a:hover{
    text-decoration: none;
    color: #101010
}

/* === Website fonts start === */
@font-face {
    font-family: 'Cerebri';
    src: url("../fonts/cerebri-sans-light.ttf");
    font-weight: 300;
}

@font-face {
    font-family: 'Cerebri';
    src: url("../fonts/cerebri-sans-regular.woff2");
    font-weight: 400;
}

@font-face {
    font-family: 'Cerebri';
    src: url("../fonts/cerebri-sans-medium.woff2");
    font-weight: 500;
}

@font-face {
    font-family: 'Cerebri';
    src: url("../fonts/cerebri-sans-bold.woff2");
    font-weight: 600;
}
/* === Website fonts end === */


/* === Body css start === */
body{
    padding: 0;
    margin: 0;
    font-family: 'Cerebri';
    font-weight: 400;
    font-size: 16px;
    color: #101010;
    background-color: #fafafa;
    overflow: hidden;
    overflow-y: auto;
}

.body-scroll-stop{
    overflow: hidden;
}
/* === Body css end === */


/* === Web loader css start === */
.web-preloader {
    background-color: #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1027;
    -webkit-background-size: 200% 200%;
       -moz-background-size: 200% 200%;
         -o-background-size: 200% 200%;
            background-size: 200% 200%;
    background-position: 0% 50%;
}

.web-preloader span.web-inner {
    width: 150px;
    height: 150px;
    line-height: 150px;
    margin: auto;
    -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
         box-sizing: border-box;
    text-align: center;
    z-index: 0;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
}

.web-preloader span.web-inner img {
    width: 100px;
    height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    position: relative;
    padding: 0px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.deactivate span.web-inner {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            -moz-transform: translateY(50px);
              -o-transform: translateY(50px);
         transform: translateY(50px);
    -webkit-transition: all 0.3s 0.5s ease-in-out;
    -o-transition: all 0.3s 0.5s ease-in-out;
    -moz-transition: all 0.3s 0.5s ease-in-out;
    transition: all 0.3s 0.5s ease-in-out;
}

.deactivate {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s 1s ease-in-out;
    -o-transition: all 0.3s 1s ease-in-out;
    -moz-transition: all 0.3s 1s ease-in-out;
    transition: all 0.3s 1s ease-in-out;
}
/* === Web loader css end === */

/* ===  === */
.maxwidth1920{
    max-width: 1920px;
    width: 100%;
    margin: auto;
    padding: 0 15px;
}
/* === === */

/* === Bootstrep Css overaid start === */
.container-lg.cl-custom{
    max-width: 1300px;
}

.modal{
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

.modal.fade.zoom .modal-dialog{
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            -moz-transform: scale(0.9);
              -o-transform: scale(0.9);
         transform: scale(0.9);
}

.modal.zoom.show .modal-dialog {
    -webkit-transform: none;
        -ms-transform: none;
            -moz-transform: none;
              -o-transform: none;
         transform: none;
}

.modal-content.custom-content{
    background-color: white;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    /* box-shadow: rgba(0, 0, 0, 0.01) 0px 207px 58px, rgba(0, 0, 0, 0.08) 0px 132px 53px, rgba(0, 0, 0, 0.27) 0px 74px 45px, rgba(0, 0, 0, 0.45) 0px 33px 33px, rgba(0, 0, 0, 0.52) 0px 8px 18px, rgba(0, 0, 0, 0.53) 0px 0px 0px, rgba(255, 255, 255, 0.08) 0px 1px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset; */
}

.custom-modal-header{
    position: -webkit-sticky;
    position: sticky;
    padding: 20px 15px 15px;
}

.custom-modal-header .cmh-lable{
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.custom-modal-header .cmh-sub-lable{
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-top: 5px;
}

.custom-modal-data{
    padding: 0 10px;
}

.custom-modal-data p{
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
}

/* === Bootstrep Css overaid end === */


/* === Common a tag css start === */
.hreflink{
    color: #951146;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.hreflink:hover{
    color: #951146;
    text-decoration: underline;
}
/* === Common a tag css end === */


/* === Breadcrumb Css start === */
.breadcrumb-outer{
    padding: 12px 0px 12px;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

.breadcrumb-bx{   
    display: -webkit-inline-box;   
    display: -ms-inline-flexbox;   
    display: -webkit-inline-flex;   
    display: -moz-inline-box;   
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    white-space: nowrap;
    width: 100%;
}

.breadcrumb-bx .breadcrumb-back{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            -webkit-flex: 0 0 40px;
               -moz-box-flex: 0;
            flex: 0 0 40px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    margin-right: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.breadcrumb-bx .breadcrumb-back:hover{
    background-color: #2b262b;
}

.breadcrumb-bx .breadcrumb-back svg{
    width: 20px;
    height: 20px;
    position: relative;
    left: -1px;
}

.breadcrumb-bx .breadcrumb-link{
    font-size: 16px;
    font-weight: 400;
    margin-right: 8px;
    color: white;
    text-decoration: underline;
}

.breadcrumb-bx .breadcrumb-link.breadcrumb-active{
    opacity: 0.7;
    color: white;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    pointer-events: none;
    text-decoration: none;
}

.breadcrumb-bx .breadcrumb-link .fa.fa-angle-right{
    margin-left: 8px;
    color: #f2f1f3;
    position: relative;
    top: 0px;
}
/* === Breadcrumb Css end === */


/* === Common heading css start === */

/* --- Common page heading Start --- */
.pages-heading-bx{
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: auto;
    padding: 15px;
}

.pages-heading-bx .phb-inner{
    background-color:black;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    padding-bottom: 20px;
}

.pages-heading-bx .phb-inner.phb-150pb{
    padding-bottom: 150px;
}

.page-heading{
    color: white;
    font-size: 32px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 25px;
}

.page-sub-heading{
    color: rgb(191, 186, 196);
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    max-width: 768px;
    width: 100%;
    margin: -15px auto 15px;
}

.page-heading-mw992{
    max-width: 992px;
    line-height: 1.4;
    margin: auto;
}

.page-event-img{
    max-width:992px;
    padding-top: 32%;
    position: relative;
    margin: auto;
    margin-top: 35px;
    margin-bottom: 25px;
    overflow: hidden;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}

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

@media screen and (max-width:992px) {
    .page-heading-mw992{
        font-size: 28px;
    }

    .page-event-img{
        padding-top: 36%;
    }
}

@media screen and (max-width:768px) {
    .page-heading-mw992{
        font-size: 24px;
    }

    .page-event-img{
        padding-top: 45%;
        margin-top: 15px;
        margin-bottom: 0px;
    }
}

@media screen and (max-width:576px) {
    .page-heading-mw992{
        font-size: 20px;
    }
    .page-event-img{
        padding-top: 56%;
    }
}
/* ---  Common page heading end --- */


/* --- Section heading start  --- */
.section-header-bx .shb-heading{
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.2;
}

.shb-span-affter{
    position: relative;
}

.shb-span-affter::after{
    content: " ";
    position: absolute;
    inset: 0;
    background-image: url("/img/icons/patten/circle.png");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-position: center;
}

.section-header-bx .shb-text{
    font-size: 18px;
    margin: 0;
    margin-top: 10px;
    font-weight: 400;
}

.section-header-bx .shb-text.max-shb-width{
    max-width: 768px;
    width: 100%;
    margin: 10px auto 0;
}

.section-header-bx.shb-white{
    color: white;
}

.section-header-bx.shb-white .shb-text{
    opacity: 0.8;
    font-weight: 300;
}

.section-header-bx.shb-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}

.section-header-bx.shb-flex .shb-heading{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            -webkit-flex: 0 0 400px;
               -moz-box-flex: 0;
            flex: 0 0 400px;
}

.section-header-bx.shb-flex .shb-text{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            -webkit-flex: 0 1 auto;
               -moz-box-flex: 0;
            flex: 0 1 auto;
}
/* --- Section heading end --- */


/* --- Small heading start --- */
.small-heading{
    font-weight: 400;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    color: #888c8f;
    text-align: center;
}

.small-heading::after{
    content: "";
    position: relative;
    top: 1px;
    left: 0;
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            -webkit-flex-grow: 1;
               -moz-box-flex: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 1px;
    background: #101010;
    opacity: .1;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    margin-left: 10px;
}
/* --- Small heading end --- */

/* === Common heading css end === */


/* === Page top img & video section start === */
.page-top-img{
    position: relative;
    height: 290px;
    margin-top: -150px;
}

.page-top-img img{
    padding: 10px;
    background: white;
    width: 100%;
    -webkit-border-radius: 25px;
       -moz-border-radius: 25px;
            border-radius: 25px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.page-top-img video{
    padding: 15px;
    background: white;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 25px;
       -moz-border-radius: 25px;
            border-radius: 25px;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
/* === Page top img & video section end === */


/* === Common btn css start === */
.common-btn{
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    letter-spacing: .02em;
    padding: 15px 25px;
    overflow: hidden;
    isolation: isolate;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: white;
    overflow: hidden;
}

.common-btn:hover{
    color: white;
    /* background-color: #951146; */
}

.common-btn svg{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    -webkit-transform: translateY(130%);
        -ms-transform: translateY(130%);
            -moz-transform: translateY(130%);
              -o-transform: translateY(130%);
         transform: translateY(130%);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(.22,1,.36,1);
    transition: -webkit-transform 1.5s cubic-bezier(.22,1,.36,1);
    -o-transition: transform 1.5s cubic-bezier(.22,1,.36,1);
    -o-transition: -o-transform 1.5s cubic-bezier(.22,1,.36,1);
    -moz-transition: transform 1.5s cubic-bezier(.22,1,.36,1), -moz-transform 1.5s cubic-bezier(.22,1,.36,1);
    transition: transform 1.5s cubic-bezier(.22,1,.36,1);
    transition: transform 1.5s cubic-bezier(.22,1,.36,1), -webkit-transform 1.5s cubic-bezier(.22,1,.36,1), -moz-transform 1.5s cubic-bezier(.22,1,.36,1), -o-transform 1.5s cubic-bezier(.22,1,.36,1);
    transition: transform 1.5s cubic-bezier(.22,1,.36,1), -webkit-transform 1.5s cubic-bezier(.22,1,.36,1);
}

.common-btn:hover svg{
    -webkit-transform: translateY(320%) scale(12) rotate(90deg);
        -ms-transform: translateY(320%) scale(12) rotate(90deg);
            -moz-transform: translateY(320%) scale(12) rotate(90deg);
              -o-transform: translateY(320%) scale(12) rotate(90deg);
         transform: translateY(320%) scale(12) rotate(90deg)
}

.common-btn span{
    position: relative;
    z-index: 1;
    -webkit-transition: color 1.5s cubic-bezier(.22,1,.36,1);
    -o-transition: color 1.5s cubic-bezier(.22,1,.36,1);
    -moz-transition: color 1.5s cubic-bezier(.22,1,.36,1);
    transition: color 1.5s cubic-bezier(.22,1,.36,1);
}


.dvgbdfhn{
    background: #201e23;
    border: none;
    padding: 7px 10px;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    display: block;
    margin-top: 15px !important;
    margin-bottom: 25px !important;
    font-weight: 700;
    font-size: 16px;
    color: #951146;
    text-decoration: underline;
}
/* === Common btn css end === */


/* .about-img{
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
} */

/* === Common section bx css strat === */
.common-section-bx{
    padding: 25px 35px;
    -webkit-border-radius: 26px;
       -moz-border-radius: 26px;
            border-radius: 26px;
    background-color: white;
    -webkit-box-shadow: 0 4px 24px rgba(0,0,0,.08);
            -moz-box-shadow: 0 4px 24px rgba(0,0,0,.08);
         box-shadow: 0 4px 24px rgba(0,0,0,.08);
}

.common-section-bx.csb-black{
    background-color: #101010;
}

.common-section-bx.csb-green{
    background-color: #1b4638;
}

.common-section-bx.csb-transparent{
    background-color: transparent;
    -webkit-box-shadow: none;
            -moz-box-shadow: none;
         box-shadow: none;
    padding: 0;
}

.common-text-layout .ctl-heading{
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.2;
}

.common-text-layout .ctl-text-heading{
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: -5px;
}

.common-text-layout .ctl-text{
    font-size: 16px;
    margin: 0;
    margin-top: 10px;
    font-weight: 400;
}

.common-text-layout .ctl-btn{
    color: #951146;
    border: 1px solid #951146;
}

.common-text-layout .ctl-btn:hover{
    color: white;
}

.common-digital-layout video.cdl-video,
.common-digital-layout img.cdl-img{
    max-width: 90%;
    width:100%;
    display: block;
    margin: auto;
}

.common-digital-layout img.cdl-img{
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
}

.common-digital-layout video.cdl-pe-none{
    pointer-events: none;
}

.common-digital-layout video.cdl-video2{
    border: 4px solid rgb(65, 61, 64);
    background-color: #121114;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    margin: 20px auto;
}

.ctl-white.common-text-layout .ctl-heading{
    color: white;
    font-weight: 300;
}

.ctl-white.common-text-layout .ctl-text{
    color: white;
    opacity: .8;
    font-weight: 300;
}

.common-digital-layout.helpingccimgbx{
    position: relative;
    /* height: 100%; */
    width: 100%;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
}

.common-digital-layout.helpingccimgbx img{
    /* position: absolute;
    left: 0;
    top: 0; */
    /* height: 100%; */
    width: 100%;
    /* -o-object-fit: cover;
       object-fit: cover; */
    -o-object-position: center;
       object-position: center;
    /* -webkit-filter: grayscale(1);
            filter: grayscale(1); */
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* .common-digital-layout.helpingccimgbx img.active{
    -webkit-animation: helpingccimgbxgray 2s forwards;
       -moz-animation: helpingccimgbxgray 2s forwards;
         -o-animation: helpingccimgbxgray 2s forwards;
            animation: helpingccimgbxgray 2s forwards;
}

@-webkit-keyframes helpingccimgbxgray {
    0% {
        -webkit-filter: grayscale(1);
                filter: grayscale(1);
    }

    100% {
        -webkit-filter: grayscale(0);
                filter: grayscale(0);
    }
}

@-moz-keyframes helpingccimgbxgray {
    0% {
        filter: grayscale(1);
    }

    100% {
        filter: grayscale(0);
    }
}

@-o-keyframes helpingccimgbxgray {
    0% {
        filter: grayscale(1);
    }

    100% {
        filter: grayscale(0);
    }
}

@keyframes helpingccimgbxgray {
    0% {
        -webkit-filter: grayscale(1);
                filter: grayscale(1);
    }

    100% {
        -webkit-filter: grayscale(0);
                filter: grayscale(0);
    }
} */
/* === Common section bx css end === */


/* === Owl buttons start === */

/* --- Owl nav css start --- */
.owl-style-nav{
    padding: 0 25px;
}

.owl-style .owl-prev,
.owl-style .owl-next {
    width: 40px !important;
    height: 40px !important;
    margin: 0 5px;
    background-color: rgb(253, 253, 253) !important;
    -webkit-border-radius: 50% !important;
       -moz-border-radius: 50% !important;
            border-radius: 50% !important;
    font-size: 28px !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: inline-flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
       -moz-box-align: center !important;
            align-items: center !important;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #ff0066 !important;
    -webkit-box-shadow: 0 0px 24px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0px 24px rgb(0 0 0 / 20%);
         box-shadow: 0 0px 24px rgb(0 0 0 / 20%);
    z-index: 1;
}

.owl-style .owl-nav {
    margin: 0 !important;
}

.owl-style .owl-nav .owl-prev {
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
       transform: translateY(-50%);
}

.owl-style .owl-nav .owl-next {
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
       transform: translateY(-50%);
}

.owl-style .owl-next svg {
  width: 25px;
  height: 25px;
  position: relative;
  right: -1px;
}

.owl-style .owl-prev svg {
  width: 25px;
  height: 25px;
  position: relative;
  left: -1px;
}

.owl-style .owl-prev:hover,
.owl-style .owl-next:hover {
  background-color: #951146 !important;
  border-color: transparent !important;
  color: white !important;
  opacity: 1;
}
/* --- Owl nav css end --- */


/* --- Owl btn position right top start --- */
/* .owl-style-rt .owl-nav .owl-next{
    right: 5px;
    top: -45px;
    transform: none;
}

.owl-style-rt .owl-nav .owl-prev{
    left: inherit;
    right: 55px;
    top: -45px;
    transform: none;
} */
/* --- Owl btn position right top end --- */


/* --- owl dots css start --- */
.owl-style .owl-dots {
    text-align: center;
    margin: 15px 0;
}

.owl-style .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    display: block;
    margin: 0px 2px;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    background-color: #c9c9c9;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.owl-style .owl-dots .owl-dot:hover span {
    background-color: #ff0066;
}

.owl-style .owl-dots .owl-dot.active span {
    width: 15px;
    background-color: #951146;
}
/* --- Owl dots css end --- */

/* === Owl buttons end === */


/* === Common accordion css start === */
.acc-item {
    position: relative;
    padding: 0 15px;
    border-bottom: 1px solid rgb(48, 45, 52);
}

.acc-item:last-child {
    border-bottom: none;
}

.acc-item .acc-heding {
    color: white;
    padding: 12px 0px;
    background: transparent;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.acc-item .acc-heding.collapsed {
    opacity: 0.7;
}

.acc-item .acc-heding.collapsed:hover {
    opacity: 1;
}

.acc-item .acc-heding span.down-icon {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
              -o-transform: translateY(-50%);
         transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    width: 25px;
    height: 25px;
    font-size: 20px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
}

.acc-item .acc-heding.collapsed span.down-icon {
    -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            -moz-transform: translateY(-50%) rotate(180deg);
              -o-transform: translateY(-50%) rotate(180deg);
         transform: translateY(-50%) rotate(180deg);
}

.acc-item .acc-detail {
    position: relative;
}
/* === Common accordion css end === */


/* === Social Share Icon & Social Icons Start === */
.social-icon,
.social-share-icon{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    padding-bottom: 20px;
}

.social-icon{
    padding-bottom: 0;
}

.social-share-icon .ssi-item{
    padding: 8px 8px;
    text-align: center;
}

.social-icon .si-item{
    padding: 0px 3px;
    text-align: center;
    cursor: pointer;
}

.social-icon .si-item .si-icon,
.social-share-icon .ssi-item .ssi-icon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    overflow: hidden;
    margin: auto;
    font-size: 22px;
    background-color: #121114;
    -webkit-box-shadow: 0 0 20px -5px black;
            -moz-box-shadow: 0 0 20px -5px black;
         box-shadow: 0 0 20px -5px black;
    opacity: 0.9;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-icon .si-item .si-icon{
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 16px;
    border: 1px solid rgb(63, 59, 69);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: transparent;
    -webkit-box-shadow: none;
            -moz-box-shadow: none;
         box-shadow: none;
    color: rgb(255 255 255 / 80%);
}

.social-icon .si-item .si-icon::after{
    content: ""; 
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
            -moz-transform: translate(-50%, -50%) scale(0);
              -o-transform: translate(-50%, -50%) scale(0);
         transform: translate(-50%, -50%) scale(0);
    z-index: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-icon .si-item .si-icon .fa,
.social-share-icon .ssi-item .ssi-icon .fa{
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
}

.social-icon .si-item:hover .si-icon::after,
.social-icon .si-item:hover .si-icon,
.social-share-icon .ssi-item:hover .ssi-icon{
    opacity: 1;
}

.social-icon .si-item:hover .si-icon{
    -webkit-box-shadow: 0 0 20px -5px black;
            -moz-box-shadow: 0 0 20px -5px black;
         box-shadow: 0 0 20px -5px black;
    border-color: transparent;
    color: white;
}

.social-icon .si-item:hover .si-icon::after{
    -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
            -moz-transform: translate(-50%, -50%) scale(1);
              -o-transform: translate(-50%, -50%) scale(1);
         transform: translate(-50%, -50%) scale(1);
}

.social-icon .si-item .si-lable,
.social-share-icon .ssi-item .ssi-lable{
    font-weight: 400;
    color: #f2f1f3;
    font-size: 12px;
    margin-top: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-icon .si-item .si-lable{
    margin-top: 4px;
}

.social-share-icon .ssi-item:hover .ssi-lable{
    color: white;
}

.social-icon .si-item.fb-item .si-icon::after,
.social-share-icon .ssi-item.fb-item .ssi-icon{
    background-color: #2645a9;
    background-image: -o-linear-gradient(45deg, #2645a9, #4e78ff);
    background-image: -webkit-linear-gradient(45deg, #2645a9, #4e78ff);
    background-image: -moz-linear-gradient(45deg, #2645a9, #4e78ff);
    background-image: linear-gradient(45deg, #2645a9, #4e78ff);
}

.social-icon .si-item.insta-item .si-icon::after,
.social-share-icon .ssi-item.insta-item .ssi-icon{
    background-color: #dc2743;
    background: -o-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: -moz-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

.social-icon .si-item.whatsapp-item .si-icon::after,
.social-share-icon .ssi-item.whatsapp-item .ssi-icon{
    background-color: #44be53;
    background-image: -o-linear-gradient(45deg, #09ad1d, #44be53);
    background-image: -webkit-linear-gradient(45deg, #09ad1d, #44be53);
    background-image: -moz-linear-gradient(45deg, #09ad1d, #44be53);
    background-image: linear-gradient(45deg, #09ad1d, #44be53);
}

.social-icon .si-item.ytp-item .si-icon::after,
.social-share-icon .ssi-item.ytp-item .ssi-icon{
    background-color: red;
    background-image: -o-linear-gradient(45deg, #ff0000, #db4040);
    background-image: -webkit-linear-gradient(45deg, #ff0000, #db4040);
    background-image: -moz-linear-gradient(45deg, #ff0000, #db4040);
    background-image: linear-gradient(45deg, #ff0000, #db4040);
}

.social-icon .si-item.linkdin-item .si-icon::after,
.social-share-icon .ssi-item.linkdin-item .ssi-icon{
    background-color: #0072b1;
    background-image: -o-linear-gradient(45deg, #0072b1, #057cbd);
    background-image: -webkit-linear-gradient(45deg, #0072b1, #057cbd);
    background-image: -moz-linear-gradient(45deg, #0072b1, #057cbd);
    background-image: linear-gradient(45deg, #0072b1, #057cbd);
}

.social-icon .si-item.copy-item .si-icon::after,
.social-share-icon .ssi-item.copy-item .ssi-icon{
    background-color: #9401d8;
    background-image: -o-linear-gradient(135deg, #9401d8,#d418a0, #ec3a7c, #ff942d, #ffcc00);
    background-image: -webkit-linear-gradient(135deg, #9401d8,#d418a0, #ec3a7c, #ff942d, #ffcc00);
    background-image: -moz-linear-gradient(135deg, #9401d8,#d418a0, #ec3a7c, #ff942d, #ffcc00);
    background-image: linear-gradient(-45deg, #9401d8,#d418a0, #ec3a7c, #ff942d, #ffcc00);
}
/* === Social Share Icon & Social Icons End === */


/* === Overlaydiv css start === */
.overlaydiv {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #00000080;
    opacity: 0;
    visibility: hidden;
    -webkit-transition:opacity 0.3s ease-in-out;
    -o-transition:opacity 0.3s ease-in-out;
    -moz-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
    top: 0;
    cursor: pointer;
    margin: 0 !important;
    z-index: 1024;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

.over-body .overlaydiv,
.overlaydiv.active {
    visibility: visible;
    opacity: 1;
}
/* === Overlaydiv css end === */


/* === Close button css start === */
.close-icon{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 35px;
    height: 35px;
    background: transparent;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    /* color: white; */
    padding: 4px;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.close-icon.ci-right-icon{
    right:inherit;
    left: 10px;
}

.close-icon.ci-style2{
    -webkit-box-shadow: 0 0 0 5px #f5f5f5;
            -moz-box-shadow: 0 0 0 5px #f5f5f5;
         box-shadow: 0 0 0 5px #f5f5f5;
    background: white;
    right: 10px;
    top: 10px;
}

.close-icon:hover{
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
              -o-transform: rotate(360deg);
         transform: rotate(360deg);
    background: white;
    color: #d11c21;
    opacity: 1;
}
/* === Close button css end === */


/* === Header css start === */
.custom-header{
    position: fixed;
    width: 100%;
    z-index: 1024;
    padding: 25px 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.custom-header.headerWhite{
    padding: 25px 15px;
}

.custom-header .ch-inner{
    position: relative;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
               -moz-box-pack: justify;
            justify-content: space-between; */
    width: 100%;
    max-width: 1870;
    margin: auto;
    padding: 10px 15px;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    background: hsla(0,0%,100%,.05);
    border: 1px solid hsla(0,0%,100%,.06);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    -webkit-transition: all 1s cubic-bezier(.22,1,.36,1);
    -o-transition: all 1s cubic-bezier(.22,1,.36,1);
    -moz-transition: all 1s cubic-bezier(.22,1,.36,1);
    transition: all 1s cubic-bezier(.22,1,.36,1);
}

.custom-header.headerWhite .ch-inner{
    background-color: white;
    -webkit-box-shadow: 0 4px 24px rgb(0 0 0 / 23%);
            -moz-box-shadow: 0 4px 24px rgb(0 0 0 / 23%);
         box-shadow: 0 4px 24px rgb(0 0 0 / 23%);
}



.ch-top-bx{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    padding: 3px 0 3px;
}

.ch-top-bx .ch-t-info{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
}

.ch-top-bx .ch-t-info a{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    padding: 5px 0;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-weight: 500;
}

.headerWhite .social-icon .si-item .si-icon,
.headerWhite .ch-top-bx .ch-t-info a{
    color: hsla(0, 0%, 6%, 0.8);
}

.ch-top-bx .ch-t-info a svg{
    color: white;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.headerWhite .ch-top-bx .ch-t-info a svg{
    color: #951146;
}

.ch-top-bx .ch-t-info a:hover{
    color: white;
    text-decoration: underline;
}
.headerWhite .social-icon .si-item:hover .si-icon{
    color: white;
}

.headerWhite .ch-top-bx .ch-t-info a:hover{
    color: #0f0f0f;
}

.ch-top-bx .social-icon{
    width: auto;
}

.ch-top-bx  .social-icon .si-item{
    padding: 0;
}

.ch-top-bx .social-icon .si-item .si-icon{
    width: 34px;
    height: 34px;
    border: none;
}

.ch-top-bx .social-icon .si-item:hover .si-icon{
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
}



.ch-inner-bx{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
               -moz-box-pack: justify;
            justify-content: space-between;
}

.ch-inner .ch-right,
.ch-inner .ch-left{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            -webkit-flex: 0 0 250px;
               -moz-box-flex: 0;
            flex: 0 0 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
            height: 80px;
}

.ch-inner .ch-right{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            -webkit-justify-content: flex-end;
               -moz-box-pack: end;
            justify-content: flex-end;
}


/* --- Logo Css Start --- */
.ch-logo{
    cursor: pointer;
    /* position: relative; */
    z-index: 2;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.ch-logo img:not(.ch-logo-icon){
    width: 240px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ch-logo img.ch-logo-icon{
    position: absolute;
    height: 100%;
    width: auto;
}

.headerWhite .ch-logo img:not(.ch-logo-icon),
.hoverActive .ch-logo img:not(.ch-logo-icon){
    -webkit-filter: invert(1);
            filter: invert(1);
}

.icon-r-bx {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    width: 46px;
    height: 46px;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
    visibility: visible;
    margin: 0 auto 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}


.icon-r-ani {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
    -moz-perspective: 100px;
         perspective: 100px;
    -webkit-perspective: 100px;
    position: relative;
    /* -webkit-animation: filo-logo 8s infinite;
    -moz-animation: filo-logo 8s infinite;
      -o-animation: filo-logo 8s infinite;
         animation: filo-logo 8s infinite; */
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -moz-transform-origin: center;
      -o-transform-origin: center;
         transform-origin: center;
    width: 46px;
    height: 46px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 46px;
            -webkit-flex: 0 0 46px;
               -moz-box-flex: 0;
            flex: 0 0 46px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.icon-r-ani .icons-f,
.icon-r-ani .icons-b {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.icon-r-ani .icons-f {
    background-image: url('/img/logo/favicon-bw.png');
    background-position: center;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.icon-r-ani .icons-b {
    background-image: url('/img/logo/favicon-bw.png');
    background-position: center;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
      -o-transform: rotatey(180deg);
         transform: rotatey(180deg);    
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@-webkit-keyframes filo-logo {
    0%,
    5% {
        -webkit-transform: rotatey(0deg);
        transform: rotatey(0deg);
    }

    45%,
    50% {
        -webkit-transform: rotatey(180deg);
        transform: rotatey(180deg);
    }

    100% {
        -webkit-transform: rotatey(360deg);
        transform: rotatey(360deg);
    }
}

@-moz-keyframes filo-logo {
    0%,
    5% {
        -webkit-transform: rotatey(0deg);
        -moz-transform: rotatey(0deg);
             transform: rotatey(0deg);
    }

    45%,
    50% {
        -webkit-transform: rotatey(180deg);
        -moz-transform: rotatey(180deg);
             transform: rotatey(180deg);
    }

    100% {
        -webkit-transform: rotatey(360deg);
        -moz-transform: rotatey(360deg);
             transform: rotatey(360deg);
    }
}

@-o-keyframes filo-logo {
    0%,
    5% {
        -webkit-transform: rotatey(0deg);
        -o-transform: rotatey(0deg);
           transform: rotatey(0deg);
    }

    45%,
    50% {
        -webkit-transform: rotatey(180deg);
        -o-transform: rotatey(180deg);
           transform: rotatey(180deg);
    }

    100% {
        -webkit-transform: rotatey(360deg);
        -o-transform: rotatey(360deg);
           transform: rotatey(360deg);
    }
}

@keyframes filo-logo {
    0%,
    5% {
        -webkit-transform: rotatey(0deg);
        -moz-transform: rotatey(0deg);
          -o-transform: rotatey(0deg);
             transform: rotatey(0deg);
    }

    45%,
    50% {
        -webkit-transform: rotatey(180deg);
        -moz-transform: rotatey(180deg);
          -o-transform: rotatey(180deg);
             transform: rotatey(180deg);
    }

    100% {
        -webkit-transform: rotatey(360deg);
        -moz-transform: rotatey(360deg);
          -o-transform: rotatey(360deg);
             transform: rotatey(360deg);
    }
}
/* --- Logo Css End --- */


/* --- Menu Links Start --- */
.ch-menu-bx{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    padding: 0 15px;
    width: auto;
}

.ch-menu-bx .cmb-item{
    position: relative;
    color: white;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    white-space: nowrap;
    margin: 0 7.5px;
    padding: 8px 5px 8px;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.headerWhite .ch-menu-bx .cmb-item,
.hoverActive .ch-menu-bx .cmb-item{
    color: #101010;
}

.ch-menu-bx .cmb-item::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: -webkit-calc(0% - 10px);
    width: -moz-calc(0% - 10px);
    width: calc(0% - 10px);
    height: 2px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
              -o-transform: translateX(-50%);
         transform: translateX(-50%);
    background-color: #951146;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out,  background-color 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out,  background-color 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out,  background-color 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out,  background-color 0.3s ease-in-out;
}

.headerWhite .ch-menu-bx .cmb-item::after,
.hoverActive .ch-menu-bx .cmb-item::after{
    background-color: #951146;
}

.ch-menu-bx .cmb-item:last-child{
    margin-right: 0px;
}

.ch-menu-bx .cmb-item .fa{
    margin-left: 7px;
    font-size: 18px;
    position: relative;
    top: 1px;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.ch-menu-bx .cmb-drop-item:hover .cmb-item .fa,
.ch-menu-bx .cmb-item:hover .fa{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
              -o-transform: rotate(180deg);
         transform: rotate(180deg);
}

.ch-menu-bx .cmb-item:hover{
    cursor: pointer;
}

.ch-menu-bx .cmb-drop-item:hover .cmb-item::after,
.ch-menu-bx .cmb-item:hover::after{
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    opacity: 1;
}

.ch-menu-bx .cmb-item.active::after{
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    opacity: 1;
}

/* .cmb-drop-item{
    position: relative;
} */

.cmb-drop-item .cmb-drop-bx{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    background-color: white;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0 4px 24px rgba(0,0,0,.08);
            -moz-box-shadow: 0 4px 24px rgba(0,0,0,.08);
         box-shadow: 0 4px 24px rgba(0,0,0,.08);
}

.cmb-drop-item:hover .cmb-drop-bx{
    opacity: 1;
    visibility: visible;
}

.cmb-drop-item .cmb-drop-bx .cmb-drop-inner{
    padding: 15px;
    min-height: 0;
    opacity: 0;
    visibility: hidden;
    border-top: 1px solid hsla(0,0%,6%,.1);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.cmb-drop-item:hover .cmb-drop-bx .cmb-drop-inner{
    min-height: 201px;
}

.cmb-drop-item:hover .cmb-drop-bx .cmb-drop-inner{
    opacity: 1;
    visibility: visible;
}

.cmb-drop-inner .cdi-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    padding: 10px 10px;
    -webkit-border-radius: 14px;
       -moz-border-radius: 14px;
            border-radius: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 1.2;
    margin: 10px 0;
}

.cmb-drop-inner .cdi-item:hover{
    background-color: #f5f5f5;
}

.cmb-drop-inner .cdi-item .cdi-icon{
    width: 45px;
    height: 45px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45px;
            -webkit-flex: 0 0 45px;
               -moz-box-flex: 0;
            flex: 0 0 45px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    background-color: #951146;
}
/* --- Menu Links End --- */


/* --- Aside Menu Icon Start --- */
.menu-icon-bx {
    width: 30px;
    height: 30px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            -webkit-flex: 0 0 30px;
               -moz-box-flex: 0;
            flex: 0 0 30px;
    display: none;
    -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
            justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            -webkit-flex-direction: column;
               -moz-box-orient: vertical;
               -moz-box-direction: normal;
            flex-direction: column;
    padding: 0px;
    cursor: pointer;
    margin-left: 15px;
    margin-right: 15px;
    opacity: 0.7;
}

.menu-icon-bx span {
    display: block;
    width: 100%;
    height: 4px;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
    opacity: 0.7;
    background-color: white;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.headerWhite .menu-icon-bx span{
    background-color:  #101010;
}

.menu-icon-bx:hover span,
.menu-icon-bx.active span{
    opacity: 1;
    background-color:  #951146;
}

.menu-icon-bx.active span:nth-child(1) {
    width: 50%;
    margin-left: auto;
}

.menu-icon-bx.active span:nth-child(2) {
    width: 90%;
}

.menu-icon-bx.active span:nth-child(3) {
    width: 50%;
    margin-right: auto;
}
/* --- Aside Menu Icon End --- */


/* ---- Ch Right Start --- */
.headerWhite .common-btn.chr-git-btn,
.hoverActive .common-btn.chr-git-btn{
    border:1px solid #951146;
    color: #951146;
}

.headerWhite .common-btn.chr-git-btn:hover,
.hoverActive .common-btn.chr-git-btn:hover{
    color: white;
}
/* ---- Ch Right End --- */

/* === Header Css End ==== */


/* === Side menu css start ==== */
.side-menu-bx{
    width: 320px;
    position: fixed;
    top: 0px;
    right: 0;
    height: 100%;
    z-index: 1026;
    background-color: white;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            -moz-transform: translateX(100%);
              -o-transform: translateX(100%);
         transform: translateX(100%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 4px 24px rgba(0,0,0,.08);
            -moz-box-shadow: 0 4px 24px rgba(0,0,0,.08);
         box-shadow: 0 4px 24px rgba(0,0,0,.08);
}

.side-menu-bx.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            -moz-transform: translateX(0);
              -o-transform: translateX(0);
         transform: translateX(0);
}

.smb-logo-bx {
    background-color: #fafafa;
    height: 109px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding: 10px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
               -moz-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    border-bottom: 1px solid #0000000d;
}

.smb-logo-bx .smb-logo-link {
    position: relative;
    display: block;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.1px;
    margin: auto;
}

.smb-logo-bx .logo-img-icon{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    height: 100%;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
        -moz-transform: translateY(20px);
          -o-transform: translateY(20px);
     transform: translateY(20px);
-webkit-transition: 0.3s all 0.5s ease;
-o-transition: 0.3s all 0.5s ease;
-moz-transition: 0.3s all 0.5s ease;
transition: 0.3s all 0.5s ease;
}

.smb-logo-bx .smb-logo-link img.logo-img {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            -moz-transform: translateY(20px);
              -o-transform: translateY(20px);
         transform: translateY(20px);
    -webkit-transition: 0.3s all 0.5s ease;
    -o-transition: 0.3s all 0.5s ease;
    -moz-transition: 0.3s all 0.5s ease;
    transition: 0.3s all 0.5s ease;
    -webkit-filter: invert(1);
            filter: invert(1);
}

.side-menu-bx.active .smb-logo-bx .logo-img-icon,
.side-menu-bx.active .smb-logo-bx .smb-logo-link img.logo-img {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
         transform: translateY(0px);
}

.smb-menu-bx {
    height: -webkit-calc(100% - 109px - 65px);
    height: -moz-calc(100% - 109px - 65px);
    height: calc(100% - 109px - 65px);
    max-height: -webkit-calc(100% - 109px - 65px);
    max-height: -moz-calc(100% - 109px - 65px);
    max-height: calc(100% - 109px - 65px);
    position: absolute;
    width: 100%;
    top: 0;
    margin-top: 109px;
    overflow: auto;
    background-color: white;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.smb-menu-bx::-webkit-scrollbar{
    display: none;
}

.smb-menu-bx ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 0px;
    list-style: none;
    padding-bottom: 50px;
}

.smb-menu-bx ul .smb-nav-lable{
    position: relative;
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding: 10px 0px;
    margin: 0 15px;
}

.smb-menu-bx ul .smb-nav-lable::before,
.smb-menu-bx ul .smb-nav-lable::after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 20px;
    height: 1px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: rgb(63, 59, 69);
}

.smb-menu-bx ul .smb-nav-lable::before{
    left: inherit;
    right: 0;
    top: 100%;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    background-color: rgb(63, 59, 69);
}

.smb-menu-bx ul li {
    margin: 0px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            -moz-transform: translateY(20px);
              -o-transform: translateY(20px);
         transform: translateY(20px);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.side-menu-bx.active .smb-menu-bx ul li {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
          -o-transform: translateY(0px);
         transform: translateY(0px);
}

.side-menu-bx.active .smb-menu-bx ul li:nth-child(1) {
    -webkit-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            -moz-transition-delay: 0.6s;
         transition-delay: 0.6s;
}

.side-menu-bx.active .smb-menu-bx ul li:nth-child(2) {
    -webkit-transition-delay: 0.7s;
         -o-transition-delay: 0.7s;
            -moz-transition-delay: 0.7s;
         transition-delay: 0.7s;
}

.side-menu-bx.active .smb-menu-bx ul li:nth-child(3) {
    -webkit-transition-delay: 0.8s;
         -o-transition-delay: 0.8s;
            -moz-transition-delay: 0.8s;
         transition-delay: 0.8s;
}

.side-menu-bx.active .smb-menu-bx ul li:nth-child(4) {
    -webkit-transition-delay: 0.9s;
         -o-transition-delay: 0.9s;
            -moz-transition-delay: 0.9s;
         transition-delay: 0.9s;
}

.side-menu-bx.active .smb-menu-bx ul li:nth-child(5) {
    -webkit-transition-delay: 1.0s;
         -o-transition-delay: 1.0s;
            -moz-transition-delay: 1.0s;
         transition-delay: 1.0s;
}

.side-menu-bx.active .smb-menu-bx ul li:nth-child(6) {
    -webkit-transition-delay: 1.1s;
         -o-transition-delay: 1.1s;
            -moz-transition-delay: 1.1s;
         transition-delay: 1.1s;
}

.side-menu-bx.active .smb-menu-bx ul li:nth-child(7) {
    -webkit-transition-delay: 1.2s;
         -o-transition-delay: 1.2s;
            -moz-transition-delay: 1.2s;
         transition-delay: 1.2s;
}

.side-menu-bx.active .smb-menu-bx ul li:nth-child(8) {
    -webkit-transition-delay: 1.3s;
         -o-transition-delay: 1.3s;
            -moz-transition-delay: 1.3s;
         transition-delay: 1.3s;
}

.side-menu-bx.active .smb-menu-bx ul li:nth-child(9) {
    -webkit-transition-delay: 1.4s;
         -o-transition-delay: 1.4s;
            -moz-transition-delay: 1.4s;
         transition-delay: 1.4s;
}

.side-menu-bx.active .smb-menu-bx ul li:nth-child(10) {
    -webkit-transition-delay: 1.5s;
         -o-transition-delay: 1.5s;
            -moz-transition-delay: 1.5s;
         transition-delay: 1.5s;
}

.side-menu-bx.active .smb-menu-bx ul li:nth-child(11) {
    -webkit-transition-delay: 1.6s;
         -o-transition-delay: 1.6s;
            -moz-transition-delay: 1.6s;
         transition-delay: 1.6s;
}

.side-menu-bx.active .smb-menu-bx ul li:nth-child(12) {
    -webkit-transition-delay: 1.7s;
         -o-transition-delay: 1.7s;
            -moz-transition-delay: 1.7s;
         transition-delay: 1.7s;
}

.smb-menu-bx ul li .smb-link {
    padding: 0px 20px 0px 20px;
    margin-top: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    text-decoration: none;
    position: relative;
    height: 45px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    opacity: 0.7;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}


.smb-menu-bx ul li .smb-link::after {
    content: "";
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    position: absolute;
    left: 16px;
    top: 0;
    height: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    background: rgba(0,0,0,.05);
}

/* .smb-menu-bx ul li:first-child .smb-link:after {
    top: inherit;
    bottom: 0;
} */

.smb-menu-bx ul li .smb-link.smb-content-not:after {
    content: none;
}

.smb-menu-bx ul li .smb-link .fa{
    width: 18px;
    height: 18px;
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-51%);
        -ms-transform: translateY(-51%);
            -moz-transform: translateY(-51%);
              -o-transform: translateY(-51%);
         transform: translateY(-51%);
    -webkit-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

.smb-menu-bx ul li .smb-link:hover {
    opacity: 1;
}

.smb-menu-bx ul li .smb-link.active {
    opacity: 1;
    color: #951146;
}

.common-accordion.smb-drop-bx{
    padding: 0 15px;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
}

.common-accordion.smb-drop-bx .acc-item{
    padding: 0 5px;
    margin-top: 2px;    
}

.common-accordion.smb-drop-bx .acc-item .acc-heding{
    font-weight: 500;
    font-size: 16px;
    color: currentColor;
    padding: 0;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
}

.smb-drop-bx .cdi-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    padding: 10px 10px;
    -webkit-border-radius: 14px;
       -moz-border-radius: 14px;
            border-radius: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 1.2;
    margin: 5px 0;
}

.smb-drop-bx .cdi-item:hover{
    background-color: #f5f5f5;
}

.smb-drop-bx .cdi-item .cdi-icon{
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            -webkit-flex: 0 0 40px;
               -moz-box-flex: 0;
            flex: 0 0 40px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    background-color: #951146;
}

.smb-footer{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px 10px 10px;
    background-color: #fafafa;
    width: 100%;
    margin: 0;
    border-top: 1px solid #0000000d;
}

.smb-footer .social-icon .si-item .si-icon{
    color: black;
    border-color: #0000004d;
}

.smb-footer .social-icon .si-item:hover .si-icon{
    color: white;
}
/* === Side menu css end ==== */


/* === Home page main section Css start === */
.main-home-bx{
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: auto;
    padding: 15px;
}

.main-home-bx .mhb-inner{
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
}

.mhb-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: hsl(0deg 0% 0% / 30%);
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    color: white;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    padding: 0 10px 5%;
    font-size: 36px;
    text-align: center;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}

.mhb-media-bx{
    position: relative;
    /* padding-top: 35%; */
    overflow: hidden;
    height: 500px;
}

.main-home-bx .mhb-inner video,
.main-home-bx .mhb-inner img{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    overflow: hidden;
}

.main-home-bx .mhb-data-bx{
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
}

.main-home-bx .mhb-data-bx > div{
    position: relative;
    padding: 15px 20px 15px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #fafafa;
}

.main-home-bx .mhb-data-bx > div .mdb-heading{
    font-size: 42px;
    font-weight: 300;
}

.main-home-bx .mhb-data-bx > div .mdb-subheading{
    font-size: 18px;
    font-weight: 400;
}

.main-home-bx .mhb-data-bx > div:nth-child(2){
    width: 100%;
    max-width: 768px;
}

.main-home-bx .mhb-data-bx > div:nth-child(2){
    width: 100%;
    max-width: 768px;
}

.main-home-bx .mhb-data-bx > div:nth-child(2),
.main-home-bx .mhb-data-bx > div:first-child{
    -webkit-border-radius: 0 16px 0 0;
       -moz-border-radius: 0 16px 0 0;
            border-radius: 0 16px 0 0;
}

.main-home-bx .mhb-data-bx > div:first-child::after{
    content: " ";
    position: absolute;
    left: -11px;
    bottom: -webkit-calc(100% - 11px);
    bottom: -moz-calc(100% - 11px);
    bottom: calc(100% - 11px);
    width: 70px;
    height: 70px;
    background-image: url(/img/icons/patten/patten01.svg);
    background-position: center;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}

.main-home-bx .mhb-data-bx > div:nth-child(2)::before,
.main-home-bx .mhb-data-bx > div:first-child::before{
    content: " ";
    position: absolute;
    left: -webkit-calc(100% - 11px);
    left: -moz-calc(100% - 11px);
    left: calc(100% - 11px);
    bottom: -11px;
    width: 70px;
    height: 70px;
    background-image: url(/img/icons/patten/patten01.svg);
    background-position: center;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
/* === Home page main section Css end === */


/* === Partner slider start === */
.partner-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    height: 110px;
    padding: 0px 0px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    overflow: hidden;
    background-color: white;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.partner-item img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            -moz-transform: scale(1.3);
              -o-transform: scale(1.3);
         transform: scale(1.3);
    -webkit-filter: grayscale(0.3);
            filter: grayscale(0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.partner-item:hover img{
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}
/* === Partner sldier end === */


/* === FAQs section css start === */
.common-accordion{
    background-color: rgb(32, 30, 35);
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    margin-top: 20px;
    padding: 10px 20px;
}

.common-accordion .acc-item{
    padding: 5px 0;
}

.common-accordion .acc-item .acc-heding{
    font-size: 18px;
    padding: 15px 0px;
    padding-right: 30px;
}

.common-accordion .acc-item .common-data{
    color: rgb(191, 186, 196);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}
/* === FAQs section css end === */


/* === FAQs section css start === */
.faqs-acc.common-accordion{
    max-width: 992px;
    width: 100%;
    background-color: transparent;
    margin: 0 auto;
    padding: 10px;
}

.faqs-acc.common-accordion .acc-item{
    padding: 0;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    border: none;
    background-color: white;
    -webkit-box-shadow: 0 4px 24px rgba(0,0,0,.08);
            -moz-box-shadow: 0 4px 24px rgba(0,0,0,.08);
         box-shadow: 0 4px 24px rgba(0,0,0,.08);
    margin-bottom: 15px;
}

.faqs-acc.common-accordion .acc-item:last-child{
    margin-bottom: 0px;
}

.faqs-acc.common-accordion .acc-item .acc-heding{
    color: #101010;
    font-weight: 500;
    padding: 15px;
    padding-right: 30px;
}

.faqs-acc.common-accordion .acc-item .common-data{
    margin-bottom: 0px;
    color: inherit;
    padding: 15px;
    padding-top: 0px;
}

.faqs-acc.common-accordion .acc-item .acc-heding span.down-icon{
    right: 7px;
}

/* === FAQs section css end === */


/* --- Owlslider Item --- */
#howitworks-slider2 .howitworks-item{
    min-height: 200px;
}

.howitworks-item{
    display: block;
    padding: 20px;
    -webkit-border-radius: 24px;
       -moz-border-radius: 24px;
            border-radius: 24px;
    background-color: white;
    border: 1px solid rgba(0,0,0,.1);
    cursor: pointer;
}

.howitworks-item .hiw-icon{
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    background-color: #951146;
    color: white;
    font-size: 20px;
    font-weight: 500;
}

.howitworks-item .hiw-icon img{
    width: 24px;
    height: 24px;
}

.howitworks-item .hiw-lable{
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1.2;
}

.howitworks-item .hiw-sub-lable{
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 1.4;
}

.howitworks-item .hiw-data{
    font-size: 16px;
    font-weight: 400;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

#howitworks-slider2 .howitworks-item .hiw-data{
    -webkit-line-clamp: inherit;
}

.howitworks-item .hiw-data-more{
    width: 100%;
    font-weight: 500;
    outline: none;
    border: 1px solid #951146;
    background: white;
    color: #951146;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    padding: 2px 9px;
    margin-top: 15px;
    font-size: 13px;
}

.howitworks-item .hiw-data-more:hover{
    background: #951146;
    color: white;
}

.howitworks-item .hiw-data-more .fa{
    font-size: 16px;
    display: none;
}


/* === Review item css Start === */
#reviews-slider .owl-item{
    padding: 15px 0;
}

.review-item{
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    overflow: hidden;
    margin: 0 -5px;
    -webkit-filter: drop-shadow(5px 5px 5px #00000057);
            filter: drop-shadow(5px 5px 5px #00000057);
}

.review-item.review-odd::before,
.review-item.review-odd::after{
    content: "";
    display: block;
    width: 6%;
    background-image: url(/img/icons/patten/reviewpart1.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: 105% 101%;
       -moz-background-size: 105% 101%;
         -o-background-size: 105% 101%;
            background-size: 105% 101%;
    -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
         transform: rotateY(180deg);
}

.review-item.review-odd::before{
    -webkit-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
         transform: rotateY(0deg);
}

.review-item.review-even::before,
.review-item.review-even::after{
    content: "";
    display: block;
    width: 6%;
    background-image: url("/img/icons/patten/reviewpart2.png");
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: 105% 101%;
       -moz-background-size: 105% 101%;
         -o-background-size: 105% 101%;
            background-size: 105% 101%;
    -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
         transform: rotateY(180deg);
}

.review-item.review-even::before{
    left: inherit;
    right: 0;
    -webkit-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
         transform: rotateY(0deg);
}

.review-item .review-item-inner{
    width: 100%;
    padding: 25px 15px;
    background-color: #fefefe;
    margin: 0 -2px;
}

.review-item .review-item-inner .review-data{
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
} 

.cmd-review{
    padding: 15px;
}

.cmd-review .review-data{
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.4;
}

.cmd-review .review-name,
.review-item .review-item-inner .review-name{
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
} 

.cmd-review .review-name{
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 20px;
}

.cmd-review .review-tag,
.review-item .review-item-inner .review-tag{
    text-align: center;
} 

.cmd-review .review-contry,
.review-item .review-item-inner .review-contry{
    text-align: center;
    font-weight: 500;
    font-size: 14px;
} 

.review-item .review-item-inner .review-data-more{
    width: 100%;
    font-weight: 500;
    outline: none;
    border: 1px solid #951146;
    background: white;
    color: #951146;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 2px 9px;
    margin-top: 10px;
    font-size: 14px;
} 

.review-item .review-item-inner .review-data-more:hover{
    background: #951146;
    color: white;
} 

@media screen and (max-width:576px) {
    .cmd-review .review-name{
        font-size: 16px;
    }
}
/* === Review item css End === */


/* === Blogs item css start === */
.blog-item{
    cursor: pointer;
}

.blog-item .blog-imgs{
    position: relative;
    padding-top: 60%;
    margin-bottom: 15px;
    /* border-radius: 24px; */
    overflow: hidden;
}

.blog-item .blog-imgs > img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: top;
    z-index: 1;
    -webkit-border-radius: 24px;
       -moz-border-radius: 24px;
            border-radius: 24px;
}

.blog-item .blog-imgs span{
    position: absolute;
    right: -1px;
    bottom: -1px;
    background-color: #fafafa;
    width: 70px;
    height: 70px;
    padding: 18px;
    z-index: 3;
    -webkit-border-top-left-radius: 16px;
       -moz-border-radius-topleft: 16px;
            border-top-left-radius: 16px;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            -moz-transform: translateY(100%);
              -o-transform: translateY(100%);
         transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
    -o-transition: transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
    -o-transition: -o-transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1), -o-transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.blog-item .blog-imgs span::after{
    content: " ";
    position: absolute;
    right: -webkit-calc(100% - 11px);
    right: -moz-calc(100% - 11px);
    right: calc(100% - 11px);
    bottom: -11px;
    width: 70px;
    height: 70px;
    background-image: url(/img/icons/patten/patten01.svg);
    background-position: center;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
              -o-transform: rotate(-90deg);
         transform: rotate(-90deg);
}

.blog-item .blog-imgs span::before{
    content: " ";
    position: absolute;
    right: -11px;
    bottom: -webkit-calc(100% - 11px);
    bottom: -moz-calc(100% - 11px);
    bottom: calc(100% - 11px);
    width: 70px;
    height: 70px;
    background-image: url(/img/icons/patten/patten01.svg);
    background-position: center;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
              -o-transform: rotate(-90deg);
         transform: rotate(-90deg);
}

.blog-item:hover .blog-imgs span{
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            -moz-transform: translateY(0%);
              -o-transform: translateY(0%);
         transform: translateY(0%);
}

.blog-item .blog-imgs span img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.blog-item .blog-imgs::after{
    content: "";
    position: absolute;
    inset: 1;
    opacity: 0;
    z-index: 2;
    background-color: black;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-item:hover .blog-imgs::after{
    opacity: 0.2;
}

.blog-item .blog-author{
    opacity: 0.5;
    font-weight: 500;
    margin-bottom: 5px;
}

.blog-item .blog-lable{
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.blog-item.our-work-item .blog-lable{
    -webkit-line-clamp: 2;
    font-size: 20px;
    line-height: 1.4;
}

.blog-item .blog-tags div{
    display: inline-block;
    background: #f0f0f0;
    -webkit-border-radius: 200px;
       -moz-border-radius: 200px;
            border-radius: 200px;
    padding: 5px 10px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 500;
}
/* === Blogs item css End === */


/* === Our team item start === */
.ourteam-item .oti-icon{
    position: relative;
    padding-top: 111%;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
}

.ourteam-item .oti-icon img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ourteam-item:hover .oti-icon img{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            -moz-transform: scale(1.05);
              -o-transform: scale(1.05);
         transform: scale(1.05);
}

.ourteam-item .oti-name{
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
}

.ourteam-item .oti-tag{
    opacity: 0.5;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
}
/* === our team item end === */


/* === Contact page css start === */
.contact-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    /* -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center; */
    padding: 10px 10px;
    margin: 10px 0 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    border: 1px solid rgb(0 0 0 / 10%)
}

.contact-info:hover {
    background-color: white;
    border-color: #951146;
}

.contact-info .contact-icon {
    padding: 2px;
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            -webkit-flex: 0 0 40px;
               -moz-box-flex: 0;
            flex: 0 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    margin-right: 10px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.7;
}

.contact-info:hover .contact-icon {
    opacity: 1;
}

.contact-info .contact-icon img {
    width: 100%;
}

.contact-text-lable,
.contact-info .contact-text h6 {
    color: black;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.73;
    overflow: hidden;
    margin: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-info:hover .contact-text h6 {
    color: #951146;
}

.contact-info .contact-text p {
    font-size: 16px;
    margin: 0;
}


.contact-form-bx{
    padding: 26px;
    background: #f5f5f5;
    -webkit-border-radius: 26px;
       -moz-border-radius: 26px;
            border-radius: 26px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid transparent;
}

.contact-form-bx:hover{
    -webkit-box-shadow: 0 4px 24px rgba(0,0,0,.08);
            -moz-box-shadow: 0 4px 24px rgba(0,0,0,.08);
         box-shadow: 0 4px 24px rgba(0,0,0,.08);
    border: 1px solid rgb(0 0 0 / 10%);
}

/* === Contact page css end === */


/* === Lagal css start === */
.legal-content{
    padding: 0 10px;
}

.legal-content .main-lable {
    margin-top: 15px;
    margin-bottom: -20px;
    font-weight: 500;
    color: black;
    font-size: 20px;
    text-transform: capitalize;
}

.legal-content .main-sub-lable {
    margin-top: 30px;
    font-weight: 500;
    font-size: 17px;
    text-transform: capitalize;
}

.legal-ul li,
.legal-content p {
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    margin-top: 6px;
    font-weight: 400;
}

.legal-ul {
    list-style: decimal;
    padding: 0 0 0 10px;
    list-style-position: inside;
}

.legal-ul.ul-dick {
    list-style-type: none;
}

.legal-content p a {
    text-decoration: underline;
}

.legal-content p a:hover {
    color: #8036e0;
}
/* === Lagal css end === */


/* === Sitemap css start === */
.sitemaplinks-bx {
    padding: 10px 10px 10px 10px;
    position: relative;
    margin-bottom: 40px;
}

.sitemap-heding {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    display: block;
    padding-bottom: 10px;
}

.sitemap-heding::before,
.sitemap-heding::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 20px;
    height: 1px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #101010;
}

.sitemap-heding::before {
    left: inherit;
    right: 0;
    top: 100%;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    background-color: #101010;
}

.sitemap-ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sitemap-ul li {
    width: 19%;
    display: inline-block;
    margin: 4px 0;
}

.sitemap-ul.style2 li {
    width: 24%;
}

.sitemap-ul li .sitemap-link {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
               -moz-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    height: 30px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: capitalize;
    font-weight: 500;
    opacity: 0.8;
}

.sitemap-ul li .sitemap-link svg {
    margin-right: 3px;
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sitemap-ul li .sitemap-link:hover {
    opacity: 1;
    color: #951146;
    -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
            -moz-transform: translateX(10px);
              -o-transform: translateX(10px);
         transform: translateX(10px);
}

.sitemap-ul li .sitemap-link:hover svg {
    color: #951146;
}

@media screen and (max-width:992px) {
    .sitemap-ul li {
        width: 24%;
    }

    .sitemap-ul.style2 li {
        width: 32%;
    }
}

@media screen and (max-width:768px) {
    .sitemap-ul li {
        width: 32%;
    }
    
    .sitemap-ul.style2 li {
        width: 49%;
    }
}

@media screen and (max-width:768px) {
    .sitemap-ul li {
        width: 32%;
    }
    .sitemap-ul.style2 li {
        width: 100%;
    }
}

@media screen and (max-width:576px) {
    .sitemap-ul li {
        width: 49%;
    }
}
/* === Sitemap Css end === */

/* === Resources detail css start === */

/* === Resources detail css end === */


/* === Footer css strat === */
.custom-footer{
    padding: 15px;
    margin-bottom: 40px;
}

.custom-footer .cf-inner{
    padding: 25px 25px;
    -webkit-border-radius: 26px;
       -moz-border-radius: 26px;
            border-radius: 26px;
    background-color: #101010;
    -webkit-box-shadow: 0 4px 24px rgba(0,0,0,.08);
            -moz-box-shadow: 0 4px 24px rgba(0,0,0,.08);
         box-shadow: 0 4px 24px rgba(0,0,0,.08);
}

/* --- footer logo bx start --- */
.cf-logo-bx{
    cursor: pointer;
}

.cf-logo-bx img{
    width: 100%;
    max-width: 280px;
    margin-bottom: 15px;
}

.cf-logo-bx p{
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 8px;
    opacity: 0.8;
}
/* --- footer logo bx end --- */

/* --- footer links css start --- */
.footer-heading{
    color: #f2f1f3;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
}

.footer-links-bx{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
}

.footer-links-bx.flb-width-50 .footer-link{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            -webkit-flex: 0 0 50%;
               -moz-box-flex: 0;
            flex: 0 0 50%;
}

.footer-links-bx .footer-link{
    position: relative;
    display: block;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 300;
    padding: 6px 0 6px 20px;
    margin-top: 5px;
    cursor: pointer;
    opacity: 0.8;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.footer-links-bx .footer-link .fa{
    position: absolute;
    left: 5px;
    top: 7px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer-links-bx.flb-style-two .footer-link{
    padding: 6px 10px;
    margin-top: 0px;
}

.footer-links-bx.flb-style-two .footer-link:first-child{
    padding-left: 0;
}

.footer-links-bx.flb-style-two .footer-link::after{
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
              -o-transform: translateY(-50%);
         transform: translateY(-50%);
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: calc(100% - 20px);
    width: 1px;
    background-color: white;
    opacity: 0.5;
}

.footer-links-bx.flb-style-two .footer-link:first-child::after{
    content: none;
}

.footer-links-bx .footer-link:hover {
    opacity:1;
    color: white;
    text-decoration: underline;
}

.footer-links-bx .footer-link.active {
    opacity:1;
    color: white;
    text-decoration: underline;
}
/* --- Footer links css end --- */


/* --- Footer links css start --- */
.footer-link.flci-link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding: 6px 0 6px;
    width: 100%;
}

.footer-link.flci-link img{
    -webkit-filter: invert(1);
            filter: invert(1);
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.footer-link.flci-link div span{
    display: block;
    opacity: 0.5;
    display: none;
}

.footer-link.flci-link:hover div{
    text-decoration: underline;
}

.footer-link.flci-link:hover div span,
.footer-link.flci-link:hover{
    text-decoration: none;
}
/* --- Footer links css end --- */


/* --- Footer copyright & mede-with section Css start --- */
.footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
               -moz-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    padding: 15px 0 0;
    margin-top: 10px;
}

.copyright {
    color: rgb(191, 186, 196);
    font-size: 14px;
}

.mede-with {
    color: rgb(191, 186, 196);
    font-size: 14px;
    margin: 0;
}

.mede-with a {
    color: #ffffff;
    font-weight: 300;
    opacity: 0.8;
}

.mede-with:hover a,
.mede-with a:hover {
    opacity: 1;
}

.icons-box-made {
    width: 20px;
    height: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    position: relative;
    top: 3px;
}

.icons-box-made .fa{
    position: absolute;
}

.mede-with .fa:nth-child(1) {
    color: white;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

.mede-with .fa:nth-child(2) {
    color: white;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            -moz-transform: scale(0);
              -o-transform: scale(0);
         transform: scale(0);
}

.mede-with:hover .fa:nth-child(1) {
    opacity: 0;
}

.mede-with:hover .fa:nth-child(2) {
    opacity: 1;
    color: #951146;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            -moz-transform: scale(1);
              -o-transform: scale(1);
         transform: scale(1);
}
/* --- Footer copyright & mede-with section css end --- */

/* === Footer css end === */


/* === Get in touch Bar & popup start === */
.getintouch-bar{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    padding: 15px 15px 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            -moz-transform: translateY(100%);
              -o-transform: translateY(100%);
         transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(.22,1,.36,1);
    transition: -webkit-transform 0.5s cubic-bezier(.22,1,.36,1);
    -o-transition: transform 0.5s cubic-bezier(.22,1,.36,1);
    -o-transition: -o-transform 0.5s cubic-bezier(.22,1,.36,1);
    -moz-transition: transform 0.5s cubic-bezier(.22,1,.36,1), -moz-transform 0.5s cubic-bezier(.22,1,.36,1);
    transition: transform 0.5s cubic-bezier(.22,1,.36,1);
    transition: transform 0.5s cubic-bezier(.22,1,.36,1), -webkit-transform 0.5s cubic-bezier(.22,1,.36,1), -moz-transform 0.5s cubic-bezier(.22,1,.36,1), -o-transform 0.5s cubic-bezier(.22,1,.36,1);
    transition: transform 0.5s cubic-bezier(.22,1,.36,1), -webkit-transform 0.5s cubic-bezier(.22,1,.36,1);
}

.getintouch-bar.active{
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            -moz-transform: translateY(0%);
              -o-transform: translateY(0%);
         transform: translateY(0%);
}

.getintouch-bar .getintouchbar-inner{
    background: #951146;
    -webkit-border-radius: 24px 24px 0 0;
       -moz-border-radius: 24px 24px 0 0;
            border-radius: 24px 24px 0 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    text-align: center;
    letter-spacing: .01em;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    padding: 12px 48px 24px;
    left: 24px;
    right: 24px;
    width: 100%;
    z-index: 7;
    -webkit-transform: translateY(12px);
        -ms-transform: translateY(12px);
            -moz-transform: translateY(12px);
              -o-transform: translateY(12px);
         transform: translateY(12px);
    -webkit-transition: font-size 1s cubic-bezier(.22,1,.36,1),-webkit-transform 1.5s cubic-bezier(.22,1,.36,1);
    transition: font-size 1s cubic-bezier(.22,1,.36,1),-webkit-transform 1.5s cubic-bezier(.22,1,.36,1);
    -o-transition: transform 1.5s cubic-bezier(.22,1,.36,1),font-size 1s cubic-bezier(.22,1,.36,1);
    -o-transition: font-size 1s cubic-bezier(.22,1,.36,1),-o-transform 1.5s cubic-bezier(.22,1,.36,1);
    -moz-transition: transform 1.5s cubic-bezier(.22,1,.36,1),font-size 1s cubic-bezier(.22,1,.36,1),-moz-transform 1.5s cubic-bezier(.22,1,.36,1);
    transition: transform 1.5s cubic-bezier(.22,1,.36,1),font-size 1s cubic-bezier(.22,1,.36,1);
    transition: transform 1.5s cubic-bezier(.22,1,.36,1),font-size 1s cubic-bezier(.22,1,.36,1),-webkit-transform 1.5s cubic-bezier(.22,1,.36,1),-moz-transform 1.5s cubic-bezier(.22,1,.36,1),-o-transform 1.5s cubic-bezier(.22,1,.36,1);
    transition: transform 1.5s cubic-bezier(.22,1,.36,1),font-size 1s cubic-bezier(.22,1,.36,1),-webkit-transform 1.5s cubic-bezier(.22,1,.36,1);
}

.getintouch-bar .getintouchbar-inner:hover{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            -moz-transform: translateY(0);
              -o-transform: translateY(0);
         transform: translateY(0);
    font-size: 16px;
}

.getintouch-bg{
    z-index: 1024;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: -webkit-calc(1vh * 200);
    height: -moz-calc(1vh * 200);
    height: calc(1vh * 200);
    -webkit-transform: translate3d(0,100%,0) scaleY(.2) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);
            -moz-transform: translate3d(0,100%,0) scaleY(.2) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);
         transform: translate3d(0,100%,0) scaleY(.2) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);
    -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
    -webkit-border-radius: 50% 50% 0 0;
       -moz-border-radius: 50% 50% 0 0;
            border-radius: 50% 50% 0 0;
    -webkit-transition: all 2s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1) 0s;
    -o-transition: all 2s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1) 0s;
    -moz-transition: all 2s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1) 0s;
    transition: all 2s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1) 0s;
    background: #951146;
}

.getintouch-bg.active{
    -webkit-transform: translateZ(0) scale3d(2,1,2) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);
            -moz-transform: translateZ(0) scale3d(2,1,2) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);
         transform: translateZ(0) scale3d(2,1,2) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);
    -webkit-transition: all 2s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1) 1s;
    -o-transition: all 2s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1) 1s;
    -moz-transition: all 2s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1) 1s;
    transition: all 2s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1) 1s;
    background: #fafafa;
}

.getintouch-bx{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1025;
    width: 100vw;
    height: -webkit-calc(1vh * 100);
    height: -moz-calc(1vh * 100);
    height: calc(1vh * 100);
    -webkit-transition: all 1s cubic-bezier(.22,1,.36,1);
    -o-transition: all 1s cubic-bezier(.22,1,.36,1);
    -moz-transition: all 1s cubic-bezier(.22,1,.36,1);
    transition: all 1s cubic-bezier(.22,1,.36,1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            -webkit-flex-direction: column;
               -moz-box-orient: vertical;
               -moz-box-direction: normal;
            flex-direction: column;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;
}

.getintouch-bx.active{
    opacity: 1;
    visibility: visible;
}

.getintouch-bx .getintouch-inner{
    width: 100%;
    height: auto;
    -webkit-transition: all 1s cubic-bezier(.22,1,.36,1);
    -o-transition: all 1s cubic-bezier(.22,1,.36,1);
    -moz-transition: all 1s cubic-bezier(.22,1,.36,1);
    transition: all 1s cubic-bezier(.22,1,.36,1);
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    margin: auto;
    /* -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center; */
}

.getintouch-bx.show .getintouch-inner{
    opacity: 1;
    visibility: visible;
}

.getintouch-container{
    width: 100%;
    max-width: 1200px;
    display: block;
    margin: 0 auto;
    padding: 24px;
}


.getintouch-container .contact-form-bx:hover,
.getintouch-container .contact-form-bx{
   -webkit-box-shadow:  0 4px 40px rgba(0,0,0,.08);
           -moz-box-shadow:  0 4px 40px rgba(0,0,0,.08);
        box-shadow:  0 4px 40px rgba(0,0,0,.08);
   border: none;
   background-color: white;
   height: 100%;
}

.getintouch-filp-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
               -moz-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
            align-items: center;
    padding: 8px;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    background-color: #f5f5f5;
    margin-bottom: 15px;
}

.getintouch-filp-btn > div{
    cursor: pointer;
    padding: 12px 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            -webkit-flex: 0 0 49%;
               -moz-box-flex: 0;
            flex: 0 0 49%;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    color: rgba(72,79,92,.5);
    text-align: center;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.getintouch-filp-btn > div:hover{
    color: #951146;
}

.getintouch-filp-btn > div.active{
    color: white;
    background-color: #951146;
}

.getintouch-filp-tab{
    display: none;
}

.getintouch-filp-tab.active{
    display: block;
}

.getintouch-right.contact-form-bx:hover,
.getintouch-right.contact-form-bx{
    background-color: #1b4638;
    -webkit-border-radius: 26px;
       -moz-border-radius: 26px;
            border-radius: 26px;
    padding: 26px;
    height: 100%;
    -webkit-box-shadow: none;
            -moz-box-shadow: none;
         box-shadow: none;
    border: none;
}

.getintouch-left .contact-info,
.getintouch-right .contact-info{
    border: none;
}

.getintouch-left .contact-info{
    pointer-events: none;
}

.getintouch-right .contact-info:hover{
    border: none;
    background: rgb(0 0 0 / 20%);
}

.getintouch-right .contact-info .contact-icon{
    -webkit-filter: invert(1);
            filter: invert(1);
    opacity: 0.8;
}

.getintouch-right .contact-info .contact-text h6{
    color: white;
}

.getintouch-right .contact-info .contact-text p{
    color: rgba(255, 255, 255, 0.8);
}
/* === Get in touch Bar & popup end === */





/* --- Blog Detail Page start --- */


/* Detail page css */
.blog-detail-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
    /* padding: 0 15px; */
}

.blog-detail-outer .detail-news-outer {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            -webkit-flex: 1 1 auto;
               -moz-box-flex: 1;
            flex: 1 1 auto;
    max-width: 768px;
    padding: 0px 20px 0 0;
}

.blog-detail-outer .newssidebx {
    padding: 20px 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
            -webkit-flex: 0 0 360px;
               -moz-box-flex: 0;
            flex: 0 0 360px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: white;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    background-color: white;
    -webkit-box-shadow: 0 4px 40px rgba(0,0,0,.08);
            -moz-box-shadow: 0 4px 40px rgba(0,0,0,.08);
         box-shadow: 0 4px 40px rgba(0,0,0,.08);
}



.detail-news-ivio-bx {
    position: relative;
    padding-top: 56%;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 10px #ccc !important;
            -moz-box-shadow: 0 4px 10px #ccc !important;
         box-shadow: 0 4px 10px #ccc !important;
}

.detail-news-ivio-bx>*:not(audio) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.detail-news-ivio-bx>audio {
    position: absolute;
    bottom: 10px;
    top: initial;
    left: 50%;
    width: 98%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
              -o-transform: translateX(-50%);
         transform: translateX(-50%);
    -webkit-box-shadow: 0 0 10px #00000078;
            -moz-box-shadow: 0 0 10px #00000078;
         box-shadow: 0 0 10px #00000078;
    max-height: 54px;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
}

.ivio-tag {
    width: 100%;
    text-align: center;
    color: #6c6c6c;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
}

.detail-news-text-bx {
    margin-top: 20px;
}

.detail-news-text-bx>*,
.detail-news-text-bx {
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
    text-align: justify;
    line-height: 1.6;
    font-weight: 400;
}



.newssidebx .cnl-heading {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -5px;
    margin-top: -5px;
}

.cat-news-list .cnl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-top: 20px;
    padding: 0 0px;
}

.cat-news-list .cnl-item .cnl-item-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 110px;
            -webkit-flex: 0 0 110px;
               -moz-box-flex: 0;
            flex: 0 0 110px;
    height: 75px;
    padding-bottom: 0%;
    margin-right: 10px;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 10px #ccc;
            -moz-box-shadow: 0 4px 10px #ccc;
         box-shadow: 0 4px 10px #ccc;
}

.cat-news-list .cnl-item .cnl-item-img .cnl-item-img-bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.cat-news-list .cnl-item .cnl-item-text .cnl-item-text-hed {
    font-size: 16px;
    color: black;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.4;
}

@media screen and (max-width:992px) {
    .blog-detail-outer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                -webkit-flex-direction: column;
                   -moz-box-orient: vertical;
                   -moz-box-direction: normal;
                flex-direction: column;
    }

    .blog-detail-outer .detail-news-outer {
        max-width: 100%;
        padding: 0 10px;
    }

    .blog-detail-outer .newssidebx {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                -webkit-flex: 0 0 auto;
                   -moz-box-flex: 0;
                flex: 0 0 auto;
        margin-top: 30px;
    }
}


/* --- Blog Detail Page end --- */


.whatwedo-item.howitworks-item {
    min-height: inherit;
    height: 100%;
}

.whatwedo-item.howitworks-item .hiw-lable {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.whatwedo-item.howitworks-item .hiw-data {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

/* ---
Gallery Start
--- */
.gallery-filters{
    text-align: center;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.gallery-filters .gallery-filter{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    padding: 5px 5px;
    margin: 0px 10px;
    color: #121212;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    opacity: 0.8;
    border-bottom: 2px dotted transparent;
}

.gallery-filters .gallery-filter:hover{
    color: black;
    opacity: 1;
}

.gallery-filters .gallery-filter.active{
    border-color:  black;
    color:  black;
    opacity: 1;
}



.gallery-outer-bx{
    position: relative;
    height: 360px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gallery-outer-bx::after{
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    /* background: white; */
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(transparent));
    background-image: -webkit-linear-gradient(bottom, #fff, transparent);
    background-image: -moz-linear-gradient(bottom, #fff, transparent);
    background-image: -o-linear-gradient(bottom, #fff, transparent);
    background-image: linear-gradient(0deg, #fff, transparent);
}

.gallery-outer-bx.active{
    height: auto;
}

.gallery-outer-bx.active::after{
    content: none;
}

.gallery-items {
	width:100%;
	position:relative;
}

.gallery-item{
	width: 20%;
	position:relative;
	float:left;
    padding: 5px 5px 10px 5px;
}

.gallery-item a{
    overflow: hidden;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    display: block;
    position: relative;
}

.gallery-item a .gallery-over {
    padding: 5px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-radial-gradient(#00000042, #0000003d);
    background-image: -moz-radial-gradient(#00000042, #0000003d);
    background-image: -o-radial-gradient(#00000042, #0000003d);
    background-image: radial-gradient(#00000042, #0000003d);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.gallery-item a .gallery-over .fa{
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: white;
    color: #951146;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    /* display: none; */
}

.gallery-item a:hover .gallery-over {
    opacity: 1;
    visibility: visible;
}

.gallery-item img{
	width: 100%;
	height: auto;
	position:relative;
	z-index:1;
    /* -webkit-filter: grayscale(1);
            filter: grayscale(1); */
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* .gallery-item a:hover img{
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
} */

.gallery-item .gallery-text{
    padding: 5px 0px;
    display: none;
}

.gallery-item .gallery-text h6 {
    font-weight: 600;
    font-size: 16px;
    color: rgb(0, 0, 0);
    margin-bottom: 2px;
}

.gallery-item .gallery-text p {
    color: var(--color4);
    font-size: 12px;
    margin-bottom: 0;
}


@media screen and (max-width:1200px) {
    .gallery-item {
        width: 25% !important;
    }
}

@media screen and (max-width:992px) {
    .gallery-item {
        width: 33.3% !important;
    }
}

@media (max-width:768px) {
    .gallery-item {
        width: 50% !important;
    }
}

@media screen and (max-width:340px) {
    .gallery-item {
        width: 100% !important;
    }
}
/* ---
Gallery End
--- */




/* video item css Start */


.video-container {
    width: 100%;
    max-width: 800px;
    display: block;
    margin: auto;
    margin-top: 30px;
}

.video-box {
    position: relative;
    padding-top: 56%;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 0 45px -20px #0000005c;
}

.video-box video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block;
}



.video-item{
    cursor: pointer;
}

.video-item .video-item-img{
    position: relative;
    padding-top: 60%;
    margin-bottom: 15px;
    overflow: hidden;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
         border-radius: 24px;
}

.video-item .video-item-img img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: top;
    z-index: 1;
}


.video-pl-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(0deg, #00000096, #00000029);
    transition: all 0.3s ease-in-out;
}


.video-play-btn {
    color: #760730;
    font-size: 35px;
    width: 70px;
    height: 70px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
}


.video-play-btn::before,
.video-play-btn::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.644);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    opacity: .6;
    /* z-index: -1; */
}

.video-play-btn::after {
    -webkit-animation: button-ripple 3s ease-in-out infinite;
    animation: button-ripple 3s ease-in-out infinite;
}

.video-play-btn::before {
    -webkit-animation: button-ripple 3s 1s ease-in-out infinite;
    animation: button-ripple 3s 1s ease-in-out infinite;
}

@-webkit-keyframes button-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 20px currentColor;
        box-shadow: 0 0 0 20px currentColor;
        opacity: 0
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

@keyframes button-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 20px currentColor;
        box-shadow: 0 0 0 20px currentColor;
        opacity: 0
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

.video-play-btn .fa {
    position: relative;
    left: 4px;
    top: 0px;
}
/* video item css End */


/* --- Video popup css start --- */
.videopopup .modal-dialog {
    margin: 0 auto;
    height: 100%;
}

.videopopup .modal-content {
    background-color: transparent;
    border-radius: 0px;
    border: none;
    height: 100%;
    padding: 5px 0;
}

.popupvideo-container {
    width: 100%;
    /* padding-top: 56%; */
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
}

.popupvideo-container video,
.popupvideo-container iframe {
    position: absolute;
    max-width: 100%;
    width: -moz-fit-content;
    width: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    object-position: center;
    max-height: 100%;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 5px;
}
/* --- Video popup css end --- */