@charset "utf-8";
/* CSS Document */
     :root{
        --theme-color:#004e3b;
        --dark-theme-color:#004e3b;
        --light-theme-color:rgba(44, 188, 99,0.05);
        --before-color:#fff;
        --para-color:#6c6060;
        --main-text-color:#232331;
        --footer-up-color:#232331;
        --footer-bottom-color:#1e1e2c;
        --btn-color:#004e3b;
        --btn-hover-color:#004e3b;
        --main-txt-color:#004e3b;
    }
    html {
      scroll-behavior: smooth;
      scroll-padding-top: 80px;
    }
    .max-width2{
        max-width: 1400px;
        margin: 0 auto;
    }
    *{
        margin: 1px;
        padding: 0;
        font-family: 'Jost', sans-serif;
    }
    ::-webkit-scrollbar {
        width: 5px;
    }
    ::-webkit-scrollbar-thumb {
        background: #888;
        border-radius:10px;
    }
    ::-webkit-scrollbar-track {
        background: #fff;
    }
    body{
        width: 100%;
        overflow-x: hidden;
    }
    button{

        outline: none;
    }
    .mt10px{
        margin-top: 10px;
    }
    .mb10px{
        margin-bottom: 10px;
    }
    .w8{
        width: 7%;
        min-height: 1px;
        overflow: hidden;
    }
    .w98{
        width: 98%;
        min-height: 1px;
        overflow: hidden;
    }
    .w5{
        width: 5%;
        min-height: 1px;
        overflow: hidden;
    }
    .w45{
        width: 45%;
        min-height: 1px;
        overflow: hidden;
    }
    .w10{
        width: 10%;
        min-height: 1px;
        overflow: hidden;
    }
    .w15{
        width: 15%;
        min-height: 1px;
        overflow: hidden;
    }
    .w85{
        width: 85%;
        min-height: 1px;
        overflow: hidden;
    }
    .w18{
        width: 18%;
        min-height: 1px;
        overflow: hidden;
    }
    .w20{
        width: 20%;
        min-height: 1px;
        overflow: hidden;
    }
    .w24{
        width: 23%;
        min-height: 1px;
        overflow: hidden;
    }

    .w78{
        width: 77%;
        min-height: 1px;
        overflow: hidden;
    }
    .w25{
        width: 25%;
        min-height: 1px;
        overflow: hidden;
    }
    .w30{
        width: 30%;
        min-height: 1px;
        overflow: hidden;
    }
    .w35{
        width: 35%;
        min-height: 1px;
        overflow: hidden;
    }
    .w65{
        width: 65%;
        min-height: 1px;
        overflow: hidden;
    }
    .w33{
        width: 33.3%;
        min-height: 1px;
        overflow: hidden;
    }
    .w40{
        width: 40%;
        min-height: 1px;
        overflow: hidden;
    }
    .w50{
        width: 50%;
        min-height: 1px;
        overflow: hidden;
    }
    .w55{
        width: 55%;
        min-height: 1px;
        overflow: hidden;
    }
    .w54{
        width: 54%;
        min-height: 1px;
        overflow: hidden;
    }
    .w60{
        width: 60%;
        min-height: 1px;
        overflow: hidden;
    }
    .w70{
        width: 70%;
        min-height: 1px;
        overflow: hidden;
    }
    .w80{
        width: 80%;
        min-height: 1px;
        overflow: hidden;
    }
    .w86{
        width: 86%;
        min-height: 1px;
        overflow: hidden;
    }
    .w96{
        width: 96%;
        min-height: 1px;
        overflow: hidden;
    }
    .w75{
        width: 75%;
        min-height: 1px;
        overflow: hidden;
    }
    .w90{
        width: 90%;
        min-height: 1px;
        overflow: hidden;
    }
    .w95{
        width: 95%;
        min-height: 1px;
        overflow: hidden;
    }
    .container{
        width: 100%;
        min-height: 1px;
        overflow: hidden;
    }
    section{
        margin: 0 0 0 0;

    }
    section{
        margin: 0 0 0 0;
    }
    .float-left{
        float: left;
    }
    .float-right{
        float: right;
    }
    .float-center{
        margin: 0 auto;
    }
    .left-text{
        text-align: left;
    }
    .right-text{
        text-align: right;
    }
    .center-text{
        text-align: center;
    }
    .justify-text{
        text-align: justify;
    }
    .theme-txt{
        color: #AF0D0A!important;
    }
    .theme-bg{
        background-color: #A3CE3A;
        color: white;
    }

    .title h1{
        font-size: 30px;
        color: rgba(0,0,0,0.8);
    }
    /*.title{
        padding: 50px 0;
    }*/
    .title p{
        padding: 10px;
    }
    .dashblue{
        color: #12ADDB;
    }
    .red-txt{
        color: red!important;
    }
    .bottom-line{
        margin: 10px auto;
        border-bottom: 3px solid rgba(18,173,219,0.5);
    }
    .overflow-visible{
        overflow: visible;
    }
    /*Global End*/
    .pc_hide{
        display: none;
    }



    .client_date{
        font-family: 'freesans',sans-serif;
        font-size: 12px;
        text-align: center;
        padding-top: 5px;
    }
    .menu_med_mob{
        display:none;
    }
    .nav_med{
        display:block;
    }
    .menu_med{
        display:block;
    }
    .top_text a{
        text-decoration: none;
    }
    .filter_height{
        max-height: 300px;
        overflow-y: scroll;
    }
    .filter_height::-webkit-scrollbar{
        width: 4px;
    }
    .filter_height::-webkit-scrollbar-thumb{
        background-color: #22a6a9;
    }
	
	   .category_party{
        padding: 20px 0 50px 0;
    }
    .filter_side_bar{
        background-color: #fff;
        border-radius: 10px;
    }
    .filter_side_bar{
        font-family: 'Lato',sans-serif;
    }
    .filter_txt{
        font-size: 20px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: .8;
        letter-spacing: .01px;
        text-align: left;
        color: #151b39;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(21,27,57,.04);
    }
    .filter_side_bar #maincatsearch {
        width: calc(100% - 20px);
        border-radius: 5px;
        background-color: rgba(10,21,27,0.3);
        color: #6f7284;
        border: 0;
    }
    .filter_side_bar .search_flex svg{
        top: 10px;
        right: 15px;
        color: rgba(0,0,0,0.7);
    }
    .filter_side_bar .childfiltercon{
        border-bottom: 1px solid rgba(21,27,57,.04);
        padding: 10px 0;
    }
    .childfiltercon{
        max-height: 250px;
        overflow-y: scroll;
    }
    .search_flex{
        position: relative;
    }
    .search_flex svg {
        position: absolute;
        height: 20px;
        width: 20px;
        color: var(--theme-color);
        cursor: pointer;
    }
 

    .nav_cleano{
        border-bottom: 1px solid #e0e0e0;
        padding: 8px 0;
        background-color: #222D35;
    }
    .nav_bar_flex{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .nav_left{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .mail_nav a{
        padding-left: 10px;
    }
    .nav_left a{
        text-decoration: none;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
    .nav_left p{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-right: 20px;
    }
    .nav_left svg{
        color: #26476C;
        height: 20px;
        width: 20px;
    }

    .nav_left span{
        display: block;
        padding-left: 10px;
    }
    .menu_cleano{
        /*padding: 10px 0;*/
        transition: 0.5s;
        border-bottom: 1px solid #e0e0e0;
    }
    .menu_bar_flex{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .cleano_logo{
        height: 70px;
        width:200px;
        display: flex;
        align-items: center;

    }
    .cleano_logo a{
        text-decoration: none;
        color: #000;
        font-weight: 700;
        font-size: 25px;
    }
    .cleano_logo img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .list_flex_cleano{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        list-style-type: none;
        gap:30px;
    }
    .list_flex_cleano li{
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        padding: 30px 0;
    }
    @media only screen and (max-width: 1133px) {
        .list_flex_cleano li{
            font-size: 12px;
        }
    }
    @media only screen and (max-width: 1060px) {
        .list_flex_cleano li{
            font-size: 10px;
        }
    }
    .list_flex_cleano li svg{
        height: 20px;
        width: 20px;
        /*color: #099B2A;*/
    }
    .list_flex_cleano li a{
        text-decoration: none;
        color: #000;
        font-weight: 500;
        transition: 0.5s;
    }
    .list_flex_cleano li a:hover{
        color: #26476C;
    }
    .search_cleano{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .search_cleano svg{
        color: #099B2A;
        height: 20px;
        width: 20px;
    }
    .book_now{
        margin-left: 20px;
        padding: 10px 20px;
        border: 0;
        border-radius: 20px;
        background-color: #099B2A;
        position: relative;
        cursor: pointer;
        overflow: hidden;
    }
    .book_now:after{
        color: #fff;
        content: "";
        position: absolute;
        top: -130%;
        left: -210%;
        width: 200%;
        height: 300%;
        opacity: 0;
        transform: skew(-40deg);
        background: rgba(255, 255, 255, 0.13);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
    }
    .book_now:hover::after{
        opacity: 1;
        /* top: 0%; */
        left: 30%;
        transition-property: left, top, opacity;
        transition-duration: 0.7s, 0.7s, 0.15s;
        transition-timing-function: ease;
    }
    .book_now a{
        text-decoration: none;
        color: #fff;
        position: relative;
        z-index: 999;
    }
    .active_cleano a{
        /*color: #099B2A!important;*/
    }

    .logout_button{
        border: 0;
        padding: 5px 10px;
        border-radius: 5px;
        color: #1b3392;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
    }
    .mob_widgets{
        display:none; 
    }
    .desk_widgets{
        display:block; 
    }
	
	
<!--Scary Category Page Css-->

 
    .success{
        position: fixed;
        top: 0%;
        left: 0%;
        height: 100%;
        width: 100%;
        z-index: 9999999;
        background-color: rgba(0,0,0,0.5);

    }
    .success_div{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: #fff;
        padding: 30px;
        border-radius: 10px;
    }
    .success_img{
        height: 80px;
    }
    .success_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .success_div p{
        font-size: 18px;
        padding: 20px 0;
    }
    .invalid-feedback{
        font-size: 14px;
        color: red;
    }
 
    .dummy_text {
        position: fixed;
        right: 0;
        top: 10%;
        z-index: 999999;
        background-color: green;
    }
    .dummy_text p {
        color: #fff;
        padding: 20px 10px;
        font-size: 14px;
        font-weight: 600;
    }
    .login_btn{
        border: 0;
        background-color: #FA4E53;
        padding: 5px 10px;
        border-radius: 5px;
        font-weight: 500;
        cursor: pointer;
        display: flex;
        color: #fff;
        align-items: center;
    }
    .cart_icon{
        background-color: #FEBD2E;
        text-align: center;
        border: 2px solid #fff;
        padding: 5px 5px 0 5px!important;
        border-radius: 5px;
        position: relative;
    }
    .cart_icon .count_cart{
        position: absolute;
        top: -15px;
        right: -8px;
        background-color: #fff;
        padding: 0 3px;
        border-radius: 50%;
        color: #000;
        font-weight: 600;
        font-size: 12px;
        border: 1px solid #FEBD2E;
    }
    .cart_icon svg{
        width: 20px;
        height: 20px;
        margin: 0 auto;
    }
    .social_ytc svg{
        fill:#fff;
        stroke-width:0px;
    }
    .soc_ytc{
        gap:20px;
    }
    .flex_top_cont{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .flex_top_cont a{
        text-decoration: none;
        color: #333;
        transition: 0.5s;
        font-weight: 600;
    }
    .flex_top_cont svg{
        color: #26476C;
    }
    .flex_para_top{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    .flex_para_top span{
        color: rgba(0,0,0,0.8);
        font-size: 13px;
    }
    .flex_para_top a:hover{
        color: #26476C;
    }
    .white-space{
        height: 140px;
        display: none;
    }
    .inst_head svg{
        fill:none;
        stroke-width:3px;
        color: #fff;
    }
    .dropdown_cleano{
        position: absolute;
        background-color: #FFF;
        /* padding: 20px; */
        border-radius: 10px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.2);
        width: 180px;
        top: 50px;
        animation: fade_up 0.2s ease-in-out;
        animation-fill-mode: forwards;
        display: none;
        left: -50%;
        z-index: 9999;
        padding: 10px;
        list-style-type: none;
    }
    .dropdown_cleano li{
        padding: 10px 0;
        text-align: center;
        transition: 0.5s;
        text-align: left;
        font-size: 14px;
        padding: 10px!important;
        font-weight: 500;
        letter-spacing: normal;
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    @keyframes fade_up{
        from{
            opacity:0;
            top:50px;
        }
        to{
            opacity:1;
            top:50px;
        }
    }
    .dropdown_cleano li:hover{
        background-color: rgba(0, 78, 59,0.1);
        color: #000;
    }
    .menu_cleano{
        width: 90%;
        position: absolute;
        z-index: 999;
        margin: 0 5%;
        top: 20px;
        border-bottom: 0;
        background-color: #fff;
        border-radius: 30px;
    }
    .nav_cleano{
        display: none;
    }
 
    .menu_med_mob{
        padding: 10px 0;
        box-shadow: 0 10px 10px rgba(0,0,0,0.1);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
        width: 100%;
    }
    .active_menu{
        position: fixed!important;
        z-index: 9999!important;
        /*background-color: #fff;*/
        /*border-bottom: 1px solid #e0e0e0;*/
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        width: 100%;
        transition: 0.4s;
        top: 0;
    }
    .active_menu .menu_items_gen{
        position: static;
        background-color: #fff;
    }
    .active_menu .ul_flex li a{
        color: #26476c;
    }
    .flex_mob_menu{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mob_menu_logo{
        height: 50px;
    }
    .mob_menu_logo img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .menu_bar p,.mob_med_search{
        border: 1px solid #f2f2f2;
        padding: 6px 10px 4px 10px;
        border-radius: 2px;
    }
    .menu_bar i,.mob_med_search i{
        color: #24aeb1;
    }
    .mob_med_search{
        position: relative;
    }
    .slide_bar_menu{
        position: fixed;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,0.2);
        z-index: 999999999999;

    }
    .bar_slide{
        background-color: #fff;
        width: 350px;
        position: absolute;
        height: 100%;
    }
    .slide_logo{
        height: 50px;
        padding: 10px 0;
        border-bottom: 1px solid #dcdcdc;
    }        
    .slide_logo img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }      
    .mob_menu_list{
        height: 100vh;
        overflow: scroll;
    }
    .m_list{
        position: relative;
        list-style-type: none;
    }                
    .m_list li{
        padding-bottom: 10px;
        text-align: center;
    }
    .m_list li a{
        text-decoration: none;
        color: #24aeb1;
        font-family: 'freesans',sans-serif;
        font-size: 25px;
        position: relative;
        opacity: 0;
    } 
    .mob_menu_list{
        /*        position: absolute;
                top: 40%;
                left: 50%;
                transform: translate(-50%,-50%);*/
    }
    .m_list li a::before{
        position: absolute;
        content: '';
        left: -45px;
        top: 15px;
        width: 0px;
        height: 0.5px;
        background-color: #24aeb1;
    }

    .m_list li a::after{
        position: absolute;
        content: '';
        right: -45px;
        top: 15px;
        width: 30px;
        height: 0.5px;
        background-color: #24aeb1;
    }
    .footer_slide{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 350px;
        z-index: 99999;
        background-color: #fff;
        padding: 10px 0;
        border-top: 1px solid rgba(0,0,0,0.1);
    }
    .footer_slide p{
        font-family: 'freesans',sans-serif;
        text-align: center;
        font-size: 12px;
        color: rgba(0,0,0,0.6);
    }
    .social_icons_effect li a .icon{
        color: rgba(0,0,0,0.7);
    }
    .close_slide{
        position: absolute;
        top: 20px;
        right: 10px;
        border: 1px solid #f2f2f2;
        padding: 6px 10px 4px 10px;
        border-radius: 2px;
    }
    .m_list_anim{
        animation: fade_slide 0.5s linear;
        animation-fill-mode: forwards;
    }
    .m_list_anim::before{
        animation: b_width 1.5s linear;
        animation-fill-mode: forwards;
    }
    .m_list_anim::after{
        animation: r_width 1.5s linear;
        animation-fill-mode: forwards;
    }
    .m1::before,.m1::after{
        animation-delay: 0.4s;
    }
    .m2::before,.m2::after{
        animation-delay: 0.6s;
    }
    .m3::before,.m3::after{
        animation-delay: 0.8s;
    }
    .m4::before,.m4::after{
        animation-delay: 1s;
    }
    .m5::before,.m5::after{
        animation-delay: 1.2s;
    }
    .m6::before,.m6::after{
        animation-delay: 1.4s;
    }
    .m7::before,.m7::after{
        animation-delay: 1.6s;
    }
    .m1{
        animation-delay: 0.4s;
    }
    .m2{
        animation-delay: 0.6s;
    }
    .m3{
        animation-delay: 0.8s;
    }
    .m4{
        animation-delay: 1s;
    }
    .m5{
        animation-delay: 1.2s;
    }
    .m6{
        animation-delay: 1.4s;
    }
    .m7{
        animation-delay: 1.6s;
    }
    @keyframes fade_slide{
        from{
            opacity:0;
        }
        to{
            opacity:1;
        }
    }
    @keyframes b_width{
        from{
            width:0;
            left:0;
        }
        to{
            width:30px;
            left:-45px;
        }
    }
    @keyframes r_width{
        from{
            width:0;
            right:0;
        }
        to{
            width:30px;
            right:-45px;
        }
    }
    .slide_close{
        animation: slide_close 0.5s linear;
        animation-fill-mode: forwards;
    }
    @keyframes slide_close{
        from{
            left:0;
        }
        to{
            left:-100%;
        }
    }
    .open_slide{
        animation: open_close 0.5s linear;
        animation-fill-mode: forwards;
    }
    @keyframes open_close{
        from{
            left:-100%;
        }
        to{
            left:0;
        }
    }
 
    .cat_top_bar{
        display: flex;
        padding: 10px;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        justify-content: flex-start;
        align-items: center;
    }
    .cat_top_bar p{
        font-family: 'freesans',sans-serif;
    }
    .top_mob_name{
        padding-left: 20px;
    }
    .mob_slide_cards{
        height: 82vh;
        overflow-y: scroll;
    }
    .mob_slide_cards .category_image{
        height: 100px;
        width: 100px;
        margin: 10px auto 20px auto;
    }
    .mob_slide_cards .cat_name{
        font-size: 14px;
        padding: 3px;
    }
    .mob_slide_cards .w20{
        margin-bottom: 20px;
    }
    .mob_slide_cards::-webkit-scrollbar{
        width: 4px;
    }
    .mob_slide_cards::-webkit-scrollbar-thumb{
        background: rgba(36, 174, 177,0.3);
    }
    .slide_menu_list{
        list-style-type: none;
        padding: 20px 20px 0 20px;
    }
    .slide_menu_list li{
        padding-bottom: 15px;
    }
    .side_open_anim{
        animation: side_open 0.5s linear;
        animation-fill-mode: forwards;
    }
    .side_close_anim{
        animation: side_close 0.5s linear;
        animation-fill-mode: forwards;
    }
    @keyframes side_open{
        from{
            left:-100%;
        }
        to{
            left:0;
        }
    }
    @keyframes side_close{
        from{
            left:0;
        }
        to{
            left:-100%;
        }
    }
    #salt_slide{
        left: -100%;
    }
    #manu_slide{
        left: -100%;
    }
    #category_slide{
        left: -100%;
    }
 
    .latest_blogs{
        padding: 80px 0;
    }
    .blogs_cards{
        margin: 20px auto;
        padding: 20px 0;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        position: relative;
        border-radius: 20px;
        background: linear-gradient(to top, rgba(0, 151, 137, 0.1),transparent);
        border: 1px solid rgba(23, 92, 98, 0.1);
    }
    .blogs_cards a{
        text-decoration: none;
    }
    .blogs_image{
        height: auto;
        position: relative;
        overflow: visible;
    }
    .blogs_image img{
        width: 100%;
        border-radius: 20px;
        object-fit: contain;
    }
    .date_blog{
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #26476C;
        padding: 5px 20px;
    }
    .date_blog p:nth-child(1){
        font-size: 15px;
        color: #fff;
        font-weight: 600;
    }
    .date_blog p:nth-child(2){
        font-size: 16px;
        color: #fff;
        font-weight: 500;
    }
    .blog_content{
        padding: 10px 0 0 0;
    }
    .blog_head{
        text-decoration: none;
        font-weight: 600;
        padding-bottom: 10px;
        font-size: 22px;
        color: #222d35;
        transition: 0.5s;
        font-family: 'Overlock', cursive;
        color: #26476C;
    }
    .blog_para{
        color: #555c63;
        font-size: 15px;
        padding-bottom: 10px;
    }
    .read_more_blog{
        text-decoration: none;
        color: #222D35;
        font-weight: 600;
        transition: 0.5s;
    }
    .blogs_cards:hover .blog_head{
        color: #26476C;
    }
    .read_more_blog:hover{
        color: #26476C;
    }
 
    .services_page{
        padding: 50px 0;
    }

    .service_list ul{
        list-style-type: none;
    }
    .service_list ul li a{
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: #222d35;
        transition: 0.5s;
    }
    .service_list ul li{
        background-color: #F8F8F8;
        padding: 20px;
        font-weight: 600;
        position: relative;
    }
    .service_list li svg{
        width:20px;
        height: 20px;
    }
    .service_list li::before{
        content: "";
        width: 5px;
        left: 0;
        top: 0;
        bottom: 50%;
        background: red;
        height: 0;
        position: absolute;
        transition: all .3s cubic-bezier(.645,.045,.355,1);
        z-index: 1;
    }
    .service_list li::after{
        content: "";
        width: 100%;
        left: 0;
        top: 75px;
        bottom: 50%;
        background: #eee;
        height: 1px;
        position: absolute;
        transition: all .3s cubic-bezier(.645,.045,.355,1);
        z-index: 1;
    }
    .service_list li{
        margin-bottom: 20px;
    }
    .service_list li:hover::before{
        background-color: #26476C;
        height: 100%;
        top: 0;
    }
    .service_list li:hover svg{
        color: #26476C;
    }
    .service_list li:hover a{
        color: #26476C;
    }
    .flex_download,.down_link{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
    }
    .pdf_img{
        height: 50px;
    }
    .pdf_img img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .download_pdf{
        background-color: #F8F8F8;
        margin-top: 60px;
        padding: 20px 0;
    }
    .down_text{
        color: #26476C;
        font-weight: 600;
        font-size: 16px;
    }
    .down_link{
        gap:10px;
        padding: 10px 0;
    }
    .down_link a{
        text-decoration: none;
        color: #222d35;
        transition: 0.5s;
    }
    .down_link:hover a{
        color: #26476C;
        padding-left: 5px;
    }
    .contact_service{
        height: 300px;
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-position: center!important;
        position: relative;
        margin-top: 40px;
    }
    .layer_cont{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 30%,rgba(34, 45, 53, 0.7) 54%);
        background-color: transparent !important;
    }
    .contact_service_list{
        /* display: flex; */
        justify-content: flex-end;
        align-items: center;
        flex-direction: column;
        /* height: 450px; */
        position: relative;
        background: #fff;
        z-index: 9999;
        width: 90%;
        margin: 0 5%;
        /* border-radius: 10px; */
        position: absolute;
        bottom: -50px;
        left: 0;
        padding: 20px 0;
        box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    }
    .red_txt_serv{
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 10px;
        color: var(--theme-color);
    }
    .para_serv_cont{
        color: rgba(0,0,0,0.8);
        padding: 0 10px 0px 10px;
        font-size: 14px;
        text-align: center;
    }
    .call_serv{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 10px 0;
    }
    .call_serv svg{
        color: rgba(0,0,0,0.8);
    }
    .call_serv a{
        text-decoration: none;
        color: rgba(0,0,0,0.9);
        font-size: 20px;
        font-weight: 600;
    }
    .white_box{
        background-color: #fff;
        padding: 20px 0;
    }
    .get_cont_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .get_touch{
        font-size: 20px;
        padding-bottom: 10px;
    }
    .get_cont_flex svg{
        color: #26476C;
        width: 20px;
        height: 20px;
    }

    .get_cont_flex{
        margin-bottom: 20px;
    }
    .get_cont_flex a{
        text-decoration: none;
        color: #222d35;
        font-size: 14px;
        width: calc(100% - 20px);
    }
    .content_serv_box{
        margin-bottom: 20px;
        overflow: hidden;
    }
    .head_serv{
        font-size: 25px;
        font-weight: 600;
        color: #222d35;
        padding-bottom: 10px;
    }
    .serv_para{
        color: #555c63;
        font-size: 15px;
        line-height: 25px;
    }
    .serv_big_img{
        height: 500px;
    }
    .serv_big_img img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .serv_small_img{
        height: auto;
        margin-top: 10px;
    }
    .serv_small_img img{
        width: 90%;
        object-fit: contain;
    }
 

    /*about page tab content*/
    .clark_mission{
        padding: 50px 0;
    }
    .side_tab_box{
        border: 1px solid rgb(238, 238, 238);
        background-color: #fff;
    }
    .side_tab_box ul{
        list-style-type: none;
    }
    .side_tab_box li{
        font-family: 'Dubai', sans-serif;
        font-size: 14px;
        cursor: pointer;
        color: rgba(24, 43, 73,0.8);
        border-bottom: 1px solid rgb(238, 238, 238);
        padding: 18px 15px;
    }
    .side_tab_box i{
        color: var(--theme-color);
        padding-right: 10px;
    }
    .side_tab_box a{
        text-decoration: none;
    }
    .list_active{
        background: var(--theme-color);
        color: #fff!important;
    }
    .list_active i{
        color: #fff;
    }
    .side_box_text h2{
        color: rgb(24, 43, 73);
        font-size: 20px;
        padding-bottom: 20px;
    }
    .side_box_text p{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        line-height: 25px;
    }
    .tab_content{
        font-family: 'Dubai',sans-serif;
    }
    .tab_content p{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
    }
    .tab_content ul{
        padding-top: 20px;
        list-style-type: none;
    }
    .tab_content i{
        float: left;
        color: #0156d5;
        text-align: center;
        padding-top: 9px;
        margin-top: 2px;
        font-size: 25px;
        margin-right: 15px;
    }
    .tab_content li{
        overflow: hidden;
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        line-height: 25px;
    }
    .tab_content{
        display: none;
    }
    /*about page tab content*/
 
    .page_top{
        padding: 100px 0!important;
        background-position: center!important;
        background-repeat: no-repeat!important;
        background-repeat: no-repeat!important;
    }
    .page_title{
        font-size: 70px;
        font-weight: 600;
        color: #fff;
        padding-top: 50px;
    }
 
    .single_view{
        padding: 30px 0;
    }
    .big_blog_img{
        /*height: 550px;*/
        border-radius: 10px;
    }
    .big_blog_img img{
        height: 100%;
        width: 100%;
        border-radius: 10px;
        object-fit: cover;
    }

    .blog_box_single{
        position: relative;
    }
    .date_float{
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 999;
    }
    .date_box{
        padding: 8px 20px;
        background-color: #26476C;
    }
    .date_box p{
        color: #fff;
    }
    .date_box p:nth-child(1){
        font-size: 20px;
    }
    .date_box p:nth-child(2){
        font-size: 16px;
        font-weight: 600;
    }
    .s_blog_content{
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.08);
        margin: 20px auto;
        padding-bottom: 20px;
        /*position: relative;*/
        top: -40px;
        border-radius: 10px;
    }
    .blog_box_single .date_float_m{
        transform: none;
        top: 20px;
        left: auto;
        right:20px;
    }
    .title_blog_box{
        border-bottom: 1px solid #eee;
        padding: 10px 0 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap:10px;
    }
    .blog_date{
        font-size: 14px;
        color: #26476C;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap:6px;
    }
    .blog_date svg{
        width: 20px;
        height: 20px;
    }
    .head_single{
        font-size: 20px;
        font-weight: 600;
        color: var(--dark-theme-color);
    }
    .single_blog_content{
        margin-top: 20px;
    }
    .single_blog_content p{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        padding-bottom: 10px;
        line-height: 25px;
    }
    .single_blog_content img{
        width:100%;
    }
    .head_inside{
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 10px;
        color: #222d35;
    }
    .para_inside{
        color: #555c63;
        line-height: 25px;
        font-size: 15px;
    }
    blockquote{
        background-color: #F8F8F8;
        padding: 25px;
    }
    blockquote p:nth-child(1){
        font-size: 15px;
        color: #555c63;
        line-height: 25px;
    }
    blockquote p:nth-child(2){
        font-weight: 600;
        color: #222d35;
        padding-top: 10px;
        font-size: 14px;
    }
    .serv_small_img{
        height: auto;
        margin-top: 10px;
    }
    .serv_small_img img{
        width: 90%;
        object-fit: contain;
    }
    .sharing_tags{
        margin-top: 20px;
        border-top: 1px solid #eee;
    }
    .grey_box{
        /*        background-color: #F8F8F8;
                padding: 20px 0;*/
    }
    .grey_head{
        font-size: 18px;
        font-weight: 500;
        padding-bottom: 10px;
    }
    .white_box{
        background-color: #fff;
        padding: 20px 0;
        border-bottom: 2px solid #26476C;
        border-left: 1px solid #eee;
        border-top: 1px solid #eee;
        border-right: 1px solid #eee;
        border-radius: 5px;
    }
    .recent_blog_box a{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:10px;
        border-bottom: 1px solid #eee;
        padding: 10px 0;
        text-decoration: none;
    }
    .recent_img{
        height: 60px;
        width: 60px;
        border-radius: 10px;
    }
    .recent_img img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    .recent_title{
        width: calc(100% - 60px);
    }

    .date_recent{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
        padding-top: 10px;
        font-size: 14px;
        color: #555c63;
    }
    .date_recent svg{
        width: 18px;
        height: 18px;
    }
    .date_recent span{
        font-size: 12px;
    }
    .rec_title{
        color: var(--dark-theme-color);
        font-size: 14px;
        transition: 0.5s;
        font-weight: 500;
    }
    .recent_blog_box:hover .rec_title{
        color: #26476C;
    }
 
    .about_details{
        padding: 50px 0;
    }
    .big_txt{
        font-size: 30px;
        font-weight: 600;
        color: #222d35;
    }
    .quote_txt{
        font-size: 17px;
        font-style: italic;
        padding: 10px 0;
        color: #222d35;
    }
    .normal_txt{
        font-size: 14px;
        color: #222d35;
        padding: 5px 0;
    }
    .about_content{
        margin-bottom: 15px;
    }
    .skills_ul{
        list-style-type: none;
    }
    .skills_ul li svg{
        color: var(--theme-color);
        width: 20px!important;
        height: 20px;
        flex-shrink: 0;
        position: relative;
        top: 3px;
    }
    .skills_ul span{
        width: calc(100% - 20px);
    }
    .skills_ul li{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:10px;
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        padding-bottom: 15px;
    }
    .single_blog_content ol{
        margin-left: 20px;
    }
    .single_blog_content ol li{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        padding-bottom: 15px;
    }
    .mission_box .normal_txt{
        padding-top: 15px;
    }
    .vision_box{
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        padding: 15px 0;
        margin: 20px auto 20px 10px;
    }
    .flex_mission_box{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:15px;
    }
    .mission_img{
        height: 50px;
    }
    .mission_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .mission_content p:nth-child(1){
        font-size: 20px;
        font-weight: 600;
        color: #222d35;
        padding-bottom: 5px;
    }
    .mission_content p:nth-child(2){
        font-size: 14px;
        color: #555c63;
        padding-bottom: 5px;
    }
    .image_abt{
        height: 450px;
    }
    .image_abt img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .red_back{
        background-color: #26476C;
        color: #fff;
        padding: 10px 0; 
    }
    .red_back p{
        font-size: 20px;
        font-weight: 600;
    }
    .side_about{
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        padding: 0 0 30px 0;
        margin: 5px auto 20px auto; 
    }
    .abt_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
        margin-bottom: 20px;
    }
    .abt_flex svg{
        color: #26476C;
        width: 20px;
        height: 20px;
    }
    .abt_side_panel{
        margin-top: 25px;
    }
    .abt_flex a{
        text-decoration: none;
        color: #222d35;
        font-size: 15px;
    }
    .side_flex{
        width: calc(100% - 20px);
    }
    .side_flex p{
        font-weight: 600;
        font-size: 16px;
    }
    .company_abt{
        border-bottom: 1px solid #eee;
    }
    .social_icons_ytc ul{
        margin-top: 20px;
        list-style-type: none;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
    }
    .social_icons_ytc li{
        background-color: rgba(0,0,0,0.04);
        border: 1px solid #ddd;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    .social_icons_ytc li a{
        text-decoration: none;
        color: #222d35;
    }
    .social_icons_ytc li p{
        text-align: center;
        line-height: 50px;
    }
    .social_icons_ytc svg{
        height: 20px;
        width: 20px;
        transition: 0.5s;
        stroke-width:1.5px;
    }
    .social_icons_ytc li:hover svg{
        color: #26476C;
    }
    .about_content ul{
        list-style-type: none;
    }
 
    .banner_image{
        /*height: 80vh;*/
        display: block;
    }
    .mob_banner_image{
        display: none;
    }
    .banner_image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .banner_carousel{
        position: relative;
    }
    .banner_carousel .owl-dots{
        position: absolute;
        z-index: 9999;
        top: 90%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .banner_carousel .owl-dot.active span{
        width: 20px;
        background: var(--theme-color)!important;
    }
    .banner_ytc{
        position: relative;
    }
    .banner_feat90{
        position: absolute;
        bottom: -150px;
        left: 0;
        z-index: 999;
    }
    .featutre_box_banner{
        background-color: #fff;
        padding: 30px 0;
        border: 1px solid #eee;
        box-shadow: 0 0 20px rgba(0,0,0,0.2);
        margin-bottom: 30px;
        position: relative;
    }
    .featutre_box_banner::before{
        content: "";
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        transform: scaleX(0);
        border-bottom: 3px solid #26476C;
        transition: all 0.3s ease 0s;
    }
    .featutre_box_banner:hover::before{
        transform: scaleX(1);
        border-bottom: 3px solid #26476C;
    }
    .featutre_box_banner:hover .img_feat{
        transform: scaleX(1);
    }
    .img_feat{
        height: 50px;
        width: 50px;
        margin: 0 auto;
    }
    .img_feat img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .main_txt{
        font-size: 20px;
        font-weight: 600;
        padding: 10px 0;
        color: #222d35;
    }
    .para_txt{
        color: #555c63;
        font-size: 15px;
        padding: 0 0 10px 0;
    }
    .anchor_txt{
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
    }
    .anchor_txt a{
        color: #26476C;
        font-weight: 600;
        text-decoration: none;
    }
    .anchor_txt svg{
        height: 20px;
        width: 20px;
        color: #26476C;
    }
 
    .mid_flex_ytc{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: #26476C;
    }
    .maroon_back{
        width: 50%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .mid_image{
        width: 50%;
        height: 200px;
    }
    .mid_image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .mid_head{
        font-size: 30px;
        font-weight: 600;
        color: #fff;
        padding: 10px 0;
    }
    .mid_contact{
        color: #fff;
    }
    .mid_contact a{
        text-decoration: none;
        color: #fff;
    }
    .string,.string2{
        width: 20px;
        height: 20px;
        margin: 0 auto;
        position: relative;
        top: 10px;
        left: 2px;
    }
    .string img,.string2 img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .string2{
        display: none;
    }
 
    .ytc_counter{
        background-color: #222D35;
        padding: 50px 0;
    }
    .ytc_counter .main_heading_ytc{
        color: #fff;
    }
    .ytc_counter .ytc_para_abt{
        color: rgba(255,255,255,0.8);
    }
    .hr_line_bottom{
        border: 0;
        background-color: rgba(255,255,255,0.2);
        height: 1px;
        width: 100%;
        margin-top: 30px;
    }
    .counter-value{
        color: #fff;
        font-size: 40px;
    }
    .counter_text{
        color: #fff;
        font-size: 14px;
    }
    .counter_img{
        height: 500px;
        border: 30px solid #fff;
        position: absolute;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .counter_img img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
 
    .industries_sect{
        margin-top: 150px;
        padding: 100px 0 250px 0;
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-position: center!important;
        position: relative;
    }
    .flex_cards_indus{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .indus_card_img{
        height: 250px;
    }
    .indus_card_img img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .indus_service_cards{
        background-color: #fff;
        padding: 20px 0;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        margin: 30px auto;
        transition: 0.5s;
    }
    .indus_service_cards:hover{
        margin-top: 25px;
    }
    .indus_service_cards:hover .indus_card_name{
        color: #26476C;
    }
    .flex_card_indus{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0 0 0;
    }
    .flex_card_indus svg{
        color: #222D35;
    }
    .indus_card_name{
        font-size: 22px;
        font-weight: 500;
        color: #222d35;
        transition: 0.5s;
    }
    .indus_para_card p{
        font-size: 15px;
        color: #555c63;
        padding: 10px 0;
    }
    .cards_industries{
        margin-top: 50px;
        position: absolute;
    }
    .indus_service_cards a{
        text-decoration: none;
    }
 
    .testimonial_ytc{
        padding: 100px 0;
        margin-top: 350px;
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-position: center!important;
    }
    .testimonial_image{
        height: 100px;
        width: 100px;
        border-radius: 50%;
        margin: 0 auto;
        position: relative;
        border: 7px solid #fff;
        margin-bottom: 20px;
    }
    .testimonial_image img{
        border-radius: 50%;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .small_circle{
        width: 40px;
        height: 40px;
        line-height: 30px;
        border-radius: 50%;
        background-color: #26476C;
        position: absolute;
        bottom: -10px;
        right: 0;
    }
    .small_circle svg{
        color: #fff;
        width: 20px;
        height: 20px;
        stroke-width:3px;
        position:relative;
        top: 10px;
        left: 10px;
    }
    .test_para{
        padding: 0 15px 15px;
        text-align: center;
        font-size: 18px;
        line-height: 33px;
        font-weight: 400;
        color: #555c63;
        font-style: italic;
    }
    .stars_test{
        display: flex;
        justify-content: center;
        align-items: center;
        gap:5px;
    }
    .stars_test svg{
        height: 20px;
        width: 20px;
        fill:#F1D121;
        stroke:#F1D121;
    }
    .testimonial_name{
        color: #222D35;
        font-weight: 600;
        font-size: 20px;
        padding: 15px 0 5px 0;
        text-align: center;
    }
    .deisg_name{
        color: #555c63;
        font-size: 14px;
        font-weight: 600;
    }

    .arrow_left_div{
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translate(-50%,-50%);
        border: 1px solid #ddd;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 9999;
        background: transparent;
    }
    .arrow_right_div{
        position: absolute;
        right: -50px;
        top: 50%;
        transform: translate(-50%,-50%);
        border: 1px solid #ddd;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 9999;
        background: transparent;
    }
    .arrow_left_div svg{
        stroke-width:2;
        color: #000;
        position: relative;
        top: 7px;
        left: 5px;
    }
    .arrow_right_div svg{
        stroke-width:2;
        color: #000;
        position: relative;
        top: 7px;
        left: 8px;
    }

    .mission_ytc{
        padding: 50px 0;
    }
    .features_box{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 30px;
    }
    .point_div{
        width: 20%;
        position: relative;
    }
    .point_circle{
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #f8f8f8;
        position: relative;
        transition: all .8s ease;
    }
    .point_circle p{
        line-height: 50px;
        text-align: center;
        font-weight: 600;
        font-size: 16px;
    }
    .point_content{
        width: 80%;
        background-color: #f8f8f8;
        padding: 20px 30px;
        position: relative;
        transition: 0.5s;
    }
    .point_content::before{
        top: 50px;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(194,225,245,0);
        border-right-color: #f8f8f8;
        border-width: 10px;
        left: -20px;
        transition: all .5s ease;
    }
    .point_head{
        font-size: 20px;
        font-weight: 600;
        color: #222d35;
        padding-bottom: 15px;
        transition: 0.5s;
    }
    .point_para{
        color: #555c63;
        font-size: 15px;
        transition: 0.5s;
    }
    .feature_container{
        margin-top: 40px;
    }
    .point_div::after{
        content: '';
        position: absolute;
        height: 100px;
        width: 2px;
        left: 25px;
        top: 45%;
        z-index: -1;
        transition: all .6s ease;
    }
    .features_box:not(:last-child):hover .point_div::after{
        height: 180px;
        z-index: 0;
        background-color: red;
        z-index:0;
    }
    .features_box:hover .point_circle{
        background-color: #26476C;
        z-index: 9999;
    }
    .features_box:hover .point_circle p{
        color: #fff;
    }
    .features_box:hover .point_content{
        background-color: #26476C;
    }
    .features_box:hover .point_head{
        color: #fff;
    }
    .features_box:hover .point_para{
        color: #fff;
    }
    .mission_image{
        height: auto;
    }
    .mission_image img{
        width: 100%;
        object-fit: contain;
    }
    .mission_right{
        position: relative;
        overflow: visible;
    }
    .mission_right::before{
        content: '';
        position: absolute;
        height: calc(100% + 130px);
        width: 83%;
        left: 50%;
        top: -80px;
        z-index: -1;
        background-color: #f8f8f8;
    }
    .flex_mission{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .mission_text{
        font-size: 23px;
        font-weight: 500;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        padding-left: 305px;
        transform: translateY(-35px);
    }
    .mission_text::before{
        background-color: #db2d46;
        -webkit-mask: url(images/image-arrow.html) no-repeat 100% 100%;
    -webkit-mask-box-image: url(images/image-arrow.html);
    content: '';
    position: absolute;
    width: 90px;
    height: 50px;
    background-repeat: no-repeat;
    left: 200px;
    top: 0;
    right: auto;
    }
 
    .head_clark{
        font-size: 35px;
        color: var(--btn-hover-color);
        padding-bottom: 10px;
        font-weight: 700;
    }
    .sub_clark_head{
        font-size: 17px;
        color: #4F5E64;
        padding: 0 50px;
        font-weight: 500;
        line-height: 30px;
    }
    .heading_section{
        /*padding-bottom: 50px;*/
    }

    .feature_clark{
        padding: 50px 0 50px 0;
        position: relative;
    }

    .flex_feature_box{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 50px;
    }
    .flex_feature_box a{
        text-decoration: none;
    }
    .feat_cl_box{
        padding: 20px 0;
        border-radius: 20px;
    }
    .cl_box1{
        background: linear-gradient(0deg, rgb(186,236,202) 0%, rgb(236,237,162) 100%);
    }
    .cl_box2{
        background: linear-gradient(0deg, rgb(255,209,252) 0%, rgb(250,208,198) 100%);
    }
    .cl_box3{
        background: linear-gradient(0deg, rgb(172,203,238) 0%, rgb(231,240,253) 100%);
    }
    .cl_box4{
        background: linear-gradient(0deg, rgb(228,238,255) 0%, rgb(241,232,236) 100%);
    }

    .cl_box5{
        background: linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
    }
    .cl_box6{
        background: linear-gradient(0deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
    }
    .cl_box7{
        background: linear-gradient(0deg, #84fab0 0%, #8fd3f4 100%);
    }
    .cl_box8{
        background: linear-gradient(0deg, #a1c4fd 0%, #c2e9fb 100%);
    }

    .feat_in_img{
        height: 90px;
        width: 90px;
    }
    .feat_in_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .l_head{
        font-size: 30px;
        font-weight: 600;
        color: #26476C;
        padding: 15px 0;
        font-family: 'Overlock', cursive;
    }
    .short_feat{
        font-size: 16px;
        padding: 0 0 20px 0;
        color: #26476C;
        line-height: 25px;
    }
    .btn_feat_b{
        border: 0;
        border-radius: 50px;
        padding: 15px 0;
        width: 100%;
        font-size: 15px;
        font-weight: 600;
        color: #26476C;
        background-color: #fff;
        cursor: pointer;
        position: relative;
    }
    .btn_feat_b::after{
        position: absolute;
        content: '';
        height: 10%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: 50px;
        width: 20%;
        transition: 0.2s;
    }
    .btn_feat_b:hover::after{
        width: 100%;
        height: 100%;
        background-color: #26476C;
        color: #fff;
    }
    .btn_feat_b span{
        position: relative;
        z-index: 999;
    }
    .btn_feat_b:hover span{
        color: #fff;
    }


    .banner_clark{
        font-family: 'Overlock', cursive;
    }
    .banner_img{
        width: 100%;
        height: 90vh;
    }
    .banner_img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .banner_cont{
        position: relative;
    }
    .box_inside{
        border-right: 1px solid #fff;
        border-color: rgb(255 255 255 / 30%);  
        backdrop-filter: blur(4px);
        color: #fff;
        background: rgb(0 0 0 / 30%);
        padding: 20px 0;
        cursor: pointer;
        width: 99.5%;
        height: 150px;
        display: flex;
        align-items: center;
    }
    .box_inside:hover .box_head::after{
        width: 150px;
    }
    .banner_box{
        position: absolute;
        bottom: 70px;
    }
    .box_flex{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px;
    }
    .box_flex p{
        font-size: 25px;
        font-weight: 600;
        font-family: 'Overlock', cursive;
        position: relative;
    }
    .box_head{
        width: calc(100% - 40px);
    }
    .box_flex .box_head::after{
        position: absolute;
        content: '';
        left: 0;
        bottom: -10px;
        height: 2px;
        width: 0;
        background-color: #fff;
        transition: 0.5s;
    }
    .circle_icon{
        width: 40px;
        height: 40px;
        background-color: rgba(255,255,255,0.2);
        border-radius: 50%;
    }
    .circle_icon svg{
        height:22px;
        width: 22px;
        transition: 0.5s;
    }
    .circle_icon p{
        line-height: 45px;
    }
    .icon_flex{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:10px;
    }
    .img_icon{
        height: 60px;
        width: 60px;
    }
    .img_icon img{
        height: 100%;
        width: 100%;
    }
    .box_inside:hover .circle_icon svg{
        transform: rotate(-45deg);
    }
    .ci2 .img_icon{

    }
    .contact_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    .emer{
        font-size: 15px;
        font-weight: 500;
    }
    .call_num{
        font-size: 20px;
        text-decoration: none;
        color: #fff;
    }
    .bottom_wave{
        position: absolute;
        bottom: -64px;
    }
    .wave_img{
        width: 100%;
        height: 150px;
    }
    .wave_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .four_feat{
        position: relative;
        top: -50px;
        z-index: 9999;
    }
    .flex_container{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .main_feat_box{
        background-color: #fff;
        border-radius: 10px;
        padding: 15px 0;
        transition: 0.5s;
        box-shadow: 0 10px 40px rgba(0,0,0,0.1);
        cursor: pointer;
    }
    .main_feat_box:hover{
        transform: scale(1.1,1.1);
        box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    }
    .main_feat_box a{
        text-decoration: none;
    }
    .feature_box{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
    }
    .feat_icon{
        height: 40px;
        width: 40px;
        padding: 5px;
        border-radius: 50%;
    }
    .feat_icon img{
        height: 80%;
        width: 80%;
        margin: 10%;
        object-fit: contain;
    }
    .feat_text span{
        color: #000;
        font-weight: 500;
        font-size: 13px;
    }
    .feat_text p{
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }
    .fi1{
        background-color: #EF6A3A;
    }
    .fi2{
        background-color: #E95C70;
    }
    .fi3{
        background-color: #517DDF;
    }
    .fi4{
        background-color: #2BA3BC;
    }

    .about_clark{
        position: relative;
        background-color: #FCF5E7;
        padding: 30px 0;
    }
    .about_clark .bottom_wave{
        bottom: -84px;
        z-index: 9999;
    }
    .top_wave{
        position: absolute;
        top: -80px;
    }
    .about-img{
    }
    .about-img img{
        width: 100%;
        object-fit: contain;
    }
    .abt_head{
        font-size: 45px;
        font-family: 'Overlock', cursive;
        padding-bottom: 10px;
        color: #26476C;
        font-weight: 600;
    }
    .flex_about{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .sub_abt{
        font-size: 30px;
        font-family: 'Overlock', cursive;
        padding-bottom: 10px;
        color: #26476C;
        font-weight: 500;
        font-style: italic;
    }
    .sub_para_abt p{
        font-size: 16px;
        color: #26476C;
        line-height: 28px;
        text-align: justify;
    }
    .about_btn{
        background-color: transparent;
        border: 1px solid #26476C;
        border-radius: 50px;
        padding: 12px 0;
        color: #26476C;
        width: 20%;
        margin-top: 20px;
        font-weight: 600;
        position: relative;
        cursor: pointer;
    }

    .about_btn::after{
        position: absolute;
        content: '';
        height: 10%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: 50px;
        width: 20%;
        transition: 0.2s;
    }
    .about_btn:hover::after{
        width: 100%;
        height: 100%;
        background-color: #26476C;
        color: #fff;
    }
    .about_btn span{
        position: relative;
        z-index: 999;
    }
    .about_btn:hover span{
        color: #fff;
    }

    .lead_said{
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
        padding: 150px 0;
        position: relative;
    }
    .lead_head{
        font-size: 70px;
        color: #fff;
        padding-bottom: 10px;
        font-weight: 600;
        font-family: 'Overlock', cursive;
    }
    .lead_para{
        font-size: 25px;
        color: #fff;
        font-family: 'Overlock', cursive;
        font-style: italic;
        line-height: 35px;
    }
    .lead_btn{
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 50px;
        padding: 12px 0;
        color: #fff;
        width: 20%;
        margin-top: 20px;
        font-weight: 600;
        position: relative;
        cursor: pointer;
    }

    .lead_btn::after{
        position: absolute;
        content: '';
        height: 10%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: 50px;
        width: 20%;
        transition: 0.2s;
    }
    .lead_btn:hover::after{
        width: 100%;
        height: 100%;
        background-color: #fff;
        color: #26476C;
    }
    .lead_btn span{
        position: relative;
        z-index: 999;
    }
    .lead_btn:hover span{
        color: #26476C;
    }

    .testimonial_clark{
        padding: 50px 0 80px 0;
        background-color: #FCF5E7;
        position: relative;
    }
    .testimonial_clark_box{
        border: 1px solid rgb(23, 92, 98, 0.5);
        padding: 30px 0;
        background-color: #fff;
        border-radius: 30px;
        transition: 0.5s;
        margin: 20px auto;
    }
    .testimonial_clark_box:hover{
        transform: scale(1.05,1.05);
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .test_image{
        height: 80px;
        width: 80px;
    }
    .test_image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
    .quote_right{
        width: 30px;
        height: 30px;
        margin: 20px auto;
    }
    .quote_right img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .name_test{
        font-size: 20px;
        color: #26476C;
        padding: 5px 0;
        font-weight: 700;
        font-family: 'Overlock', cursive;
    }
    .desig_name{
        font-size: 13px;
        color: #26476C;
    }
    .top_test{
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:20px;
    }
    .testim_para{
        font-size: 16px;
        line-height: 25px;
        color: #26476C;
        font-weight: 500;
        font-family: 'Overlock', cursive;
        text-align: center;
    }
    .test_carousel .owl-dots.disabled{
        display: block!important;
    }
    
    .test_carousel .owl-nav.disabled+.owl-dots{
        margin-top: 20px;
    }

    .licensed_providers{
        padding: 120px 0 100px 0;
        overflow: hidden;
    }
    .licensed_img{
        border-radius: 30px;
        width: 350px;
        margin: 0 auto;
        position: relative;
    }
    .licensed_img img{
        width: 100%;
        border-radius: 30px;
        object-fit: cover;
    }
    .relative_div{
        position: relative;
    }
    .back_img_l{
        position: absolute;
        top: -80px;
        left: 0;
    }
    .top_lic{
        font-size: 15px;
        font-weight: 600;
        color: #fff;
    }
    .licensed_details{
        position: absolute;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: column;
        height: auto;
        bottom: 30px;
        left: 0;
        width: 100%;
    }
    .mid_lic{
        font-size: 35px;
        font-weight: 600;
        color: #fff;
        font-family: 'Overlock', cursive;
    }
    .bottom_lic{
        font-size: 18px;
        color: #fff;
        padding-top: 5px;
        font-family: 'Overlock', cursive;
        font-style: italic;
    }
    .licensed .owl-dots.disabled{
        display: block!important;
    }
    .licensed .owl-dots .owl-dot span{
        background: #26476C!important;
    }
    .licensed .owl-dots .owl-dot.active span{
        background: #fff!important;
        border: 2px solid #26476C;
        margin: 3px;
    }
    .licensed .owl-nav.disabled+.owl-dots{
        margin-top: 20px;
    }
    .points_l{
        list-style-type: none;
    }
    .points_l li{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        padding: 10px 0;
    }
    .points_l li svg{
        width: 20px;
        height: 20px;
        color: #26476C;
    }
    .points_l li{
        font-size: 14px;
        color: #26476C;
    }

    .tab_serv{
        list-style-type: none;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
    }
    .img_serv{
        height: 100px;
    }
    .img_serv img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .tab_head{
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        padding: 15px 0; 
        color: #26476C;
        font-family: 'Overlock', cursive;
    }
    .li_serv{
        width: 12.5%;
        padding: 20px 0 0 0;
        border-radius: 20px;
        cursor: pointer;
    }
    .active_serv{
        background-color: #fff;
        border-radius: 20px 20px 0 0;
    }
    .tab_boxes{
        background-color: #fff;
        padding: 50px 0;
        border-radius: 30px;
        display: none;
    }
    .tabs_inside{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .head_inside_box{
        font-weight: 600;
        font-size: 30px;
        padding-bottom: 20px;
        color: #26476C;
        font-family: 'Overlock', cursive;
    }
    .bold_para{
        font-size: 16px;
        font-weight: 600;
        line-height: 25px;
        color: #26476C;
        padding-bottom: 20px;
    }
    .normal_para p{
        color: #26476C;
        line-height: 25px;
        font-weight: 500;
        padding-bottom: 20px;
    }
    .tab_boxes_img img{
        width: 100%;
        object-fit: contain;
    }
    #f_li{
        border-radius: 0 30px 30px 30px;
    }
    .tabs_clark{
        padding: 100px 0;
    }

    .testimonial .lead_para{
        font-size: 30px;
    }
    .quotes{
        height: 60px;
        width: 60px;
        margin-bottom: 20px;
    }
    .quotes img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .abt_clark{
        padding: 50px 0 100px 0;
        overflow: hidden;
    }
    .flex_work{
        display: flex;
        align-items: center;
    }
    .abt_img1{
        position: relative;
        height: auto;
    }
    .abt_img1 img{
        width: 100%;
        object-fit: contain;
    }
    .abt_img_bottom{
        background-color: #26476C;
        padding: 15px 0;
        position: absolute;
        bottom: -45px;
        width: 80%;
        margin: 0 10%;
        border-radius: 10px;
    }
    .quote_img{
        height: 25px;
        width: 25px;
        margin: 0 auto;
        position: relative;
        top: 20px;
    }
    .quote_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .flex_abt_c{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
    }
    .quote_circle{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #fff;
    }
    .text_quote{
        width: calc(100% - 60px);
    }
    .text_quote p{
        color: #fff;
        font-size: 15px;
    }
    .main_head_abt{
        font-size: 40px;
        font-weight: 600;
        color: #26476C;
        position: relative;
    }
    .main_head_abt::before{
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 2px;
        background-color: #26476C;
    }
    .main_head_abt span{
        padding-left: 20px;
        font-family: 'Overlock', cursive;
    }
    .sub_line{
        font-size: 20px;
        font-family: 'Overlock', cursive;
        padding: 20px 0;
        font-style: italic;
        line-height: 30px;
        color: rgba(0,0,0,0.8);
    }
    .main_p{
        padding-top: 20px;
    }
    .main_p p{
        font-size: 18px;
        font-family: 'Overlock', cursive;
        line-height: 30px;
        padding-bottom: 10px;
        text-align: justify;
        color: #26476C
    }

    .why_choose_cl{
        background: linear-gradient(to top, #F7F5F5,#F7F5F5);
        padding: 150px 0;
        position: relative;
        overflow: hidden;
    }
    .white_choose_us{
        background-color: #fff;
        padding: 50px 0;
        border-radius: 20px 0 0 20px;
        position: relative;
        z-index: 99;
    }
    .choose_img{
        position: absolute;
        left: 0;
        top: 0;
        height: auto;
    }
    .choose_img img{
        width: 100%;
        object-fit: contain;
    }
    .why_h{
        font-size: 18px;
        color: #26476C;
        text-transform: uppercase;
        font-weight: 600;
        font-family: 'Overlock', cursive;
        position: relative;
        margin-bottom: 20px;
    }
    .why_h::before{
        position: absolute;
        content: '';
        width: 120px;;
        height: 2px;
        background: #26476C;
        bottom: -5px;
        left: 0;
    }
    .sub_choose{
        font-size: 50px;
        font-weight: 700;
        font-family: 'Overlock', cursive;
        color: #26476C;
    }
    .sub_sub_choose{
        color: rgba(0,0,0,0.8);
        font-size: 16px;
        padding-top: 10px;
        line-height: 25px;
    }
    .flex_choose{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
        position: relative;
    }
    .flex_choose:hover .choose_image::before{
        width: 50px;
        height: 70px;
        background: #fff;
        box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    }
    .choose_image::before{
        position: absolute;
        content: '';
        background: #f3f4f5;
        width: 40px;
        height: 40px;
        right: 0px;
        bottom: -10px;
        z-index: -1;
        transition: all 500ms ease;
    }
    .choose_image{
        height: 50px;
        width: 50px;
        margin: 0 auto;
        position: relative;
    }
    .choose_image img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .cp1{
        padding: 0 0 50px ;
    }
    .choose_text{
        width: calc(100% - 50px);
    }
    .c_head{
        font-size: 16px;
        color: #26476C;
        font-weight: 500;
    }
    .c_sub{
        font-size: 15px;
        color: rgba(0,0,0,0.8);
        padding-top: 5px;
    }


    .service_top{
        font-size: 25px;
        font-weight: 600;
        padding-bottom: 20px;
        color: #c3002f;
    }
    .content_serv_box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .menu_cleano{
        border: 1px solid #eee;
    }
    .big_image{
        height: 400px;
    }
    .big_image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .page_top{
        padding: 80px 0;
    }
    .rel_head{
        font-size: 25px;
        color: #26476C;
        font-weight: 600;
        padding-bottom: 10px;
        font-family: 'Overlock', cursive;
    }
    .rel_services{
        border: 1px solid #eee;
        border-radius: 20px;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
        margin: 10px auto 20px auto;
        background-color: #fff;
        width: 100%;
    }
    .rel_services a{
        text-decoration: none;
    }
    .image_serv_rel{
        height: 150px;
    }
    .image_serv_rel img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 20px;
    }
    .rel_heading{
        font-size: 14px;
        color: #26476C;
        padding: 5px 20px;
        text-overflow: ellipsis;
        overflow: hidden; 
        white-space: nowrap;
    }
    .rel_services .about_btn{
        width: 50%;
        margin: 0 auto;
    }
    .serv_page .about_btn{
        background-color: #fff;
    }
    .desk_related_serv{
        display: block;
    }
    .mob_related_serv{
        display: none;
    }
 
    .btm_banner{
        background-color: #ECF0F4;
        width: 33.25%;
        border-right: 1px solid rgba(0,0,0,0.2);
        padding: 50px 0;
        overflow: hidden;
        position: relative;
        transition: 0.5s;
    }
    .btm_banner::before{
        content: '';
        width: 0;
        height: 5px;
        background-color: #26476C;
        position: absolute;
        top: 98%;
        left: 50%;
        border-radius: 10px;
        transform: translate(-50%,-50%);
        transition: 0.5s;
    }
    .btm_banner:hover::before{
        width: 100%;
    }
    .btm_abst{
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .flex_bottom_banner{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:20px;
    }
    .icon_bottom{
        height: 100px;
    }
    .icon_bottom img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .main_btm{
        font-size: 20px;
        font-weight: 600;
        color: #26476C;
    }
    .para_btm{
        font-size: 15px;
        color: rgba(0,0,0,0.8);
        padding-top: 10px;
    }
    .btm_banner:hover{
        background-color: #fff;
    }
    .flex_feat_btm{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .main_services{
        background-position: bottom!important;
        background-size: cover!important;
        background-repeat: no-repeat!important;
        padding: 50px 0 150px 0;
    }
    .services_sect{
        margin-top: 40px;
    }
    .box_serv_rel{
        position: relative;
    }
    .image_serv_gen{
        height: 400px;
        position: relative;
        border-radius: 10px;
    }
    .image_serv_gen img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    .image_serv_gen::before{
        position: absolute;
        left: 0;
        bottom: 0;
        height: 20%;
        width: 100%;
        content: "";
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#1d2f41));
        background: linear-gradient(transparent, #1d2f41);
        pointer-events: none;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        border-radius: 10px;
    }
    .gen_serv_name{
        position: absolute;
        bottom: 20px;
        left: 0;
        padding: 20px 0;
        background-color: #fff;
        z-index: 9999;
        width: 90%;
        margin: 0 5%;
        /*border-radius: 10px;*/
        transition: 0.5s;
    }
    .gen_serv_name2{
        position: absolute;
        bottom: 20px;
        left: 0;
        padding: 20px 0;
        background-color: #fff;
        z-index: 9999;
        width: 90%;
        margin: 0 5%;
        border-radius: 10px;
        transform: translateY(120%);
        transition: 0.5s;
    }
    .m_name{
        font-size: 18px;
        font-weight: 600;
        color: #26476C;
    }
    .s_para{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        line-height: 25px;
    }
    .serv_box_gen:hover .gen_serv_name2{
        transform: translateY(0);
    }
    .serv_box_gen:hover .gen_serv_name{
        transform: translateY(20%);
        opacity:0;
    }
    .gen_serv_name2 .btn_top{
        margin: 10px auto 0 auto;
    }
    .gen_serv_name2 .btn_top{
        display: flex;
        align-items: center;
    }
    .gen_serv_name2 .btn_top svg{
        height: 20px;
        width: 20px;
    }

 
    .about_gen{
        padding: 50px 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    .abt_gen{
        height: auto;
    }
    .abt_gen img{
        width: 100%;
        object-fit: contain;
    }
    .gen_head{
        position: relative;
        color: #26476C;
        font-size: 15px;
        padding: 10px 0;
        font-weight: 500;
    }
    .gen_head::before{
        position: absolute;
        content: '';
        height: 2px;
        width: 80px;
        bottom: 0px;
        left: 40px;
        transform: translateX(-50%);
        background: #dedede;
    }
    .gen_head::after{
        position: absolute;
        content: '';
        height: 8px;
        width: 8px;
        border-radius: 50px;
        background-color: #26476C;
        right: 0px;
        left: 0;
        bottom: -3px;
        animation: pulsex 5s ease-in-out infinite alternate;
    }
    @keyframes pulsex{
        from{
            left:0;
        }
        to{
            left:80px;
        }
    }
    .content_abt{
        padding: 10px 0;
        overflow: visible;
    }
    .bg_text{
        font-size: 30px;
        font-weight: 600;
        padding: 20px 0;
    }
    .para_abt p{
        font-size: 14px;
        color: rgba(0,0,0,0.9);
        line-height: 25px;
        padding: 0 0 20px 0;
    }
    .fl_abt{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .abt_exp{
        font-size:50px;
        font-weight:600;
        color:var(--theme-color);
    }
    .flex_count{
        display: flex;
        align-items: center;
        justify-content: flex-start; 
        flex-direction: column;
    }
    .count_fl{
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .count_fl span{
        font-size:25px;
        font-weight: 600;
        color: var(--theme-color);
    }
    .exp{
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        color: var(--main-text-color);
    }
    .plane_abst img{
        wdith:100%;
        height: 100%;
        object-fit: contain;
    }
    .plane_abst{
        position: absolute;
        top: 0;
        z-index: -1;
        right: 10px;
    }

    .countries{
        padding: 50px 0 50px 0;
        position: relative;
    }
    .backg_image{
        background-color: #26476C;
        background-image: url(images/pattern-2.html);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    z-index: -1;
    }
    .flex_head{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tp_text{
        color: #fff;
    }
    .white_gen_head{
        font-size:40px;
        color: #fff;
        font-weight: 600;
        padding: 0 0 20px 0;
        position: relative;
    }
    .white_gen_head::before{
        position: absolute;
        content: '';
        height: 2px;
        width: 150px;
        top: 100%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: #fff;
    }
    .white_gen_head::after{
        position: absolute;
        content: '';
        height: 8px;
        width: 8px;
        border-radius: 50px;
        background-color: #fff;
        left: 50%;
        top: 100%;
        bottom: -3px;
        transform: translate(-50%,-50%);
        animation: pulsex2 5s ease-in-out infinite alternate;
    }
    @keyframes pulsex2{
        from{
            left:40%;
        }
        to{
            left:60%;
        }
    }
    .box_country{
        background-color: #fff;
        border-radius: 10px;
        padding-bottom: 20px;
        box-shadow: 0 0px 15px rgb(0 0 0 / 10%);
        margin-bottom: 20px;
    }
    .box_country:hover .name_attest a{
        color: #26476c;
    }
    .count_img{
        height: 150px;
        position: relative;
    }
    .count_img img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .all_countries{
        padding: 80px 0 0 0;
    }
    .image_top{
        position: relative;
    }
    .count_img::before{
        position: absolute;
        left: 0;
        bottom: 0px;
        height: 20px;
        width: 100%;
        overflow: hidden;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(images/curve.html);
    content: "";
    z-index: 2;
    }
    .emblem{
        height: 80px;
        width: 80px;
        border: 4px solid #eee;
        background-color: #fff;
        padding: 10px;
        border-radius: 50%;
    }
    .emblem img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .circle_emb{
        position: absolute;
        top: 80%;
        left: 50%;
        z-index: 9;
        transform: translate(-50%,-50%);
    }
    .name_attest{
        padding-top: 25px;
        font-size: 16px;
        font-weight: 600;
    }
    .name_attest a{
        text-decoration: none;
        color: rgba(0,0,0,0.8);
        transition: 0.5s;
    }
    .sub_p_attest{
        font-size: 14px;
        color: rgba(0,0,0,0.7);
        padding-top: 10px;
    }
    .flex_countries{
        display: flex;
        justify-content: flex-start;
        align-items:flex-start;
        flex-wrap: wrap;
        gap:20px 0;
    }
    .view_more_btn{
        border: 1px solid var(--dark-theme-color);
        border-radius: 10px;
        padding: 8px 50px;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        display: flex;
        margin: 0 auto;
        align-items: center;
        background-color:  var(--dark-theme-color);
        margin-top: 30px;
        position: relative;
        cursor: pointer;
        overflow: hidden;
    }
    /*    .view_more_btn::after{
            position: absolute;
            content: '';
            height: 100%;
            top: 0%;
            left: -1%;
            border-radius: 5px;
            width: 0%;
            transition: 0.2s;
        }*/
    .view_more_btn:hover::after{
        width: 100%;
        height: 100%;
        background-color: #3c65f5;
        color: #fff;
        left:0%;
    }
    .view_more_btn span{
        position: relative;
        z-index: 999;
    }
    .view_more_btn svg{
        position: relative;
        z-index: 999;
    }
    .view_more_btn:hover span{
        color: #fff;
    }
    .view_more_btn:hover svg{
        color: #fff;
    }


    .v_test{
        background: url(images/pattern-8.html);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
    }
    .theme_div .tp_text{
        color: #26476C;
    }
    .theme_div .white_gen_head{
        color: #26476C;
        margin-bottom: 10px;
    }
    .theme_div .white_gen_head::after{
        background-color: #26476C;
    }
    .theme_div .white_gen_head::before{
        background: #dedede;
    }
    .image_box_video{
        height: 220px;
        width: 220px;
        margin: 0 auto;
        position: relative;
        z-index: 9999;
    }
    .image_box_video img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }
    .video_img_box{
        position: relative;
        width: 270px;
        margin-top: 35px;
    }
    .video_img_box a{
        text-decoration: none;
    }
    .video_img_box::before{
        position: absolute;
        left: 0;
        top: -30px;
        width: 100%;
        height: 50%;
        content: "";
        background-color: #ECF0F4;
        border-radius: 200px 200px 0 0;
        -webkit-transition: all 700ms ease;
        transition: all 700ms ease;
    }
    .video_img_box::after{
        position: absolute;
        left: 50%;
        top: 14%;
        transform: translate(-50%,-50%);
        width: 0%;
        height: 50%;
        content: "";
        background: linear-gradient(to bottom , rgba(38, 71, 108,0.8),rgba(0,0,0,0.8));
        border-radius: 200px 200px 0 0;
        -webkit-transition: all 700ms ease;
        transition: all 300ms ease;
        z-index: -1;
    }
    .video_img_box:hover::after{
        width: 100%;
        z-index: 9;
    }
    .cont_video{
        margin-top: 50px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    .you_tube{
        width: 30px;
        height: 30px;
        background-color: #fff;
        border-radius: 50%;
        padding: 10px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        position: absolute;
        top: 45%;
        left: 5%;
        z-index: 9999999;
        cursor: pointer;
    }
    .youtube_icon{
        height: 15px;
        position: relative;
        top: 5px;
    }
    .youtube_icon img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .ripple{
        height: 80px;
        width: 80px;
        border-radius: 50%;
        position: absolute;
        top: -39%;
        left: -39%;
        z-index: -1;
        margin: 5px;
    }
    .ripple::before{
        content: "";
        height: 0px;
        width: 0px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: 50%;
        background: rgba(255,255,255,.2);
        backdrop-filter: blur(30px);
        z-index: -1;
        animation: ripple1 2s ease-out infinite;
    }
    .ripple::after{
        content: "";
        height: 0px;
        width: 0px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: 50%;
        background: rgba(255,255,255,.2);
        backdrop-filter: blur(30px);
        z-index: -1;
        animation: ripple2 2s ease-out infinite;
        animation-delay: .5s;
    }
    @keyframes ripple1{
        from{
            width: 0px;
            height: 0px;
        }
        to{
            width: 80px;
            height: 80px;
            opacity:0.2;
        }
    }
    @keyframes ripple2{
        from{
            width: 0px;
            height: 0px;
        }
        to{
            width: 120px;
            height: 120px;
            opacity:0;
        }
    }

    .faqs_gen{
        padding: 50px 0;
        position: relative;
        overflow: hidden;
    }
    .faqs_gen .plane_abst{
        left: -100px;
    }
    .faqs_gen .flex_head{
        justify-content: flex-start;
    }
    .faqs_gen .gen_head{
        font-size: 40px;
        color:  #26476C;
        font-weight: 600;
    }
    .faqs_gen::before{
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50%;
        background-color: #26476c;
        content: "";
        background-image: url(images/pattern-8.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    }
    .flex_with_form{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .form_container{
        border: 1px solid #05305a30;
        padding: 20px 0;
        position: relative;
        background-color: #fff;
        border-radius: 20px;
        width: 390px;
    }
    .f_head{
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    .f_div{
        position: relative;
    }
    .f_div input{
        width: calc(100% - 62px);
        padding: 10px 20px 10px 40px;
        border: 1px solid #E9E9E8;
        border-radius: 5px;
        outline: none;
        position: relative;
        margin-bottom: 20px;
    }
    .f_div select{
        width: 100%;
        padding: 10px 20px 10px 40px;
        border: 1px solid #E9E9E8;
        border-radius: 5px;
        outline: none;
        position: relative;
        margin-bottom: 20px;
    }
    .f_div textarea{
        width: calc(100% - 62px);
        padding: 10px 20px 10px 40px;
        border: 1px solid #E9E9E8;
        border-radius: 5px;
        outline: none;
        position: relative;
        margin-bottom: 20px;
        resize: none;
    }
    .f_div input:focus{
        border: 1px solid var(--theme-color);
    }
    .f_div select:focus{
        border: 1px solid var(--theme-color);
    }
    .f_div textarea:focus{
        border: 1px solid var(--theme-color);
    }
    .icon_form{
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 999;
    }
    .icon_form i{
        color: var(--theme-color);
    }
    .f_div .fa-phone{
        transform: rotate(90deg);
    }
    .f_div .view_more_btn{
        margin-top: 0;
    }



    .counter_genuine{
        padding: 50px 0;
        background: url(images/pattern-15.html);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    }
    .left_gen_head{
        position: relative;
        font-size: 40px;
        color: #26476C;
        font-weight: 600;
        padding: 10px 0;
    }
    .left_gen_head::before{
        position: absolute;
        content: '';
        height: 2px;
        width: 80px;
        bottom: 0px;
        left: 40px;
        transform: translateX(-50%);
        background: #fff;
    }
    .left_gen_head::after{
        position: absolute;
        content: '';
        height: 8px;
        width: 8px;
        border-radius: 50px;
        background-color: #26476C;
        right: 0px;
        left: 0;
        bottom: -3px;
        animation: pulsex 5s ease-in-out infinite alternate;
    }
    .reason_para{
        font-size: 15px;
        color: rgba(0,0,0,0.9);
        line-height: 28px;
        padding-top: 10px;
    }
    .flex_founder .view_more_btn{
        margin: 10px 0 0 0;
    }
    .box_counter{
        background-color: #fff;
        padding: 50px 0;
        border-top: 3px solid #26476C; 
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        border-radius: 10px;
        width: 95%;
        margin: 10px 2.5%;
    }
    .counter_contain{
        margin-top: 40px;
    }
    .icon_count{
        height: 70px;
        width: 70px;
    }
    .icon_count img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .gen_count_flex,.count{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .gen_count_flex{
        width: 90%;
        margin: 0 auto;
        gap:20px;   
    }
    .counter_text_gen{
        width: calc(100% - 70px);
    }
    .c_text{
        font-size: 15px;
        font-weight: 600;
        color: #26476C;
    }
    .count .abt_exp{
        line-height: 50px;
        font-size: 45px;
    }
    .count span{
        font-size: 25px;
        font-weight: 600;
    }
    .flex_benefits{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .flex_founder{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        margin-top: 40px;
    }
    .in_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .img_found{
        height: 50px;
        width: 50px;
        padding: 10px;
        border: 2px solid #26476C;
        border-radius: 50%;
    }
    .img_found img{
        height: 100%;
        width: 100%;
        border: 1px solid #26476C;
        object-fit: cover;
        border-radius: 50%;
    }
    .flex_founder p:nth-child(1){
        font-size: 18px;
        font-weight: 600;
    }
    .flex_founder p:nth-child(2){
        font-size: 14px;
        font-weight: 500;
        color: rgba(0,0,0,0.8);
    }

    .test_genuine{
        background-color: #26476c;
        background-image: url(images/pattern-11.html);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    padding: 100px 0;
    }
    .v_text_box{
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0, 193, 148,0.1);
        border-radius: 20px;
        padding: 15px 0 20px 0;
        margin: 20px auto;
        position: relative;
        border: 2px solid rgba(0, 193, 148,0.1);
        transition: 0.5s;
    }
    .q_img{
        position: absolute;
        top: -20px;
        right: 20px;
        height: 40px;
        width: 40px;
    }
    .q_img svg{
        height: 50px;
        width: 50px;
        color: var(--theme-color);
        stroke-width:1px;
        opacity: 0.5;
    }
    .q_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .v_in_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        padding: 15px 0 10px 0;
    }
    .v_image{
        height: 60px;
        width: 60px;
        border-radius: 50%;
        border: 1px solid var(--theme-color);
        padding: 5px;
    }
    .v_image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
    .v_side{
        width: calc(100% - 60px);
    }
    .name_v{
        font-size: 20px;
        font-weight: 600;
        color: #000;
    }
    .desig_v{
        font-size: 15px;
        font-weight: 600;
        padding: 3px 0;
        color: var(--theme-color);
        text-transform: uppercase;
    }
    .category_carousel {
        margin-top: 30px;
    }
    .cat_carousel .owl-dots{
        margin-top: 30px!important;
    }
    .cat_carousel .owl-dots .owl-dot.active span{
        width: 20px!important;
        height: 10px!important;
        background: var(--theme-color);
    }
    .cat_carousel .owl-dots .owl-dot span{
        transition: 0.5s;
        width: 10px!important;
        height: 10px!important;
    }
    .test_carousel .owl-dots .owl-dot.active span{
        width: 20px!important;
        height: 10px!important;
        background: var(--theme-color);
    }
    .owl-dots .owl-dot.active span{
        width: 20px!important;
        height: 10px!important;
        background: var(--theme-color)!important;
    }
    .test_carousel .owl-dots .owl-dot span{
        transition: 0.5s;
        width: 10px!important;
        height: 10px!important;
    }
    .owl-dots .owl-dot span{
        transition: 0.5s;
        width: 10px!important;
        height: 10px!important;
    }
    .blogs_carousel .owl-dots .owl-dot.active span{
        width: 20px!important;
        height: 10px!important;
        background: var(--theme-color);
    }
    .blogs_carousel .owl-dots .owl-dot span{
        transition: 0.5s;
        width: 10px!important;
        height: 10px!important;
    }
    .abt_inside_para{
        font-size: 14px;
        line-height: 25px;
        color: rgba(0,0,0,0.9);
    }
    .abt_inside_para p{
        font-size: 14px;
        line-height: 25px;
        color: rgba(0,0,0,0.9);
    }

    .mid_cta{
        padding: 30px 0;
        background-image: url(images/pattern-11.html);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #4E7DAC;
    }
    .flex_cta{
        display: flex;
        justify-content: center;
        align-items: center;
        gap:30px;
    }
    .flex_cta .view_more_btn{
        margin: 0;
    }
    .flex_cta p{
        color: #fff;
        font-weight: 500;
        font-size: 20px;
    }
    .view_more_btn a{
        text-decoration: none;
        color: #26476C;
    }
    .view_more_btn:hover a{
        color: #fff;
    }
    .view_more_btn svg{
        width: 20px;
        height: 20px;
        padding-right: 5px;
    }

    .blogs_genuine{
        padding: 50px 0;
        background: url(images/icon-dots-2.html);
    background-position: center;
    background-repeat: repeat;
    background-size: contain;
    }
    .blogs_box{
        position: relative;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        margin: 10px auto;
        cursor: pointer;
    }
    .image_news_box{
        height: 450px;
    }
    .image_news_box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
        transition: 0.5s;
    }
    .blogs_box::after{
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        content: "";
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#1d2f41));
        background: linear-gradient(transparent, #1d2f41);
        pointer-events: none;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
    }
    .blog_content_box{
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 25px 40px 40px;
        border-bottom: 0;
        z-index: 99;
    }
    .blog_gen_name{
        font-size: 22px;
        font-weight: 600;
        color: #fff;
    }
    .blogs_box:hover::after{
        height: 40%;
    }
    .blogs_box:hover .image_news_box img{
        transform: scale(1.1,1.1);
    }
    .blog_date{
        position: absolute;
        top: -40px;
        right: -30px;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background-color: #26476C;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 300ms ease;
    }
    .blog_date p{
        position: relative;
        top: 20px;
        left: -12px;
        font-size: 18px;
        font-weight: 600;
        transition: all 300ms ease;
    }
    .blog_date span{
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        top: 15px;
        left: -10px;
        transition: all 300ms ease;
    }
    .blogs_box:hover .blog_date{
        background-color: #fff;
        border: 1px solid #26476C;
    }
    .blogs_box:hover .blog_date p{
        color: #26476C;
    }
    .blogs_box:hover .blog_date span{
        color: #26476C;
    }

    .footer_ytc{
        background-color: var(--footer-up-color);
        padding: 20px 0 0 0;
    }
    .flex_top_footer{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap:20px;
        padding: 30px 0;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .logo_footer{
        height: 50px;
        width: 15%;
    }
    .logo_footer img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .footer_para_n{
        width: 65%;
    }
    .footer_para_n p{
        font-size: 14px;
        color: rgba(255,255,255,1);
    }
    /*    .top_social_foot{
            width: 20%;
        }*/
    .top_social_foot ul{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        list-style-type: none;
    }
    .top_social_foot svg{
        fill:rgba(255,255,255,0.9);
        stroke-width:0;
        width: 20px;
        height: 20px;
    }
    .top_social_foot ul li{
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background-color: rgba(255,255,255,.07);
    }
    .top_social_foot ul li p{
        line-height: 50px;
        text-align: center;
    }
    .instagram_footer{
        transition: 0.5s;
    }
    .instagram_footer svg{
        fill:none;
        stroke-width:2px;
        color: #fff;
    }
    .flex_middle_section{
        margin: 60px auto 20px auto;
        overflow: hidden;
    }
    .footer_head_top{
        font-size: 20px;
        color: #000;
        font-weight: 600;
        position: relative;
        margin: 20px auto;
    }
    .footer_head_top::before{
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 40px;
        height: 2px;
        background-color: #fff;
    }
    .call_foot a{
        text-decoration: none;
        color: #fff;
        font-size: 22px;
        font-weight: 600;
        padding: 10px 0;
        display: block;
    }
    .small_txt{
        font-size: 15px;
        color: rgba(255,255,255,0.8);
    }
    .footer_btn{
        border: 1px solid #fff;
        width: 100%;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        margin-top: 20px;
        transition: 0.5s;
    }
    .footer_btn:hover::before{
        right: auto;
        left: 0;
        width: 100%;
        background-color: #fff;
    }
    .footer_btn:hover{
        color: #000;
    }
    .footer_list_li{
        padding-top: 10px;
    }
    .footer_list_li li a{
        text-decoration: none;
        color: #000;
        font-size: 15px;
        font-weight: 500;
        width: calc(100% - 20px);
        word-break: break-word;
    }
    .footer_list_li li{
        padding-bottom: 5px;
    }
    .flex_li_foot{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:20px;
        margin-bottom: 10px;
    }
    .flex_li_foot svg{
        color: #fff;
        width: 20px;
    }
    .footer_bottom_ytc{
        background-color: var(--footer-bottom-color);
        padding: 20px 0;
    }
    .footer_bottom_ytc p:nth-child(1){
        color: #fff;
        font-size: 15px;
    }
    .footer_bottom_ytc p:nth-child(2){
        color: #fff;
        padding-top: 10px;
        font-size: 14px;
    }
    .footer_bottom_ytc a{
        text-decoration: none;
        color: #fff!important;
    }
    .footer_facebook:hover{
        transition: 0.5s;
        background-color: #618CDB!important;
    }
    .footer_twitter:hover{
        transition: 0.5s;
        background-color: #39CAF7!important;
    }
    .instagram_footer:hover{
        transition: 0.5s;
        background: linear-gradient(rgb(229, 107, 242,0.9),rgb(233, 98, 67,0.9));
    }
    .footer_linkedin:hover{
        transition: 0.5s;
        background-color: #2A8ECA!important;
    }
    .iframe_box iframe{
        height: 250px;
        width: 100%;
    }

    .side_form{
        margin-top: 80px;
    }
    .side_form .form_container{
        width: 98%;
        margin-bottom: 40px;
    }
    .side_form .f_head{
        padding-bottom: 20px;
    }
 
    .cross_about{
        position: relative;
        padding: 100px 0;
    }
    .abt_image{
        height: 650px;
        position: relative;
        z-index: 999;
    }
    .abt_image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .floating_pattern{
        position: absolute;
        left: 50px;
        top: 20px;
        animation: up_down 3s linear infinite;
    }
    .floating_pattern2{
        position: absolute;
        left: 50px;
        bottom: 20px;
        animation: up_down 3s linear infinite;
    }
    @keyframes up_down{
        0%{
            transform:translateY(0px)
        }
        50%{
            transform:translateY(20px);
        }
        100%{
            transform:translateY(0px);
        }
    }
    .cross_top{
        font-size: 17px;
        color: var(--theme-color);
        font-weight: 500;
        position: relative;
        padding-right: 50px;
        display: inline-block;
    }
    .cross_top::after{
        background-color: var(--theme-color);
        background-image: linear-gradient(90deg, var(--theme-color1), var(--theme-color1-lighter));
        top: 50%;
        border-radius: 10px;
        content: "";
        height: 2px;
        right: 5px;
        transform: translateY(-50%);
        margin-top: 0;
        position: absolute;
        width: 35px;
    }
    .big_abt_head{
        font-size: 40px;
        color: #232331;
        line-height: 1.4;
        font-weight: 600;
        padding: 10px 0;
    }
    .content_abt p{
        font-size: 15px;
        color: #6c6060;
        line-height: 25px;
    }
    .semi_circle{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 7px 20px 0px 0px;
        padding: 5px 8px 10px 8px;
        background-color: var(--light-theme-color);
        border-style: solid;
        border-width: 2px 0px 0px 0px;
        border-color: var(--theme-color);
        border-radius: 0px 0px 50px 50px;
    }
    .semi_circle_box{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .semi_img{
        height: 50px;
    }
    .semi_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .semi_circle_box{
        margin-bottom: 10px;
        border-bottom: 1px solid #eee;
        padding: 20px 0;
    }
    .h_abt{
        font-size: 20px!important;
        font-weight: 600;
        color: #232331!important;
        padding-bottom: 5px;
    }
    .expl_btn{
        padding: 15px 40px;
        background-color: var(--theme-color);
        color: #fff;
        border: 0;
        outline: none;
        border-radius: 10px 0;
        position: relative;
        overflow: hidden;
    }
    .expl_btn span{
        color: #fff;
        font-weight: 600;
        font-size: 15px;
        text-transform: uppercase;
        cursor: pointer;
    }
    .expl_btn::before{
        content: "";
        z-index: -1;
        position: absolute;
        right: -10px;
        top: 0;
        width: 26px;
        height: 100%;
        background: var(--before-color);
        opacity: 0.2;
        transform: skewX(-22deg);
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        z-index: 999;
        border-radius: 0 0 10px 0;
        cursor: pointer;
    }
    .expl_btn:hover::before{
        opacity: 1;
        right: 0;
        width: 100%;
        transform: skewX(0deg);
        cursor: pointer;
    }
    .expl_btn:hover::before{
        background: var(--theme-color);
    }
    .expl_btn:hover span{
        position: relative;
        z-index: 9999;
    }
    .explore_btn{
        margin-top: 40px;
    }
    .float_box{
        background-color: #fff;
        border-radius: 10px;
        border: 2px solid #232331;
        width: 230px;
        padding: 20px;
    }
    .in_float_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
    }
    .satis_img{
        width: 60px;
        height: 60px;
    }
    .satis_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .float_h{
        font-size: 25px;
        color: #232331;
        font-weight: 600;
    }
    .work_exp{
        color: #6c6060;
        font-size: 15px;
        font-weight: 500;
        padding-top: 10px;
    }
    .floating_years{
        position: absolute;
        top: 50%;
        left: 12%;
        transform: translate(-50%,-50%);
        z-index: 99999;
    }
    .center_head{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
 
    .clients_cross{
        padding: 80px 0;
        background-color: #F8F5F1;
        background-image: url(images/client-bg-line.html);
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
    }
    .clients_b{
        background-position: bottom right!important;
        background-repeat: no-repeat!important;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        position: absolute;
    }
    .client_logo{
        height: 80px;
        cursor: pointer;
    }
    .client_logo img{
        height: 100%;
        width: 100%;
        transition: 0.5s;
        object-fit: contain;
        filter:grayscale(100%);
    }
    .client_logo:hover img{
        filter:grayscale(0);
    }
 
    .why_cross{
        padding: 100px 0;
        background-color: #FAFBFF;
        overflow: hidden;
    }
    .counter_cross{
        background-color: #fff;
        border-radius: 10px;
        padding: 40px 0 20px 0;
        box-shadow: 0 0 10px rgba(0,0,0,0.08);
        margin: 20px auto;
        position: relative;
    }
    .counter_small_box{
        width: 40px;
        height: 40px;
        background-color: var(--main-text-color);
        position: absolute;
        top: 0;
        left: 0;
        padding: 8px;
        border-radius: 10px;
    }
    .count_small_img{
        height: 30px;
        width: 30px;
        position: relative;
        top: 5px;
        left: 5px;
    }
    .count_small_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
 
    .middle_cta_2{
        padding: 50px 0;
    }
    .box_cta_2{
        background-image: url(images/shape-9.html);
    background-color: var(--theme-color);
    padding: 30px 0;
    border-radius: 10px;
    }
    .trust_p{
        font-size: 30px;
        color: #fff;
        font-weight: 600;
    }
    .box_mid{
        width: 70px;
        height: 70px;
        background-color: #fff;
        border-radius: 50%;
        padding: 10px;
        margin: 0 auto;
    }
    .box_mid img{
        height: 80%;
        width: 80%;
        object-fit: contain;
        position: relative;
        top: 8px;
        left: 5px;
    }
    .trust_p a{
        text-decoration: none;
        color: #fff;
    }
    .profess{
        color: #fff;
        font-size: 15px;
        font-weight: 400;
    }
    .flex_divs_cta{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .lds-ring {
        display: inline-block;
        position: relative;
        width: 50px;
        height: 43px;
    }
    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        margin: 8px;
        border: 4px solid #fff;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #26476C transparent transparent transparent;
    }
    .lds-ring div:nth-child(1) {
        animation-delay: -0.45s;
    }
    .lds-ring div:nth-child(2) {
        animation-delay: -0.3s;
    }
    .lds-ring div:nth-child(3) {
        animation-delay: -0.15s;
    }
    @keyframes lds-ring {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    .flex_sending{
        justify-content: center;
        border: 1px solid #26476C;
        border-radius: 50px;
        padding: 5px 30px;
        color: #26476C;
        font-size: 15px;
        font-weight: 600;
        display: flex;
        margin: 0 auto;
        align-items: center;
        background-color: #fff;
        position: relative;
        cursor: pointer;
    }
    .flex_sending_box{
        display: none;
    }
    .man_img{
        position: absolute;
        bottom: 360px;
        right: -80px;
    }
    .man_img_box{
        height: 150px;
    }
 
    .featured_property{
        padding: 30px 0;
    }
    .heading_property{
        padding: 50px 0 20px 0;
        position: relative;
        z-index: 999;
    }
    .top_n_text{
        color: #3c65f5;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        z-index: 999;
        position: relative;
    }
    .big_text{
        font-size: 35px;
        font-weight: 600;
        color: #0E2E50;
        z-index: 999;
        position: relative;
    }
    .heading_design{
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .heading_design p{
        font-family:"quentin",sans-serif;
        font-size: 100px;
        color: #CFE9E3;
    }
    .property_cards{
        margin-top: 30px;
    }
    .prop_card{
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(60, 101, 245, 0.2);
        margin: 20px auto;
        overflow: hidden;
    }
    .prop_card a{
        text-decoration: none;
    }
    .flex_cards_prop{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    .prop_img{
        height: 250px;
        position: relative;
        overflow: hidden;
    }
    .prop_img img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: 0.4s;
    }
    .overlay_card{
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,0.1);
        z-index: 99999;
    }
    .cat_type{
        padding: 0 10px;
        border-radius: 10px;
        color: #fff;
        font-size: 12px;
        background-color: #3c65f5;
        font-weight: 500;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .feat_prop{
        background-color: #3c65f5;
        padding: 0 10px;
        border-radius: 10px;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        position: absolute;
        left: 10px;
        top: 10px;
    }
    .location{
        position: absolute;
        left: 10px;
        bottom: 10px;
        color: #fff;
        font-weight: 500;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        font-size: 13px;
    }
    .location svg{
        width: 15px;
        height: 15px;
    }
    .camera{
        position: absolute;
        right: 10px;
        bottom: 10px;
        color: #fff;
        font-weight: 500;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        font-size: 14px;
    }
    .camera svg{
        width: 15px;
        height: 15px;
    }
    .prop_card:hover .prop_img img{
        transform: scale(1.1,1.1);
    }
    .prop_head{
        font-size: 18px;
        font-weight: 600;
        padding: 10px 0 0 0;
        color: rgba(0,0,0,0.9);
    }
    .price_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
        padding: 5px 0 10px 0;
        color: #3c65f5;
        font-weight: 600;
    }
    .flex_only_price{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .desc_prop p{
        font-size: 12px;
        color: rgba(0,0,0,0.8);
        line-height: 20px;
        padding: 5px 0 0 0;
    }
    .short_det{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
        padding-top: 15px;
    }
    .icons_text{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:8px;
    }
    .icon_sm{
        height: 22px;
        width: 22px;
    }
    .hobby_icon{
        height: auto!important;
        width: auto!important;
    }
    .icon_sm img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .icons_text span{
        font-size:13px;
        color:rgba(0,0,0,0.8);
        width: calc(100% - 22px);
        line-height: 25px;
    }
    .size_prop .icon_sm{
        width: 20px;
        height: 20px;
    }
    .size_prop p{
        font-size:14px;
        color:rgba(0,0,0,0.8);
    }
    .prop_details{
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
    }
    .dealer_det{
        padding: 15px 0;
    }
    .deal_flex{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .dealer{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .deal_img{
        height: 35px;
        width: 35px;
        border-radius: 50%;
    }
    .deal_img img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
    .dealer span{
        font-size: 12px;
        color: rgba(0,0,0,0.9);
        font-weight: 500;
    }
    .side_icons{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .ico{
        border: 1px solid #eee;
        border-radius: 5px;
        padding: 2px 8px;
        transition: 0.5s;
    }
    .ico svg{
        position: relative;
        top: 2px;
        height: 15px;
        width: 15px;
        transition: 0.5s;
        color: rgba(0,0,0,0.5);
    }
    .ico:hover{
        border: 1px solid rgba(0,0,0,0.7);
    }
    .ico:hover svg{
        color: rgba(0,0,0,0.8);
    }
 
    .city_prop{
        padding: 50px 0;
    }
    .prop_city_card{
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 193, 148,0.15);
        padding: 10px;
        border-radius: 10px;
        margin: 20px auto;
    }
    .flex_city_prop{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:10px;
    }
    .image_prop{
        height: 160px;
        width: 200px;
    }
    .image_prop img{
        height: 100%;
        width: 100%;
        border-radius: 10px;
        object-fit: cover;
    }
    .prop_details_city{
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }
    .prop_name{
        font-size: 18px;
        color: rgba(0,0,0,0.9);
        font-weight: 600;
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        display: -webkit-box!important;
        -webkit-line-clamp: 1!important;
        -webkit-box-orient: vertical;
    }
    .loc_city{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
        font-size: 12px;
        padding: 5px 0 0 0;
    }
    .loc_city svg{
        height: 15px;
        width: 15px;
        color: rgba(0,0,0,0.7);
    }
    .prop_city_card .short_det{
        justify-content: space-between;
        padding-top: 10px;
    }
    .prop_details_city .price_flex{
        gap:0;
    }
    .side_prop_det{
        width: calc(100% - 200px);
    }
    .mid_flex_2{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 5px;
    }
    .side_prop_det .dealer_det{
        padding: 10px 0 0 0;
    }
    .list_types{
        margin: 20px auto;
    }
    .type_list{
        list-style-type: none;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:20px;
    }
    .tab_selection{
        padding: 8px 20px;
        background-color: #f1f8f6;
        border-radius: 10px;
        cursor: pointer;
        color: rgba(0,0,0,0.9);
        font-weight: 500;
    }
    .active_selection{
        border: 1px solid #3c65f5;
        background-color: #3c65f5;
        color: #fff;
    }
    .odd_prop{
        background-color: rgba(0, 193, 148,0.04);
    }
 
    .users_prop{
        padding: 40px 0;
    }
    .user_card{
        padding: 20px 0;
        border-radius: 10px;
        position: relative;
    }
    .user_card a{
        text-decoration: none;
    }
    .uc1{
        background-color: #F3F0FF;
    }
    .top_user_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
    }
    .icon_user{
        width: 100px;
        height: 100px;
        background-color: #D1C6FF;
        border-radius: 15px;
    }
    .is1{
        background-color: #D1C6FF;
    }
    .user_icon{
        height: 80px;
        width: 80px;
        margin: 0 auto;
        margin-top: 10px;
    }
    .user_icon img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .text_user{
        position: relative;
    }
    .text_user p{
        font-weight: 600;
        color: #0E2E50;
        font-size: 18px;
        margin-bottom: 5px;
    }
    .text_user p::before{
        content: '';
        position: absolute;
        height: 2px;
        width: 100px;
        background-color: #3c65f5;
        bottom: 0;
        left: 0;
        border-radius: 10px;
    }
    .content_user{
        margin: 20px auto;
    }
    .content_user ul{
        list-style-type: none;
    }
    .content_user ul li{
        padding-left: 26px;
        margin-bottom: 8px;
        font-size: 14px;
        max-width: 320px;
        line-height: 21px;
        letter-spacing: .1px;
        color: #484848;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .content_user ul li::before{
        content: '';
        position: absolute;
        left: 0;
        top: 3px;
        width: 13px;
        height: 13px;
        background: url(images/tick.svg) no-repeat;
    }
    .apply_now{
        border: 0;
        background-color: #fff;
        border-radius: 5px;
        padding: 8px 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        font-size: 15px;
        font-weight: 500;
        color: rgba(0,0,0,0.8);
        cursor: pointer;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        margin: 10px;
        text-align: center;
        transition: 0.5s;
    }
    .apply_now svg{
        width: 18px;
        height: 18px;
        position: relative;
        left: -10px;
        transition: 0.5s;
    }
    .apply_now:hover svg{
        opacity: 1;
        left: -5px;
        transform: scale(1,1);
    }
    .apply_now:hover{
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }
    .back_image{
        position: absolute;
        bottom: -10px;
        right: -10px;
    }
    .bk_img{
        height: 150px;
    }
    .bk_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .uc2{
        background-color: #FFF6E7;
    }
    .is2{
        background-color: #fcdfb0;
    }
    .user_sect{
        margin-top: 70px;
    }
    .uc3{
        background-color: #FEF3EF;
    }
    .is3{
        background-color: #f7b8a3;
    }
    .uc4{
        background-color: #E1F1FF;
    }
    .is4{
        background-color: #b7ddff;
    }

    .btn_read{
        margin-top: 30px;
    }
    .btn_read_more{
        border: 1px solid var(--btn-color);
        /*border-radius: 10px;*/
        padding: 5px 20px;
        width: 100%;
        color: #fff;
        cursor: pointer;
        background-color: var(--btn-color);
        font-size: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
        position: relative;
        z-index: 9999;
        transition: 0.5s;
    }

    .btn_read_more svg{
        height: 20px;
        width: 20px;
    }
    .btn_read_more:hover::before{
        width: 100%;
    }
    .btn_read_more:hover{
        background-color: var(--btn-hover-color);
        border: 1px solid var(--btn-hover-color);
    }
    .img_arrow{
        height: 30px;
        position: relative;
        z-index: 9999;
    }
    .btn_read_more svg{
        transition: 0.5s;
        height: 20px;
        width: 20px;
    }
    .btn_read_more:hover svg{
        position: relative;
        z-index: 9999;
        color: #fff;
    }
    .img_arrow img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .btn_read_more:hover span{
        color: #fff;
    }
    .btn_read_more span{
        position: relative;
        z-index: 9999;
        transition: 0.5s;
    }
    .stars_uni{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        /*gap:5px;*/
        list-style-type: none;
    }
    .stars_uni svg{
        width: 15px;
        height: 15px;
        fill:#F6C802;
        stroke-width:0;
    }
    .count_r{
        font-size: 12px;
        font-weight: 500;
        color: var(--dark-theme-color);
        padding-left: 5px;
    }
 

    .breadcrumb_in{
        list-style-type: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        padding: 10px 0;
    }
    .breadcrumb_in li{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
        font-size: 12px;
    }
    .breadcrumb_in li a{
        text-decoration: none;
        color: #3c65f5;
    }
    .breadcrumb_in svg{
        width: 12px;
        height: 12px;
    }
    .last_li{
        color: rgba(0,0,0,0.8)!important;
        font-weight: 600;
    }
    .top_prop_det{
        padding: 20px 0;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:20px;
    }
    .flex_top_cat{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap:10px;
    }
    .feat_inst{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .feat_inst span{
        padding: 4px 15px;
        border-radius: 50px;
        color: #fff;
        background: #3c65f5;
        font-size: 13px;
    }
    .flex_top_heading{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 10px;
    }
    .prop_name_in{
        font-size: 40px;
        font-weight: 600;
    }
    .loc_prop_in{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap:5px;
        font-size: 14px;
        color: #05264E;
        font-weight: 600;
    }
    .loc_prop_in span{
        width: calc(100% - 15px);
        line-height: 25px;
    }
    .loc_prop_in svg{
        width: 15px;
        height: 15px;
    }
    .price_prop_in{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        font-size: 30px;
        color: #3c65f5;
        font-weight: 500;
    }
    .price_prop_in svg{
        width: 30px;
        height: 30px;
    }
    .option_prop{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        margin-right: 5px;
    }
    .small_option{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
        background-color: #fff;
        color: #000;
        padding: 5px 20px;
        border-radius: 50px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        margin: 10px auto;
        font-size: 12px;
        font-weight: 500;
        cursor: pointer;
    }
    .small_option svg{
        width: 12px;
        height: 12px;
    }
    .box_intro{
        border: 1px solid #eee;
        border-radius: 20px;
        margin-top: 10px;
    }
    .flex-left{
        width: 100px;
    }
    .flex-right{
        width: 40%;
    }
    .flex-left{
        width: 60%;
    }
    .image_banner{
        height: 250px;
        border-radius: 10px;
    }
    .image_banner img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    .logo_institute{
        border-radius: 10px;
        border: 1px solid #eee;
    }
    .logo_institute img{
        width: 90%;
        height: 90%;
        margin: 5%;
        object-fit: cover;
        border-radius: 10px;
    }
    .name_inst{
        font-size: 25px;
        font-weight: 600;
        color: var(--theme-color);
    }
    .star_in_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .rating_box{
        background: var(--dark-theme-color);
        padding: 5px 10px;
        border-radius: 5px;
        color: #fff;
    }
    .rating_box p{
        font-size: 15px;
        font-weight: 600;
    }
    .li_star{
        list-style-type: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
    }
    .li_star li svg{
        width: 20px;
        height: 20px;
        fill:#F7CD01; 
        stroke-width:0px;
    }
    .half_star svg{
        fill:#F7CD01!important;
        width: 16px!important;
        height: 16px!important;
    }
    .rate_count p{
        font-size: 15px;
        color: #5c727d;
        font-weight: 500;
        padding-bottom: 4px;
    }
    .flex_loc_time{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        padding-top: 15px;
        gap:10px;
    }
    .opens{
        color: #00c194;
    }
    .flex_all_btns{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        flex-wrap: wrap;
    }
    .right_part_prop .flex_all_btns{
        padding-top: 15px;
    }
    .whats_btn a{
        text-decoration: none;
    }
    .call_btn_in{
        display: flex;
        justify-content: flex-start;
        gap:6px;
        border: 1px solid #027c0a;
        border-radius: 5px;
        padding: 8px 10px;
        font-weight: 600;
        font-size: 15px;
        background: #339d3a;
        color: #fff;
        cursor: pointer;
    }
    .call_btn_in svg{
        width: 20px;
        height: 20px;
        fill:#fff;
        stroke-width:0;
        animation: shake 3s linear infinite;
        animation-delay: 0.5s;
    }
    @keyframes shake{
        0% {
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
        5% {
            -webkit-transform: translate3d(-25%,0,0)rotate3d(0,0,1,-15deg);
            -moz-transform: translate3d(-25%,0,0)rotate3d(0,0,1,-15deg);
            transform: translate3d(-25%,0,0)rotate3d(0,0,1,-15deg);
        }
        10% {
            -webkit-transform: translate3d(20%,0,0)rotate3d(0,0,1,25deg);
            -moz-transform: translate3d(20%,0,0)rotate3d(0,0,1,25deg);
            transform: translate3d(20%,0,0)rotate3d(0,0,1,25deg);
        }
        15% {
            -webkit-transform: translate3d(-15%,0,0)rotate3d(0,0,1,-10deg);
            -moz-transform: translate3d(-15%,0,0)rotate3d(0,0,1,-10deg);
            transform: translate3d(-15%,0,0)rotate3d(0,0,1,-10deg);
        }
        20% {
            -webkit-transform: translate3d(0,0,0)rotate3d(0,0,1,0deg);
            -moz-transform: translate3d(0,0,0)rotate3d(0,0,1,0deg);
            transform: translate3d(0,0,0)rotate3d(0,0,1,0deg);
        }
        80% {
            -webkit-transform: translate3d(0,0,0)rotate3d(0,0,1,0deg);
            -moz-transform: translate3d(0,0,0)rotate3d(0,0,1,0deg);
            transform: translate3d(0,0,0)rotate3d(0,0,1,0deg);
        }
        85% {
            -webkit-transform: translate3d(10%,0,0)rotate3d(0,0,1,5deg);
            -moz-transform: translate3d(10%,0,0)rotate3d(0,0,1,5deg);
            transform: translate3d(10%,0,0)rotate3d(0,0,1,5deg);
        }
        90% {
            -webkit-transform: translate3d(-5%,0,0)rotate3d(0,0,1,-1deg);
            -moz-transform: translate3d(-5%,0,0)rotate3d(0,0,1,-1deg);
            transform: translate3d(-5%,0,0)rotate3d(0,0,1,-1deg);
        }
        100% {
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }
    .calling_btn a{
        text-decoration: none;
    }
    .whatsapp_btn{
        display: flex;
        justify-content: flex-start;
        gap:6px;
        border: 1px solid #eee;
        border-radius: 5px;
        padding: 8px 10px;
        font-weight: 500;
        font-size: 15px;
        background: #fff;
        cursor: pointer;
    }
    .whats_logo{
        height: 20px;
        width: 20px;
    }
    .whats_logo img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .whatsapp_btn svg{
        width: 20px;
        height: 20px;
    }
    .price_prop_in .btn_read_more{
        border-radius: 5px;
        margin-bottom: 10px;
        padding: 10px 40px 12px 40px;
    }

    .boxes_list{
        margin-top: 20px;
    }
    .flex_details_inside{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .left_part_details{
        width: 70%;
    }
    .right_part_details{
        width: 30%;
        position: sticky;
        top: 50px;
    }
    .boxes_details{
        padding: 0 0 10px 0;
        border-radius: 10px;
        box-shadow: 0px 5px 30px 0px rgb(38 42 76 / 10%);
        margin: 20px auto 40px auto;
        background-color: #fff;
        border: 1px solid #eee;
    }
    .top_heading{
        /*background-color: rgba(0, 189, 145, 0.2);*/
        color: #000;
        /*padding: 10px 0;*/
        font-weight: 600;
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }
    .flex_overview{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:15px;
        margin: 15px auto;
    }
    .over_div span:nth-child(1){
        font-weight: 600;
        font-size: 15px;
        color: rgba(0,0,0,0.8);
    }
    .over_div .dt{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        font-weight: 600;
    }
    .icon-box{
        height: 30px;
        width: 30px;
        background-color: rgba(0, 189, 145, 0.1);
        padding: 10px;
        border-radius: 10px;
        margin: 10px auto;
        box-shadow: 0 0 10px rgba(0,0,0,0.08);
        border: 1px solid rgba(0, 189, 145, 0.2);
    }
    .icon_overview{
        height: 25px;
        width: 25px;
        margin: 0 auto;
        position: relative;
        top: 2px;
    }
    .icon_overview img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .over_div_flex{
        width: 20%;
    }
    .over_div_flex p{
        font-size: 12px;
        font-weight: 600;
        color: rgba(0,0,0,0.8);
    }
    .flex_over_right{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .descriptive_part{
        padding: 20px 0 10px 0;
    }
    .descriptive_part p{
        font-size: 14px;
        color: rgba(0,0,0,0.9);
        line-height: 25px;
    }
    .flex_address{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap:20px;
        padding: 20px 0 10px 0;
    }
    .other_address_list{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
        gap:20px 0;
    }
    .other_address a{
        text-decoration: none;
    }
    .address_list{
        width: 100%;
    }
    .address_list p,.other_address p{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
    }
    .address_list span,.other_address span{
        color: #000;
        font-weight: 600;
    }
    .other_address{
        width: 33%;
    }
    .other_address button{
        border: 0;
        color: #fff;
        padding: 5px 10px;
        outline: none;
        background-color: #3c65f5;
        border-radius: 10px;
        cursor: pointer;
        font-size: 12px;
    }
    .details_part{
        padding: 20px 0 10px 0;
    }
    .details_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        gap:20px 0;
    }
    .det_part{
        width: 50%;
    }
    .det_part p{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
    }
    .det_part span{
        color: #000;
        font-weight: 600;
    }
    .features_part{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap:20px 0;
        padding: 20px 0 10px 0;
    }
    .head_feat{
        font-size: 15px;
        color: #000;
        font-weight: 600;
    }
    .flex_feat_prop{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px 10px;
        padding: 20px 0 0 0;
        flex-wrap: wrap;
    }
    .img_feat_in{
        width: 25px;
        height: 25px;
    }
    .img_feat_in img{
        height: 100%;
        width: 100%;
        object-fit: contain;
        object-position: center;
    }
    .flex_feat_prop p{
        font-size: 14px;
        color: rgba(0,0,0,0.9);
        font-weight: 500;
    }
    .flex_inside_feat{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        width: 30%;
    }
    .document_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
        padding: 20px 0 10px 0;
    }
    .pdf_icon{
        height: 50px;
    }
    .pdf_name{
        width: calc(100% - 80px);
    }
    .pdf_name a{
        text-decoration: none;
        font-size: 14px;
        color: #000;
    }
    .pdf_icon img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .owner_details{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:20px;
        padding: 20px 0 10px 0;
    }
    .image_box_owner{
        position: relative;
    }
    .own_image{
        height: 250px;
        width: 250px;
        border-radius: 10px;
    }
    .own_image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
        object-position: center;
    }
    .social_owner{
        background-color: #fff;
        border-radius: 50px;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        width: 90%;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 10px 0 5px 0; 
    }
    .social_owner ul{
        list-style-type: none;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:15px;
    }
    .social_owner ul li svg{
        width: 20px;
        height: 20px;
        fill:#5c727d;
        stroke-width:0;
        transition: 0.5s;
    }
    .instagram_own svg{
        fill:none!important;
        stroke-width:2px!important;
        color: #5c727d;
        transition: 0.5s;
    }
    .social_owner ul li:hover svg{
        fill:#00c194;
    }
    .social_owner .instagram_own:hover svg{
        color:#00c194;
    }
    .owner_info{
        width: calc(100% - 250px);

    }
    .own_name{
        font-size: 20px;
        font-weight: 500;
        color: rgba(0,0,0,0.9);
    }
    .own_desig{
        font-size: 14px;
        color: rgba(0,0,0,0.6);
    }
    .in_ul{
        list-style-type: none;
        padding: 20px 0;
    }
    .in_ul li{
        margin-bottom: 15px;
    }
    .in_owner_info{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:15px;
    }
    .icon_info{
        width: 20px;
        height: 20px;
        padding: 5px;
        border-radius: 50%;
        background-color: #eee;
        display: flex;
        align-items: center;
        justify-content: center;    
    }
    .icon_info svg{
        width: 15px;
        height: 15px;
        fill:#5c727d;
        stroke-width:0;
    }
    .in_owner_info a{
        font-size: 14px;
        text-decoration: none;
        color: rgba(0,0,0,0.7);
        font-weight: 500;
    }
    .without_fill svg{
        fill:none!important;
        stroke-width:2px!important;
        color: #5c727d!important;
    }
    .cont_text{
        font-size: 20px;
        font-weight: 600;
        color: rgba(0,0,0,0.8);
        padding-bottom: 15px;
    }
    .form_owner input{
        padding: 10px;
        width: calc(100% - 22px);
        border: 1px solid #f0f0f0;
        border-radius: 8px;
        outline: none;
    }
    .contact_cont{
        padding: 25px 0; 
    }
    .form_owner input:focus{
        border: 1px solid var(--dark-theme-color);
    }
    .form_owner textarea{
        padding: 10px;
        width: calc(100% - 22px);
        border: 1px solid #f0f0f0;
        border-radius: 8px;
        outline: none;
        resize: none;
        margin-top: 20px;
    }
    .form_owner textarea:focus{
        border: 1px solid var(--dark-theme-color);
    }
    .flex_btns_send{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .flex_btns_send .view_more_btn{
        margin: 15px 0 0 0;
        padding: 8px 20px;
        font-size: 14px;
        font-weight: 500;
    }
    .flex_btns_send a{
        text-decoration: none;
    }
    .sendmail{
        background: #3c65f5;
    }
    .sendmail span{
        color: #fff;
    }
    .similar_txt{
        font-size: 24px;
        color: rgba(0,0,0,0.9);
        font-weight: 600;
    }
    .flex_side_owner{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        padding: 10px 0 0 0;
    }
    .owner_right{
        height: 100px;
        width: 100px;
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 5px;
    }
    .boxes_details .owner_right{
        height: 80px;
    }
    .owner_right img{
        height: 100%;
        width: 100%;
        border-radius: 10px;
        object-fit: cover;
    }
    .side_form_owner{
        margin-top: 20px;
    }
    .side_form_owner input{
        margin-bottom: 10px;
    }
    .side_form_owner textarea{
        margin-top: 0;
    }
    .side_form_owner .flex_btns_send{
        flex-direction: column;
    }
    .side_form_owner .sendmail{
        width: 100%;
        justify-content: center;
    }
    .extra_btn{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        gap:10px;
    }
    .extra_btn a{

        width: 100%;
    }
    .extra_btn .view_more_btn{
        width: 100%;
        justify-content: center;
        padding: 8px 0;
    }

    .scroll_top_box{
        padding: 10px;
        height: 30px;
        width: 30px;
        border-radius: 10px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .scroll_top_box svg{
        width: 30px;
        height: 30px;
        color: #000;
    }
    .scroll_top{
        position: fixed;
        bottom: -150px;
        right: 50px;
        z-index: 9999;
        stroke-width:1px;
        cursor: pointer;
        display: none;
    }
    .scroll_top_anim{
        animation: scroll_up 0.5s linear;
        animation-fill-mode: forwards;
    }
    @keyframes scroll_up{
        from{
            bottom:-150px;
        }
        to{
            bottom:50px;
        }
    }
    .scroll_bottom_anim{
        animation: scroll_botttom 0.5s linear;
        animation-fill-mode: forwards;
    }
    @keyframes scroll_botttom{
        from{
            bottom:50px;
        }
        to{
            bottom:-150px;
        }
    }

 
    .courses_sect{
        padding: 170px 0 50px 0;
    }
    .section_course{
        padding-top: 30px;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        position: relative;
    }
    .section_course a{
        text-decoration: none;
    }
    .box_hobby{
        border: 1px solid rgba(6,18,36,0.1);
        border-radius: 10px;
        padding: 15px 0;
        position: relative;
        transition: 0.5s;
        margin: 20px auto;
        position: relative;
        cursor: pointer;
    }
    .flex_hobby{
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
        flex-direction: column;
    }
    .img_hobby{
        padding: 20px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        position: relative;
        transition: 0.5s;
    }
    .img_hobby img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .h_content{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap:5px;
    }
    .name_hobby{
        color: var(--dark-theme-color);
        font-weight: 700;
        font-size: 17px;
        text-align: center;
    }
    .inst_avb{
        font-size: 13px;
        color: rgba(0,0,0,0.8);
        font-weight: 600;
    }
    .box_hobby::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 2px;
        transition: 0.5s;
    }
    .box_hobby:hover::after{
        width: 100%;
    }
    .box_hobby a{
        text-decoration: none;
    }
    .box_hobby:hover .img_hobby{
        /*top: -5px;*/
        transition: 0.5s;
    }
    .hb1::after{
        background-color: #4d49dc;
    }
    .hb1 .img_hobby{
        background-color: #E4E4FA;
        /*border: 1px solid #4d49dc;*/
    }
    .hb1{
        box-shadow: 0 0 20px rgba(121, 104, 222,0.09);
    }
    .hb1:hover{
        box-shadow: 0 0 20px rgba(121, 104, 222,0.2);
    }
    .hb2::after{
        background-color: #f71e3f;
    }
    .hb2 .img_hobby{
        background-color: #FEDDE2;
        border: 1px solid #f71e3f;
    }
    .hb2{
        box-shadow: 0 0 20px rgba(247, 30, 63, 0.09);
    }
    .hb2:hover{
        box-shadow: 0 0 20px rgba(247, 30, 63, 0.2);
    }
    .hb3::after{
        background-color: #ffb300;
    }
    .hb3 .img_hobby{
        background-color: #FFF4D9;
        border: 1px solid #ffb300;
    }
    .hb3{
        box-shadow: 0 0 20px rgba(255, 179, 0,0.09);
    }
    .hb3:hover{
        box-shadow: 0 0 20px rgba(255, 179, 0, 0.2);
    }
    .hb4::after{
        background-color: #00ca99;
    }
    .hb4 .img_hobby{
        background-color: #D9F7F0;
        border: 1px solid #00ca99;
    }
    .hb4{
        box-shadow: 0 0 20px rgba(0, 202, 153,0.09);
    }
    .hb4:hover{
        box-shadow: 0 0 20px rgba(0, 202, 153, 0.2);
    }

    .arr1{
        background-color: #4d49dc;
    }
    .arr2{
        background-color: #f71e3f;
    }
    .arr3{
        background-color: #ffb300;
    }
    .arr4{
        background-color: #00ca99;
    }

    .black_box{
        border-radius: 0 0 0 100px;
    }
    .top_layer{
        height: 75px;
        background-color: #fff;
        width: 100%;
    }
    .prop_page{
        padding: 0 0 50px 0;
        width: 90%;
        margin: 100px 5%;
        background: #fff;
        border-radius: 20px;
    }
    .big_prop{
        height: 360px;
        overflow: hidden;
        cursor: pointer;
    }
    .big_prop img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: 0.5s;
    }
    .flex_images{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    .img_small_div{
        width: 50%;
        cursor: pointer;
    }
    .sml_image{
        position: relative;
        height: 180px;
        overflow: hidden;
    }
    .sml_image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: 0.5s;
    }
    .overlay_small{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
        z-index: 99;
    }
    .sml_image:hover img{
        transform: scale(1.07,1.07);
    }
    .big_prop:hover img{
        transform: scale(1.07,1.07);
    }
    .all_photos{
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 9999;
        font-weight: 600;
        font-size: 18px;
    }
    .fixed_top{
        position: fixed;
        z-index: 9999;
        width: 100%;
        background-color: #3c65f5;
        padding: 15px 0;
        top: -60px;
        display: none;
    }
    .flex_top_selection ul{
        list-style-type: none;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:25px;
    }
    .flex_top_selection ul li{
        font-size: 14px;
        color: rgba(255,255,255,1);
        font-weight: 600;
        cursor: pointer;
        padding: 5px 10px 8px 10px;
    }
    .fixed_top_anim{
        animation: sub_menu_op 0.3s linear;
        animation-fill-mode: forwards;
    }
    @keyframes sub_menu_op{
        from{
            top:-60px;
        }
        to{
            top:0;
        }
    }
    .fixed_bottm_anim{
        animation: sub_menu_down 0.3s linear;
        animation-fill-mode: forwards;
    }
    @keyframes sub_menu_down{
        from{
            top:0px;
        }
        to{
            top:-60px;
        }
    }
    .active_new_tab{
        background-color: #fff;
        border-radius: 5px;
        color: #3c65f5!important;
    }


    .courses_ul{
        list-style-type: none;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        gap:10px;
        padding-top: 15px;
    }
    .list_course{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        border-radius: 5px;
        background-color: #edeef1;
        border: 1px solid #eee;
    }
    .course_btn{
        display: flex;
        justify-content: center;
        align-items: center;
        gap:5px;
        border: 0;
        background: var(--dark-theme-color);
        border-radius: 5px;
        color: #fff;
        padding: 5px 10px;
    }
    .course_part .box_hobby{
        margin: 20px 0 0 0;
    }
    .arrow_box_course{
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        border-radius: 50%;
        position: absolute;
        top: -20px;
        right: -20px;
        opacity: 0;
        transition: 0.5s;
    }
    .arrow_box_course svg{
        width: 20px;
        height: 20px;
        color: #fff;
        transform: rotate(-45deg);
        position: relative;
        top: 6px;
        right: 6px;
    }
    .box_hobby:hover .arrow_box_course{
        opacity: 1;
    }

    .review-profile{
        /*padding-top: 20px;*/
    }
    .revtab {
        padding: 10px 0;
        border-top: 2px solid #e1edff;
        border-bottom: 1px solid #e1edff;
        background: #f2f6fd;
        cursor: pointer;
    }
    .revtab p{
        font-size: 16px;
        color: rgba(0,0,0,0.5);
        font-weight: 600;
    }
    .revtab svg{
        height: 18px;
        width: 18px;
        position: relative;
        top: 3px;
    }
    .activerevtab{
        border-top: 2px solid var(--theme-color);
        background: #fff;
        border-bottom: 1px solid #fff;
    }
    .writereviewbox{
        padding: 30px 0 0 0;
    }
    .select-servicereview label{
        font-size: 14px;
        color: rgba(0,0,0,0.6);
        font-weight: 500;
    }
    .select-servicereview{
        margin-bottom: 20px;
    }
    .select-servicereview  p{
        font-size: 14px;
        color: rgba(0,0,0,0.6);
        font-weight: 500;
    }
    .select-servicereview select{
        width: 50%;
        padding: 10px;
        border: .5px solid rgba(0,0,0,0.2);
        border-radius: 3px; 
        margin-top: 5px;
        color: rgba(0,0,0,0.6);
        font-weight: 500;
        font-size: 14px;
    }
    .select-servicereview textarea{
        width: calc(100% - 23px);
        padding: 10px;
        border: .5px solid rgba(0,0,0,0.2);
        border-radius: 3px; 
        margin-top: 5px;
        color: rgba(0,0,0,0.6);
        font-weight: 500;
        font-size: 14px;
        resize: none;
        outline: none;
    }
    .select-servicereview textarea:focus{
        border: 2px solid var(--theme-color);
    }
    .mincharacters{
        font-size: 12px!important;
    }
    .stars-selection i{
        padding: 5px;
        font-size: 16px;
        border-radius: 3px;
        color: rgba(0, 0, 0, 0.4);
        margin-right: 5px;
        margin-top: 5px;
        cursor: pointer ;
    }
    .text_red{
        display: none;
        color: red;
        font-size: 14px;
        padding: 20px 0;
    }
    .revsub{
        width: 200px;
        color: #fff;
        font-size: 14px;
        border-radius: 10px;
        cursor: pointer;
        padding: 10px;
        background: #fff;
        background: var(--dark-theme-color);
        border: 0;
    }
    .reviewsubmit{
        display: flex;
        justify-content: center;
        padding: 10px 0;
    }
    .commentor-image {
        height: 30px;
        width: 30px;
        border-radius: 50%;
        float: left;
    }
    .commentor-image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
    .rating_section{
        margin-top: 15px;
        padding-top: 20px;
        border-top: 1px solid #eee;
    }
    .commentor-details{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 5px auto;
    }
    .commentor-name{
        float: left;
        margin-left: 10px;
    }
    .commentor-name p{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        font-weight: 600;
    }
    .combox{
        display: flex;
        align-items: center;
    }
    .comdate{
        font-size: 12px;
        color: rgba(0,0,0,0.8);
        font-weight: 500;
    }
    .submitted-review-heading p{
        font-size: 16px;
        color: rgba(0,0,0,0.8);
        font-weight: 600;
    }
    .submitted-review-heading{
        margin: 20px auto;
    }
    .commented-box{
        padding: 10px 0;
        position: relative;
        background: rgba(254, 245, 236, 0.5);
        border-radius: 5px;
        border: 1px solid var(--theme-color);
        z-index: 1;
        width: 99%;
    }
    .revshowed{
        display: none;
    }
    .comment-box{
        margin-bottom: 10px;
    }
    .course_box{
        background-color: var(--dark-theme-color);
        color: #fff;
        padding: 5px 10px 5px 10px;
        border-radius: 50px;
        font-size: 12px;
    }
    .average-head{
        margin: 10px auto 0px auto;
    }
    .average-head p{
        font-size: 18px;
        color: rgba(0,0,0,0.8);
        font-weight: 600;
        padding-bottom: 10px;
        border-bottom: .5px solid rgba(0,0,0,0.2);
        overflow: hidden;
        white-space: nowrap;
        text-overflow:ellipsis;
        margin-bottom: 10px;
        font-family: 'Cinzel Decorative', cursive;
    }
    .average-stars-box .stars-given{
        margin-top: 0;
    }
    .stars-given{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap:5px;
        margin-top: 15px;
    }
    .comment-box .stars-given{
        justify-content: flex-start;
        flex-direction: row;
        margin-top: 0;
    }
    .comment-box .avegrage-stars{
        font-size: 15px;
    }
    .r_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
    }
    .average-stars{
        /*margin-top: 60px;*/
    }
    .average-stars-box{
        margin-top: 10px;
    }
    .starvalues p{
        font-size: 12px;
        color: rgba(0,0,0,0.8);
    }
    .starvalues i{
        color: #FFA800;
        margin-right: 2px;
    }
    .starvalues svg{
        width: 15px;
        height: 15px;
    }
    .full_star{
        stroke:#FFA800;
        fill:#FFA800;
    }
    .star-rating{
        margin-top: 5px;
        display: flex;
        align-items: center;
    }
    .stars-count{
        font-size: 12px;
        color: rgba(0,0,0,0.8);
    }
    .star-bar{
        position: relative;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .star-bar .top-layer{
        width: 100%;
        position: relative;
        padding: 4px 0;
        background: #EEEEEE;
        border-radius: 30px;
    }
    .star-bar .filled-layer{
        position: absolute;
        padding: 4px 0;
        background: #5CB85C;
        border-radius: 30px;
    }
    .writereviw{
        padding: 5px 0;
        font-size: 14px;
        width: 100%;
        display: block;
        text-decoration: none;
        color: rgba(0,0,0,0.8);
        background: #FFA800;
        border-radius: 3px;
        font-weight: 600;
        text-align: center;
        margin: 20px auto;
        border: none;
        cursor: pointer;
    }
    .stars{
        font-size: 11px;
        color: #fbb614;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:5px;
    }
    .stars i{
        font-size: 16px;
    }
    .avegrage-stars{
        font-size: 50px;
        color: #000;
        font-weight: 500;
    }

    .based{
        font-size: 13px;
        color: rgba(0,0,0,0.6);
        font-weight: 600;
    }
    .stars svg{
        height: 18px;
        width: 18px;
    }
    .review_text{
        font-size: 14px;
        padding-bottom: 5px;
        line-height: 25px;
    }
    .review_image{
        height: 350px;
    }
    .review_image img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .banner_hobby{
        background: url(images/bg-banner.html);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    }
    .flex_banners{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 20px;
    }
    .layer_top_image{
        height: 230px;
        width: 230px;
    }
    .layer_top_image img{
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 50% 50% 50% 50%;
    }
    .layer_top_image2{
        height: 230px;
        position: relative;
        z-index: 999;
    }
    .layer_top_image2 img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .layer_top_image3{
        height: 230px;
    }
    .layer_top_image3 img{
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 0% 0% 50% 0%;
    }
    .banner_sect{
        padding: 150px 0 0 0;
    }
    .layer_content{
        border-radius: 50% 50% 50% 50%;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #0074560D;
        height: 230px;
        width: 230px;
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0;
    }
    .layer_content2{
        border-radius: 0% 0% 50% 0%;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #0074560D;
        height: 230px;
        width: 230px;
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0;
    }

    .layer_top{
        animation-name: rotateDown;
        animation-duration: 12s;
        animation-iteration-count: infinite;
    }
    .layer_left{
        animation-name: rotateRight;
        animation-duration: 12s;
        animation-iteration-count: infinite;
    }
    .head_b{
        font-size: 50px;
        font-weight: 600;
        color: #000;
    }
    .content_p{
        font-size: 18px;
        color: var(--theme-color);
        font-weight: 600;
    }
    @keyframes rotateDown{
        0% {
            -webkit-transform: rotateX(-190deg);
            -moz-transform: rotateX(-190deg);
            -o-transform: rotateX(-190deg);
            -ms-transform: rotateX(-190deg);
            transform: rotateX(-190deg);
        }
        15%, 30%, 100% {
            -webkit-transform: rotateX(-180deg);
            -moz-transform: rotateX(-180deg);
            -o-transform: rotateX(-180deg);
            -ms-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
        }
        50% {
            -webkit-transform: rotateX(10deg);
            -moz-transform: rotateX(10deg);
            -o-transform: rotateX(10deg);
            -ms-transform: rotateX(10deg);
            transform: rotateX(10deg);
        }
        65%, 80% {
            -webkit-transform: rotateX(0);
            -moz-transform: rotateX(0);
            -o-transform: rotateX(0);
            -ms-transform: rotateX(0);
            transform: rotateX(0);
        }
    }
    .relative_img{
        position: relative;
    }
    .img_rotate{
        animation-name: rotateUp;
        animation-duration: 12s;
        animation-iteration-count: infinite;
    }

    @keyframes rotateUp{
        0%, 30%, 100% {
            -webkit-transform: rotateX(0);
            -moz-transform: rotateX(0);
            -o-transform: rotateX(0);
            -ms-transform: rotateX(0);
            transform: rotateX(0);
        }

        50%, 80% {
            -webkit-transform: rotateX(180deg);
            -moz-transform: rotateX(180deg);
            -o-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
            transform: rotateX(180deg);
        }
        65% {
            -webkit-transform: rotateX(170deg);
            -moz-transform: rotateX(170deg);
            -o-transform: rotateX(170deg);
            -ms-transform: rotateX(170deg);
            transform: rotateX(170deg);
        }
    }
    .layer{
        -webkit-perspective: 1000px;
        perspective: 1000px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: all .6s ease-in-out;
    }

    @keyframes rotateRight{
        0% {
            -webkit-transform: rotateY(190deg);
            -moz-transform: rotateY(190deg);
            -o-transform: rotateY(190deg);
            -ms-transform: rotateY(190deg);
            transform: rotateY(190deg);
        }

        15%, 30%, 100% {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }
        50% {
            -webkit-transform: rotateY(-10deg);
            -moz-transform: rotateY(-10deg);
            -o-transform: rotateY(-10deg);
            -ms-transform: rotateY(-10deg);
            transform: rotateY(-10deg);
        }
        65%, 80% {
            -webkit-transform: rotateY(0);
            -moz-transform: rotateY(0);
            -o-transform: rotateY(0);
            -ms-transform: rotateY(0);
            transform: rotateY(0);
        }
    }
    .img_rotate2{
        animation-name: rotateLeft;
        animation-duration: 12s;
        animation-iteration-count: infinite;
    }
    @keyframes rotateLeft{
        0%, 30%, 100% {
            -webkit-transform: rotateY(0);
            -moz-transform: rotateY(0);
            -o-transform: rotateY(0);
            -ms-transform: rotateY(0);
            transform: rotateY(0);
        }

        50%, 80% {
            -webkit-transform: rotateY(-180deg);
            -moz-transform: rotateY(-180deg);
            -o-transform: rotateY(-180deg);
            -ms-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
        }
        65% {
            -webkit-transform: rotateY(-190deg);
            -moz-transform: rotateY(-190deg);
            -o-transform: rotateY(-190deg);
            -ms-transform: rotateY(-190deg);
            transform: rotateY(-190deg);
        }
    }
    .b_head{
        font-size: 50px;
        color: var(--main-txt-color);
        font-weight: 700;
        line-height: 65px;
    }
    .abt_text{
        position: relative;
        color: var(--dark-theme-color);
    }
    .abt_text::before{
        content: "";
        background-color: #3C65F5;
        height: 25px;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 5px;
        z-index: 9;
        opacity: 0.1;
        display: none;
    }
    .para_banner{
        color: #4F5E64;
        font-size: 16px;
        padding-top: 20px;
        line-height: 35px;
    }
    .search_bar{
        background: #fff;
        border-radius: 10px;
        box-shadow: 0px 18px 40px rgba(25, 15, 9, 0.1);
        padding: 10px 0;
        margin: 50px auto;
    }
    .flex_search_in{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        border: 1px solid #eee;
        padding: 5px 5px;
        border-radius: 5px;
    }
    .flex_search_in svg{
        height: 20px;
        width: 20px;
    }
    .flex_search_in select{
        padding: 5px;
        border: 0;
        width: calc(100% - 22px);
        outline: none;
        font-size: 16px;
    }
    .flex_search_in input{
        padding: 5px;
        border: 0;
        width: calc(100% - 22px);
        outline: none;
        font-size: 16px;
    }
    .search_btn .btn_read_more{
        width: 100%;
        padding: 12px 0;
        border-radius: 5px;
        font-size: 14px;
    }
    .image_float{
        position: absolute;
        z-index: 999;
        top: 20px;
        left: -60px;
        opacity: 0;
        animation: slide_right 0.5s linear;
        animation-fill-mode: forwards;
        animation-delay: 0.8s;
    }
    @keyframes slide_right{
        0%{
            left:-60px;
            opacity:0;
        }
        100%{
            left:0;
            opacity:1;
        }
    }
    .arrow_img{
        /*height: 25px;*/
    }
    .arrow_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .cross_float{
        position: absolute;
        z-index: 999;
        bottom: 50px;
        left: 0px;
    }
    .cross_img{
        height: 100px;
    }
    .cross_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
 
    .mid_cta_hobby{
        padding: 50px 0;
    }
    .box_cta{
        border: 1px solid #E0E6F7;
        padding: 20px 250px 20px 190px;
        position: relative;
        display: flex;
        box-shadow: 0px 10px 20px -5px rgba(10, 42, 105, 0.06);
        margin: auto;
        gap:20px;
        justify-content: space-between;
        align-items: center;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 40px;
    }

    .box_cta::before{
        content: "";
        position: absolute;
        bottom: 15px;
        left: 15px;
        height: 89px;
        width: 90px;
        background: url(images/cta1.html) no-repeat 0px 0px;
    background-size: cover;
    }
    .box_cta::after{
        content: "";
        position: absolute;
        bottom: 10px;
        right: 10px;
        height: 90px;
        width: 138px;
        background: url(images/cta1.html) no-repeat 0px 0px;
    background-size: cover;
    }
    .top_t{
        color: #A0ABB8;
        font-size: 15px;
    }
    .college_t{
        color: #05264E;
        font-size: 30px;
        font-weight: 600;
    }
    .expl{
        color: #404f6f;
        font-size: 17px;
    }
    .flex_inside_cta .btn_read_more{
        width: 100%;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 15px;
    }
    .flex_inside_cta a{
        text-decoration: none;
    }
 
    .abt_hobby{
        padding: 70px 0 100px 0;
        position: relative;
    }
    .middle_img{
        height: auto;
    }
    .middle_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
        border-radius: 20px;
    }
    .f_img{
        height: 200px;
        border-radius: 20px;
    }
    .f_img img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 20px;
    }
    .first_img{
        position: absolute;
        top: -50px;
        left: -20px;
        z-index: 9999;
    }
    .abt_hobby .relative_img{
        margin: 50px auto;
    }
    .s_img{
        top: auto;
        left: auto;
        bottom: -90px;
        right: 30px;
    }
    .top_txt{
        font-size: 25px;
        font-weight: 700;
        color: #A0ABB8;
    }
    .para_abt_h{
        padding: 20px 0;
    }
    .para_abt_h p{
        font-size: 16px;
        color: #404f6f;
        padding: 0 0 10px 0;
        line-height: 25px;
    }
    .para_abt_h ul,.para_abt_h ol{
        margin-left: 20px;
    }
    .para_abt_h ul li,.para_abt_h ol li{
        font-size: 16px;
        color: #404f6f;
        padding: 15px 0;
        line-height: 25px;
    }
    .abt_btn_h .btn_read_more{
        width: 30%;
        border-radius: 5px;
        padding: 8px 20px 10px 20px;
    }
    .abt_btn_h a{
        text-decoration: none;
    }
    .flex_abt_h{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .counters_mail{
        padding: 50px 0 70px 0;
    }
    .img_counter{
        height: 60px;
        margin-top: 15px;
    }
    .img_counter img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .counter_count{
        font-size: 60px;
        line-height: 44px;
        color: var(--theme-color);
        padding: 10px 0;
        font-weight: 500;
    }
    .exp{
        font-size: 20px;
        font-weight: 600;
        color: #1e2c36;
        padding-bottom: 10px;
    }
    .sub_counter{
        color: #757072;
        font-size: 16px;
    }
    .counter_box_m{
        border-right: 1px solid #eee;
    }
    .first_count{
        border-left: 1px solid #eee;
    }
    .gen_btn{
        padding: 8px 20px;
        border-radius: 50px;
        background-color: var(--theme-color);
        color: #fff;
        border: 0;
        font-size: 15px;
        cursor: pointer;
        transition: 0.5s;
        margin: 10px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
    }
    .gen_btn:hover{
        background-color: #31245B;
        transform: scale(1.1,1.1);
    }
    .p_counter{
        font-size: 14px;
        font-weight: 600;
        color: #4F5E64;
        padding: 0 20px;
        line-height: 25px;
    }

    .cities{
        padding: 70px 0;
        background: #F2F6FD;
    }
    .cities_div{
        margin-top: 30px;
    }
    .flex_cities{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:15px;
        flex-wrap: wrap;
    }
    .city_div{
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 10px 0;
        background-color: #fff;
        margin: 10px;
        box-shadow: 0 0 10px rgba(60, 101, 245, 0.3);
        /*border: 1px solid var(--theme-color);*/
    }
    .city_div a{
        text-decoration: none;
    }
    .icon_city{
        width: 180px;
        height: 100px;
        border-radius: 10px;
    }
    .icon_city img{
        height: 100%;
        width: 90%;
        object-fit: cover;
        border-radius: 10px;
    }
    .city_name{
        font-weight: 600;
        font-size: 14px;
        padding-top: 10px;
        color: rgba(0,0,0,0.9);
    }

    .newsletter_hobby{
        padding: 50px 0;
    }
    .blue_box{
        background: url(images/bg-newsletter.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 50px 0;
    }
    .left_img{
        height: 220px;
    }
    .left_img img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .new_text{
        font-size: 40px;
        color: #fff;
        font-weight: 700;
    }
    .query_box{
        background-color: #fff;
        border-radius: 10px;
        padding: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
    }
    .query_box p{
        font-size: 16px;
        font-weight: 600;
    }
    .flex_news{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .call_btn{
        padding: 10px 20px;
        background-color: var(--dark-theme-color);
        color: #fff;
        border-radius: 5px;
        border: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:5px;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        margin: 10px auto 0 auto;
    }
    .call_btn svg{
        width: 20px;
        height: 20px;
    }
    .query_box a{
        text-decoration: none;
    }
 
    .universities{
        padding: 50px 0;
    }
    .uni_sect{
        padding-top: 50px;
    }
    .flex_university{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .uni_box{
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 10px;
        transition: 0.5s;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        margin: 10px auto 30px auto;
    }
    .flex_uni_top{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap:10px;
    }
    .logo_uni{
        height: 50px;
        width: 50px;
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 5px;
    }
    .uni_content{
        width: calc(100% - 50px);
    }
    .logo_uni img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .uni_name{
        font-size: 18px;
        font-weight: 600;
        color: var(--dark-theme-color);
        padding-bottom: 5px;
    }

    .flex_uni_btm{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 10px;
    }
    .loc_uni svg{
        width: 15px;
        height: 15px;
    }
    .loc_uni{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
        color: var(--dark-theme-color);
    }
    .course_l{
        font-size: 15px;
        font-weight: 600;
        color: var(--theme-color);
    }
    .uni_box:hover{
        border: 1px solid var(--dark-theme-color);
    }
    .uni_box a{
        text-decoration: none;
    }
    .count_r{
        font-size: 12px;
        font-weight: 500;
        color: var(--dark-theme-color);
        padding-left: 5px;
    }

    .blogs_mail{
        padding: 50px 0 50px 0;
        background: linear-gradient(to top,#eff2fb,#fff);
    }
    .blogs_div{
        padding: 30px 0; 
    }
    .blogs_box_m{
        border:1px solid #e6e2e3;
        border-radius: 20px;
        padding: 20px 0;
        background-color: #fff;
        margin: 20px auto 30px auto;
        transition: 0.5s;
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
        position: relative;
    }
    .blogs_box_m .float_hobby{
        z-index: 99999;
        left: 25px;
        right: auto;
        top: 25px;
    }
    .bl_img{
        height: 250px;
        overflow: visible;
        position: relative;
    }
    .bl_img img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 20px;
    }
    .date_float_m{
        position: absolute;
        top: 100%;
        left: 75%;
        padding: 10px;
        transform: translate(-50%,-50%);
        z-index: 99;
        width: 120px;
        border: 1px solid #e6e2e3;
        border-radius: 50px;
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        background-color: #fff;
    }
    .date_float_m p{
        font-size: 14px;
        color: #31245b;
        font-weight: 500;
    }
    .name_bl_m{
        font-size: 20px;
        font-weight: 500;
        color: #24323D;
        padding: 25px 0 0 0;
        transition: 0.5s;
        line-height: 30px;
    }
    .para_smll{
        font-size: 14px;
        color: rgba(0,0,0,0.7);
        line-height: 25px;
        padding: 10px 0 0 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;  
        overflow: hidden;
    }
    .view_blogs{
        margin: 20px 0 0 0;
        border-top: 1px solid rgba(0,0,0,0.05);
    }
    .view_blogs .btn_read{
        margin-top: 10px;
    }
    .view_blogs .btn_read_more{
        width: 90%;
        margin: 0 5%;
    }
    .blogs_box_m a{
        text-decoration: none;
    }
    .blogs_box_m:hover .name_bl_m{
        color: #31245B;
    }
    .blogs_box_m:hover{
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
    }
    .btn_read{
        margin-top: 30px;
    }

    .img_arrow{
        height: 30px;
        position: relative;
        z-index: 9999;
    }
    .btn_read_more svg{
        transition: 0.5s;
    }
    .btn_read_more:hover svg{
        position: relative;
        z-index: 9999;
        color: #fff;
    }
    .img_arrow img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .btn_read_more:hover span{
        color: #fff;
    }
    .btn_read_more span{
        position: relative;
        z-index: 9999;
        transition: 0.5s;
    }
    .circle_arrow{
        width: 50px;
        height: 50px;
        background-color: var(--theme-color);
        border-radius: 50%;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: -70px;
        right: 20px;
    }
    .arrow_svg svg{
        position: relative;
        top: 2px;
        color: #fff;
    }
    .blogs_box_m:hover .circle_arrow{
        animation: popup 0.5s ease-in-out;
        animation-fill-mode: forwards;
    }
    @keyframes popup{
        from{
            bottom:-70px;
        }
        to{
            bottom:20px;
        }
    }
    .centerbtn .btn_read_more{
        width: auto;
        margin: 0 auto;
        border-radius: 5px;
        padding: 5px 20px 8px 20px;
    }
    .centerbtn a{
        text-decoration: none;
    }

    .testimonial_genuine{
        padding: 50px 0;
    }
    .text_testimonial .owl-item.active.center .text_card{
        border:1px solid  var(--theme-color);
    }
    .text_testimonial .owl-item.active.center .flex_btm_test{
        border-top: 1px solid var(--theme-color);
    }
    .test_carousel .owl-item.active.center .v_text_box{
        border:1px solid  var(--theme-color);
        background: rgba(0, 78, 59, 1);
    }
    
    .test_carousel .owl-item.active.center .abt_inside_para,.test_carousel .owl-item.active.center .name_v{
        color: #fff;
    }
    .test_carousel .owl-item.active.center .desig_v{
        color: #fff;
    }
    .test_carousel .owl-item.active.center .q_img svg{
        color: #fff;
    }
    .test_carousel .owl-item.active.center .q_img{
        top: 0;
    }
    .test_carousel .owl-item.active.center .v_image{
        border: 1px solid #fff;
    }
/*    .text_testimonial .owl-item.active.center .text_card .line{
        background-color: #fff;
    }
    .text_testimonial .owl-item.active.center .text_card .name_client{
        color: #fff;
    }
    .text_testimonial .owl-item.active.center .text_card .cont_test{
        color: #fff;
    }
    .text_testimonial .owl-item.active.center .text_card .white_quote{
        display: block;
    }
    .text_testimonial .owl-item.active.center .text_card .color_quote{
        display: none;
    }*/
    .test_div{
        margin-top: 40px;
    }
    .white_quote{
        display: none;
    }
    .color_quote{
        display: none;
    }
    .text_testimonial .owl-item.active.center{
        transform: scale(1.02);
    }
    .test_carousel .owl-item.active.center{
        transform: scale(1.02);
    }
    
    .flex_testimonialtop{
        margin: 20px auto;
    }
    .text_testimonial .owl-item{
        transform: scale(0.8,0.8);
    }
    .test_carousel .owl-item{
        transform: scale(0.8,0.8);
    }

    .text_card{
        background-color: #fff;
        padding: 20px 0 10px 0;
        /*border-radius: 30px;*/
        margin: 20px auto;
        border: 2px solid rgba(241, 87, 87, 0.2);
        /*box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.2);*/
        transition: 0.5s;
    }
    .flex_testimonial{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column-reverse;
        gap:10px;
    }
    .flex_btm_test{
        border-top: 2px solid rgba(241, 87, 87, 0.2);
        width: 100%;
        padding-top:10px;
    }
    .flex_btm_test .w90{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .image_testim{
        height: 50px;
        width: 50px;
        border-radius: 50%;
        /*border: 2px solid var(--theme-color);*/
    }
    .image_testim img{
        height: 100%;
        width: 100%;
        border-radius: 50%;
        object-fit: cover;
    }
    .topflex_test{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
    }
    .image_quote{
        height: 30px;
        width: 30px;
    }
    .image_quote img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .line{
        display: inline-block;
        width: 150px;
        background-color: #A7A7A740;
        height: 2px;
    }
    .text_test{
        padding: 15px 0 0 0;
    }
    .cont_test{
        color: rgba(0,0,0,0.8);
        line-height: 25px;
        font-size: 15px;
    }
    .name_client{
        font-weight: 600;
        color: var(--theme-color);
    }
    .flex_testimonialtop{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .even_text{
        background-color: var(--dark-theme-color);
    }
    .even_text .line{
        background-color: #fff;
    }
    .even_text .text_test p{
        color: #fff;
    }
    .sv_para{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        line-height: 25px;
    }
    .service_head{
        font-size: 35px;
        padding: 0 0 10px 0;
        color: #31245b;
        font-weight: 600;
    }

    .top_layer{
        height: 150px;
        /*background-color: #F5FDFB;*/
        width: 100%;
    }

    .category_page{
        padding: 0 0 50px  0;
    }
    .flex_cat_in{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 20px;
    }
    .filter_box{
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        padding: 20px 0;
    }
    .flex_sub_cat_top{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .flex_cat_top{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .filter_text{
        font-size: 18px;
        font-weight: 500;
        /*background-color: #FEF5EC;*/
        border-radius: 10px;
        /*padding: 10px;*/
    }
    .parentfilter{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0 0 0;
    }
    .filter_divs{
        border: 1px solid #eee;
        padding-bottom: 15px;
        border-radius: 10px;
        margin-top: 20px;
    }
    .childfilter{
        padding-top: 15px;
    }
    .catehead{
        font-size: 15px;
        font-weight: 500;
    }
    .minimize{
        cursor: pointer;
    }
    .search_flex{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .search_box_filter{
        width: calc(100% - 0px);
        padding: 8px;
        background-color: #f5f6f9;
        border-radius: 5px;
        outline: none;
        border: 0;
    }
    .search_flex svg{
        right: 5px;
    }
    .filter{
        padding: 5px 0;
        margin-bottom: 10px;
        border: 1px solid #eee;
        border-radius: 30px;
        cursor: pointer;
        /*border-bottom: 1px solid #eee;*/
    }
    .flex_a{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 95%;
        margin: 0 2.5%;
        gap:5px;
        cursor: pointer;
    }
    .color_div{
        height: 20px;
        width: 20px;
        border-radius: 50%;
        border: 2px solid #eee;
    }
    .image_cat{
        height: 30px;
        width: 30px;
        border-radius: 50%;
    }
    .image_cat img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
    .filter a{
        text-decoration: none;
        color: rgba(0,0,0,0.9);
        font-size: 14px;
    }
    .active_filter{
        background: rgba(0, 78, 59, 0.1);
        border: 1px solid var(--btn-color);
    }
    .filter span{
        color: rgba(0,0,0,0.9);
        font-size: 14px;
        cursor: pointer;
        font-weight: 500;
        display: block;
        width: calc(100% - 30px);
    }
    .minimize{
        font-size: 19px;
        font-weight: 600;
    }
    .price_filter .childfilter{
        padding-top: 0!important;
    }
    .cards_prop{
        width: 75%;
    }
    .sub_card_prop{
        margin-top: 20px;
    }
    .cat_card_prop{
        margin-top: 5px;
    }
    .price_filter_div .childfilter{
        margin-top: 10px;
    }
    .price_filter_div .filter{
        padding: 10px;
    }
    .common_filter_div .filter{
        padding: 10px;
    }

    .price_filter_div .childfilter input{
        display: none;
    }

    .inside_box{
        background-color: #fff;
        padding: 10px 0;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .breadcrumb ul{
        list-style-type: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .breadcrumb ul li{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .breadcrumb ul li svg{
        width: 16px;
        height: 16px;
    }
    .breadcrumb ul li a{
        text-decoration: none;
        color: rgba(0,0,0,0.8);
        font-size: 13px;
    }
    .active_page{
        font-weight: 600;
        color: var(--dark-theme-color)!important;
    }
    .cat_name_search{
        padding: 15px 0;
        border-bottom: 1px solid #eee;
        display: flex;
        justify-content: space-between;
    }
    .flex_search{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .catname_div{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
    }
    .category_in_name{
        font-size: 20px;
        font-weight: 600;
        color: rgba(0,0,0,0.9);
    }
    .catname_div span{
        font-size: 14px;
        color: rgba(0,0,0,0.7);
    }
    .search_prop{
        width: 100%;
        padding: 8px 10px;
        border-radius: 5px;
        border: 1px solid rgba(0,0,0,0.1);
        outline: none;
    }
    .search_prop:focus{
        border: 1px solid #3c65f5;
    }
    .right_cat{
        width: 250px;
    }
    .sort_prop ul{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        list-style-type: none;
    }
    .sort_prop li{
        border: 1px solid #eee;
        padding: 8px 8px;
        border-radius: 5px;
        font-size: 12px;
        cursor: pointer;
        transition: 0.5s;
    }
    .sort_prop a{
        text-decoration: none;
    }
    .tag_li{
        padding: 4px 8px!important;
    }
    .sort_prop svg{
        width: 20px;
        height: 20px;
        position: relative;
        top: 3px;
    }
    .sort_prop li:hover{
        background-color: var(--dark-theme-color);
        color: #fff;
    }
    .active_sort{
        background-color: var(--dark-theme-color);
        color: #fff;
    }
    .inside_box .short_det{
        justify-content: flex-start;
    }
    .inside_box .image_prop{
        width: 300px;
        height: 200px;
    }
    .inside_box .side_prop_det{
        width: calc(100% - 300px);
    }
    .grid_view{
        width: 100%;
    }
    .grid_view a{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap:20px;
        width: 98%;
        margin: 0 auto;
        padding: 10px 0;
    }
    .grid_view .prop_img{
        border-radius: 10px;
    }
    .grid_view .prop_card{
        width: 95%;
    }
    .list_grid svg{
        width: 18px;
        height: 18px;
    }
    .active_list{
        background-color: #3c65f5;
    }
    .active_list svg{
        color: #fff;
    }
    .prop_50{
        transition: 0.5s;
    }
    .flex_prop_cards_in{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap:25px 0;
    }

    .service_page_top{
        background-color: rgba(0, 78, 59, 0.05);
        padding: 20px 0 20px 0;
        position: relative;
        width: 100%;
        margin: 0px auto 30px auto;
        border-radius: 20px;
        background-image: url(https://kellysearch.co.in/cmf/images/talk.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .service_sub_page_top{
        background-color: rgba(242, 154, 73,0.1);
        padding: 10px 0 30px 0;
        position: relative;
        width: 100%;
        margin: 20px auto 30px auto;
        border-radius: 20px;
        background-image: url(https://kellysearch.co.in/cmf/images/talk.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .page_top_head{
        font-size: 35px;
        font-weight: 600;
        color: #000;
        padding-top: 15px;
    }
    .short_p{
        font-size: 15px;
        color: rgba(0,0,0,0.8);
        line-height: 25px;
        padding-top: 10px;
    }
    .tp{
        position: relative;
        z-index: 999;
    }
    .service_page_top .gen_btn{
        margin: 20px 0 10px 10px;
    }
    .side_top_img{
        height: auto;
        /*        border: 8px solid #fff;
                border-radius: 100px 10px 10px 10px;
                box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);*/
    }
    .side_top_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
        border-radius: 10px;
    }
    .float_side{
        /*        position: absolute;
                top: 40%;
                right: 10%;
                z-index: 99;*/
    }
    .service_page_top .brands_gt{
        position: absolute;
        bottom: -23%;
        left: 40px;
        padding: 0;
    }
    .service_page_top .b_box{
        padding: 0;
        border-bottom: 0;
    }
    .service_page_top .brand_img{
        height: auto;
    }
    .course_count{
        background: var(--dark-theme-color);
        border-radius: 10px;
        padding: 10px 20px;
        border: 0;
        color: #fff;
        margin-top: 20px;
    }
    .course_taught{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        list-style-type: none;
        flex-wrap: wrap;
        width: calc(100% - 22px);
    }
    .course_taught li{
        color: rgba(0,0,0,0.8);
        font-size: 14px;
        border-right: 1px solid #88949c;
        padding-right: 10px;
    }

    .faq_truck{
        padding: 20px 0 80px 0;
    }
    .site-wrapper{
        margin-top: 30px;
    }

    .accordion__item {
        border-radius: 4px;
        border: 1px solid #ecf0f4;
        background-color: #fff;
        margin-bottom: 20px;
        width: 99%;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06);
    }
    .accordion__body, .accordion__body2 {
        display: none;
    }
    .accordion__body p,.accordion__body2 p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 25px;
        color: #333;
        padding: 10px 15px;
    }
    .accordion__title, .accordion__title2 {
        font-size: 17px!important;
        cursor: pointer;
        margin-bottom: 0;
        position: relative;
        padding: 15px 15px;
        border-bottom:0.5px solid rgba(23, 92, 98, 0.2);
        color: #fff;
        font-weight: 600;
        background-color: var(--dark-theme-color);
    }
    .accordion__title:after,.accordion__title2:after {
        content: "";
        width: 27px;
        height: 27px;
        position: absolute;
        right: 10px;
        top: 15px;
        background: url(images/plus.png) no-repeat;
        background-size: 24px;
        filter:invert(1);
    }
    .accordion__title.active ,.accordion__title2.active {
        color: #fff;
        font-weight: 600;
    }
    .accordion__title.active:after, .accordion__title2.active:after {
        background: url(images/minus.png) no-repeat;
        background-size: 24px;
    }


    .details_course{
        list-style-type: none;
        padding-top: 10px;
    }
    .flex_det{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px dashed #eee;
        padding: 10px 0;
    }
    .flex_det svg{
        width: 20px;
        height: 20px;
        color: var(--theme-color);
    }
    .flex_side_owner{
        padding-bottom: 10px;
        border-bottom: 2px solid var(--dark-theme-color);
    }
    .left_side_details{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .text_p{
        font-size: 14px;
        font-weight: 700;
    }
    .det_desc{
        font-size: 14px;
        color: #000;
        font-weight: 500;
    }

    .modal_pop{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        z-index: 99999;
        background: rgba(0,15,31,.3);
        overflow-y: auto;
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(5px);
    }
    .box_number{
        position: absolute;
        z-index: 999999;
        background-color: #fff;
        border-radius: 10px;
        width: 500px;
        /*height: 500px;*/
        padding: 10px 0 20px 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .close_modal{
        width: 30px;
        height: 30px;
        background-color: #edeef1;
        border-radius: 50%;
        position: absolute;
        right: 10px;
        top: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: 0.5s;
    }
    .close_modal:hover{
        transform: scale(1.1,1.1);
    }
    .close_modal svg{
        height: 20px;
        width: 20px;
    }
    .modal_pop .flex_all_btns{
        margin-top: 20px;
        justify-content: space-between;
    }
    .modal_pop .whatsapp_btn{
        border: 1px solid #29AD17;
    }
    .modal_pop a{
        text-decoration: none;
    }
    .login_now{
        background: var(--theme-color);
        color: #fff;
        border-radius: 5px;
        padding: 8px 20px 10px 20px;
        border: 0;
        outline: none;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:5px;
        margin: 20px auto 0 auto;
        font-size: 15px;
        font-weight: 500;
    }
    .login_now svg{
        height: 20px;
        width: 20px;
    }
    .log_text{
        padding-top: 20px;
        font-size: 15px;
        font-weight: 500;
        line-height: 25px;
    }

        .flex_btns_sure{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
        }
        .no_cancel{
            width: 40%;
            border: none;
            border-radius: 5px;
            margin: 10px auto;
            padding: 10px 0;
            transition: .5s;
            color:  var(--theme-color);
            font-weight: 600;
            cursor: pointer;
        }
        .yes_cancel{
            width: 40%;
            border: none;
            border-radius: 5px;
            margin: 10px auto;
            padding: 10px 0;
            transition: .5s;
            font-weight: 600;
            color: #fff;
            background: var(--theme-color);
            cursor: pointer;
        }
        .modal_pop .box_number{
            padding: 20px 0;
        }
    
    .text-field {
        position: relative;
        margin: 20px 0 0 0;
    }
    .text-field svg{
        position: absolute;
        left: 15px;
        top: 11px;
        height: 18px;
        width: 18px;
        color: rgba(0,0,0,0.5);
    }
    .cta_fields input {
        display: inline-block;
        border: 1px solid #eee;
        color: #444;
        padding: 8px 8px 12px 50px;
        width: calc(100% - 65px);
        outline: none;
        border-radius: 5px;
        background-color: rgba(180, 165, 247, 0.1);
    }
    .cta_fields textarea {
        display: inline-block;
        border: 1px solid #eee;
        color: #444;
        background-color: rgba(180, 165, 247, 0.1);
        padding: 7px 10px 10px 40px;
        width: calc(100% - 60px);
        outline: none;
        border-radius: 5px;
        resize: none;
    }
    .cta_fields select {
        display: inline-block;
        border: 1px solid #eee;
        color: #444;
        background-color: #fafafa;
        padding: 10px;
        width: 100%;
        outline: none;
    }

    .cta_fields select:focus {
        background-color:#fff;
    }
    .cta_fields input:focus {
        background-color:#fff;
    }
    .cta_fields textarea:focus {
        background-color:#fff;
    }
    .cta_fields label {
        color: #999;
        position: absolute;
        pointer-events: none;
        left: 45px;
        top: 10px;
        font-size: 14px;
        transition: 0.2s;
    }

    .cta_fields input:focus ~ label, .cta_fields input:valid ~ label,.cta_fields textarea:focus ~ label, .cta_fields textarea:valid ~ label {
        top: -10px;
        left: 15px;
        font-size: small;
        background-color:#fff;
        padding:0 5px 0 5px;
        color: #533cbc;
    }
    .cta_fields input:focus{
        border: 1px solid #533cbc;
    }
    .cta_fields textarea:focus{
        border: 1px solid #533cbc;
    }
    .enq_head{
        padding-top: 15px;
        font-size: 20px;
        font-weight: 600;
        color: var(--dark-theme-color);
    }

    .cat_course{
        padding: 50px 0;
    }
    .cat_course_box{
        border: 1px solid #eee;
        border-radius: 20px;
        overflow: hidden;
        padding-bottom: 20px;
        transition: 0.5s;
        margin-bottom: 20px;
        position: relative;
    }
    .image_cat_course{
        height: 250px;
    }
    .image_cat_course img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .vid_flex{
        display:flex;
        justify-content:flex-start;
        align-items:center;
        gap:10px;
        padding-top:10px;
    }
    .vid_flex span{
        color:rgba(0,0,0,.7);
    }
    .vid_flex svg{
        color: #000;
    }
    .cat_course_name{
        color: var(--main-txt-color);
        font-size: 22px;
        font-weight: 600;
        padding:10px 0;
    }
    .price_flex_cat{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        padding-top: 10px;
    }
    .discount_price{
        color: #000;
        font-weight: 600;
        font-size: 15px;
    }
    .strike_price{
        font-size: 15px;
        color: #000;
    }
    .strike_price span{
        text-decoration: line-through;
    }
    .free_btn{
        background: #000;
        border: 0;
        border-radius: 10px;
        color: #fff;
        font-weight: 600;
        padding: 8px 20px;
        font-size: 16px;
    }
    .free{
        padding-top: 10px;
    }
    .cat_course_box a{
        text-decoration: none;
    }
    .cat_course_box:hover{
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    .gen_faq{
        padding: 50px 0;
        position: relative;
    }
    .gen_faq .sub_clark_head{
        padding: 0;
    }
    .side_color_box::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        border-radius: 0 20px 20px 0;
        width: 400px;
        height: 100%;
        background-color: rgba(242, 154, 73,0.1);
    }
    .faq_image{
        height: auto;
        padding-top: 50px;
    }
    .faq_image img{
        width: 100%;
        object-fit: contain;
    }
    .fl_faq{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .active_course_tab::after{
        width: 100%;
    }
    .active_course_tab{
        box-shadow: 0 0 20px rgba(121, 104, 222,0.2);
    }
    .explore_all_cat{
        /*        position: absolute;
                top: 10px;
                right: 0;*/
    }
    .explore_all_cat a{
        text-decoration: none;
    }
    .expl_btn_ct{
        display: flex;
        justify-content: center;
        align-items: center;
        gap:5px;
    }
    .expl_btn_ct{
        background: var(--theme-color);
        border: 0;
        color: #fff;
        padding: 7px 20px;
        border-radius: 5px;
        font-weight: 600;
        cursor: pointer;
        margin: 20px auto 0 auto;
    }
    .expl_btn_ct svg{
        width: 20px;
        height: 20px;
    }
    .foot_logo{
        height: 70px;
        /*width: 80%;*/
    }
    .foot_logo img{
        height:100%;
        width: 100%;
        object-fit: contain;
        object-position: left;
    }




    .about_us_top{
        position: relative;
        padding: 20px 0 50px 0;
        overflow: hidden;
        /*height: 100vh;*/
        /*background-image: linear-gradient(23deg, transparent 50%, rgba(242, 154, 73,0.1) 50%);*/
    }
    .center_image{
        height: 350px;
        position: relative;
        z-index: 99;
        opacity:0;
        animation: zoom_up 1s linear;
        animation-fill-mode: forwards;
    }
    @keyframes zoom_up{
        from{
            transform:scale(0);
            opacity:0;
        }
        to{
            transform:scale(1); 
            opacity:1;
        }
    }
    .center_image img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .relative_90{
        position: relative;
    }
    .relative_90 .container{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .dotted_img{
        position: absolute;
        top: 25%;
        left: 30%;
        z-index: 9;
    }
    .dt_img{
        height: 250px;
    }
    .dt_img img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .circle_img{
        position: absolute;
        top: 25%;
        right: 20%;
        transform: translate(-50%,-50%);
        z-index: 9;
        animation-name: rotateme;
        animation-duration: 100s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
    @keyframes rotateme{
        from{
            transform:rotate(0deg);
        }
        to{
            transform:rotate(360deg);
        }
    }
    .circle_img .dt_img{
        height: 150px;
    }
    .about_edu{
        padding: 50px 0;
        background-image: linear-gradient(180deg, #FFFFFF 10%, rgb(255, 111, 150,0.1) 100%);
    }
    .top_head{
        font-size: 50px;
        font-weight: 600;
        padding: 0 0 20px 0;
        color: #12265A;
    }
    .floating_pattern{
        top: 300px;
    }
    .about_us_top .page_title{
        font-size: 50px;
        color: var(--main-txt-color);
        font-weight: 700;
        line-height: 65px;
    }



    .flex_abt_inside {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        display: none;
    }
    .smll_boxes {
        /*background-color: #fff;*/
        padding: 20px 0;
        border-radius: 10px;
        width: 33%;
        border: 1px solid var(--theme-color);
        position: relative;
        box-shadow: 0 5px 40px rgb(0 0 0 / 7%);
        margin: 20px auto;
        transition: 0.5s;
        background: radial-gradient(at top left, #fff 74%, rgba(239, 242, 251,0.5) 42%);
    }
    .smll_box_img {
        height: 70px;
        position: relative;
        z-index: 999;
    }
    .smll_box_img img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .content_abt p {
        font-size: 15px;
        color: #6c6060;
        line-height: 25px;
    }
    .about_cmf {
        padding: 50px 0;
        position: relative;
        overflow: hidden;
    }
    .top_cmf {
        font-size: 17px;
        color: var(--dark-theme-color);
        text-transform: uppercase;
        letter-spacing: 1px;
        display: inline-block;
        position: relative;
        padding-right: 50px;
        font-weight: 500;
    }
    .top_cmf::after {
        background-color: var(--dark-theme-color);
        background-image: linear-gradient(90deg, var(--theme-color1), var(--theme-color1-lighter));
        top: 50%;
        border-radius: 10px;
        content: "";
        height: 2px;
        right: 5px;
        transform: translateY(-50%);
        margin-top: 0;
        position: absolute;
        width: 35px;
    }
    .big_abt_head {
        font-size: 40px;
        color: var(--dark-theme-color);
        line-height: 1.4;
        font-weight: 700;
        padding: 10px 0;
    }
    .content_abt p {
        font-size: 15px;
        color: #6c6060;
        line-height: 25px;
    }
    .circle_truck {
        background-color: var(--theme-color);
        width: 110px;
        height: 110px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 55%;
        z-index: 99999;
        transform: translate(-50%,-50%);
        display: none;
    }
    .image1{
        position: relative;
    }
    .image_1 {
        height: 650px;
        width: 100%;
        border-radius: 20px;
    }
    .svg_img {
        height: 90px;
        width: 90px;
        border-radius: 50%;
        border: 4px solid #fff;
    }
    .svg_img img {
        height: 70%;
        width: 70%;
        margin: 10%;
        object-fit: contain;
    }
    .image_1 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    .side_long {
        height: 250px;
        width: 20px;
        background-color: var(--dark-theme-color);
        border-radius: 20px;
        position: absolute;
        left: 100px;
        top: 50px;
        z-index: 9999;
        display: none;
    }
    .counter_cmf {
        background: url(../canadianmotorfreight.com/images/shape-bg.html);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 100px 0;
        position: relative;
    }

    .genuine_contact{
        padding: 10px 0 50px 0;
        background: url(images/contactus-one-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    }
    .new_page_title{
        font-size: 70px;
        font-weight: 600;
        color: var(--dark-theme-color);
        padding: 30px 0 0 0;
    }
    .subpara{
        font-size: 15px;
        color: rgba(0,0,0,0.8);
        line-height: 25px;
    }
    .box_contact{
        background-color: #fff;
        padding: 50px 0;
        margin-top: 30px;
        background-image: url(images/back_contact-svg.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    }
    .formcontact{
        box-shadow: 0 0 50px rgba(0,0,0,0.1);
        margin: 20px auto;
        background-color: #fff;
        padding: 20px 0;
    }
    .f_div .gen_btn{
        width: 50%;
        margin: 0 auto 20px auto;
    }

    .contact_gen{
        padding: 50px 0;
    }
    .cont_gen{
        box-shadow: 0 0 20px rgba(0,0,0,0.08);
        padding: 40px 0;
        margin: 30px auto;
        border-radius: 20px;
    }
    .left_contact{
        font-size: 30px;
        font-weight: 600;
        color: #000;
    }
    .left_c_text{
        font-size: 15px;
        color: rgba(0,0,0,0.8);
        padding: 5px 0;
        line-height: 25px;
    }
    .box_cont_gen{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
        padding: 20px;
        margin: 25px auto;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        /*border-bottom: 1px solid #eee;*/
    }
    .icon_cont svg{
        height: 25px;
        width: 25px;
        color: var(--theme-color);
    }
    .icon_cont img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .box_cont_gen a{
        text-decoration: none;
        color: rgba(0,0,0,0.9);
        font-weight: 600;
        word-break: break-word;
        font-size: 15px;
    }
    .right_in{
        width: calc(100% - 45px);
    }
    .right_in p{
        font-size: 16px;
        color: var(--theme-color);
        padding-bottom: 4px;
        font-weight: 600;
    }
    .text_follow{
        font-size: 18px;
        font-weight: 600;
        color: rgba(0,0,0,0.8);
    }
    .new_fl{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .new_fl .top_social_foot ul li{
        background-color: #eff2fb;
    }
    .top_social_foot ul li a{
        height: 40px;
    }
    .new_fl .top_social_foot svg{
        fill: var(--dark-theme-color);
    }
    .new_fl .footer_facebook:hover svg{
        fill: #fff;
    }
    .new_fl .instagram_footer:hover svg{
        stroke: #fff;
    }
    .new_fl .footer_twitter:hover svg{
        fill: #fff;
    }
    .new_fl .footer_linkedin:hover svg{
        fill: #fff;
    }
    .contact_gen_form{
        margin-top: 30px;
    }
    .contact_gen_form .f_div input{
        padding: 14px 20px;
    }
    .contact_gen_form .f_div select{
        padding: 14px 20px;
    }
    .contact_gen_form .icon_form{
        top: 12px;
    }
    .contact_gen_form .view_more_btn{
        margin: 0;
    }
    .contact_gen_form .flex_sending{
        margin: 0;
    }
    .icon_form svg{
        width: 20px;
        height: 20px;
        stroke-width:1.5px;
    }
    .f_div .btn_read_more{
        padding: 5px 0 8px 0;
        border-radius: 5px;
    }
    .flex_apply_filter{
        display: none;
    }

    .blogs_cmf{
        padding: 100px 0 50px 0;
        position: relative;
        background: #F7F8FC;
    }
    .shape_tri{
        position: absolute;
        bottom: 0;
        left: 10%;
        z-index: -1;
    }
    .image_tri{
        height: 350px;
        opacity: 0.2;
    }
    .image_tri img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .para_blog{
        font-size: 15px;
        color: rgba(0,0,0,0.8);
        line-height: 25px;
    }
    .box_brands{
        position: relative;
        margin-bottom: 40px;
        box-shadow: 0 0 10px rgba(0,0,0,0.05);
        padding-bottom: 20px;
        border-radius: 10px;
        border: 1px solid #eee;
        background: #fff;
    }
    .img_blog{
        height: 250px;
        border-radius: 10px 10px 0 0;
        position: relative;
        overflow: hidden;
    }
    .img_blog img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
        transition: 0.5s;
    }
    .box_date{
        position: absolute;
        right: 20px;
        top: 200px;
        background: var(--theme-color);
        z-index: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 60px;
        width: 60px;
        align-items: center;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        text-align: center;
    }
    .box_date::before{
        position: absolute;
        bottom: 0;
        left: -10px;
        border-right: 10px solid var(--theme-color);
        border-bottom: 10px solid transparent;
        content: "";
    }
    .box_date::after{
        position: absolute;
        bottom: 0;
        right: -10px;
        border-left: 10px solid var(--theme-color);
        border-bottom: 10px solid transparent;
        content: "";
    }
    .date_b{
        font-size: 18px;
        color: #fff;
        font-weight: 600;
        padding-bottom: 2px;
    }
    .month_b{
        font-size: 12px;
        color: #fff;
    }
    .name_b{
        font-size: 20px;
        font-weight: 600;
        color: #000;
        padding: 20px 0 10px 0;
        transition: 0.5s;
        line-height: 30px;
    }
    .blogs_carousel a{
        text-decoration: none;
    }
    .b_para{
        font-size: 14px;
        color: rgba(0,0,0,0.7);
    }
    .box_brands:hover .button_service{
        width: 100%;
        opacity: 1;
        left: 0;
    }
    .box_brands .button_service{
        position: absolute;
        background: #000;
    }
    .box_brands:hover .img_blog img{
        transform: scale(1.05,1.05);
    }
    .float_img{
        position: absolute;
        left: -70px;
        bottom: 0;
    }
    .box_brands:hover .name_b{
        color: var(--dark-theme-color);
    }
    .button_service{
        position: relative;
        left: 50%;/*
        bottom: -40px;*/
        width: 0%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 12px;
        line-height: 20px;
        /*padding: 10px 40px;*/
        text-transform: uppercase;
        white-space: nowrap;
        font-weight: 700;
        color: #ffffff;
        background-color: var(--theme-color);
        border-radius: 0 0 10px 10px;
        transition: all 400ms linear;
        opacity: 0;
        margin-top: 14px;
        padding: 10px 0;
    }
    .fl_btn{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .blogs_cmf .top_text_h{
        font-size: 45px;
    }

    .categories_h{
        padding: 50px 0;
        background: #F7F8FC;
    }
    .card_cat_h{
        background: #fff;
        border-radius: 20px;
        margin: 20px auto;
        overflow: hidden;
        padding-bottom: 10px;
        box-shadow: 0 4px 14px 0 rgba(0,0,0,0.04);
        transition: 0.5s;
        cursor: pointer;
    }
    .cat_image{
        height: 450px;
        overflow: hidden;
        border-radius: 20px;
        margin: 10px;
    }
    .cat_image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: 0.5s;
    }
    .max_width_container{
        max-width: 1200px;
        margin: 0 auto;
    }
    .card_cat_h:hover .cat_image img{
        transform: scale(1.1,1.1);
    }
    .card_cat_h:hover{
        box-shadow: 0 4px 14px rgba(0,0,0,calc(0.04 + 0.04));
    }
    .name_cat{
        font-size: 20px;
        font-weight: 600;
        /*font-family: 'Rochester', cursive;*/
        color: #D62D66;
        /*letter-spacing: 2px;*/
    }
    .card_cat_h a{
        text-decoration: none;
    }
    .top_text_h{
        font-size: 60px;
        font-weight: 500;
        font-family: 'Cinzel Decorative', cursive;
        color: #000;
        letter-spacing: 2px;
        padding-bottom: 20px;
    }
    .card_backg{
        position: relative;
        height: 100%;
        width: 100%;
    }
    .max_width_container:hover .card_cat_h:not(:hover) {
        -webkit-filter: blur(1px);
        -moz-filter: blur(1px);
        filter: brightness(1) saturate(0) contrast(1.2) blur(2px);
    }
    .flex_prop_cards_in:hover .card_cat_h:not(:hover) {
        -webkit-filter: blur(1px);
        -moz-filter: blur(1px);
        filter: brightness(1) saturate(0) contrast(1.2) blur(2px);
    }
    .flex_prop_cards_in .card_cat_h{
        box-shadow: 0 0 10px rgba(0,0,0,0.10);
    }
    .flex_prop_cards_in .card_cat_h .cat_image{
        height: 300px;
    }

    .latest_prod{
        padding: 50px 0;
        background: #F7F8FC;
    }
    .card_hookah{
        background: #fff;
        border-radius: 20px;
        padding: 20px 0;
        box-shadow: 0 4px 14px 0 rgba(0,0,0,0.04);
        margin: 20px auto;
        transition: 0.5s;
        position: relative;
        border: 1px solid #eee;
    }
    .flex_card_top{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .cat_name_prod{
        background: #B8181E;
        padding: 5px 10px;
        color: #fff;
        font-size: 14px;
        border-radius: 5px;
        font-weight: 500;
    }
    .price_prod_h{
        font-weight: 500;
        color: #000;
        font-size: 15px;
    }
    .price_prod_h span{
        font-size: 20px!important;
        font-weight: 600!important;
    }
    .prod_image{
        height: 400px;
        position: relative;
        background: rgba(225, 226, 234, 0.5);
        border-bottom: 2px solid rgba(0, 78, 59, 0.2);
    }
    .prod_image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        /*border-radius: 10px;*/
    }
    .prod_name_h{
        font-size: 16px;
        font-weight: 600;
        color: rgba(0,0,0,0.8);
        padding: 10px 10px 0 10px;
    }
    .card_hookah a{
        text-decoration: none;
    }

    .card_hookah:hover{
        box-shadow: 0 4px 14px 0 rgba(0,0,0,0.1);
    }
    .prod_image .image_hover{
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        object-fit: cover;
        opacity: 0;
        transition: opacity .2s;
    }
    .prod_image .image_main{
        opacity: 1;
        transition: opacity .2s;
    }
    .card_hookah:hover .image_hover{
        opacity: 1;
    }
    .card_hookah:hover .image_main{
        opacity: 0;
    }
    .product_box:hover .image_hover{
        opacity: 1;
    }
    .product_box:hover .image_main{
        opacity: 0;
    }
    .add_to_box{
        padding: 10px 0;
        border-radius: 10px 10px 0 0;
        position: absolute;
        bottom: -100%;
        transition: 0.3s;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
        width: 100%;
        left: 0;
    }
    .card_hookah:hover .add_to_box{
        bottom: 0;
    }
    .btn_card_add{
        width: 90%;
        margin: 10px 5%;
        padding: 10px 0;
        border-radius: 10px;
        background-color: var(--theme-color);
        color: #fff;
        border: 0;
        font-weight: 600;
        font-size: 15px;
        cursor: pointer;
    }
    .arrows2{
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
    }

    .right_arrow2{
        position: absolute;
        right: -70px;
        top: 40%;
        z-index: 99999;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        line-height: 50px;
        text-align: center;
        border: 1px solid #dcdcdc;
        cursor: pointer;
        transition: 0.5s;
        color: #6f7284;
        background-color:rgba(255,255,255,0.6);
    }
    .left_arrow2{
        position: absolute;
        left: -70px;
        top: 40%;
        z-index: 99999;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        line-height: 50px;
        text-align: center;
        border: 1px solid #dcdcdc;
        cursor: pointer;
        transition: 0.5s;
        color: #6f7284;
        background-color:rgba(255,255,255,0.6);
    }
    .left_arrow2:hover,.right_arrow2:hover{
        background-color: #fff;
    }
    .product_container{
        position: relative;
    }
    .arrows2 i{
        line-height: 50px;
    }
    .feat_prod_container{
        position: relative;
        overflow: visible;
    }
    .sub_cats_products{
        position: relative;
        overflow: visible;
        display: none;

    }

    .active_sub_prod{
        display: block;
    }
    .flex_stars{
        display: flex;
        justify-content: center;
        align-items: center;
        gap:5px;
        padding-top: 7px;
    }
    .flex_stars i{
        font-size: 16px;
        color: #F7BC00;
    }
    .flex_stars svg{
        width: 15px;
        height: 15px;
        fill: #F7BC00;
        stroke-width:0px;
    }
    .cat1{
        background: #015cac;
    }
    .cat2{
        background: #E92F00;
    }
    .cat3{
        background: #AC9558;
    }

    

    .total_amnt{
        border-top: 1px dashed #e0e0e0;
        padding: 10px 5% 0 5%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        gap:15px;
        position: relative;
    }
    .total_amnt::before{
        content: '';
        width: 23px;
        height: 14px;
        border-radius: 150px 150px 25px 25px;
        position: absolute;
        top: -8px;
        left: -6px;
        border: 1px solid #e0e0e0;
        border-bottom: 0;
        transform: rotate(90deg);
        background: #fff;
    }
    .total_amnt::after{
        content: '';
        width: 23px;
        height: 14px;
        border-radius: 150px 150px 25px 25px;
        position: absolute;
        top: -8px;
        right: -6px;
        border: 1px solid #e0e0e0;
        border-bottom: 0;
        transform: rotate(-90deg);
        background: #fff;
    }
    .text_red,.add_to_cart_first_error{
        color: red;
        font-size: 14px;
        padding: 15px 0 0 0;
        display: none;
    }
    .cart_page{
        margin: 30px auto 50px auto;
    }
    .box_cart{
        background: #fff;
        border-radius: 10px;
        padding: 40px 0;
    }
    .list_product_cart{
        list-style-type: none; 
        margin-top: 20px;
    }
    .list_product_cart li{
        border: 1px solid #eee;
        margin-bottom: 20px;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 10px 10px rgba(0,0,0,0.02);
        transition: 0.5s;
    }
    .list_product_cart li:hover{
        box-shadow: 0 10px 10px rgba(0,0,0,0.04);
    }
    .image_section{
        width: 90px;
        height: 90px;
        border-radius: 5px;
        border: 1px solid #eee;
        padding: 7px;
    }
    .image_section img{
        height: 100%;
        width: 100%;
        border-radius: 5px;
        object-fit: cover;
    }
    .cart_added{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .flex_left{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:10px;
        width: 80%;
    }
    .price-box{
        width: 20%;
    }
    .final-price{
        font-weight: 600;
        font-size: 15px;
        display: block;
        text-align: right;
    }
    .added_pro_name{
        font-size: 20px;
        color: #000;
        font-weight: 600;
        font-family: 'Cinzel Decorative', cursive;
        text-decoration: none;
        padding-bottom: 5px;
    }
    .added_product_name a{
        text-decoration: none;
    }
    .cart_color{
        font-size: 14px;
        color: #000;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
        padding-bottom: 3px;
    }
    .circle_size{
        width: 20px;
        height: 20px;
        border-radius: 50%;

    }
    .new_box{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        min-height: 110px;
        gap:10px;
        width: calc(100% - 90px);
    }
    .flex_combo_flavors{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap:10px;
        padding-bottom: 5px;
    }
    .qty-input .product-qty, .qty-input .qty-count {
        background: transparent;
        color: inherit;
        font-weight: bold;
        font-size: inherit;
        border: none;
        display: inline-block;
        min-width: 0;
        height: 2.5rem;
        line-height: 1;
    }
    .qty-input .product-qty:focus, .qty-input .qty-count:focus {
        outline: none;
    }
    .qty-input .product-qty {
        width: 50px;
        min-width: 0;
        display: inline-block;
        text-align: center;
        appearance: textfield;
    }
    .qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
        appearance: none;
        margin: 0;
    }
    .qty-input .qty-count {
        padding: 0;
        cursor: pointer;
        width: 2.5rem;
        font-size: 1.25em;
        text-indent: -100px;
        overflow: hidden;
        position: relative;
    }
    .qty-input .qty-count:before, .qty-input .qty-count:after {
        content: "";
        height: 2px;
        width: 10px;
        position: absolute;
        display: block;
        background: #000;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .qty-input .qty-count--minus {
        border-right: 1px solid #e2e2e2;
    }
    .qty-input .qty-count--add {
        border-left: 1px solid #e2e2e2;
    }
    .qty-input .qty-count--add:after {
        transform: rotate(90deg);
    }
    .qty-input .qty-count:disabled {
        color: #ccc;
        background: #f2f2f2;
        cursor: not-allowed;
        border-color: transparent;
    }
    .qty-input .qty-count:disabled:before, .qty-input .qty-count:disabled:after {
        background: #ccc;
    }

    .qty-input {
        border-radius: 4px;
        border: 1px solid #e0e0e0;
        width: 90px;
        height: 30px;
        font-size: 14px;
        color: #333;
        background: #fff;
        display: flex;
        align-items: center;
        overflow: hidden;
    }
    .add_cart_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .remove_product{
        border: 1px solid #e0e0e0;
        padding: 7px 10px;
        background: transparent;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
        font-weight: 600;
        cursor: pointer;
        transition: 0.5s;
        border-radius: 4px;
    }
    .remove_product svg{
        width: 15px;
        height: 15px;
        stroke-width:2px;
    }
    .remove_product:hover{
        border: 1px solid red;
        color: red;
    }
    .add_more_items{
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: #000;
        font-weight: 600;
    }
    .add_more_items p{
        text-decoration: none;
    }
    .checkout_box{
        /*margin-top: 20px;*/
    }
    .cart_summary{
        border: 1px solid #eee;
    }
    .coupon_apply,.cart_summary{
        background-color: #fff;
        /*box-shadow: 0 10px 10px rgba(s0,0,0,0.04);*/
        border-radius: 5px;
        margin-bottom: 20px;
        padding:10px 0 10px 0;
        border: 1px solid #e0e0e0;
        overflow: visible;
    }
    .pay_list{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pay_list_ul{
        list-style-type: none;
        padding: 10px 0 0 0;
    }
    .pay_list_ul li{
        padding-bottom: 15px;
    }
    .pay_list span{
        color: #151b39;
        font-size: 15px;
    }
    .total{
        font-weight: bold;
    }
    .amnt_paid span{
        color: #000;
        font-size: 15px;
        font-weight: 500;
    }
    .amnt_paid{
        width: 100%;
        font-size: 18px;
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .btn_proceed{
        width: 100%;
    }
    .proceed{
        background-color: var(--theme-color);
        padding: 10px 25px;
        border: 0;
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
        width: 100%;
        font-weight: 500;
        font-size: 15px;
    }
    .head_cart{
        font-size: 20px;
        font-weight: 600;
        color: rgba(0,0,0,0.9);
    }
    .items_list{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
    }
    .count_item_list{
        font-size: 14px;
        font-weight: 600;
    }
    .total_items_p{
        font-size: 14px;
        font-weight: 600;
    }
    .head_cart_summary{
        border-bottom: 1px solid #eee;
        padding: 0 20px 10px 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .head_cart_summary svg{
        height: 20px;
        width: 20px;
        stroke-width:1.6px;
    }
    .flex_containers{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .product_cont{
        background: #fff;
        border-radius: 10px;
        padding: 40px 0;
        margin: 40px auto;
        display: flex;
    }
    .coupon_flex{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 20px 0;
    }
    .coupon_flex input{
        width: calc(100% - 100px);
        padding: 10px;
        border: 1px solid rgba(0,0,0,0.2);
        border-radius: 5px;
        outline: none;
    }
    .coupon_flex button{
        padding: 11px 25px;
        margin-left: 10px;
        border-radius: 5px;
        border: 0;
        background-color: var(--theme-color);
        color: #fff;
        font-size: 13px;
        cursor: pointer;
    }
    .border_promo{
        border: 1px dashed rgb(50, 174, 177);
        padding: 10px 0;
        border-radius: 5px;
        background-color: rgba(50, 174, 177,0.2);
        width: 99%;
    }
    .promo_code{
        padding: 20px 5% 0 5%;
    }
    .promo_code p{
        font-size: 16px;
        font-weight: bold;
        color: rgba(0,0,0,0.9);
    }
    .promo_code span{
        color: rgba(0,0,0,0.9);
        font-size: 13px;
        line-height: 1.5;
    }
    .promo_applied span{
        color: #49AF41;
    }

<!--GST Question-->

    .gst_list{
        width: 300px;
        min-height: 1px;
        background-color: #fff;
        overflow: hidden;
        padding: 10px 0;
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        border-radius: 10px;
        font-family: 'Lato',sans-serif;
        border: 1px solid #e1e1e8;
        position: absolute;
        top: 30px;
        left: -30%;
        z-index: 99;
        overflow: visible;
        display: none;
    }
    #triangle-up {
        position: absolute;
        top: -3%;
        left: 47%;
        transform: translate(-50%,-50%);
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
    .t_gst{
        border-top: 1px dashed rgb(186, 219, 255);
        padding: 10px 0 0 0;
    }
    .question{
        display: inline-block;
        width: 15px;
        font-weight: bold;
        height: 15px;
        border: 1px solid #e1e1e8;
        border-radius: 50%;
        line-height: 15px;
        margin-left: 5px;
        font-size: 12px!important;
        text-align: center;
        cursor: pointer;
    }


<!--GST Question-->

    .radio-section {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
    }
    .radio-item [type="radio"] {
        display: none;
    }
    .radio-item + .radio-item {
        margin-top: 15px;
    }
    .radio-item label {
        display: block;
        padding: 20px 20px 20px 60px;
        background: #fafafa;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        width: calc(100% - 82px);
        white-space: nowrap;
        position: relative;
        transition: 0.4s ease-in-out 0s;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .radio-item label:after,
    .radio-item label:before {
        content: "";
        position: absolute;
        border-radius: 50%;
    }
    .radio-item label:after {
        height: 19px;
        width: 19px;
        border: 2px solid var(--theme-color);
        left: 19px;
        top: calc(50% - 12px);
    }
    .radio-item label:before {
        background: var(--theme-color);
        height: 21px;
        width: 21px;
        left: 20px;
        top: calc(50% - 11px);
        transform: scale(5);
        opacity: 0;
        visibility: hidden;
        transition: 0.4s ease-in-out 0s;
    }
    .radio-item [type="radio"]:checked ~ label {
        border-color: var(--theme-color);
    }
    .radio-item [type="radio"]:checked ~ label::before {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }
    .shipping_choose{
        margin-bottom: 20px;
    }
    .ship_text{
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 20px;
    }
    .review-side{
        width: 100%;
    }
    .select-servicereview{
        text-align: center;
    }

    
    .product_page_h{
        padding: 0px 0; 
    }
    .box_product{
        margin: 20px auto;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 0 50px #f3f3f3;
        padding: 30px 0 30px 0;
    }
    .image_relative_container{
        position: relative;
        border: 1px solid rgba(0,0,0,0.2);
        border-radius: 30px;
        padding: 10px;
        width: 100%;
    }
    .bg_product{
        background: rgba(1, 191, 221, 0.1);
        border-radius: 200px 200px 0 0;
        height: 100%;
        width: 350px;
        margin: 0 auto;
        /*position: absolute;*/
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .product_in_image{
        position: relative;
        height: auto;
        border-radius: 20px;
    }
    .product_in_image img{
        width: 100%;
        height: 100%;
        border-radius: 20px;
        object-fit: cover;
    }
    .small_image_container{
        position: relative;
    }
    .flex_images{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap:10px;
        flex-direction: column;
    }
    .smll_img_div{
        width: 60px;
        height: 60px;
        padding: 10px;
        border: 1px solid #eee;
        border-radius: 5px;
        cursor: pointer;
    }
    .smll_image{
        height: 60px;
        width: 60px;
    }
    .smll_image img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .prod_name_p{
        font-size: 50px;
        font-weight: 500;
        line-height: 60px;
        /*padding-bottom: 10px;*/
    }
    .flex_product_page{
        width: 95%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: relative;
    }
    .price_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
    }
    .price_h{
        font-size: 35px;
        font-weight: 700;
    }
    .name_prod{
        border-bottom: 1px solid #eee;
        /*padding-bottom: 20px;*/
    }
    .org_price{
        padding-top: 5px;
        font-size: 25px;
        font-weight: 900;
        color: rgba(0,0,0,0.2);
        text-decoration: line-through;
    }
    .name_prod .flex_stars svg{
        width: 20px;
        height: 20px;
    }
    .name_prod .flex_stars{
        padding-top: 20px;
    }
    .color_select{
        border-bottom: 1px solid #eee;
        padding: 10px 0;
    }
    .col_text{
        font-size: 20px;
        color: #192837;
        font-weight: 600;
        display: block;
    }
    .color_box{
        /*border: 1px solid #eee;*/
        border-radius: 30px;
        padding: 0 0 10px 0;
        display: inline-block;
    }
    .flex_colors{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        flex-wrap: wrap;
    }
    .flex_colors a{
        text-decoration: none;
    }
    .borde_a{
        border: 1px solid #eee;
        border-radius: 5px;
    }
    .box_color{
        width: 80px;
        height: 60px;
        border-radius: 10px 10px 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .box_color svg{
        height: 20px;
        width: 20px;
    }
    .active_color{
        border: 2px solid red;
    }
    .image_color{
        height: 50px;
        width: 50px;
    }
    .image_color img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .size_box{
        border-top: 1.5px solid #eee!important;
        width:79px;
        padding:7px 0!important;
        border: 1.5px solid #eee;
        border-radius: 5px!important;
    }
    .size_box p{
        font-weight: 600;
        color: rgba(0,0,0,0.8)!important;
        font-size:14px!important;
    }
    .c_div{
        border-top: 1px solid #eee;
        padding: 5px 0;
        border-radius: 0 0 5px 5px;
    }
    .c_div p{
        font-size: 12px;
        color: #000;
        text-decoration: none;
    }
    .active_small_image{
        border: 2px solid var(--theme-color);
        background: transparent;
    }
    .purchase_btns{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
        padding: 15px 0;
        border-bottom: 1px solid #eee;
    }
    .btn_cart {
        border: 1px solid rgba(0,19,37,0.16);
        padding: 15px 5px;
        width: 100%;
        background-color: transparent;
        cursor: pointer;
        font-size: 16px;
        color: #192837;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
    }
    .btn_cart svg,.btn_buy svg{
        width: 20px;
        height: 20px;
    }
    .btn_buy{
        border: 1px solid rgba(0,19,37,0.16);
        padding: 15px 5px;
        background-color: #192837;
        cursor: pointer;
        width: 100%;
        font-size: 16px;
        color: #fff;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
    }
    .rate_text{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
    }
    .rate_text p{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
    }
    .rating_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        padding-top: 20px;
    }
    .flex_images_side{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:20px;
    }
    .float_zoom{
        position: absolute;
        top: 95%;
        left: 50%;
        transform: translate(-50%,-50%);
        display: inline-block;
        /*backdrop-filter: blur(0px);*/
    }
    .fade_box{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 10px 20px;
        border-radius: 50px;
        background-color: rgba(0,0,0,0.05);
        font-size: 13px;
        font-weight: 600;
        position: relative;
        z-index: 99999;
        cursor: pointer;
    }
    .fade_box svg {
        width: 20px;
        height: 20px;
    }
    .back_text{
        position: absolute;
        opacity: 0.2;
        font-size: 50px;
        color: rgba(0,0,0,0.1);
        top: 0;
        left: 0;
        font-weight: 900;
        z-index: -1;
        font-family: 'Cinzel Decorative', cursive;
    }
    .box_details_h{
        position: relative;
        z-index: 999;
    }
    .short_para_prod{
        padding: 15px 0;
        border-top: 1px solid #eee;
    }
    .short_para_prod p{
        font-size: 14px;
        color: #000;
        line-height: 25px;
    }
    .extra_feat{
        padding-top: 20px;
    }
    .flex_feat_prod{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .box_feat_ext{
        background-image: url(images/border.svg);
    border-radius: 10px;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 90px;
    }
    .img_f{
        height: 35px;
        width: 35px;
        margin: 0 auto;
    }
    .img_f img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .text_f{
        color: #22292f;
        font-weight: 700;
        font-size: 12px;
        padding-top: 10px;
    }
    .offer_dis{
        padding: 10px;
        background: #192837;
        border-radius: 5px;
        color: #fff;
    }
    .image_side{
        position: sticky;
        top:140px;
    }

    .product_desc_sect{
        margin: 30px auto;
    }
    .heading_main{
        border-bottom: 1px solid #eee;
    }
    .product_desc_sect .box_product{
        padding: 20px 0 30px 0;
    }
    .heading_main p{
        padding-bottom: 10px;
        font-size: 20px;
        font-family: 'Cinzel Decorative', cursive;
        text-transform: uppercase;
        font-weight: 600;
    }
    .description_part{
        padding: 20px 0 0 0;
    }
    .description_part p{
        font-size: 14px;
        line-height: 30px;
        font-weight: 400;
        font-family: 'Poppins',sans-serif;
    }
    .review_image_2{
        height: 300px;
    }
    .review_image_2 img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .review_box{
        margin-top: 20px;
        border-radius: 20px;
        background: rgba(242, 154, 73,0.05);
    }
    .rev_btn{
        border: 0;
        background: var(--dark-theme-color);
        padding: 8px 20px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
        border-radius: 5px;
        margin: 20px auto;
        cursor: pointer;
    }
    .rev_btn svg{
        color: #fff;
        width: 20px;
        height: 20px;
    }

    .cat_sect{
        padding: 50px 0 80px 0;
        background: url(images/back_cat.jpg);
        background-size: contain;
        background-repeat: repeat;
        background-position: center;
    }
    .cat_lingrie{
        position: relative;
        transition: 0.5s;
        display: flex;
        border: 1px solid #000;
    }
    .cat_lingrie a{
        display: flex;
        text-decoration: none;
    }
    .catimage{
        height: 500px;
        transition: 0.5s;
    }
    .catimage img{
        width: 100%;
        height: 100%;
        /*border-radius: 10px;*/
        object-fit: cover;
        transition: 0.5s;
    }
    .front_overlay{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .big_text_c{
        font-size: 100px;
        color: rgba(255,255,255,.26);
        font-weight: 400;
        font-family: tnight;
    }
    .cat_carousel{
        margin-top: 50px;
    }
    .categories_section:hover .cat_lingrie:not(:hover) {
        -webkit-filter: blur(1px);
        -moz-filter: blur(1px);
        filter: brightness(1) saturate(0) contrast(1.2) blur(2px);
    }
    .cat_lingrie:hover .catimage img{
        transform: scale(1.1,1.1);
    }
    .border_text{
        border-right: 1px solid #000;
        flex: 1;
        position: relative;
    }
    .border_text p{
        writing-mode: vertical-rl;
        color: #000;
        font-family: 'Cinzel Decorative', cursive;
        font-size: 25px;
        font-weight: 600;
        position: absolute;
        letter-spacing: 2px;
        bottom: 10px;
        transform: rotate(180deg);
    }

    .running_line{
        padding: 50px 0;
    }
    .marquee_text{
        font-size: 80px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 900;
        color: #F2E1DA;
    }
    .marquee_div{
        display: flex;
    }
    .marquee_text {
        flex-shrink: 0;
        margin: 0;
        padding: 10px 15px;
        min-width: 100%;
        white-space: nowrap;
        animation-name: marqueeLine;
        animation-duration: 30s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
      }

      @keyframes marqueeLine {
        0% {
          transform: translateX(0);
        }
        50%{
            transform: translateX(-50%);
        }
        100% {
          transform: translateX(-100%);
        }
      }
    
    .flex_offers{
        display: flex;
        justify-content: center;
        gap:10px;
        /*align-items: center;*/
    }
    .first_image{
        height: auto;
    }
    .first_image img{
        width: 100%;
        object-fit: contain;
    }
    .sec_image{
        height: auto;
    }
    .sec_image img{
        width: 100%;
        object-fit: contain;
    }
    .mid_sect{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
 
    .featured_lingerie{
        padding: 0 0 50px 0;
        background: url(images/decor_top.svg);
        background-repeat: repeat;
        background-size: 20%;
        background-position: center;
    }
    .featured_lingerie .heading_alishan p{
        font-size: 30px;
        line-height:45px;
    }
    .sub_text_head{
        font-size:15px;
        color:rgba(0,0,0,0.7);
        line-height:25px;
        text-align: center;
        padding-top: 10px;
    }
    
    .btn_lingerie{
        margin-top: 20px;
        border: 0;
        background: var(--theme-color);
        padding: 10px 30px;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
        border-radius: 10px 0 10px 0;
    }
    .trends{
        padding: 50px 0;
    }
    .flex_popular{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
    .product_box{
        border: 2px solid rgba(0, 78, 59, 0.2);
        transition: 0.5s;
        background: #fff;
        position: relative;
    }
    .product_box:hover .add_to_box{
        bottom: 0;
    }
    .content_prod{
        padding: 15px 0;
    }
    .name_prod_scary{
        font-size: 18px;
        font-weight: 600;
        color: rgba(0,0,0,0.9);
        padding:0 10px;
    }
    .flex_p_clothes{
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
        padding-top: 5px;
    }
    .dist_price{
        font-size: 16px;
        font-weight: 600;
        color: var(--theme-color);
    }
    .act_price{
        text-decoration: line-through;
        color: rgba(0,0,0,0.5);
        font-size: 14px;
        font-weight: 500;
    }
    .flex_popular_cont{
        display: flex;
    }
    .product_box a{
        text-decoration: none;
    }
    .product_box:hover .name_prod_scary{
        color: var(--theme-color);
    }
    .product_box:hover{
        border: 2px solid var(--theme-color);
    }
    .popular_product .owl-nav button.owl-prev,.popular_product .owl-nav button.owl-next{
        border: 1px solid #eee;
        border-radius: 10px;
        width: 50px;
        height: 50px;
        transition: 0.5s;
    }
    .popular_product .owl-nav button.owl-prev span,.popular_product .owl-nav button.owl-next span{
        line-height: 20px;
        font-size: 35px;
    }
    .popular_product .owl-nav button.owl-prev:hover,.popular_product .owl-nav button.owl-next:hover{
        background: rgba(241, 87, 87, 0.1);
        border: 1px solid var(--theme-color);
    }
    .popular_product .owl-nav button.owl-prev:hover span,.popular_product .owl-nav button.owl-next:hover span{
        color: var(--theme-color);
    }
    .color_float{
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .color_flex ul{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        gap:5px;
        list-style-type: none;
    }
    .color_circle{
        width: 18px;
        height: 18px;
        border: 1px solid rgba(0,0,0,0.3);
    }
    .off_percent{
        position: absolute;
        top: 0;
        left: 0;
        padding: 5px 10px;
        color: #fff;
        font-weight: 600;
        border-radius: 0 0 5px 0;
        font-size: 12px!important;
        background: var(--theme-color);
    }
    .size_float{
        background: rgba(255,255,255,0.8);
        padding: 7px 0;
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
    }
    .size_float p{
        color: #000;
        font-weight: 600;
        font-size: 14px;
    }

    .test_allishaan{
        padding: 50px 0;
        background: #FEF4F5;
    }

    .login_cart_new{
        background-color: #FAFAFA;
    }
    .invalid-feedback{
        color: red!important;
        font-size:12px;
    }
    .login_cart_image img{
        width: 100%;
        object-fit: contain;
    }
    .max-width_container{
        max-width: 1200px;
        margin: 0 auto;
        overflow: hidden;
    }
    .top_text_login{
        font-size: 14px;
        color: rgba(0,0,0,0.9);
        padding: 10px 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .top_text_login span{
        font-weight: 600;
    }
    .top_text_login svg{
        width: 20px;
        height: 20px;
    }
    .already_account{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
    }
    .head_text{
        font-size: 16px;
    }
    .sub_text{
        font-size: 14px;
    }
    .sub_text a{
        text-decoration: none;
        color: var(--theme-color);
        font-weight: bold;
    }
    .form_fields_login input{
        width: calc(100% - 22px);
        padding: 12px 10px;
        border: 1px solid #d9d9d9;
        outline: none;
        border-radius: 5px;
        margin: 10px auto;
    }
    .form_fields_login select{
        width: 100%;
        padding: 12px 10px;
        border: 1px solid #d9d9d9;
        outline: none;
        border-radius: 5px;
        margin: 10px auto;
    }
    .form_fields_login input:focus{
        border: 1px solid var(--theme-color);
    }
    .form_fields_login select:focus{
        border: 1px solid var(--theme-color);
    }
    .container_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .btn_pay{
        margin: 40px 0;
        padding: 15px 30px;
        background-color: var(--theme-color);
        border: 0;
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        cursor: pointer;
        border-radius: 5px;
    }
    .footer_left{
        border-top: 1px solid #ddd;
        padding: 20px 0;
    }
    .ul_footer{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        list-style-type: none;
    }
    .ul_footer li a{
        color: var(--theme-color);
        font-weight: 700;
        text-decoration: none;
        font-size: 12px;
    }
    .left_side_form{
        background-color: #fff;
        margin: 20px auto;
        border-radius: 10px;
        padding: 10px 0;
        border: 1px solid #eee;
        width: 58%;
    }
    .product_list{
        max-height: 650px;
        overflow-y: scroll;
        margin-top: 20px;
        transition: 0.5s;
    }
    .product_list:hover{
        overflow-y: auto;
        overflow-x: hidden;
    }
    .product_list_box{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        padding: 10px 0;
        background-color: #fff;
        border: 1px solid #eee;
    }
    .product_list_box .w90{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:10px;
        position: relative;
        overflow: visible;
    }
    .product_list_box .w90 .discount_icon{
        top: 0px;
        left: -5px;
    }
    .product_list a{
        text-decoration: none;
    }
    .image_box{
        height: 70px;
        width: 70px;
        border: 1px solid #eee;
        border-radius: 5px;
        padding: 5px;
    }
    .image_box img{
        width: 100%;
        height: 100%;
        border-radius: 5px;
        object-fit: cover;
    }
    .text_box{
        width: 60%;
    }
    .price_box{
        width: 20%;
    }
    .name_prod_cart{
        font-size: 14px;
        font-weight: 600;
        color: rgba(0,0,0,0.9);
    }
    .qty_prod{
        font-size: 12px;
        color: rgba(0,0,0,0.8);
        padding: 5px 0;
        font-weight: 600;
    }
    .price_box p{
        font-size: 13px;
        font-weight: 600;
        color: rgba(0,0,0,0.9);
    }
    .sub_total_list{
        padding: 20px 0;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        margin-top: 40px;
    }
    .sub_flex{
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding-bottom: 10px;
    }
    .sub_txt{
        font-size: 14px;
        font-weight: 600;
    }
    .sub_val{
        font-size: 14px;
        font-weight: 600;
    }
    .cal_nxt{
        font-size: 12px;
        color: green;
        font-weight: bold;
    }
    .total_cart{
        padding: 20px 0;
    }
    .total_txt{
        font-size: 15px;
    }
    .total_val{
        font-size: 22px;
        font-weight: 600;
    }
    .invalid{
        border: 1px solid red!important;
    }
    .flex_cart_login{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .desk_prod_list{
        display: block;
    }
    .mob_prod_list{
        display: none;
    }
    .cart_color{
        display: flex!important;
        justify-content: flex-start;
        align-items: center;
        gap: 5px;
        color: rgba(0,0,0,0.8);
        font-size: 13px;
        font-weight: 600;
    }
    .cart_color .circle_size{
         width: 15px;
         height: 15px;
         padding: 0;
         border-radius: 50%;
    }
    .name_color_flex{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:5px;
        flex-direction: column;
    }
    .place_text{
        font-size: 20px;
        font-weight: 600;
        color: #000;
        padding-bottom: 20px;
    }
    .place_list{
        list-style-type: none;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
        flex-direction: column;
    }
    .instructions{
        width: 100%;
        padding: 20px 0;
    }
    .side_cart_list{
        margin-top: 20px;
    }
    .select2-container--default .select2-selection--single{
        border-radius: 5px!important;
        padding: 12px 10px!important;
        border: 1px solid #d9d9d9!important;
        height: 40px!important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 20px!important;
        position: relative!important;
        top:-3px!important;
        font-size: 13px!important;
        padding-left: 0!important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow{
        height: 100%!important;
    }
    .country_div{
        margin: 10px auto!important;
    }
    .radio-item [type="radio"] {
	display: none;
}
.radio-item + .radio-item {
	margin-top: 15px;
}
.radio-item label {
	display: block;
	padding: 20px 60px;
	background: #eee;
	border: 2px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	min-width: 250px;
	white-space: nowrap;
	position: relative;
	transition: 0.4s ease-in-out 0s;
        border: 1px solid #E0E0E0;
}
.radio-item label:after,
.radio-item label:before {
	content: "";
	position: absolute;
	border-radius: 50%;
}
.radio-item label:after {
	height: 19px;
	width: 19px;
	border: 2px solid #524eee;
	left: 19px;
	top: calc(50% - 12px);
}
.radio-item label:before {
	background: #524eee;
	height: 20px;
	width: 20px;
	left: 20px;
	top: calc(50% - 11px);
	transform: scale(5);
	opacity: 0;
        border: 1px solid #524eee;
	visibility: hidden;
	transition: 0.4s ease-in-out 0s;
}
.radio-item [type="radio"]:checked ~ label {
	border-color: #524eee;
}
.radio-item [type="radio"]:checked ~ label::before {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
.choose_text{
    font-size: 20px;
}

<!--User Dashboard CSS-->

    .user_profile{
        padding: 20px 0;
        font-family: 'Lato',sans-serif;
    }
    .white_back_user{
        border: 1px solid rgba(0,0,0,0.2);
        background-color: #fff;
        padding: 10px;
        margin: 20px auto;
        overflow: hidden;
        /*box-shadow: 0 0px 5px rgba(0,0,0,0.1);*/
    }
    .user_flex{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .user_pro{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }
    .user_sidebar{
        width: 25%;
    }
    .profile_right_side{
        width: 75%;
    }
    .user_img2{
        border: 2px solid #eee;
        border-radius: 50%;
        height: 50px;
        width: 50px;
    }
    .user_img2 img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        object-position: top;
    }
    .name_user{
        padding-left: 20px;
    }
    .name_user p{
        font-weight: bold;
    }
    .name_user span{
        font-size: 12px;
    }
    .user_sidebar_list{
        list-style-type: none;
    }
    .user_sidebar_list li{
        padding: 15px 0;
        transition: 0.5s;
    }
    .border_side{
        border-bottom: 1px solid #E0D0DA;
    }
    .list_flex_user{
        text-decoration: none;
        color: #000;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .list_flex_user svg{
        color: var(--theme-color);
        padding: 0 5%;
        height: 20px;
        width: 20px;
    }
    .sub_list{
        list-style-type: none;
    }
    .sub_list li a{
        text-decoration: none;
    }
    .head_bars{
        border-bottom: 1px solid #E0D0DA;
        padding-bottom: 10px;
    }
    .contact_info li{
        border-bottom: 0;
    }
    .active_user_list{
        background-color: rgba(241, 87, 87, 0.1);
    }
    .active_user_list a{
        color: var(--theme-color);
        font-weight: bold;
    }
    .user_sidebar_list li:hover{
        background-color: rgba(241, 87, 87, 0.1);
    }
    .user_sidebar_list li:hover a{
        color: var(--theme-color);
    }
    .editing_profile{
        padding: 20px 0;
    }
    .right_side_head{
        font-size: 16px;
        color: rgba(0,0,0,0.8);
        padding-bottom: 10px;
        font-weight: bold;
        font-size: 18px;
        border-bottom: 1px solid #E0D0DA;
    }

    .edit_profile_cont{
        padding: 20px 0;
    }
    .input_divs{
        margin-bottom: 30px;
    }
    .input_divs label{
        color: var(--theme-color);
        padding-bottom: 5px;
        font-size: 15px;
        font-weight: 600;
    }
    .input_divs input{
        margin-top: 10px;
        width: calc(100% - 80px);
        padding: 10px 20px;
        outline: none;
        border: 0;
        border-bottom: 1px solid var(--theme-color);
        background-color: rgba(241, 87, 87, 0.05);
    }
    .input_divs input:focus{
        border-bottom: 2px solid var(--theme-color);
    }
    .input_divs button{
        padding: 10px 25px;
        background-color: var(--theme-color);
        border: 0;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
        transition: 0.5s;
    }
    .input_divs button:hover{
        border-radius: 10px;
    }
    .faq_user{
        line-height: 1.8;
    }
    .faq_user h4{
        padding-bottom: 5px;
        font-size: 14px;
        color: #212121;
    }
    .faq_user p{
        padding-bottom: 10px;
        font-size: 14px;
    }
    .invalid-feedback{
        display: inline-block;
        font-size: 14px;
        color: red;
    }
    .success_main_div{
        padding: 20px 0;
        background-color: rgba(17, 147, 38,0.1);
        border: 1px solid #119326;
        margin-top: 20px;
        border-radius: 10px;
    }
    .success_main_div p{
        color: #119326;
    }
    .add_address_bar{
        padding: 15px 10px;
        border: 1px solid #e0e0e0;
        margin-top: 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        color: var(--theme-color);
        cursor: pointer;
    }
    .add_address_bar svg{
        color: #0062CC;
        height: 20px;
        width: 20px;
        padding-right: 10px;
        vertical-align: middle;
    }
    .new_address{
        background-color: #f5faff;
        display: inherit;
        padding: 15px 20px;
    }
    .new_add_div{
        margin-top: 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .new_add_div label{
        font-size: 14px;
        display: inline-block;
        padding-bottom: 5px;
        font-weight: 600;
    }
    .new_add_div input{
        width: calc(100% - 10px);
        padding: 15px 20px;
        border: 1px solid #e0e0e0;
        outline: none;
    }
    .new_add_div textarea{
        width: calc(100% - 10px);
        padding: 15px 20px;
        border: 1px solid #e0e0e0;
        outline: none;
        font-family: 'Lato',sans-serif;
        resize: none;
    }
    .new_add_div select{
        width: calc(100% - 10px);
        padding: 15px 20px;
        border: 1px solid #e0e0e0;
        outline: none;
    }
    .new_add_div input:focus,.new_add_div textarea:focus,.new_add_div select:focus{
        border: 1px solid var(--theme-color);
    }
    .new_add_div button{
        background-color: var(--theme-color);
        width: 220px;
        height: 50px;
        box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
        border: none;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 1px;
        cursor: pointer;
    }
    .new_add_div p{
        padding-left: 10%;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .address_list{
        padding-top: 20px;
    }
    .add_list{
        list-style-type: none;
    }
    .add_list_div{
        border: 1px solid #e0e0e0;
        margin-top: 20px;
        border-radius: 5px 0;
        padding: 20px 0 0 0; 
    }
    .type_add{
        border: 0;
        background-color: #f0f0f0;
        font-size: 11px;

        text-transform: uppercase;
        padding: 4px 7px;
        vertical-align: middle;
        color: #878787;
    }
    .add_list_top{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px;
        position: relative;
    }
    .add_list_top svg{
        color: #878787;
        cursor: pointer;
    }
    .add_list_middle,.add_list_last{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 20px;
    }
    .add_list_middle p{
        padding-right: 20px;
        font-weight: 500;
        color: #212121;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }
    .add_list_last p{
        padding-right: 20px;
        font-weight: 400;
        color: #212121;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }
    .small_pop_div{
        width: 80px;
        height: 70px;
        position: absolute;
        top: 3px;
        right: 10px;
        border-radius: 5px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .small_pop_div ul{
        list-style-type: none;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 70px;
    }
    .small_pop_div ul li{
        font-size: 14px;
        color: #212121;
        padding: 5px 0;
        text-align: center;
        cursor: pointer;
    }
    .small_pop_div ul li:hover{
        color: var(--theme-color);
    }

<!--Manage User Orders-->

    .orders_list_flex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .order_pro_img{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .add_list_div{
        padding: 15px 0;
        transition: 0.5s;
        cursor: pointer;
    }
    .pro_img_orders{
        height: 100px;
        width: 100px;
        margin: 0 auto;
        padding: 0 5%;
    }
    .pro_img_orders img{
        height: 100%;
        width: 100%;
        object-fit: contain;
        object-position: center;
    }
    .pro_purchase_name{
        width: 75%;
        padding-left: 5%;
    }
    .pro_purchase_name p{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px;
        font-family: 'Roboto',sans-serif;
        padding-bottom: 5px;
        color: #212121;
    }
    .pro_purchase_name a{
        text-decoration: none;
        color: #212121;
    }
    .pro_purchase_name span{
        color: rgba(0,0,0,0.5);
        font-size: 13px;
    }
    .pro_purchase_name .total_price_cart{
        padding-top: 8px;
        font-size: 13px;
    }
    .total_price_cart{
        font-size: 15px;
        font-family: 'Roboto',sans-serif;
        color: #ef4281;
        font-weight: 500;
    }
    .msg_order{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        font-family: 'Roboto',sans-serif;
    }
    .dot{
        height: 10px;
        width: 10px;
        margin-top: 4px;
        border-radius: 50%;
    }
    .green_dot{
        background-color: #119326;
    }

    .yellow_dot{
        background-color: #F39C12;
    }

    .red_dot{
        background-color: red;
    }
    .status_msg{
        padding-left: 5%;
        color: #212121;
        font-weight: 600;
        font-size: 16px;
    }
    .short_msg{
        display: inline-block;
        padding-top: 5px;
        color: rgba(0,0,0,0.6);
        font-size: 13px;
        padding-left: 5%;
        font-weight: 600;
    }
    .add_list{
        margin-bottom: 20px; 
    }
    .add_list_div:hover{
        box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    }
    .pop_more_items{
        width: 120px;
        height: 20px;
        background-color: #fff;
        position: absolute;
        border: 1px solid rgba(0,0,0,0.1);
        top: 85%;
        left: 50%;
        transform: translate(-50%,-50%);
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    .pop_more_items p{
        color: #212121;
        line-height: 22px;
        font-family: 'Roboto',sans-serif;
        font-size: 14px;
    }
    .buy_in_wholesale{
       background: var(--theme-color);
       border: 0;
       padding: 5px 15px 8px 15px;
       color: #fff;
       font-weight: 600;
       font-size: 15px;
       cursor: pointer;
       line-height: 25px;
       display: flex;
       justify-content: center;
       align-items: center;
       gap:5px;
       border-radius: 10px 0 10px 0; 
   }
 
    .about_scary{
        margin: 50px 0;
        position: relative;
    }
    .flex_about{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        z-index: 9;
    }
    .img_abt{
        height: auto;
    }
    .img_abt img{
        width: 100%;
        object-fit: contain;
    }
    .container_about{
        padding: 80px 0;
        position: relative;
    }
    .container_about::before{
        content: '';
        position: absolute;
        width: calc(100% - 24%);
        height: 100%;
        background: #004E3B;
        opacity: 0.05;
        bottom: 0;
        right: 0;
        animation: float-bg 5s ease-in-out infinite;
    }
    @keyframes float-bg{
        0% {
            width: calc(100% - 24%);
        }
        50% {
            width: calc(100% - 8%);
        }
        100% {
            width: calc(100% - 24%);
        }
    }
    .top_head_s{
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
        color: #000;
        padding-bottom: 10px;
    }
    .main_head_s{
        font-size: 40px;
        font-weight: 600;
        color: #000;
        position: relative;
    }
    .main_head_s span{
        position: relative;
    }
    .main_head_s span::before{
        content: "";
        background-color: #004E3B;
        height: 15px;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 5px;
        z-index: 9;
        opacity: 0.2;
    }
    .content_abt p{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
    }
    .content_abt h3{
        font-size: 18px;
        color: #000;
        font-weight: 600;
        padding: 10px 0;
    }
    .about_scary .buy_in_wholesale{
        margin-top: 10px;
        background: #000;
        transition: 0.5s;
        padding: 8px 50px 10px 50px;
    }
    .about_scary .buy_in_wholesale:hover{
        background: var(--theme-color);
    }
    .img_abt2{
        height: 400px;
        width: 400px;
        position: absolute;
        bottom: -100px;
        right: 0;
        animation: float_img  5s ease-in-out infinite;
    }
    .img_abt2 img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }
    .image_about{
        position: relative;
    }
    @keyframes float_img{
        0% {
            bottom: -50px;
        }
        50% {
            bottom: -80px;
        }
        100% {
            bottom: -50px;
        }
    }

    .feat_scary{
        padding: 50px 0 0 0;
    }
    .flex_feat_s{
        display:flex;
        justify-content:flex-start;
        align-items:center;
        gap: 20px;
    }
    .img_feat_s{
        height: 100px;
    }
    .img_feat_s img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .feat_text_s{
        font-size: 20px;
        font-weight: 500;
    }
    .para_feat_s{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        padding-top: 5px;
    }
 
    .banner_scary{
        position: relative;
    }
    .banner_scary .cursor_pointer::before{
        z-index: 9;
    }
    .banner_scary .left_side_carousel{
        top: 50%;
        left: 3%;
        transform: translate(-50%,-50%);
        z-index: 9;
    }
    .banner_scary .right_side_carousel{
        top: 50%;
        right: 1%;
        transform: translate(-50%,-50%);
        z-index: 9;
    }
    .main_products{
        padding: 50px 0;
    }
    .flex_main_products{
        display: flex;
    }
    .main_prod1{
        width: 100%;
        flex-basis: 33.33%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
        position: relative;
        height: 440px;
    }
    .main_prod1 a{
        text-decoration:none;
    }
    .image_main{
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .image_main img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
    }
    .main_prod1:hover{
        transition: all 0.3s linear;
        flex-basis: 50%;
    }
    .main_prod1::before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0%;
        pointer-events: none;
        z-index: 1;
        transition: inherit;
        background-color: #fff;
        opacity: 0;
        background-image: inherit;
    }
    .main_prod1:hover::before{
        width: 100%;
        opacity: 0.4;
    }
    .content_div{
        display: grid;
        grid-template-columns: auto auto;
        align-self: flex-end;
        grid-gap: 10px;
        position: relative;
        z-index: 99;
        padding: 15px;
    }
    .number_div{
        transition: all 0.3s linear;
        font-size: 30px;
        color: #000;
        font-weight: 600;
    }
    .number_content{
        transition: all 0.3s linear;
        color: #000;
        font-weight: 600;
        line-height: 1.3;
        font-size: 20px;
    }
    .flex_text{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .main_prod1:hover .number_div{
        font-size: 80px;
    }
    .main_prod1:hover .number_content{
        font-size: 42px;
    }

    .cat_scary{
        padding: 20px 0;
    }
    .img_side{
        height: 600px;
    }
    .img_side img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }
    .flex_cat_cards{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .shop_arrivals a{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 10px 0;
        text-decoration: none;
    }
    .shop_text{
        position: relative;
        background-image: linear-gradient(90deg, #ffffff, #ffffff), linear-gradient(90deg, #000000, #000000);
        background-size: 6rem 0.15rem, 100% 0.15rem;
        background-position-x: calc(6rem * -1), 0%;
        background-position-y: 100%;
        background-repeat: no-repeat;
        padding-bottom: 3px;
        transition: background-position-x 1s cubic-bezier(0.16, 1, 0.3, 1);
        font-size: 25px;
        font-weight: 600;
        color: #000;
    }
/*    .shop_text::before{
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        height: 2px;
        background: #000;
        width: 100%;
    }*/
    .shop_arrivals:hover .shop_text{
        background-position-x: calc(100% + 6rem), 0%;
    }
    .cursor_pointer{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        width: 40px;
        cursor: pointer;
    }
    .cursor_pointer svg{
        width: 30px;
        height: 30px;
        position: relative;
        z-index: 99;
        color: #000;
    }
    .cursor_pointer::before{
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: #d9ddcf;
        transition: all 0.3s ease-in-out;
        left: -3px;
        top: 10px;
    }
    .shop_arrivals:hover .cursor_pointer::before{
        width: 100%;
        height: 100%;
        top: 0;
    }
    .products_div{
        padding: 50px 0 0 0;
    }
    .color_cat_div{
        position: relative;
    }
    .cursors_carousel{
        position: absolute;
        height: 100%;
        width: 100%;
    }
    .right_side_carousel{
        position: absolute;
        top: 0%;
        right: 5px;
    }
    .left_side_carousel{
        position: absolute;
        top: 0%;
        left: 5px;
    }
    .left_side_carousel .cursor_pointer::before{
        right: -3px;
        left: auto;
    }
    .left_side_carousel:hover .cursor_pointer::before,.right_side_carousel:hover .cursor_pointer::before{
        width: 100%;
        height: 100%;
        top: 0;
    }
 
    .testimonial_prop{
        padding: 50px 0 50px 0;
        position: relative;
    }
    .star_div{
        position: absolute;
        top: 2%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .star_div ul{
        list-style-type: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
    }
    .star_div li svg{
        width: 20px;
        height: 20px;
        fill:#F6C704;
        stroke-width:0;
    }
    .test_div{
        margin-top: 50px;
    }
    .testg_image{
        background-image: url(images/20_1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 400px;
        z-index: -1;
    }



    .spotlight{
        padding: 0 0 80px 0;
    }
    .img_spot{
        height: 300px;
        border-radius: 10px;
    }
    .img_spot img{
        width: 100%;
        height:100%;
        border-radius: 10px;
        object-fit: cover;
    }
    .spot_container{
        margin-top: 30px;
    }
    .spotcover{
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(255,255,255,0.5);
        z-index: 9;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        opacity: 0;
        transition: 0.5s;
    }
    .spotcover svg{
        height: 30px;
        width: 30px;
        color: #000;
    }
    .image_spot{
        position: relative;
        cursor: pointer;
    }
    .image_spot:hover .spotcover{
        opacity: 1;
    }
    .spotlight_carousel a{
        text-decoration: none;
    }
 
    
    .stats_scary{
        padding: 0 0 50px 0;
    }
    .img_stat{
        height: 120px;
        transition: all 0.5s ease-in-out;
    }
    .img_stat img{
        height:100%;
        width:100%;
        object-fit: contain;
    }
    .head_stat{
        font-size: 18px;
        font-weight: 600;
        color: #000;
        padding: 10px 0;
    }
    .para_stat{
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        line-height: 25px;
        padding: 0 20px;
    }
    .box_stats{
        background: #F2F6F5;
        padding: 20px 0;
        border-radius: 10px;
    }
    .box_stats:hover .img_stat{
        transform: rotateY(360deg);
    }

    .video_box{
        /*aspect-ratio: 21 / 10;*/
        height: 600px;
    }
    .video_box video{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }



    .mantrascary{
        padding: 80px 0;
        background-size: cover!important;
        background-position: center!important;
        background-repeat: no-repeat!important;
        margin-bottom: 50px;
    }
    .mantra_head{
        font-size: 30px;
        font-weight: 600;
        color: #000;
        padding-bottom:10px;
    }
    .mantra_main{
        font-size: 70px;
        font-weight: 900;
        color: #000;
        padding-bottom:10px;
    }
    .content_mantra{
        width: 60%;
        margin: 0 auto;
    }
    .content_mantra p{
        font-size: 15px;
        line-height: 30px;
        color: #000;
    }
    .journey_section{
        background: rgba(134,197,235,.2);
        padding:50px 0 30px 0;
        background-image: url(images/journey-bg.svg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 50px;
    }
    .wrapOut {
        width: auto;
        margin: 0 auto;
        overflow: hidden;
    }
    .wrapIn {
        height: 440px;
        display: block;
        overflow-x: scroll;
    }
    .wrapIn img {
        height: 100%;
        display: block;
    }
    .wrapIn::-webkit-scrollbar{
        height: 0;
    }
    .journey_bg{
        margin: 50px auto 80px auto;
        position: relative;
    }
    .journey_bg .left_side_carousel{
        top: 8%;
        left: 48%;
        transform: translate(-50%,-50%);
    }
    .journey_bg .right_side_carousel{
        top: 8%;
        right: auto;
        left: 52%;
        transform: translate(-50%,-50%);
    }
    .journey_bg .cursors_carousel{
        height: auto;
        bottom: -50px;
    }
    .journey_bg .cursor_pointer::before{
        display: none;
    }
    .journey_bg .cursor_pointer{
        border: 1px solid #2F5FA5;
        border-radius: 50%;
        background: #fff;
    }
    .journey_bg svg{
        width: 20px;
        height: 20px;
        color: #2F5FA5;
    }

    .video_msg{
        padding: 50px 0;
        position: relative;
    }
    .back_vid{
        background-image: url(assets/images/vid_back.html);
        background-size: center;
        background-position: center;
        background-repeat: no-repeat;
        padding: 50px 0 100px 0;
    }
    .back_video{
        position: absolute;
        top: 0;
        left: 0;
        height: 690px;
        width: 625px;
        background-color:#f2f6f5;
        z-index: -1;
    }
    .image_vid_back{
        background-image: url(images/gradient.png);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: center;
        mix-blend-mode: luminosity;
        opacity: .15;
    }
    .founder_img{
        height: 600px;
    }
    .founder_img img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-top-right-radius: 100px;
        border-bottom-left-radius: 335px;
        border-bottom-right-radius: 335px;
    }
    .flex_video_in{
        max-width: 1200px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 0 auto;
    }
    .orange_border{
        position: absolute;
        top: -30px;
        left: -30px;
        height: 600px;
        width: 430px;
        border: 6px solid var(--theme-color);
        border-bottom-left-radius: 300px;
        border-bottom-right-radius: 300px;
    }
    .video_msg_rel{
        position: relative;
        margin-top: 30px;
    }
    .play_video{
        position: absolute;
        bottom: 70px;
        right: 70px;
        height: 200px;
        width: 200px;
        border-radius: 50%;
        background-color: #f1f1f1;
        box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 10%), inset 0px 0px 16px 0px rgb(0 0 0 / 13%);
    }
    .go-down-btn {
        position: relative;
        z-index: 1;
    }
    .go-down-btn svg {
        position: relative;
        z-index: -1;
        display: block;
        height: 170px;
        width: 170px;
        margin: 0 auto;
        top: 14px;
    }
    .go-down-btn text {
        font-size: 10px;
        transform-origin: center;
        letter-spacing:8px;
        font-weight:600;
    }
    @keyframes rotate-btn {
        to {
            transform: rotate(360deg);
        }
    }
    .go-down-btn text {
        animation: rotate-btn 10s linear infinite;
    }
    .play_btn{
        background-color: transparent;
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        transform: translate(-50%,-50%);
        z-index: 9;
    }
    .play_btn svg{
        fill:#fd9c00;
        stroke:none;
        height: 30px;
        width: 30px;
        cursor: pointer;
    }
    .flex_feat_founder{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
        margin-top: 20px;
    }
    .in_feat{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px; 
        width: 50%;
    }
    .icon_feat{
        height: 60px;
        width: 60px;
    }
    .msg_text_box{
        width: calc(100% - 60px);
    }
    .icon_feat img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .msg_text{
        font-size: 20px;
        font-weight: 600;
        color: #000;
        text-decoration: none;
        transition: 0.5s;
    }
    .msg_text:hover{
        color: #FD9C00;
    }
    .msg_text_box .abt_inside_para{
        padding-top: 0;
    }
    .play_btn{
    width: 78px;
    height: 78px;
    border-radius: 50%;
    cursor: pointer;
}
.play_btn::after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    border:10px solid rgba(255,255,255,.85);
}
.play_btn svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    fill:var(--theme-color);
}
.top_abt{
        position: relative;
        font-size: 14px;
        color: rgba(0,0,0,0.9);
        display: block;
        padding: 0 0 10px 10px;
    }
    .top_abt::before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 2px;
        height: 20px;
        background-color: var(--theme-color);
    }
    .welcome_txt{
        font-size: 40px;
        font-weight: 600;
        padding: 0 0 10px 0;
        color: rgba(0,0,0,0.8);
    }
    .abt_img11{
        position: relative;
        height: 550px;
        border-radius: 20px;
    }
    .abt_img11 img{
        width: 100%;
        height: 100%;
        border-radius: 20px;
        object-fit: cover;
    }
    .abt_img_bottom{
        background-color: var(--theme-color);
        padding: 15px 0;
        position: absolute;
        bottom: -45px;
        width: 80%;
        margin: 0 10%;
        border-radius: 10px;
    }

    .pres_message{
        background: url(assets/images/bg.html);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 50px 0 100px 0;
        position: relative;
    }
    .pres_img{
        height: auto;
    }
    .pres_img img{
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 20px;
    }
    .message_box{
        background-color: #fff;
        border-radius: 20px;
        padding: 20px 0;
        box-shadow: 0 0 20px rgba(0,0,0,0.05);
        border: 1px solid var(--theme-color);
        margin: 20px auto;
    }
    .flex_pres{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    
    .pres_message .back_video{
        width: 100%;
    }
    .img1_part{
        height: auto;
        border-radius: 10px;
        position: relative;
    }
    .img1_part img{
        width: 100%;
        object-fit: contain;
        border-radius: 10px;
    }
    .name_bar{
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 90%;
        margin: 0 5%;
        background: rgba(255,255,255,0.9);
        padding: 15px 0;
        border-radius: 10px;
    }
    .name_part_s{
        font-size: 20px;
        font-weight: 600;
        color: var(--theme-color);
    }
    .desig_part_s{
        font-size: 17px;
        color: #000;
    }



    .advisors{
        padding: 50px 0 50px 0;
        background: linear-gradient(to top,#f2f6f5,#fff);
    }
    .box_advisor{
        background-color: #fff;
        border-radius: 12px;
        border: 1px solid #eee;
        position: relative;
        cursor: pointer;
    }
    .image_advisor{
        height: auto;
        /*transform: translateY(15px);*/
        transition: all 0.3s ease-in-out;
    }
    .image_advisor img{
        width: 100%;
        object-fit: contain;
        object-position: center;
    }
    .float_stars{
        position: absolute;
    }
    .st1{
        width: auto;
        top: 45px;
        left: 18px;
        transition: all 0.3s ease-out;
        opacity: 0.5;
    }
    .st2{
        width: auto;
        top: 70px;
        right: 25px;
        transition: all 0.3s ease-out;
        opacity: 0.1;
    }
    .st3{
        width: auto;
        bottom: 146px;
        left: 25px;
        transition: all 0.3s ease-out;
        opacity: 0.1;
    }
    .box_advisor:hover .st1,.box_advisor:hover .st2,.box_advisor:hover .st3{
        opacity: 1;
        transform: rotate(45deg);
    }
    .box_advisor:hover .image_advisor{
        transform: scale(1.1,1.1);
    }
    .advisor_details{
        position: absolute;
        bottom:0;
        padding: 8px;
        left: 0;
        width: 94%;
    }
    .box_details{
        background-color: rgba(255, 255, 255, 0.8509803922);
        backdrop-filter: blur(5px);
        padding: 12px 8px;
        border-radius: 8px;
    }
    .name_advisor{
        color: #121111;
        font-size: 18px;
        font-weight: 600;
        transition: all 0.3s ease-out;
    }
    .desig_advisor{
        color: #757072;
        font-size: 14px;
    }
    .box_advisor:hover .name_advisor{
        color: var(--theme-color);
    }
    .advisor_cont{
        margin-top: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 50px 0;
    }
    .desk_main_cat{
        display: block;
    }
    .mobile_main_cat{
        display: none;
    }
    .brands_div{
        height: 120px;
        border-right: 1px solid #e6e2e3;
    }
    .brands_div img{
        height: 100%;
        width: 100%;
        object-fit: contain;
        filter:grayscale(1);
        transition: 0.5s;
        cursor: pointer;
    }
    .brands_div:hover img{
        filter:grayscale(0);
    }
    .testimonial_mail{
        padding: 50px 0;
    }
    .brand_section{
        padding: 30px 0;
    }
    .brand_image{
        height: auto;
    }
    .brand_image img{
        width: 100%;
        object-fit: contain;
    }



    .about_mailbox{
        padding: 20px 0;
        position: relative;
    }
    .main_image{
        height: 500px;
        width: 500px;
        border-radius: 50%;
    }
    .main_image img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: contain;
    }
    .side_about_left{
        position: relative;
    }
    .exp_box{
        background-color: #fff;
        padding: 10px;
        border-radius: 10px;
        border: 1px solid #e6e2e3;
        display: inline-block;
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        position: absolute;
        top: 10%;
        left: 5%;
    }
    .exp_box2{
        background-color: #fff;
        padding: 10px;
        border-radius: 10px;
        border: 1px solid #e6e2e3;
        display: inline-block;
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        position: absolute;
        bottom: 10%;
        right: 5%;
    }
    .flex_in_abt{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
    }
    .svg_img{
        height: 50px;
        width: auto;
    }
    .svg_img img{
        height: 100%;
        width: 100%;
        margin: 0!important;
        object-fit: contain;
    }
    .sid_abt p:nth-child(1){
        font-weight: 500;
        color: #1e2c36;
        font-size: 30px;
    }
    .sid_abt p:nth-child(2){
        font-weight: 500;
        color: #1e2c36;
        font-size: 14px;
    }
    .aboutflex{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .features_about{
        padding: 50px 0;
    }
    .back_theme{
        background-color: #74b2a21f;
        padding: 50px 0;
        border-radius: 20px;
    }
    .feat_flex_abt{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    .icon_feat_in{
        height: 50px;
        width: 55px;
        border: 2px solid #e6e2e3;
        border-radius: 50%;
        background-color: #fff;
        padding: 10px;
        transition: 0.5s;
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
    }
    .ic_n{
        height: 40px;
        position: relative;
        top: 5px;
    }
    .ic_n img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .features{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:20px;
        cursor: pointer;
        margin: 40px auto;
    }
    .side_content{
        width: calc(100% - 50px);
    }
    .name-feat{
        color: #1e2c36;
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
        padding-bottom: 10px;
    }
    .para-feat{
        color: #757072;
        font-size: 15px;
        line-height: 25px;
    }
    .features:hover .icon_feat_in{
        border: 2px solid var(--theme-color);
    }
    .img_dots{
        height: auto;
    }
    .img_dots img{
        width: 100%;
        object-fit: contain;
    }
    .shape_float_2{
        position: absolute;
        top: 60px;
        left: 40px;
        z-index: -1;
    }
    .about_content{
        padding-top: 20px;
        margin-bottom: 15px;
    }
    .about_content p{
        color:rgba(0,0,0,0.9);
        font-size: 14px;
        line-height: 22px;
    }
    .about_content h1,.about_content h2,.about_content h3{
        padding:15px 0;
    }
    
        

    @media only screen and (max-width: 900px) {
        .w10,.w20,.w30,.w40,.w50,.w60,.w70,.w80,.w33,.w25{
            width: 100%;
        }
        .mobile_menu{
            display: block!important;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 9999999;
            background-color: #FFF;
            box-shadow: 0 0 10px rgba(0,0,0,0.5);
        }
        .gen_new_menu{
            display: none;
        }
        .mobile_menu .w10{
            width: 10%;
        }
        .mobile_menu .w70{
            width: 70%;
        }
        .mobile_menu .w20{
            width: 20%;
        }
        .mobile_menu h1{
            font-size: 20px;
            padding-top: 20px;
        }
        .mobile_menu h2{
            font-size: 14px;
            font-weight: normal;
            padding-top: 5px;
            padding-bottom: 0;
        }
        .mobile_menu .top-logo{
            height: 60px;
            padding: 5px 0;
        }
        .three_bars{
            font-size: 22px;
            float: right;
            padding: 22px 0;
        }
        .mobile_menu .w70{
            width: 90%;
        }
        .top-menu{
            display: none;
        }
        .banner{
            position: static!important;
            margin: 100px 0 0 0;
        }
        .mob_side_menu{
            position: fixed;
            height: 100vh;
            width: 100%;
            z-index: 999999;
            top: 0;
            left: 0;
            overflow-y: auto;
            background-color: #FFF;
            margin-left: -100%;
            overflow: hidden;
        }
        .close_side_menu{
            position: absolute;
            right: 10px;
            top: 25px;
        }
        .top_side_menu{
            border-bottom: 1px solid rgba(0,0,0,0.3);
        }
        .top_side_menu .w60{
            width: 60%;
        }
        .top_side_menu h1{
            font-size: 14px;
        }
        .top_side_menu .w70{
            width: 90%;
            margin: 0 auto;
        }
        .top_side_menu img{
            margin: 0 auto;
        }
        .mob_left_menu .back{
            padding: 10px 0!important;
        }
        .mob_bottom_menu{
            min-height: 80vh;
        }
        .mob_bottom_menu ul li .container{
            padding: 14px 0;
        }
        .mob_bottom_menu ul li{
            color: #FFF;
            font-size: 14px;
            width: 90%;
            margin-left: 5%;
            border-bottom: 0.5px solid rgba(255,255,255,0.6);
        }
        .mob_bottom_menu ul li a{
            color: #FFF;
            text-decoration: none;
        }
        .mob_left_menu{
            height: 100%!important;
            background-color: #00519C;
        }
        .mob_left_menu .w90{
            width: 90%;
            font-size: 14px;
        }
        .mob_left_menu .w10{
            width: calc(10% - 1px);
            text-align: center;
            font-size: 20px;
            border-left: 0.5px solid rgba(255,255,255,0.6);
        }
        .mob_bottom_menu .w50{
            width: 50%;
        }
        .mob_left_menu ul{
            list-style-type: none;
            padding: 10px 0;
        }
        .mobright{
            background-color: #FFF;
            height: 80vh;
            overflow-y: auto;
        }
        .mob_bottom_menu .w50{
            min-height: 100vh;
        }
        .mobright ul li a{
            color: rgba(0,0,0,0.8);
        }
        .mobright .w90{
            width: 90%;
        }
        .mobright .w10{
            width: calc(10% - 1px);
            text-align: center;
            border-left: 0.4px solid rgba(0,0,0,0.6);
        }
        .mobright ul li{
            width: 100%;
            margin: 0;
            border-bottom: 0.4px solid rgba(0,0,0,0.4);
        }
        .mob_sub_cate{
            display: none;
        }
        .menu-area{
            display: none;
        }
        .top-bar{
            display: none;
        }
        #pc{
            display: none;
        }

        .banner_div{
            height: 30vh!important;
        }  
        .add_bars p{
            font-size: 14px!important;
            line-height: 1.5;
        }
        .arrow-down{
            bottom: -90%!important;
        }
        .list_content_box{
            width: 90%;
            margin: 0 5%!important;
        }
        .image_part{
            margin-top: 50px!important;
        }
        .gen_head{
            font-size: 15px!important;
        }
        .three_bars_footer{
            flex-wrap:wrap;
        }
        .footer_content{
            justify-content: flex-start!important;
            padding-bottom: 20px;
        }
        .footer .w20{
            margin-top: 15px;
        }
        .footer .w30 .w90{
            width: 100%;
        }
        .footer_para{
            padding: 20px;
        }
        .enquiry_pop{
            z-index: 99999999!important;
        }
        .enquiry_box{
            width: 90%!important;
            margin: 0 auto!important;
        }
        .enquiry_box{
            padding: 30px 0!important;
        }



        /*Modern Times Responsive Start*/
        .menu_med{
            display: none;
        }
        .nav_med{
            display: none;
        }
        .menu_med_mob{
            display:block;
        }
        .menu_med_mob{
            background-color: #fff;
        }
        .menu_med_mob .w50{
            width: 50%;
        }
        .menu_mob_flex{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 20px;
        }
        .menu_mob_flex i{
            padding-right: 5px;
        }
        .menu_mob_flex p{
            font-weight: bold;
            position: relative;
            top: -10px;
        }
        .mob_menu_drop{
            position: absolute;
            top: 150px;
            z-index: 9999;
            width: 50%;
            display: none;
            overflow-y: scroll;
        }
        .menu_mob_list{
            list-style-type: none;
        }
        .mob_menu_drop li{
            padding-left: 20px;
            font-size: 14px;
            padding-bottom: 10px;
        }
        .mob_menu_drop li a{
            text-decoration: none;
            color: rgba(0,0,0,0.7);
        }
        .main_div{
            background-color: #22a6a9;
            padding: 25px 0;
            color: #fff;
            font-family: 'freesans',sans-serif;
            text-transform: uppercase;
        }
        .mob_menu_drop{
            background-color: #fff;
            padding: 10px 0;
        }
        .toggle_menu{
            display: block;
            animation: toggle_menu 0.5s linear;
            animation-fill-mode: forwards;
        }
        @keyframes toggle_menu{
            from{
                height:0;
            }
            to{
                height:150px;
            }
        }
        .cate_back{
            display: none;
        }
        .categories .w75{
            width: 90%;
            margin: 0 5%;
        }
        .categories .w75 .w98{
            width: 100%;
        }
        .banner_img{
            height: auto;
            margin-top: 80px;
        }
        .categories{
            padding: 30px 0;
        }
        .free_del .w20{
            width: 50%;
        }
        .free_del .w20:nth-child(5){
            display: none;
        }
        .why_flex{
            flex-direction: column;
            margin-bottom: 20px;
        }
        .free_del{
            padding-bottom: 30px;
        }
        .cate_head{
            font-size: 23px;
            width: 80%;
        }
        .left_arrow,.right_arrow{
            width: 40px;
            height: 40px;
            line-height: 42px;
        }
        .left_arrow{
            left: -65px;
        }
        .right_arrow{
            left: -12px;
        }
        .product_section{
            padding-bottom: 30px;
        }
        .cate_cards .w20{
            width: 50%;
        }
        .category_list{
            padding-bottom: 30px;
        }
        .blog_box{
            margin: 20px auto;
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
        }
        .blog_corousel{
            margin: 0 auto;
        }
        .blogs_medical{
            padding-bottom: 30px;
        }
        .footer_top_flex{
            flex-direction: column;
        }
        .f_inner{
            width: 90%;
            justify-content: flex-start;
            margin: 0 5% 20px 5%;
            align-items: flex-start;
        }
        .foot_text{
            padding: 0 0 0 20px;
        }
        .footer_top_flex{
            padding: 20px 0;
        }
        .logo_side .w90 {
            width: 100%;
        }
        .logo_side{
            border-right: 0;
        }
        .foot_middle{
            border-bottom: 1px solid rgba(0,0,0,0.2);
            border-right: 0;
            padding-bottom: 10px;
        }
        .foot_med_logo img{
            object-position: center;
        }
        .mid_flex{
            justify-content: space-between;
            display:block;
        }
        .first_div{
            width:50%;
            float:left;
        }
        .first_div:nth-child(3){
            width:100%!important;
            margin:0 auto 20px auto;
        }
        .foot_top_text{
            font-size: 12px;
        }
        .foot_middle .w15{
            width: 90%;
            margin: 10px 5%;
        }
        .social_icons_effect{
            justify-content: center;
            flex-direction: row;
            display: flex;
            list-style-type: none;
        }
        .mid_sec{
            border-right: 0;
            width:100%!important;
        }
        .bottom_foot{
            display: none;
        }
        .menu_mob_logo{
            height: 80px;
            margin: 10px 50px;
        }
        .menu_mob_logo img{
            height: 100%;
            width: 100%;
            object-fit: contain;
        }
        .icon_text{
            padding-left: 0;
            padding-top: 10px;
            text-align: center;
            line-height: 1.5;
        }
        .product_box{
            box-shadow: 0 0 20px rgba(0,0,0,0.08);
            border-radius: 10px;
        }
        .grid_flex{
            height: auto!important;
            flex-direction: row!important;
            padding: 20px 0!important;
        }
        .grid_view .product_box{
            height: auto!important;
        }
        .grid_center{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .grid_list_flex .out_of_stock{
            top: 80px!important;
            right: 10px!important;
        }
        .category_page_flex{
            display: block!important;
        }
        .grid_list_flex{
            flex-direction: column;

        }
        .grid_list_flex .product_quantity{
            width: 100%;
            margin-top: 10px;
            margin-left: 0!important;
            margin-right: 0!important;
            padding: 10px 0;
        }
        .filters{
            position: fixed;
            left: 0;
            top: 0;
            height: 100vh;
            width:100%;
            z-index: 999999;
            display: none;
            background-color: rgba(0,0,0,0.5);
        }
        .filter_side .filterarea{
            position: absolute;
            top: 10px;
            left: 0;
            height: 90vh;
            background-color: #fff;
            z-index: 9999;
            padding: 10px;
            width: 90%!important;
            margin: 0 2.5%;
            overflow: auto;
        }
        .filter_side{
            width: 100%!important;
        }
        .filter .white_back{
            position: static;
        }
        .plusminus{
            right:-178px!important;
        }
        .product_side{
            width: auto!important;
        }
        .childfilter .w80{
            width: 80%;
        }
        .childfilter .w20{
            width: 20%;
        }
        /*    #manufacture,#filtersalts{
                max-height: 400px;
                overflow-y: scroll;
            }*/
        .filter_height{
            max-height: 400px;
            overflow-y: scroll;
        }
        .filterarea::-webkit-scrollbar,.filter_height::-webkit-scrollbar{
            width: 4px;
        }
        .filterarea::-webkit-scrollbar-thumb,.filter_height::-webkit-scrollbar-thumb{
            background-color: #22a6a9;
        }
        #bottom_filter_bar{
            display: none!important;
        }
        .filters-apply{
            display: none;
            position: fixed;
            bottom: 0px;
            overflow: hidden;
            padding: 5px 0;
            border-top: 0.5px solid var(--theme-color);
            background-color: #FFF;
            z-index: 999999;
            left: 0;
        }
        .filters-apply .close-btn{
            padding: 5px 0;
            width: 90%;
            border: 0;
            margin: 0 5%;
            font-size: 14px;
            border: 0.5px solid var(--theme-color);
            color: var(--theme-color);
            background-color: transparent;
            border-radius: 2px;
        }
        .filters-apply .apply-btn{
            padding: 5px 0;
            width: 90%;
            margin: 0 5%;
            border: 0;
            font-size: 14px;
            border: 0.5px solid var(--dark-theme-color);
            color: #FFF;
            border-radius: 2px;
            background-color: var(--dark-theme-color);
        }
        .filters-apply .w40{
            width: 40%;
        }
        .filters-apply .w60{
            width: 60%;
        }
        .filterbottom .w50{
            width: 50%;
        }
        .filterbottom .w50 .w96{
            width: 90%;
            margin: 0 5%;
        }
        .filterbottom button{
            width: 100%!important;
            background-color: #f2f2f2!important;
            border: 0!important;
        }
        .category_name{
            text-align: center;
            padding: 0!important;
        }
        .sorting{
            width: calc(100% - 0px)!important;
        }
        .listing{
            flex-direction: column;
        }
        .cate_para{
            padding: 10px 0!important;
        }
        .filter .white_back{
            padding: 20px 0;
        }

        .icons{
            padding-left: 70px;
        }
        .top_text{
            padding: 20px 10px!important;
        }
        .filter_products .product_box{
            padding: 0!important;
            height: 380px;
        }
        #search_products{
            margin: 20px 5px;
            padding: 8px;
            width: calc(100% - 25px)!important;
        }
        .grid_view .grid_center{
            padding: 0;
        }
        .grid_view .product_image{
            height: auto!important;
        }

        .grid_view .product_name{
            padding-top: 0!important;
        }
        .grid_view .grid_card_para{
            display: none!important;
        }
        .cate_para{
            display: none;
        }
        .basket{
            width: 140px!important;
            height: 35px!important;
        }
        .basket i {
            top: 10px!important;
        }
        .enquiry_div:hover .basket{
            animation: none;
        }
        .enquiry_div:hover .basket i{
            left: 10px!important;
        }
        .enq{
            font-size: 14px!important;
            padding-left: 40px!important;
            color: #fff;
        }
        .mobsort{
            width: 100%;
            height: 100vh;
            position: fixed;
            background-color: rgba(0,0,0,0.2);
            top: 0;
            left: 0;
            z-index: 9999;
        }
        .mobsort .mobsortcon {
            background-color: #FFF;
            width: 96%;
            height: 98vh;
            margin: 1vh auto;
        }
        .mobsort .parentfilter {
            font-size: 14px;
            padding: 10px;
            border-bottom: 1px solid #49BBAA;
        }
        .filterbottom .close-btn{
            width: 100%;
        }
        .mobsort .childfiltercon {
            font-size: 14px;
            padding: 10px;
        }
        .product_flex{
            flex-direction: column;
        }
        #sticky2{
            width: auto!important;
            position: static!important;
        }
        .product_description_right{
            width: auto!important;
        }
        .xzoom-container{
            margin: 0 auto!important;
        }
        .xzoom{
            width: 100%!important;
            height: auto!important;
            margin: 0 auto!important;
        }
        .large-5{
            width: 90%;
            margin: 0 5% 20px 5%;
        }
        .product_name_inside{
            padding: 0 0 10px 0!important;
            text-align: left;
            font-size: 24px;
        }
        .color_flex{
            gap:5px!important;
        }
        .product_inside_info{
            text-align: justify;
            padding:0;
        }
        .middle_box .flex_radio_btns{
            padding-top:10px;
        }
        .product_description_right .enquiry_div{
            display: none;
        }
        .product_page .white_back{
            padding: 50px 0 0 0!important;
        }
        .icons_flex .w25{
            width: 50%;
        }
        .flex_btns{
            width: 100%;
        }
        .counter_icon{
            flex-wrap: wrap;
        }
        .sub_icon_text{
            padding-top: 40px;
        } 
        .counter_box:nth-child(3),.counter_box:nth-child(4){
            margin-top: 20px;
        }
        .counter_box .counter-value{
            font-size: 25px;
            padding-top: 5px;
        }
        .counter_medical{
            padding-bottom: 30px;
        }
        .first_offer{
            height: 340px;
            margin-bottom: 30px;
        }
        .middle_offer{
            margin-bottom: 30px;
        }
        .offers_card{
            padding-bottom: 30px;
        }
        .testimonial_medical{
            padding-bottom: 30px;
        }
        .category_image{
            height: 120px;
        }
        .cat_name{
            font-size: 14px;
        }
        .mob_slide_cards .w90{ 
            width: 95%;
            margin: 0 2.5%;
        }
        .flex_apply_filter{
            display: block!important;
            width: 100%;
        }
        .apply_filter{
            border: 0;
            width: 100%;
            padding: 10px 0;
            background: var(--theme-color);
            color: #fff;
        }
        .blogs_modern .w65{
            width: 100%!important;
            margin: 0 auto!important;
        }
        .blogs_modern .white_back{
            width: 100%!important;
            margin: 0 auto!important;
        }

        .service_card_diet .w35{
            margin: 0 5%;
            top: -55px!important;
            position: static!important;
            width: 100%;
            transform: none!important;
            margin-left: 0!important;
        }
        .service_imgs_card img{
            z-index: auto!important;
        }
        .service_imgs_card{
            width: 90%;
            margin: 0 5%;
        }
        .service_card_diet{
            width: 95%;
            margin: 20px 2.5%!important;
            padding: 50px 0 20px 0!important;
        }

        .side_bar_responsive{
            width: 100%;
        }
        .side_bar_responsive .w90{
            width: 100%;
        }
        .sidebar_box .w90{
            width: 90%;
            margin: 0 5%;
        }
        .blogs_details .w65{
            width: 100%;
        }
        .accordion button{
            font-size: 16px!important;
        }
        .accordion button .icon{
            top: 20px!important;
        }
        .blogs_details .w35{
            width: 100%;
        }
        .blogs_details .w35 .w90{
            width: 100%;
        }
        .appoint_form{
            width: 90%;
            margin: 0 5%!important;
        }
        .accordion button[aria-expanded='true'] + .accordion-content{
            max-height: 19rem!important;
        }
        .recent_post_img{
            margin-left: 0!important;
        }
        .form_div,.success_div{
            width: 90%!important;
            margin-top: 0!important;
        }
        .banner-left{
            width: 30%;
            overflow: visible;
        }
        .banner-left .w96{
            overflow: visible;
        }
        .banner-right{
            width: 70%;
        }
        .right-con input{
            width: 100%!important;
        }
        .search_div{
            top: 60%!important;
        }
        .arrow_left {
            left: 15px!important;
        }
        .tab_content{
            padding-top: 50px;
        }
        /*Modern Times Responsive End*/

        /*Shreya International Start*/
        .party_menu{
            display: none;
        }
        .party_banner{
            padding: 30px 0 0 0;
        }
        .offer_images_party .w90{
            width: 95%;
            margin: 0 2.5%!important;
        }
        .party_offer{
            margin: 0!important;
        }
        .offer_images_party .w33{
            padding-bottom: 14px;
        }
        .offer_images_party{
            padding-bottom: 20px!important;
        }
        .product_design{
            padding: 0 0 0px 0;
        }
        .cat_name_party{
            text-align: left;
            font-size: 14px;
        }
        .category_top{
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .category_top .w50:nth-child(1){
            width: 70%;
        }
        .category_top .w50:nth-child(2){
            width: 30%;
        }
        .view_all{
            padding: 2px 10px;
        }
        .arrows2{
            top: 0!important;
        }
        .new_arrival img{
            height: 50px;
            width: 50px;
        }
        .left_arrow2{
            left: 10px!important;
        }
        .right_arrow2{
            right: 10px!important;
        }
        .blog_party{
            padding: 20px 0!important;
        }
        .blog_party .cat_name_party{
            text-align: center;
        }
        .blogs_sections{
            padding-top: 20px!important;
        }
        .testimonial_design{
            padding: 10px 0!important;
        }
        .testimonial_design .cat_name_party{
            font-size: 25px!important;
            text-align: center;
            line-height: 1.5;
        }
        .foot_icon{
            padding: 12px;
        }
        .foot_icon i{
            font-size: 20px;
        }
        .party_product_side{
            width: 95%;
            margin: 0 2.5%;
        }

        .category_apply_flex{
            padding: 10px 0;
        }
        .category_apply_flex .category_name{
            font-size: 15px;
        }
        .category_image_party{
            margin-bottom: 0!important;
        }
        .l_second{
            padding-left: 0!important;
        }
        .l_third{
            padding-left: 0!important;
        }

        .l_third{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .filter_side_bar .filterarea{
            height: 90vh;
            overflow: scroll;
        }
        .category_left_side .filter_side_bar{
            background-color: transparent!important;
        }
        .dis_party{
            right: 20px;
            top: 25px;
            left: auto;
        }
        .product_card_details .short_para p{
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            display: none;
        }
        .product_card_details .add_party_prod{
            width: 100%!important;
        }
        .product_page_party{
            width: 95%;
            margin: 0 2.5%;
        }
        .p_page .w35{
            width: 100%;
        }
        #detail .product-images .thumb-nav li img{
            width: 90%;
        }
        #detail .product-images .thumb-nav.slick-slider .slick-next{
            margin-right: -20px;
        }
        #detail .product-images .thumb-nav.slick-slider .slick-prev{
            margin-left: -20px;
        }
        .product_right_side{
            width: 95%;
            margin: 0 2.5%;
            padding: 20px 0;
            overflow: visible;
        }
        .product_right_side .w90{
            width: 90%;
            margin: 0 5%;
            overflow: visible;
        }
        .clearfix{
            flex-direction: column;
            align-items: flex-start;
        }
        .clearfix a{
            margin-bottom: 5px;
        }
        .p_page{
            padding: 50px 0 0 0;
        }
        .pc_price{
            display: none;
        }
        .mob_price{
            display: block;
        }
        .mob_price .price_tag{
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .mob_price .price_tag2{
            padding-top: 0;
            padding-left: 30px;
        }
        .mob_price span{
            padding-right: 10px;
        }
        .cart-button{
            width: 450px!important;
        }
        .tabs {
            overflow-x: scroll!important;
        }
        .p_page .tabs{
            display: inherit;
            width: 95%;
            margin: 0 2.5%;
        }
        .tabs ul{
            overflow-x: scroll!important;
            padding-bottom: 0!important;
            border-radius: 0!important;
        }
        .description_of_product{
            text-align: justify;
            padding: 10px;
            font-size: 14px;
        }
        .ratings_section{
            width: 100%;
        }
        .overall p{
            padding: 10px 0;
        }
        .product_name_fixed{
            display: none;
        }
        .flex_add_to_cart .cart-button{
            width: 150px!important;
            padding: 0;
        }
        .party_prod_img{
            width: 100px;
            margin-right: 10px;
        }
        .final-price span{
            display: none;
        }
        .cart_product{
            width: 100%;
        }

        .cart_added{
            align-items: flex-start;
        }
        .added_product_name{
            width: auto;
        }
        .add_cart_flex{
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .image_section{
            width: 20%;
            height: auto;
        }
        .qty{
            top: -18px;
            left: 36px;
        }
        .new_box{
            width: 80%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .price-box{
            text-align: left;
            width: auto;
        }
        .final-price{
            font-size: 14px;
        }
        .remove_product, .quantity{
            padding: 8px 30px;
        }
        .remove_product{
            border: 0;
        }
        .quantity{
            border: 1px solid rgba(0,0,0,0.2);
            padding: 7px 30px;
        }
        .checkout_box{
            width: 100%;
        }
        .checkout_box .cart_summary{
            width: 100%;
        }
        .cart_summary{
            padding: 10px 0;
        }
        .top_running_bar .cart_product{
            width: 95%;
            margin: 0 2.5%;
        }
        .top_summary{
            width: 95%;
            margin: 0 2.5%;
            display: none;
        }
        .top_summary .top_bar{
            padding: 10px;
            border-radius: 10px;
        }
        .checkout_box2{
            width: 95%;
            margin: 0 2.5% 20px 2.5%;
        }
        .checkout_box2 .cart_summary{
            width: 100%;
        }
        .checkout_box2 .cart_sum{
            margin: 20px auto;
        }
        .product_cont .cart_product{
            margin-bottom: 20px;
        }
        .address_bars{
            padding: 15px!important;
        }
        .delivery_name{
            font-size: 18px!important;
            padding-bottom: 10px;
        }
        .delivery_name span{
            display: inline-block;
            padding-top: 5px;
        }
        .delete_address{
            right: 0!important;
        }
        .state_flex{
            flex-direction: column;
            padding-bottom: 0!important;
            align-items: flex-start!important;
        }
        .state_flex span{
            padding-bottom: 10px;
        }
        .address_bars{
            margin-top: 0!important;
            margin-bottom: 15px;
        }
        .added_product_name span{
            overflow: visible;
        }
        .form_div{
            padding: 10px 0!important;
            margin-top: 20px!important;
        }

        .enq_form_product{
            z-index: 9999!important;
            overflow: scroll;
        }
        .rq_form input,.rq_form select{
            padding: 8px 10px!important;
            border-radius: 5px!important;
            margin-bottom: 20px;
        }
        .rq_form select{
            width: calc(100% - 1px)!important;
        }
        .enq_form_product .w95{
            width: 95%!important;
            margin: 0 2.5%;
        }
        .enq_form_product .w50 .w95,.enq_form_product .w33 .w95{
            width: 100%!important;
            margin: 0 auto!important;
        }
        .rq_form{
            padding: 20px 0;
        }
        .rq_form .container{
            margin-top: 0!important;
        }
        .submit_rq{
            padding: 10px 0!important; 
        }
        .selected_cont{
            padding-top: 20px;  
        }
        .coupon_apply{
            width: 100%;
        }
        .cart_sum{
            overflow: visible;
        }
        .gst_list{
            width: 200px;
        }
        .hint1,.hint2{
            left: -7%!important;
        }
        .hint2 #triangle-up{
            left: 33%!important;
        }
        .hint1 .pay_list_ul span,.hint2 .pay_list_ul span{
            font-size: 14px;
        }
        .total_amnt{
            position: fixed;
            bottom: 0;
            left: 0;
            width: 90%;
            padding: 10px 5%!important;
            background-color: #fff;
            z-index: 99999;
        }
        .gif_success{
            height: auto!important;
        }
        .gif_success img{
            height: auto!important;
        }
        .border_right{
            width: 100%;
            border-right: 0!important;
        }
        .success_page .w40 .w95{
            width: 100%;
        }
        .success_page .w40 .w95 .w90{
            width: 100%;
        }
        .success_page .pay_list_ul{
            width: 90%;
            margin: 0 5%;
        }
        .success_page .hint1,.success_page .hint2{
            left: -5%!important;
        }
        .user_flex{
            flex-direction: column;
        }
        .user_sidebar{
            width: 100%;
        }
        .profile_right_side{
            width: 95%;
            margin: 0 2.5%;
        }
        .orders_list_flex{
            flex-direction: column;
            align-items: flex-start!important;
        }
        .editing_profile .add_list_div{
            margin-top: 0!important;
            margin-bottom: 20px;
        }
        .pro_img_orders{
            margin: 0 5px;
            height: 80px;
        }
        .msg_order{
            padding-top: 20px;
        }
        .total_price_cart{
            text-align: left; 
            display: none;
        }
        .delivert_left{
            width: 100%;
            border-left: 0;
            padding-top: 20px;
            margin-top: 10px;
            border-top: 1px solid #e0e0e0;
        }
        .delivert_left .w90{
            width: 100%;
        }
        .delivert_left .hint1{
            top: -50px;
            left: 100px!important;
        }
        .delivert_left .hint2{
            top: -50px;
            left: 70px!important;
        }
        .delivert_left .hint1 .w90,.delivert_left .hint2 .w90{
            width: 90%;
            margin: 0 5%;
        }
        #triangle-left{
            width: 0; 
            height: 0; 
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent; 
            border-right:10px solid #fff;
            position: absolute;
            left: -10px;
            top: 50px;
        }
        .delivert_left #triangle-up{
            display:none;
        }
        .steps > .step.is-active{
            font-size:1rem!important;
            font-weight:bold;
        }
        .pd_up .w33{
            padding-bottom:20px;
        }
        .purchas_pro_name{
            font-size:16px!important;
        }
        .input_divs{
            margin-bottom: 0;   
        }
        .input_divs input{
            width: calc(100% - 35px);
            margin-bottom: 20px;
        }
        .new_add_div label {
            font-size: 12px!important;
        }
        .add_list_middle,.add_list_last{
            flex-direction: column;
            align-items: flex-start;
            padding-bottom: 0;
        }
        .add_list_middle p,.add_list_last p{
            padding-bottom: 5px;
        }
        .count_cart{
            left: 30px!important;
            top: -7px!important;
            line-height: 1.5!important;
            position: absolute;
            height: 20px;
            width: 20px;
            background-color: green;
            padding: 0px;
            border-radius: 50%;
            font-size: 13px;
            text-align: center;
            color: #fff;
        }
        .mob_med_search a{
            text-decoration: none;
            color: #00519C;
        }
        .mob_med_search svg{
            height: 22px;
            width: 22px;
            color: #099b2a;
        }
        .menu_bar i, .mob_med_search i{
            color: #26476C!important;
        }
        .menu_bar p, .mob_med_search{
            border: 1px solid #26476C;
        }
        .user_login_flex {
            flex-direction: column;
        }
        .regis_main{
            width: 100%!important;
            position: static!important;
            transform: none!important;
            top: 0!important;
            left: 0!important;
        }
        .register_image{
            height: auto!important;
        }
        .py-4 .w90{ 
            width: 100%;
        }
        .login_image_left{
            width: 90%!important;
            margin: 0 5%!important;
        }
        .login_form_details{
            width: 90%!important;
            margin: 0 5%!important;
            padding-left: 0!important;
        }
        .flex_inputs{
            margin-right: 0!important;
        }
        .fixed_total_amnt{
            display: block;
        }
        .product_page_party .out_of_stock{
            top: -400px;
            right: 0px;
        }
        .sold_out{
            font-size: 20px!important;
        }
        .sold_out_para{
            font-size: 14px!important;
            padding-top: 2px!important;
        }
        .white-space{
            display: none!important; 
        }
        /*Shreya International End*/


        /*Scary Jeans Responsive*/
        .cleano_menu{
            display: none;
        }
        .widgets{
            padding: 20px 0;
        }

        .widget_container .w25{
            width: 50%;
        }
        .widgets_box{
            flex-direction: column;
        }
        .widget_container{
            border-radius: 30px;
            padding-bottom: 35px;
            background-color: #fff;
        }
        .widget_icon{
            width: 60px;
            height: 60px;
        }
        .widget_icon svg{
            height: 20px;
            width: 20px;
        }
        .widget_text p{
            text-align: center;
        }
        .widget_text span{
            display: block;
            text-align: center;
        }
        .six .main_head_scary span{
            font-size: 15px;
            padding: 0px;
        }
        .six .main_head_scary{
            letter-spacing: 0px!important;
        }
        .deal_tab{
            justify-content: flex-start;
            overflow: scroll;
        }
        ::-webkit-scrollbar {
            width: 1px!important;
        }
        .product_card_inside{
            align-items: center;
            flex-direction:column-reverse;
        }
        .product_sj_para{
            display: none;
        }
        .image_product_sj{
            width: 100%;
        }
        .image_product_sj img{
            object-position: bottom;
        }
        .description_deatils{
            padding: 10px 0;
            flex-direction: column-reverse;
        }
        .right_arrow2,.left_arrow2{
            width: 40px;
            height: 40px;
        }
        .arrows2 i{
            line-height: 40px;
        }
        .sj_product_price, .sj_color, .sj_size{
            width: 100%;
            padding: 0 0 10px 0;
        }
        .sj_color ul li{
            margin-right: 5px;
        }
        .product_sj_main{
            font-size: 14px;
        }
        .buy_now_product{
            padding-top: 5px;
            padding-bottom:0;
        }
        .add_prod_sj{
            margin:10px auto; 
        }
        .cssbuttons-io-button{
            font-size: 14px;
        }
        .categories_jeans{
            padding: 0 0 30px 0;
        }
        .six .main_head_scary{
            font-size: 22px;
            padding-bottom: 10px;
        }
        .category_container .w25{
            margin-top: 30px;
        }
        .category_container{
            margin: 30px auto;
        }
        .product_base_btm{
            display: none;
        }
        .letter_anim span{
            font-size: 100px;
        }
        .flex_product{
            flex-direction: column;
            justify-content: space-between;
        }
        .product_base{
            padding: 30px 0;
        }
        .scary_product{
            font-size: 40px;
        }
        .product_small_name{
            font-size: 20px;
        }
        .p_short_info{
            font-size: 14px;
            text-align: center;
        }

        .flex_product .w35{
            width: 90%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row-reverse;
        }
        .explore_text{
            padding: 0 10px 0 0;
        }
        .explore_more{
            padding: 10%;
        }
        .image_product{
            height: auto;
        }
        .six{
            width: 90%;
            margin: 0 auto;
        }
        .offers_sj{
            padding: 0;
        }
        .offer1,.offer2{
            padding-bottom: 20px;
        }
        .blogs_container .w40 .w90{
            width: 100%;
        }
        .blogs_container .w40{
            margin-bottom: 20px;
        }
        /*.blog_flex1 svg{
            padding: 10px;
        }*/
        .sj_blog_name .text_flex{
            /*padding-right: 0;*/
        }
        .blog_flex{
            margin-bottom: 30px;
        }
        .blog_flex1 span{
            font-size: 10px;
        }
        .blog_flex1 svg{
            height: 16px;
            width: 16px;
        }
        .blog_name_sj{
            font-size: 16px;
        }
        .side_blogs{
            width: 95%;
            margin: 0 2.5%;
        }
        .sj_blogs{
            padding-bottom: 0;
        }
        .gallery{
            padding: 30px 0;
        }
        .grid{
            grid-auto-rows:auto;
            gap:20px;
        }
        .flex_shopping{
            flex-direction: column;
        }
        .shop_head{
            font-size: 25px;
            text-align: center;
        }
        .shop_para{
            text-align: center;
        }
        .email_div{
            width: calc(100% - 20px);
        }
        .button_email{
            width: 25%;
        }
        .input_field input{
            width: calc(100% - 5px);
            padding: 5px 0;
        }
        .subscribe{
            /*margin-bottom: 50px;*/
        }
        .flex_shopping{
            padding-bottom: 40px;
        }
        .social_icons_effect li a .icon{
            top: 8px;
            /*color: #fff!important;*/
        }

        .social_icons_effect li a:before{
            top: 0;
        }
        .social_icons_effect li{
            margin: 0 5px;
        }
        .deals_sj{
            padding: 30px 0;
        }
        .deals_sj .six,.categories_jeans .six,.sj_blogs .six,.gallery .six,.contact_form_cleano .six{
            width: 100%;
        }
        .description_in{
            width: 90%;
            margin:0 5%;
        }
        .size_txt{
            display:none;
        }
        .discount_sj{
            position:absolute;
            top:10px;
        }
        .description_in .product_sj_main{
            padding:15px 0;
            font-size:20px;
        }
        .description_in .sj_size{
            position:absolute;
            top:0;
            width:20%;
            right:0;
        }
        .description_in .sj_size ul{
            display:flex;
            flex-direction:column;
        }
        .description_in .sj_size ul li{
            background-color:#000;
            color:#fff;
            font-weight:600;
            width:20px;
            height:20px;
            line-height:20px;
            margin:3px auto;
        }
        .description_in .sj_color,.description_in .description_deatils{
            width:50%;
            float:right;
            padding:0;
        }

        .main_90{
            width: 100%;
        }
        .single_90{
            float: none;
            margin: 0 auto;
            width: 95%;
            margin: 0 2.5%;
        }
        .icon1{
            display: none;
        }
        .list_num{
            display: block;
            text-align: center;
            width: 80%;
        }
        .product_inside_img{
            left: 0;
            height: 60%;
            /*margin: 50px 20%;*/
        }
        .product_inside_img img{
            object-fit:cover;
        }
        .initial_product{
            width: 100%;
            left: 0;
            font-size: 450px;
        }
        .red_background{
            height: auto;
        }
        .mob_flex_product{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-direction: column-reverse;
            width: 90%;
            margin: 10px 5%;
        }
        .add_container{
            padding:10px 0 0 0;
        }
        .border_side_img{
            position: relative;
            align-items: flex-start;
            justify-content: center;
            z-index: 9999999;
            border-left: 0;
            height: auto;
            width: auto;
            flex-direction:row;
            gap:20px;
        }
        .top_box{
            width:100%;
        }
        .hot_deal{
            display: none;
        }
        .side_img_box{
            width: auto;
            margin: 0 0 20px 0;
            border-radius: 10px;
        }
        .side_images{
            height: 80px;
            width:80px;
            border-radius: 10px;
        }
        .side_images img{
            border-radius: 10px;
            object-fit:cover;
        }
        .red_background{
            position: relative;
        }
        .add_to_cart_fixed.sticky_cart{
            z-index: 9999999;
            width: calc(100% - 10px);
        }
        .blogs_modern .white_back{
            width: 100%;
            margin: 0 auto;
            background-color: transparent;
            padding: 20px 0;
        }
        .blogs_modern{
            padding: 30px 0!important;
        }
        .service_card_diet{
            background-color: #fff;
        }
        .service_diet_para{
            color: #000!important;
            font-size: 14px!important;
            padding: 0 20px!important;
        }
        .service_name_diet{
            font-size: 19px!important;
            font-weight: 600!important;
            color: #000!important;
            text-align: center;
            padding: 15px!important;
        }

        .service_details .w65,.service_details .w35{
            width: 95%;
            margin: 0 2.5%;
        }
        .service_details .w35 .w90{
            float: none;
            width: 100%;
            margin: 0 auto;
        }
        .service_details .white_back{
            width: 95%;
            margin: 0 2.5%;
            padding: 0;
        }
        .blog_flex{
            margin-bottom: 0;
        }
        .serv_border {
            margin-bottom: 20px;
        }
        .service_page{
            padding: 50px 0!important;
        }
        .service_page p{
            font-size: 40px!important;
        }
        .contact_boxes{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-direction: column-reverse;
        }
        .contact_boxes .w35,.contact_boxes .w65{
            width: 100%;
        }
        .form_box_head{
            text-align: center;
        }
        .submit_contact{
            width: 50%;
            margin: 0 25%;
        }
        .contact_boxes .w35 .w90{
            width: 100%;
        }
        .left_side_flex{
            align-items: center!important;
        }
        .left_side_flex .w25{
            width: 25%;
        }
        .input_form_control input,.input_form_control textarea{
            width: calc(100% - 45px)!important;
            border-radius: 5px!important;
        }
        .form_bulk_fields .w33{
            width: 100%;
            margin-bottom: 20px;
        }
        .form_bulk_fields{
            margin-bottom: 0!important;
        }
        .form_bulk_fields .w33 .w90{
            width: 100%;
        }

        .submit_bulk{
            margin-top: 20px;
        }
        .form_bulk{
            padding: 0 0 40px 0!important;
        }
        .blog_image_sj{
            height: 250px;
        }
        .detail{
            position:static!important;
            margin-left:0!important;
            z-index:-1;
        }
        .lum-lightbox{
            z-index:-1!important;
            display:none!important;
        }
        .drift-zoom-pane{
            margin-top:0px!important;
        }
        .mob_widgets{
            display:block; 
        }
        .desk_widgets{
            display:none; 
        }
        .form_side_bulk{
            margin-bottom: 20px;
        }
        .form_side_bulk .w90{
            width: 100%;
        }
        /*Scary Jeans Responsive*/


        .big_banner_txt{
            font-size: 50px;
            line-height: 50px;
            padding-bottom: 20px;
        }
        .flex_content .w50 .w90{
            width: 100%;
        }
        .flex_content{
            margin-top: 0;
            height: 70vh;
        }
        .education_back{
            height: 80vh;
        }
        .banner_para{
            font-size: 15px;
        }
        .exp_menu{
            padding: 10px 20px;
        }
        section{
            overflow: hidden;
        }
        .bird_flying,.kite_flying{
            width: 50px;
            height: 50px;
        }
        .bird_flying img,.kite_flying img{
            height: 100%;
            width: 100%;
        }
        .course_sect{
            padding: 0;
        }
        .why_flex_edu,.contact_demo,.flex_core_val,.flex_awards{
            flex-direction: column;
        }
        .form_90{
            width: 100%;
        }
        .age_group{
            text-align: center;
        }
        .left_top{
            height: 100px;
            width: 100px;
        }
        .left_top img{
            height: 100%;
            width: 100%;
            opacity: 0.5;
            object-fit: contain;
        }
        .right_design{
            top:200px;
            opacity: 0.3;
        }
        .core_90{
            width: 100%;
        }
        .flex_core_inside .w20{
            width: auto;
        }
        .flex_core_inside .w80{
            width: auto;
        }
        .flex_core_inside{
            gap:20px;
        }
        .middle_image{
            margin-bottom: 20px;
        }
        .edu_carousel_container .owl-item .item{
            transform: translate3d(0, 0, 0);
        }
        .screenshot_slider .owl-item.center .item .test_box_edu{
            transform: scale(1);
        }
        .kids_kite{
            height: auto;
        }
        .kids_with_kite{
            top: 55%;
            left: 0;
        }
        .testimonial_education{
            padding: 50px 0 170px 0;
        }
        .faq_truck{
            padding: 30px 0;
        }
        .top_image {
            bottom: 10px;
        }
        .accordion__item {
            width: 98%;
            margin: 10px 1%;
        }
        .ws1{
            top:20px;
            left: 10%;
        }
        .ws4{
            top:20px;
            right: 10%;
        }
        .edu_video iframe{
            height: 200px;
        }
        .video_section{
            padding-bottom: 0;  
        }
        .head_main{
            padding: 0 10px;
        }
        .blockquote{
            text-align: center;
        }
        .payment_image{
            flex-wrap: wrap;
        }
        .payment_image .imgpay{
            margin: 0;
        }
        .sub_menu ul li{
            width: 33%;
        }
        .sub_menu ul{
            margin-top: 20px;
        }
        .sub_menu ul li a{
            font-size: 13px;
        }
        .active_course{
            margin-bottom: 30px;
        }
        .courses_education{
            padding-bottom: 0;
        }
        .banner_feat90{
            position: static;
        }
        .white-space{
            display: block!important;
        }
        .banner_image{
            height: auto;
            display: none;
        }
        .mob_banner_image{
            display: block;
        }
        .mob_banner_image img{
            height: 100%;
            width: 100%;
            object-fit:contain;
        }
        .r_ytc{
            margin-top: 80px;
        }
        .banner_feat{
            padding: 50px 0;
        }
        .about_ytc{
            padding: 30px 0;
        }
        .flex_abt_ytc{
            flex-direction: column;
        }
        .mid_image{
            display: none;
        }
        .maroon_back{
            width:90%;
            margin: 0 5%;
            text-align: center;
        }
        .mid_head{
            padding: 0 0 10px 0;
        }
        .ytc_counter .w60 .w90{
            width: 100%;
        }
        .top_head_para,.main_heading_ytc,.ytc_para_abt{
            text-align: center;
        }
        .flex_count{
            justify-content: center;
        }
        .counter_img{
            position: static;
            height: 300px;
        }
        .industries_sect{
            margin: 0;
            overflow: visible;
        }
        .flex_cards_indus{
            flex-direction: column;
        }
        .testimonial_ytc{
            margin-top: 480px;
            padding: 30px 0 50px 0;
        }
        .latest_blogs{
            padding: 50px 0;
        }
        .flex_mission{
            flex-direction: column;
            gap:30px;
        }
        .mission_ytc .w50 .w90{
            width: 100%;
        }
        .mission_text{
            padding-left: 100px;
        }
        .mission_right::before{
            top:-50px;
        }
        .mission_text::before{
            left: 10px;
        }
        .flex_top_footer{
            flex-direction: column;
        }
        .footer_para_n p{
            padding: 0 10px;
        }
        .flex_middle_section{
            width: 90%;
            margin: 30px 5% 20px 5%;
        }
        .estimate_sect,.contact_sect{
            width: 100%;
            margin-bottom: 50px;
        }
        .estimate_sect .w90,.contact_sect .w90{
            width: 100%;
        }
        .call_foot,.estimate_sect .footer_head_top ,.contact_sect .footer_head_top{
            text-align: center;
        }
        .estimate_sect .footer_head_top::before,.contact_sect .footer_head_top::before{
            left: 160px;
        }
        .link_sect{
            width: 50%;
            float: left;
            margin-bottom: 50px;
        }
        .contact_sect{
            margin-bottom: 0;
        }
        .page_title{
            font-size: 30px!important;
        }
        .about_details .w80{
            width: 90%;
            margin: 0 auto;
        }
        .about_details .w70 .w90{
            width: 100%;
        }
        .vision_box,.flex_mission_box{
            width: 95%!important;
        }
        .all_blogs .w75{
            width: 100%;
        }
        .flex_cards_indus,.blogs_list{
            width: 100%;
        }
        .all_blogs .w25 .w90{
            width: 100%;
        }
        .single_view .w85{
            width: 90%;
            margin: 0 auto;
        }
        .blog_box_single{
            width: 100%;
        }
        .big_blog_img{
            height: auto;
        }
        .services_page .w80{
            display: flex;
            justify-content: flex-start;
            align-content: center;
            flex-direction: column-reverse;
        }
        .services_page .w70 .w95{
            width: 90%;
            margin: 0 5%;
        }
        .four_feat{
            top: 0;
            padding: 30px 0;
        }
        .banner_cont .bottom_wave{
            bottom: -74px;
        }
        .flex_container{
            flex-wrap: wrap;
            gap:15px 0;
        }
        .flex_container .w25{
            float: left;
        }
        .four_feat .w85{
            width: 90%;
        }
        .feature_box{
            width: 90%;
            margin: 0 5%;
        }
        .feat_text{
            width: calc(100% - 40px);
        }
        .head_clark{
            font-size: 30px;
            text-align: center;
        }
        .gen_faq .sub_clark_head{
            text-align: center;
        }
        .sub_clark_head{
            font-size: 18px;
            padding: 0;
        }
        .flex_feature_box,.flex_about{
            flex-wrap: wrap;
            gap:20px;
        }
        .about_btn{
            margin: 0 25%;
            width: 50%;
        }
        .flex_about .w50 .w90{
            width: 90%;
            margin: 0 5%;
        }
        .abt_head{
            text-align: center;
            font-size: 40px;
        }
        .sub_abt{
            text-align: center;
            font-size: 25px;
        }
        .sub_para_abt p{
            text-align: center;
        }
        .flex_about .about_btn{
            width: 50%;
            margin: 20px 25%!important;
        }
        .lead_said .w50 .w90{
            width: 90%;
            margin: 0 5%;
        }
        .lead_head{
            font-size: 40px;
        }
        .lead_para{
            font-size: 20px;
        } 
        .lead_btn{
            width: 50%;
        }
        .lead_said .bottom_wave{
            bottom: -74px;
        }
        .licensed_providers .w50 .w90{
            width: 100%;
        }
        .tab_serv{
            display: block;
        }
        .li_serv{
            width: 89%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap:15px;
            padding: 10px 20px;
            margin-bottom: 10px;
        }
        .tab_head{
            text-align: left;
        }
        .img_serv{
            height: 60px;
        }
        .active_serv{
            border-radius: 20px;
        }
        .tabs_clark{
            padding: 50px 0;
        }
        .tabs_inside{
            flex-direction: column-reverse;
            gap:20px;
        }
        .abt_img_bottom{
            width: 90%;
            margin: 0 5%;
        }
        .main_head_abt{
            margin-top: 80px;
        }
        .feat_cl_box{
            width: 100%;
        }
        .why_choose_cl{
            padding: 400px 0 0 0;
        }
        .white_choose_us{
            border-radius: 20px;
        }
        .sub_choose{
            font-size: 35px;
        }
        .choose_points{
            overflow: hidden;
            padding: 0;
            margin: 0;
        }
        .choose_points .w50 .w90{
            width: 100%;
        }
        .flex_choose{
            padding-bottom: 30px;
        }
        .flex_abt_form{
            flex-direction: column-reverse;
            gap:20px;
        }
        .serv_page .w75{
            width: 100%;
        }
        .serv_page .w75 .w95{
            width: 100%;
        }
        .big_image{
            height: auto;
        }
        .flex_detail_serv{
            flex-wrap: wrap;
        }
        .serv_page .about_btn{
            margin: 0;
        }
        .flex_detail_serv .w75,.flex_detail_serv .w75 .w95{
            width: 100%;
        }
        .small_para_in{
            width: 90%!important;
        }
        .sticky_form .about_btn{
            margin: 0;
        }

        .desk_related_serv{
            display: none;
        }
        .mob_related_serv{
            display: block;
            padding-bottom: 50px;
        }
        .mob_related_serv .about_btn{
            margin: 0;
        }
        .rel_head{
            font-size: 40px;
        }
        .all_blogs{
            padding: 0 0 50px 0!important;
        }
        .blogs_cards{
            width: 95%;
        }
        .contact_us .heading_section{
            padding-bottom: 10px;
        }
        .form_box_contact .about_btn{
            margin-top: 20px;
        }
        .cont_box{
            width: 95%;
        }
        .service_top{
            padding: 50px 0!important;
        }
        .all_blogs .w25 .w95{
            width:100%;
        }
        .title_blog_box{
            flex-wrap:wrap;
        }
        .blog_date{
            justify-content:flex-end;
        }
        .blog_date p{
            top: -10px;
        }
        .blog_date span{
            top: -15px;
        }
        .flex_feat_btm{
            flex-direction: column;
        }
        .flex_bottom_banner{
            flex-direction: column;
            align-items: center;
            gap:10px;
        }
        .icon_bottom{
            height: 80px;
        }
        .main_btm,.para_btm{
            text-align: center;
        }
        .btm_banner{
            border-bottom: 1px solid #fff;
            padding: 20px 0;
        }
        .fl_abt{
            flex-direction: column;
        }
        .white_gen_head{
            font-size: 30px;
        }
        .serv_box_gen{
            margin-bottom: 30px;
        }
        .main_services{
            padding: 50px 0;
        }
        .flex_with_form,.flex_benefits,.flex_cta{
            flex-direction: column;
        }
        .faqs_gen::before{
            display: none;
        }
        .faq_90{
            width: 100%;
        }
        .form_container{
            width: 98%;
            margin: 30px 1% 0 1%;
        }
        .counter_genuine .w45,.counter_genuine .w55{
            width: 100%;
        }
        .counter_genuine .w55{
            margin-top: 40px;
        }
        .left_gen_head{
            font-size: 30px;
        }
        .counter_contain{
            margin-top: 0;
        }
        .text_testimonial{
            margin-top: 20px;
        }
        .flex_cta p{
            text-align: center;
        }
        .blog_content_box{
            padding: 25px 30px 30px;
        }
        .logo_footer{
            width: 100%;
        }
        .footer_para_n{
            width: 90%;
            margin: 0 5%;
        }
        .bg_text{
            font-size: 25px;
        }
        .flex_serv_details{
            flex-direction: column;
        }
        .left_serv_details,.right_serv_details{
            width: 100%!important;
        }
        .left_serv_details .w90,.right_serv_details .w90{
            width: 100%;
        }
        .right_serv_details{
            margin-top: 30px;
        }
        .box_reason{
            margin-bottom: 20px;
            width: 100%;
        }
        .blog_new_sect{
            margin-top: 20px!important;
        }
        .fl_abt .w60 .w90{
            width: 100%;
        }
        .count_fl{
            width: 250px;
            justify-content: center;
        }
        .video_img_box{
            margin-bottom: 20px;
        }
        .v_test{
            padding-bottom: 10px;
        }
        .faqs_gen .gen_head{
            font-size: 30px!important;
        }
        .flex_founder{
            flex-direction: column;
        }
        .feat_sect{
            margin-top: 20px!important;
        }
        .theme_div .tp_text{
            padding-bottom: 10px;
        }
        .feat_gen{
            padding-bottom: 0!important;
        }
        .all_blogs .container,.all_blogs .max-width2{
            overflow: visible;
        }
        .contact_service{
            margin-bottom: 40px;
        }
        .page_title{
            padding-top: 0;
        }
        .single_view{
            padding: 40px 0;
        }
        .cont_gen{
            width: 90%;
        }
        .cont_gen .w35 ,.cont_gen .w65{
            width: 100%;
        }
        .cont_gen .w65 .w90{
            width: 100%;
        }
        .cont_gen .w65{
            margin-top: 40px;
        }
        .top_bar_new{
            margin-top: 80px;
            display: none;
        }
        .courses_sect{
            padding: 30px 0 50px 0;
        }
        .section_course{
            width: 90%;
            margin: 0 auto;
        }
        .section_course .w15{
            width: 50%;
        }
        .flex_abt_h{
            flex-direction: column;
        }
        .flex_abt_h .w50 .w90{}
        .abt_btn_h .btn_read_more{
            width: 50%;
            margin: 0 25%;
        }
        .f_img{
            width: 120px;
            height: 120px;
        }
        .first_img{
            left: -5px;
        }
        .s_img{
            left: auto;
            right: 30px;
            bottom: -40px;
        }
        .f_img img{
            object-fit: contain;
        }
        .abt_hobby{
            padding: 50px 0;
        }
        .fl_faq,.flex_news{
            flex-direction: column;
        }
        .left_img{
            display: none;
        }
        .blue_box{
            width: 90%;
            margin: 0 auto;
        }
        .universities{
            padding: 50px 0 0 0;
        }
        .testimonial_genuine{
            padding: 50px 0;
        }
        .counters_mail{
            padding: 0 0 50px 0;
        }
        .counter_box_m{
            border-left: 0;
            border-right: 0;
            border-bottom: 1px solid #eee;
            margin-bottom: 20px;
            padding-bottom: 20px;
            width: 100%;
        }
        .foot_text{
            padding-left: 0;
            text-align: center;
        }
        .footer_tp .w30 .w90{
            width: 100%;
            /*margin: 0 5%;*/
        }
        .foot_text{
            text-align:justify;
        }
        .mob_menu_logo{
            height: 60px;
        }
        .mob_menu_list{
            height: 100vh;
            overflow: scroll;
        }
        .party_mob_menu{
            font-family: 'Lato',sans-serif;
            list-style-type: none;
        }
        .party_mob_menu .close_slide{
            position: static;
        }
        .party_mob_menu li a{
            text-decoration: none;
            color: rgba(0,0,0,0.8);
        }
        .party_mob_menu li{
            font-size: 16px;
            padding: 10px 20px;
            border-bottom: 1px solid #e0e0e0;
        }
        .party_mob_menu .list_new_flex{
            justify-content: space-between;
        }
        .sub_list_menu{
            display: none;
        }
        .sub_list_menu li{
            border-bottom: 0;
        }
        .sub_list_menu{
            list-style-type: none;
        }
        .sub_sub_list{
            list-style-type: none;
        }
        .sub_list_menu li a{
            font-weight: bold;
        }
        .sub_sub_list li{
            padding-bottom: 0;
        }
        .sub_sub_list li a{
            font-weight: normal;
        }
        .mob_menu_flex{
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .mob_menu_list .party_search{
            width: 95%;
            margin: 0 2.5%;
            padding: 10px 0;
        }
        .mob_menu_list .product-suggestions{
            width: calc(100% - 0px);
            top: 50px;
        }
        .search_product_flex1,.search_product_flex2{
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
        }
        .search_product_flex1 .w15{
            width: 20%;
        }
        .search_product_flex1 .searchimg img{
            height: auto;
        }
        .search_product_flex2{
            padding-top: 10px;
        }
        .mob_menu_list .l_flex{
            justify-content: flex-start;
        }
        .mob_menu_list .login_register{
            width: 95%;
            margin: 0 2.5%;
            padding: 10px 0;
            border-top: 1px solid #e0e0e0;
            border-bottom: 1px solid #e0e0e0;
        }
        .l_flex{
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }
        .login_register{
            position: relative;
            padding: 0 1%;
        }
        .login_register a{
            text-decoration: none;
            color: #000;
        }
        .login_register svg{
            height: 22px;
            width: 22px;
        }
        .footer_slide p{
            padding-bottom: 10px;
        }
        .slide_logo{
            height: 60px;
        }
        .relative_90 .container{
            flex-direction: column;
        }
        .relative_90 .container .w50 .w90{
            width: 100%;
        }
        .about_us_top .page_title{
            text-align: center;
        }
        .about_us_top{
            padding: 30px 0 0 0!important;
        }
        .about_cmf{
            padding: 30px 0;
        }
        .image_1{
            height: auto;
            margin-bottom: 30px;
        }
        .about_cmf .w50 .w90{
            width: 90%;
            margin: 0 5%;
        }
        .big_abt_head{
            font-size: 33px;
        }
        .smll_boxes{
            width: 100%;
        }
        .flex_abt_inside{
            flex-wrap: wrap;
            gap:0;
        }
        .feat_flex_abt .w33 .w90{
            width: 100%;
            margin: 0 auto;
            justify-content: flex-start;
            align-items: flex-start;
        }
        .feat_flex_abt{
            gap:30px;
        }
        .mid_cta_hobby{
            display: none;
        }
        .fl_brands{
            flex-direction: column;
            gap:20px;
        }
        .fl_brands .w40 .w90{
            width: 90%;
            margin: 0 5%;
        }
        .text_brands{
            text-align: center;
        }
        .top_prop_det{
            flex-direction: column;
        }
        .flex-right,.flex-left{
            width: 100%;
        }
        .name_inst_p,.inst_name{
            text-align: center;
        }
        .price_flex,.star_in_flex,.whatsapp_btn{
            justify-content: center;
            align-items: center;
        }
        .flex_all_btns{
            gap:10px 0;
        }
        .calling_btn,.whats_btn{
            width: 50%;
        }
        .whatsapp_btn,.tap_rate{
            width: 100%;
        }
        .flex_details_inside{
            flex-direction: column;
        }
        .left_part_details,.right_part_details{
            width: 100%;
        }
        .inside_95{
            width: 100%;
        }
        .review-side{
            width: 100%;
        }
        .prop_page{
            padding: 0;
            width: 95%;
            margin: 30px 2.5%;
        }
        .top_layer{
            height: 0!important;
        }
        .breadcrumb_in{
            display: none;
        }
        .service_page_top{
            margin: 30px auto 30px auto;
        }
        .carousel_cats{
            display: block;
        }
        .tabs_container{
            display: none!important;
        }
        .carousel_cats{
            display: block!important;
        }
        .page_top_head{
            font-size: 30px;
            line-height: 40px;
            text-align: center;
            padding-top: 0;
        }
        .tp .w90{
            width: 100%;
        }
        .head_single{
            text-align: center;
        }
        .genuine_contact{
            padding: 30px 0 50px 0;
        }
        .flex_inside_contact{
            display: flex;
            flex-direction: column;
        }
        .flex_inside_contact .w45,.flex_inside_contact .w55,.box_contact{
            width: 100%;
        }
        .flex_inside_contact .w45 .w95{
            width: 100%;
        }
        .flex_inside_contact .w45 .left_contact,.flex_inside_contact .w45 .left_c_text{
            color: #fff;
            text-align: center;
        }
        .top_social_foot{
            width: 100%;
            margin: 10px auto;
        }
        .formcontact{
            width: 100%;
            border-radius: 10px;
        }
        .short_p{
            display: none;
        }
        .service_page_top .w50 .w90{
            width: 100%;
        }
        .flex_cat_top{
            display: flex;
            flex-direction: column-reverse;
        }
        .course_count{
            width: 50%;
            margin: 20px 25%;
        }
        .side_top_img{
            height: 150px;
        }
        .filter_box{
            display: none;
        }
        .cards_prop{
            width: 100%;
        }
        .flex_search{
            flex-direction: column;
            gap:10px;
        }
        .right_cat{
            width: 100%;
        }
        .inside_box{
            margin: 20px auto;
        }
        .filter_box{
            position: fixed;
            left: 0;
            top: 0;
            height: 100vh;
            width: 100%;
            z-index: 999999;
            display: none;
            background-color: #fff;
            overflow: scroll;
            margin-bottom: 20px;
        }
        .scroll_filter{
            overflow: scroll;
            margin-bottom: 20px;
        }
        .service_page_top{
            padding: 30px 0;
        }
        .grid_view a{
            flex-direction: column;
            gap:0;
        }
        .course_card .w75{
            width: 100%;
        }
        .border_right_div{
            border-right: 0!important;
        }
        .course_card .w25 .w95{
            width: 95%;
            margin: 0 2.5%;
        }
        .course_card .flex_det{
            gap:10px;
        }
        .flex_top_course{
            flex-direction: column;
        }
        .image_inst{
            width: 100%!important;
            height: 150px!important;
        }
        .course_card .desc_prop p{
            text-align: justify;
        }
        .course_card .price_flex{
            justify-content: flex-start;
        }
        .footer_tp .w70 .w33{
        width: 50%;
        float: left;
    }
    .reach_us{
        width: 100%!important;
        margin-top: 20px;
    }
    .footer_head_top{
        margin-bottom: 10px;
    }
    .reach_us .footer_head_top{
        text-align: center;
        margin-bottom: 20px;
    }
    .flex_bt{
        flex-direction: column;
        gap:10px;
    }
    .rights{
        text-align: center;
    }
    .top_social_foot{
        margin: 20px auto;
    }
    .top_social_foot ul{
        justify-content: center;
    }
    .menu_width{
        display: none;
    }
    .white-space{
        height: 115px;
    }
    .feat_scary{
        padding: 20px 0;
    }
    .feat_scary .w33 .w90{
        width: 100%;
    }
    .feat_scary .w33{
        margin: 10px auto; 
    }
    .main_products{
        padding: 0 0 30px 0;
    }
    .flex_main_products{
        flex-direction: column;
    }
    .main_prod1{
        width: 100%;
        flex-basis: 100%;
        position: relative;
        height: auto;
    }
    .image_main{
        position: relative;
    }
    .content_div{
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 20px;
    }
    .number_div,.number_content{
        font-size: 30px;
    }
    .img_abt2{
        display: none;
    }
    .flex_cat_cards{
        flex-direction: column;
        width: 90%;
        margin: 0 5%;
        gap:20px;
    }
    .img_side{
        height: 400px;
    }
    .flex_cat_cards .w40 .w90{
        width: 100%;
    }
    .top_head_s{
        font-size: 16px;
    }
    .main_head_s{
        font-size: 25px;
    }
    .add_to_box{
        /*bottom: 0;*/
    }
    .cat_scary{
        padding: 0 0 30px 0;
    }
    .heading_property{
        padding: 0;
    }
    .test_div{
        margin-top: 20px;
    }
    .testimonial_prop{
        padding: 80px 0 30px 0;
    }
    .spotlight{
        padding: 0 0 30px 0;
    }
    .stats_scary .w25{
        margin-bottom: 20px;
    }
    .video_box{
        height: auto;
    }
    .mantrascary{
        padding: 50px 0;
    }
    .mantra_head{
        font-size: 20px;
    }
    .mantra_main{
        font-size: 40px;
    }
    .content_mantra{
        width: 100%;
    }
    .journey_bg .left_side_carousel{
        left: 43%;
    }
    .journey_bg .right_side_carousel{
        left: 57%;
    }
    .wrapIn{
        height: 300px;
    }
    .flex_video_in{
        flex-direction: column;
    }
    .flex_video_in {
        flex-direction: column;
        width: 90%;
        margin: 0 5%;
        gap: 20px;
    }
    .back_video {
        width: 100%;
    }
    .orange_border {
        width: 330px;
        left: -17px;
    }
    .play_video{
        bottom: 10px;
        right: 0;
    }
    .content_part{
        width: 100%;
        padding-top: 20px;
    }
    .video_msg .abt_img_bottom{
        width: 100%!important;
    }
    .flex_pres{
        flex-direction: column;
        gap:30px;
    }
    .message_box{
        width: 99%;
        margin: 0 auto;
    }
    .pres_message .back_video{
        display: none;
    }
    .pres_message{
        padding: 30px 0;
    }
    .pres_message .w40 .w90{
        width: 100%;
    }
    .top_bar{
        position: fixed;
        top: 80px;
        z-index: 999;
        width: 100%;
    }
    .banner_scary .right_side_carousel{
        right: -6%;
    }
    .banner_scary .cursor_pointer svg{
        color: #fff;
    }
    .desk_main_cat{
        display: none;
    }
    .mobile_main_cat{
        display: block;
    }
    .main_prod1:hover .number_div{
        font-size: 32px;
    }
    .main_prod1:hover .number_content{
        font-size: 32px;
    }
    .flex_cat_in{
        flex-direction: column;
    }
    .category_page .service_page_top{
        margin: 0!important;
    }
    .inside_box{
        width: 100%;
    }
    .cat_name_search{
        flex-direction: column;
        gap:10px;
    }
    .cat_name_search .buy_in_wholesale{
        width: 100%;
    }
    .filtered_pro{
        width: 50%;
    }
    .filtered_pro .prod_image{
        height: 200px;
        border-bottom: 0;
    }
    .dist_price{
        font-size: 14px;
    }
    .flex_product_page{
        flex-direction: column;
        gap:20px;
    }
    .flex_images_side{
        flex-direction: column-reverse;
        width: 100%;
    }
    .small_image_container{
        width: 100%;
    }
    .flex_images{
        flex-direction: row;
        gap:5px;
        flex-wrap: nowrap;
    }
    .image_side{
        position: static;
    }
    .image_relative_container{
        width: 90%;
        margin: 0 auto;
    }
    .product_in_image{
        height: auto;
    }
    .product_in_image img{
        vertical-align: middle;
    }
    .smll_img_div{
        padding: 5px;
        width: 50px;
        height: 50px;
    }
    .smll_image{
        width: 50px;
        height: 50px;
    }
    .box_details_h{
        width: 100%;
    }
    .prod_name_p{
        font-size: 40px;
    }
    .purchase_btns{
        gap:5px;
        flex-direction:column;
    }
    .box_product{
        width: 95%;
        padding: 15px 0;
    }
    .name_prod .price_flex{
        justify-content: flex-start;
    }
    /*
    .flex_only_price{
        width: 100%;
    }*/
    .name_prod .price_h{
        font-size: 25px;
        font-weight: 500;
    }
    .name_prod .org_price{
        padding-top: 0;
        font-size: 18px;
        font-weight: 500;
    }
    .name_prod .offer_dis{
        font-weight: 500;
    }
    .enquiryFormContainer{
        flex-direction: column-reverse;
        gap:10px;
    }
    .enquiryFormArea{
        width: 100%!important;
        padding-bottom: 0!important;
    }
    .enquiryFormHeading,.enquiryImageArea{
        max-width: 100%!important;
        margin-top: 0!important;
        width: 100%!important;
    }
    .productEnquiryForm{
        z-index: 999999!important;
    }
/*    .enquiryFormSubHeading{
        display: none;
    }*/
    .enquiryImageArea img{
        max-width: 60px!important;
        margin: 10px 20px!important;
    }
    .enquiryFormHeading {
        font-size: 20px!important;
    }
    .enquiryFormSubHeading {
        max-width: 100%!important;
        margin: 5px auto!important;
    }
    .enquiryForm{
        margin-bottom: 20px!important;
    }
    .enquiryImageArea,.enquiryFormArea{
        border-radius: 20px!important;
    }
    .enquiryImageArea{
        flex-direction: row!important;
    }
    .enquiryProductName{
        text-align: left;
    }
    .top_social_foot ul li a{
        height: 40px;
    }
    .testimonial_mail{
        padding: 20px 0 30px 0;
    }
    .brands_div{
        height: 90px!important;
    }
    .about_scary{
        margin-top: 0!important;
    }
    .container_about{
        padding-top: 20px;
    }
    .box_contact{
        margin-top: 0;
    }
    .f_div{
        width: 100%;
    }
    .page_top{
        padding: 30px 0!important;
    }
    .aboutflex{
        flex-direction: column;
        gap:40px;
    }
    .main_image{
        height: auto;
        width: 100%;
    }
    .side_about_left{
        width: 100%;
    }
    .img_dots{
        height: 200px;
        width: 200px;
    }
    .exp_box{
        top: 0;
    }
    .svg_img{
        height: 30px;
    }
    .sid_abt p:nth-child(1){
        font-size: 20px;
    }
    .sid_abt p:nth-child(2){
        font-size: 12px;
    }
    .exp_box2{
        bottom: 2%;
    }
    .content_advantage{
        width: 100%;
    }
    .about_mailbox{
        padding: 20px 0;
    }
    .single_view{
        padding: 0!important;
    }
    .single_view .w75{
        width: 100%;
    }
    .ck-table-resized tr{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .single_blog_content .ck-table-resized tr img{
        width: 80%;
    }
    .foot_logo img{
        object-position:center;
    }
    .odd_category .flex_cat_cards{
        flex-direction:column-reverse;
    }
    .register_box{
        background: #fff!important;
    }
    .half_part1{
        display: none!important;
    }
    .register_box,.flex_form_right{
        min-height: auto!important;
    }
    .register_box{
        width: 90%!important;
        margin: 0 auto; 
    }
    .flex_banner_n{
        flex-direction:column;
    }
    .flex_banner_n .w65,.flex_banner_n .w35{
        width: 100%;
    }
    .related_products{
        padding-top: 0px!important;
    }
    }





    </head>
    <body>

        <pre></pre><script src="https://unpkg.com/feather-icons"></script>

    .contact_ytc .about_btn{
        width: 100%;
        padding: 10px 20px;
        margin: 0 auto;
    }

<div class="white-space"></div>


    .cross_menu{
        position: relative;
        transition: 0.5s linear;
    }
    .active_menu .menu_width{
        width: 100%!important;
        border-radius: 0;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .active_menu .black_box{
        border-radius: 0 0 0 100px;
    }
    .menu_width{
        width: 100%;
        margin: 0 auto;
        /*position: absolute;*/
        z-index: 9999;
        transition: 0.5s;
        background: #fff;
        border-bottom: 1px solid #eee;
    }
    .flex_cross{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: #fff;
    }
    .logo_cross{
        width: auto;
        /*height: 80px;*/
        margin: 0 auto;
    }
    .logo_cross img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .flex__right{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    .flex_in_top{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .black_box{
        background-color: #00C194;
        padding: 10px 0;
        border-radius: 0 100px 0 100px;
        display: none;
    }
    .flex_top_quick{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:15px;
    }
    .flex_cont{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
    }
    .flex_cont a{
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        font-weight: 600;
    }
    .flex_cont svg{
        color: #fff;
        width: 18px;
        height: 18px;
        stroke-width:3px;
    }
    .social_cross a{
        text-decoration: none;
        color: #fff;
    }
    .social_cross svg{
        width: 14px;
        height: 14px;
    }
    .ul_flex{
        display: flex;
        justify-content: center;
        align-items: center;
        gap:20px;
        list-style-type: none;
    }
    .ul_flex li a{
        text-decoration: none;
        color: #222;
        font-weight: 600;
        font-size: 13px;
        text-transform: uppercase;
    }
    .ul_flex li{
        padding: 20px 0;
        position: relative;
    }
    .ul_flex li::after{
        content: "";
        left: 50%;
        right: 50%;
        bottom: 0;
        position: absolute;
        display: inline-block;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        border-bottom: 2px solid transparent;
    }
    .ul_flex li:hover::after{
        border-bottom-color: var(--theme-color);
        left: 0;
        right: 0;
    }
    .menu_box {
        border-bottom: 1px solid #eee;
        background: #fff;
    }
    .get_quote{

        padding: 28px;
        background-color: var(--theme-color);
        color: #fff;
        border: 0;
        outline: none;
        border-radius: 0 0 10px 0;
        position: relative;
        overflow: hidden;
    }
    .get_quote span{
        color: #fff;
        font-weight: 600;
        font-size: 15px;
        text-transform: uppercase;
        cursor: pointer;
    }
    .get_quote::before{
        content: "";
        z-index: -1;
        position: absolute;
        right: -10px;
        top: 0;
        width: 26px;
        height: 100%;
        background: var(--before-color);
        opacity: 0.2;
        transform: skewX(-22deg);
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        z-index: 999;
        border-radius: 0 0 10px 0;
        cursor: pointer;
    }
    .get_quote:hover::before{
        opacity: 1;
        right: 0;
        width: 100%;
        transform: skewX(0deg);
        cursor: pointer;
    }
    .get_quote:hover::before{
        background: var(--theme-color);
    }
    .get_quote:hover span{
        position: relative;
        z-index: 9999;
    }
    .login_sign{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap:15px;
        /*margin-right: 40px;*/
    }
    .login_sign .btn_read_more{
        padding: 5px 10px 8px 10px;
        font-size: 14px;
        border-radius: 5px;
    }
    .login_sign .btn_read_more:hover svg{
        color: #fff;
        position: relative;
        z-index: 999;
    }
    .login_sign a{
        text-decoration: none;
    }
    .login_sign svg{
        position: relative;
        top: 1px;
    }
    .active_li a{
        color: var(--btn-color)!important;
        position: relative;
    }
    .active_li a::before{
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 40px;
        height: 2px;
        background-color: var(--btn-color)!important
    }
    .top_bar_new{
        position:relative;
        background-color: var(--btn-color);
    }
    .close_top{
        position:absolute;
        right:10px;
        top:15px;
    }
    .close_top svg{
        color:#fff;
        height:20px;
        width:20px;
        stroke-width:3px;
        cursor:pointer;
    }
    .black_bx{
        background-color: #000;
        padding: 15px;
    }
    .black_bx p{
        color:#fff;
        font-weight: 600;
        font-size: 18px;
    }
    .visit_faq{
        color:#fff;
        font-weight:600;
        font-size:15px;
        padding:15px 0;
    }
    .cart_action{
        color: #000;
        position: relative;
    }
    .cart_action span{
        position: absolute;
        top: -15px;
        right: -15px;
        background: var(--theme-color);
        border-radius: 5px;
        padding: 2px;
        height: 15px;
        width: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 12px;
    }
    .top_bar{
        background: var(--theme-color);
        padding: 10px 0;
    }
    .flex_top_n{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .right_top_n ul{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:30px;
    }
    .right_top_n ul li{
        font-size: 12px;
    }
    .right_top_n ul li a{
        text-decoration: none;
        color: #fff;
        font-weight: 600;
    }
    .right_top_n ul li::marker{
        color: #fff;
    }
    .login_image{
        height: 33px;
    }
    .login_image img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .search_bar_menu{
        border: 1px solid #eee;
        border-radius: 50px;
        padding: 5px;
        max-width: 500px;
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
    }
    .search_bar_menu input{
        padding: 7px;
        border: 0;
        outline: none;
        width: calc(100% - 50px);
    }
    .svg_search{
        height: 20px;
        width: 20px;
        stroke-width:1.5px;
    }
    .product_list_card{
        position: absolute;
        top: 45px;
        left: 0;
        z-index: 99;
        width: 100%;
        background: #fff;
        border: 1px solid #eee;
        border-radius: 5px;
        max-height: 300px;
        overflow-y: scroll;
        display: none;
    }
    .flex_search_prod{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:20px;
    }
    .list_s_prod{
        list-style-type: none;
    }
    .list_s_prod li{
        border-bottom: 1px solid #eee;
        padding: 10px 0;
    }
    .list_s_prod li a{
        text-decoration: none; 
   }
   .color_s_flex{
       display: flex;
       gap: 5px;
       align-items: center;
   }
   .color_s_flex p{
       color: #000;
       font-weight: 600;
       font-size: 12px;
   }
   .search_c_flex{
       display: flex;
       justify-content: flex-start;
       align-items: center;
       list-style-type: none;
       gap: 5px;
   }
   .search_c_flex li{
       border-bottom: 0;
       padding: 0;
   }
   .search_c_flex li .color_circle{
       width: 12px;
       height: 12px;
       border-radius: 50%;
   }
   .name_color_flex .flex_stars{
       padding-top: 0;
   }
   .name_color_flex .flex_p_lingrie{
       padding-top: 0;
   }
   .flex_search_prod .off_percent{
       position: relative;
       width: 10%;
       border-radius: 5px;
       font-weight: 700;
       font-size: 10px!important;
   }
   .flex_marq{
       display: flex;
       justify-content: flex-start;
       align-items: center;
       gap:150px;
   }
   .flex_marq a{
       text-decoration:none;
   }
   .flex_marq p{
       color: #fff;
       font-size: 12px;
       font-weight: 600;
   }
   
   /* Base styles */
.ul_flex {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    gap: 20px;
}

.ul_flex li {
    position: relative;
}

.ul_flex li a {
    text-decoration: none;
    padding: 10px 15px;
    color: #222;
    font-weight: 600;
    display: block;
    transition: background-color 0.3s;
}

.ul_flex li a:hover {
    background-color: #f0f0f0;
}

/* Dropdown styles */
.dropdown_cleano {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 280px;
    background-color: #fff;
    border: 1px solid #ddd;
    display: none;
    z-index: 1000;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dropdown_cleano li {
    padding: 0;
    margin: 0;
}

.dropdown_cleano li a,
.dropdown_cleano a li {
    padding: 5px 9px;
    color: #333;
    display: block;
    text-decoration: none;
}

.dropdown_cleano li a:hover,
.dropdown_cleano a li:hover {
    background-color: #f8f8f8;
}

/* Show dropdown on hover */
.ul_flex li:hover > .dropdown_cleano {
    display: block;
	 list-style: none; /* Removes bullets */
  padding-left: 0;  /* Removes default left padding */
  margin: 0;
}

/* Fix for nested anchors (your current code wraps <li> in <a>) */
.dropdown_cleano a {
    display: block;
	 
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}

.column {
  flex: 1 0 25%; /* 4 columns */
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

/* Responsive breakpoints */
@media (max-width: 992px) {
  .column {
    flex: 1 0 50%; /* 2 columns on tablets */
  }
}

@media (max-width: 600px) {
  .column {
    flex: 1 0 100%; /* 1 column on phones */
  }
}

/* Background and spacing for the section */
.stats_scary {
    background-color: #2c3e50; /* Dark blue/gray background */
    padding: 20px 0;
    color: #ffffff;
}

/.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

/* COLUMN BASE */
[class*="col-"] {
  padding: 15px;
  box-sizing: border-box;
}

/* Default: Full width on extra small screens */
.col-xs-12 {
  width: 100%;
}

/* Small devices (≥576px) — 2 columns */
@media (min-width: 576px) {
  .col-sm-6 {
    width: 50%;
  }
}

/* Medium devices (≥768px) — 4 columns */
@media (min-width: 768px) {
  .col-md-3 {
    width: 25%;
  }
}

/* Large devices (≥992px) */
@media (min-width: 992px) {
  .col-lg-3 {
    width: 24%;
  }
}

ul {
  list-style: none;        /* Removes bullets */
  padding-left: 0;         /* Removes default left space */
  margin: 0;
}

ul li a {
  text-decoration: none;   /* Removes underline */
  color: #ffffff;          /* Text color */
  display: inline-block;
  padding: 5px 0;
  transition: color 0.3s, padding-left 0.3s;
}

ul li a:hover {
  color: #ffd700;          /* Optional: highlight color on hover */
  padding-left: 8px;       /* Optional: subtle hover effect */
}
 
 .has-submenu {
  position: relative; /* Make this the positioning context */
}
 .party_mob_menu,
.party_mob_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.party_mob_menu li {
  border-bottom: 1px solid #ddd;
}

.party_mob_menu li a {
  display: block;
  padding: 2px 7px;
  text-decoration: none;
  color: #333;
}

.dropdown_cleano {
  display: none;
  background-color: #f9f9f9;
  padding-left: 15px;
}

.dropdown_cleano li a {
  padding: 0px 2px;
  color: #555;
  border-bottom: 1px solid #eee;
}

.has-submenu > a::after {
  content: "▼";
  float: right;
  font-size: 0.8em;
  margin-left: 10px;
}
@import url('https://fonts.googleapis.com/css2?family=Cookie&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&amp;family=Roboto:wght@100;300;400;500;700;900&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800;900&amp;display=swap');
 
 
    .hobby_footer{
        padding: 50px 0 0 0;
        background-color: #fff;
        /*border-top: 1px solid var(--dark-theme-color);*/
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        border-radius: 20px 20px 0 0;
    }
    .foot_content{
        padding: 10px 0 0 0;
    }
    .foot_text{
        color: #000;
        font-size: 14px;
        line-height: 25px;
        font-weight: 500;
    }
    .top_social_foot{
        margin-top: 20px;
    }
    .top_social_foot ul li{
        background: var(--theme-color);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .flex_list{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap:10px;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .icon_footer{
        width: 30px;
        height: 30px;
    }
    .icon_footer img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .icon_content{
        width: calc(100% - 40px);
    }
    .icon_top{
        font-size: 14px;
        color:  #000;
    }
    .content_reach{
        color: #000;
        font-weight: 600;
        word-break: break-all;
    }
    .icon_content a{
        text-decoration: none;
    }
    .reach_list li{
        padding-bottom: 20px;
    }
    .footer_tp{
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
    }
    .footer_bt{
        padding: 30px 0;
    }
    .rights{
        font-size: 14px;
        color: #000;
        font-weight: 500;
    }
    .flex_bt{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .rights a{
        text-decoration: none;
        font-weight: 700;
        color: #000;
    }
    .rights span{
        color: red;
    }
    .flex_foot_name{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:5px;
    }
    .img_smll{
        height: 20px;
        width: 20px;
    }
    .img_smll img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .download_image{
        height: auto;
    }
    .download_image img{
        width: 100%;
        object-fit: contain;
    }
 
        .plugin{
            position: fixed;
            bottom: 15px;
            left: 30px;
            z-index: 99999;
            overflow:visible;
            cursor: pointer;
        }
        .whatplugin{
            position: fixed;
            bottom: 15px;
            left: 5%;
            z-index: 99999;
            overflow:visible;
            cursor: pointer;
        }
    .whatplugin ul,.plugin ul{
        list-style-type: none;
    }
    .whatplugin img,.plugin img{
        margin-left:1px;
        width:100%;
        height:100%;
        object-fit:contain;
    }
    .whatplugin ul li,.plugin ul li{
        padding: 10px;
        border-radius: 50%;
        /*margin: 5px 0;*/
        width: 40px;
        height: 40px;
        line-height:40px;
        /*margin-left: 5px;*/
    }
    .plugin ul li:hover{
        /*background-color: #161827;*/
        /*transition: 0.5s;*/
    }    
    .whatplugin ul li a,.plugin ul li a{
        color: #FFF;
        text-decoration: none;
        font-size: 40px;
    }
    .select:hover i{
        transition: 0.5s;
        transform: rotate(360deg);
    }
    .select i{
        color: #FFF;
        line-height: 60px;
        font-size: 30px;
    }
    .wa{
        background-color: #004e3b;
        transition: 0.5s;
    }
    /*.wa:hover{*/
    /*    transform: rotate(360deg);*/
    /*}*/
    .messenger{
        background: linear-gradient(to top,#F0568C,#465FF7);
    }
    .landline{
        background-color: rgba(0, 115, 177,0.8);
        transition: 0.5s;
    }
    .landline:hover{
         background-color: #46A049;
    }
    .call{
        background-color: #161827;
        transition: 0.5s;
    }
    .call:hover{
        background-color: #46A049;
    }
    .select{
        background-color: #FFCA2B;
        border-radius: 50%;
    }
    #footer_apply{
        display: none;
    }
    .phone_call{
        background-color:#166ac7;
    }
    .phone_call svg{
        width:35px;
        height:35px;
        align-items:center;
        position:relative;
        top:2px;
        left:2px;
        display:flex;
    }
    #whatsapp{
        right:60px;
        left:auto;
        position:absolute;
        bottom:0px;
    }
    .wa svg{
        height: 40px;
        width:40px;
    }
 .page_top {
    position: relative;
    background: url('../images/bg-banner.jpg') no-repeat center center;
    background-size: cover;
    padding: 80px 0;
    overflow: hidden;
}

.page_top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5); /* White overlay (30% image visible) */
    z-index: 1;
}

.page_top .container {
    position: relative;
    z-index: 2;
}

.page_title {
    color: #000;
}

a.btn {
    display: inline-block !important;
    background: #004E3B !important;
    color: #ffffff !important;
    padding: 4px 5px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    border: 1px solid #0d6efd !important;
    font-weight: 600;
    font-size: 10px;
    line-height: normal;
    cursor: pointer;
	margin:3px;
}

a.btn:hover {
    background: #efefef !important;
    border-color: #084298 !important;
    color: #000 !important;
}


.top_social_foot ul {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

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

.top_social_foot ul li a {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    aspect-ratio: 1 / 1;
    padding: 0 !important;
    margin: 0;
    
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50% !important;
    text-decoration: none;
    box-sizing: border-box;
}

.top_social_foot ul li a p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.top_social_foot ul li a svg {
    width: 19px;
    height: 19px;
    display: block;
}

/* Facebook */
.footer_facebook a {
    background: #1877f2;
    color: #fff;
}

/* Instagram */
.instagram_footer a {
    background: #e4405f;
    color: #fff;
}

/* Twitter */
.footer_twitter a {
    background: #1da1f2;
    color: #fff;
}

/* LinkedIn */
.footer_linkedin a {
    background: #0077b5;
    color: #fff;
}