/*---color---Variable---*/
:root {
    --whiteBg: #fff; 
    --whiteColor: #fff;
    --whiteBorder: #fff;

    --blackColor: #1A1A1A;
    --blackBg: #1A1A1A;
    --blackborder: ##1A1A1A;

    --brandColor: #981C1F;
    --brandBg: #981C1F;
    --brandborder: #981C1F;

    --brandColor2: #C0D2C6;
    --brandBg2: #C0D2C6;
    --brandborder2: #C0D2C6;

    --greyBg:#CCC;
    --greyBorder:#CCC;
    --greyColor:#CCC;
    
    --red-color: #981C1F;

    }



    @font-face {
        font-family: 'Goldplay';
        src: url('../fonts/ Goldplay-Bold.eot');
        src: url('../fonts/Goldplay-Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Goldplay-Bold.woff2') format('woff2'),
            url('../fonts/Goldplay-Bold.woff') format('woff'),
            url('../fonts/Goldplay-Bold.ttf') format('truetype'),
            url('../fonts/Goldplay-Bold.svg#Goldplay-Bold') format('svg');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Goldplay';
        src: url('../fonts/Goldplay-Medium.eot');
        src: url('../fonts/Goldplay-Medium.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Goldplay-Medium.woff2') format('woff2'),
            url('../fonts/Goldplay-Medium.woff') format('woff'),
            url('../fonts/Goldplay-Medium.ttf') format('truetype'),
            url('../fonts/Goldplay-Medium.svg#Goldplay-Medium') format('svg');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Goldplay';
        src: url('../fonts/Goldplay-Light.eot');
        src: url('../fonts/Goldplay-Light.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Goldplay-Light.woff2') format('woff2'),
            url('../fonts/Goldplay-Light.woff') format('woff'),
            url('../fonts/Goldplay-Light.ttf') format('truetype'),
            url('../fonts/Goldplay-Light.svg#Goldplay-Light') format('svg');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Goldplay';
        src: url('../fonts/Goldplay-Regular.eot');
        src: url('../fonts/Goldplay-Regular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Goldplay-Regular.woff2') format('woff2'),
            url('../fonts/Goldplay-Regular.woff') format('woff'),
            url('../fonts/Goldplay-Regular.ttf') format('truetype'),
            url('../fonts/Goldplay-Regular.svg#Goldplay-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Goldplay-alt';
        src: url('../fonts/GoldplayAlt-Medium.eot');
        src:  url('../fonts/GoldplayAlt-Medium.woff2') format('woff2'),
            url('../fonts/GoldplayAlt-Medium.woff') format('woff'),
            url('../fonts/GoldplayAlt-Medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Goldplay';
        src: url('../fonts/Goldplay-Thin.eot');
        src: url('../fonts/Goldplay-Thin.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Goldplay-Thin.woff2') format('woff2'),
            url('../fonts/Goldplay-Thin.woff') format('woff'),
            url('../fonts/Goldplay-Thin.ttf') format('truetype'),
            url('../fonts/Goldplay-Thin.svg#Goldplay-Thin') format('svg');
        font-weight: 100;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Goldplay';
        src: url('../fonts/Goldplay-RegularIt.eot');
        src: url('../fonts/Goldplay-RegularIt.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Goldplay-RegularIt.woff2') format('woff2'),
            url('../fonts/Goldplay-RegularIt.woff') format('woff'),
            url('../fonts/Goldplay-RegularIt.ttf') format('truetype'),
            url('../fonts/.btn-siteGoldplay-RegularIt.svg#Goldplay-RegularIt') format('svg');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
    }
    
    
    @font-face {
        font-family: 'Goldplay';
        src: url('../fonts/Goldplay-SemiBold.eot');
        src: url('../fonts/Goldplay-SemiBold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Goldplay-SemiBold.woff2') format('woff2'),
            url('../fonts/Goldplay-SemiBold.woff') format('woff'),
            url('../fonts/Goldplay-SemiBold.ttf') format('truetype'),
            url('../fonts/Goldplay-SemiBold.svg#Goldplay-SemiBold') format('svg');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }
   
 

    .overflow-hidden-body{height: 10vh;overflow: hidden;}
    *{margin:0;padding:0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
    html,body{color: #494949;background-color: var(--whiteBg);position:relative;font-size:14px;  font-family: "Montserrat", sans-serif;font-optical-sizing: auto; font-style: normal;font-weight: 400;}
    h1,h2,h3,h4,h5,h6,p,ul,li{margin:0px;padding: 0px;line-height:1.3;}
    p{margin-bottom: 5px;line-height: 1.6;}
    label{display: block;font-weight: 500; margin-bottom: 0;}
    ul,li{list-style:none;}
    img{max-width:100%;height: auto;display: inline-block;line-height: 0px;}
    a{text-decoration:none;display: inline-block;}
    a:focus{text-decoration:none;outline:none;}
    a:hover{text-decoration:none;}
    button{background: none;border: none;   font-family: "Montserrat", sans-serif;}
    button:focus{outline: none;}
    picture{display: block;line-height: 0px;}
    textarea{resize:none;display: block;padding: 15px;width: 100%;   font-family: "Montserrat", sans-serif;}
    input:focus, button, input[type="submit"],input{outline:none;   font-family: "Montserrat", sans-serif;}
    select{display: block;width: 100%;     font-family: "Montserrat", sans-serif;}
    input{display: block;padding: 12px 15px;width: 100%;}
    input::placeholder {font-size: 14px; font-family: "Montserrat", sans-serif;}
    input::-ms-input-placeholder{font-size: 14px; font-family: "Montserrat", sans-serif;}
    input::-ms-input-placeholder{font-size: 14px; font-family: "Montserrat", sans-serif;}
    textarea::placeholder{font-size: 14px; font-family: "Montserrat", sans-serif;}
    select:focus{outline:none;}
    textarea:focus{outline: none;}
    .w-100{width: 100% !important;display: block;}
    .goldplay_font{ font-family: 'Goldplay';}
    .text-center{text-align: center;}
    .row{display: flex;margin: 0px -15px;flex-wrap: wrap;}
    .col-sm-2{width: 16.66666667%;padding: 0px 15px;}
    .col-sm-3{width: 25%;padding: 0px 15px;}
    .col-sm-4{width: 33.33333333%;padding: 0px 15px;}
    .col-sm-5{width: 41.66666667%;padding: 0px 15px;}
    .col-sm-6{width: 50%;padding: 0px 15px;}
    .col-sm-7{width: 58.33333333%;padding: 0px 15px;}
    .col-sm-8{width: 66.666667%;padding: 0px 15px;}
    .col-sm-9{width: 75%;padding: 0px 15px;}
    .col-sm-10{width: 83.33333333%;padding: 0px 15px;}
    .col-sm-11{width: 91.66666667%;padding: 0px 15px;}
    .col-sm-12{width: 100%;padding: 0px 15px;}
    .container{max-width: 92%;margin: 0px auto;padding: 0px 15px;}
    .overflow_hidden{overflow: hidden;}
    .gap {padding: 70px 0px;}
    @-webkit-keyframes pulse2 {0% { box-shadow: 0 0 0 0 var(--red-color);}}
    @keyframes pulse2 { 0% { box-shadow: 0 0 0 0 var(--red-color);}}
    @-webkit-keyframes pulse3 {0% { box-shadow: 0 0 0 0 #fff;}}
    @keyframes pulse3 { 0% { box-shadow: 0 0 0 0 #fff;}}
    .scrollhidden{overflow: hidden;}
    /* .btn-site span svg rect{fill: none;} */

    .loader-page{position: fixed;top: 0px;left: 0px;right: 0px;background: #106031;z-index: 99999999999;height: 100vh;display: flex;justify-content: center;
        align-items: center;height: 100%;}
    .loader-title{color: #fff;text-align: center;font-size: 150px;font-weight: 100;}
    .loader-bottom-text{position: absolute;left: 0px;bottom: 50px;width: 100%;right: 0px;padding: 0px 15px;text-align: center;color: #fff;font-size: 20px;}
    
    .btn-site{cursor: pointer; display: inline-flex;align-items: center;font-weight: 700;color: var(--red-color);text-transform: uppercase;transition: all 0.3s;font-style: italic;
        font-family: 'Goldplay';font-size: 14px;    min-height: 54px;}
    .btn-site:hover{color: var(--red-color);}
    .btn-site span{width: 60px;border-radius: 30px;margin-left: 12px;line-height: 0px;overflow: hidden;}
   
    .btn-site span svg{width: 100%;height: initial;}
    
    .tag-title{background: var(--goldenbg);padding: 8px 48px 8px 15px;margin-bottom: 20px; border-radius: 30px;font-weight: 600; position: relative;display: inline-block;color: var(--brandColor);text-transform: uppercase;}
    .tag-title:after{content: '';position: absolute;top: 50%;right: 15px;width: 25px;height: 2px;background: var(--brandBg);transform: translate(0px, -50%);}

    .section-title{font-size: 16px;font-weight:500;text-transform: uppercase; color: var(--red-color);
        line-height: 1.3;position: relative;padding-left: 30px;}
    .section-title:after{content: '';position: absolute;left: 0px;top: 0px;width: 23px;height: 20px; background: url(../images/icon/greenplay.svg);background-size: 100%;background-repeat: no-repeat;}
    .section-title-wraper{padding-bottom: 45px;border-bottom: 1px solid var(--greyBorder);}
    .text-white{color: var(--whiteColor);}
    .btn-box{margin-top: 20px;}
    .mt-30{margin-top: 30px;}
    .tab-output-box{display: none;}
    .introduction_wrapper{border-top: 1px solid rgb(204 204 204 / 80%);padding-top: 20px;}

    .section-title-wraper-introduction{margin-bottom: 20px;}

    .title2{font-size: 32px;color: #1A1A1A; line-height: 1.3;}
    .title3{font-size: 24px;color: #1A1A1A;text-transform: uppercase; line-height: 1.3;}
    .row-club-crests .title2{text-transform: uppercase;}

    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{opacity: 1 !important;    margin-top: 40px;position: static;border-radius: 0px;}
    .swiper-scrollbar{background: #2d428329}
    .swiper-scrollbar-drag{background: var(--red-color);}
    .swiper-button-next:after, .swiper-button-prev:after{display: none;}
    .swiper-button-next, .swiper-button-prev{ width: 54px;height: 54px; opacity: 1 !important; border-radius: 30px; overflow: hidden; padding: 4px 0px;}
    
    .swiper-button-next svg, .swiper-button-prev svg{width: 100%;height: auto;}
    .swiper-pagination{position: static;margin-top: 40px;}
    .swiper-pagination-bullet{background: none;opacity: 1;border: 1px solid var(--brandborder);}
    .swiper-pagination-bullet-active{background: var(--brandBg);}
    main{padding-top: 89px;}

    .background-light{background: #F9F9F9;}

    /*---header---start---here---*/
    header{box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);padding: 12px 0px;background: #fff;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 999;transition: top 0.3s;}
    .header-container{max-width: 96%;margin-left: auto;margin-right: 0px;}
    .header-row{display: flex;align-items: center;}
    .header-brand-colm{width: 110px;padding-right: 25px;}
    .brand{width: 100%;display: block;position: relative;z-index: 1;}
    .header-right-colm{width: calc(100% - 110px);}
    .header-top-box{
        /*border-bottom: 1px solid #C5C5C5;*/
        display: flex;
        justify-content: space-between;padding-right: 6.5%;align-items: center;}

    .header-right-list-colm{width: 200px;text-align: right;}
    .header-right-list{display: inline-block;margin: 0px 4px;}
    .header-right-list:first-child{margin-left: 0px;}
    .header-right-list:last-child{margin-right: 0px;}
    .header-right-link{width: 36px;}
    .nav-list{display: flex;justify-content: center;}

    .header-nav-colm{width: 100%;}
    .nav-item{display: inline-block;margin: 0px 15px;}
    .nav-item:first-child{margin-left: 0px;}
    .nav-item:last-child{margin-right: 0px;}
    .nav-link{color: #1A1A1A;font-size: 16px;font-weight: 400;transition: all 0.3s;position: relative;
            font-family: 'Goldplay';text-transform: uppercase;
    }
    .nav-link:hover{color: #981C1F;}
    .nav-link.active:after{content: '';position: absolute;bottom: -10px;left: 0px;right: 0px;height: 2px;background: var(--brandBg);}

    .header-bottom-item{display: inline-block;margin: 0px 15px;}
    .header-bottom-item:first-child{margin-left: 0px;}
    .header-bottom-item:last-child{margin-right: 0px;}
    .header-bottom-link{color: var(--blackColor);font-weight: 500;font-size: 14px;transition: all 0.3s;}
    .header-bottom-item:hover .header-bottom-link{color: var(--brandColor);}
    .header-bottom-box{padding-top: 10px;display: none;}

    /*---header---dropdowen---start---here---*/
    .header-dropdowen-wraper-desktop{position: absolute;top: 85px;left: 0px;right: 0px;padding-top: 15px;background: #fff;display: none;z-index: 4;}
    .header-bottom-item:hover .header-dropdowen-wraper-desktop{display: block;}
    .dropdowen-desktop-inner{background: #f4f4f4;padding: 30px 0px;padding-left: 175px;}
    .dropdowen-row{display: flex;margin: 0px -15px;}
    .dropdowen-left-colm{width: 60%;padding: 0px 15px;display: flex;}
    .dropdowen-right-colm{padding: 0px 15px;}
    .dropdowen-inner-colm{padding-right: 30px;width: 33.333%;}
    .dropdowen-inner-colm:last-child{padding-right: 0px;}
    .dropdowen-right-colm{width: 40%;}
    .dropdowen-title{color: #000;font-weight: 500;font-size: 15px;border-bottom: 1px solid var(--brandborder);padding-bottom: 10px;margin-bottom: 15px;}
    .dropdowen-item{margin-bottom: 15px;display: block;}
    .dropdowen-link{color: #333333;transition: all 0.3s;}
    .dropdowen-link:hover{color: var(--brandColor);}

    .menubtn-mobile{display: none;}
    .dropdowen-icon{display: none;}
    .menu-layer{display: none;}
    .mobile-dropdowen{display: none;}
    .brandmenu-link{display: none;}
    .header-container{padding-right: 0px !important;}


    /*---footer---start---here---*/
    footer{    background: #ecf3ef;padding-bottom: 0px !important;}
    .footer-row{display: flex;margin: 0px -15px;}
    .footer-left-com{width: 50%;}
    .footer-center-colm{width: 40%;}
    .footer-right-colm{width: 10%;}
    .footer-inner-row{display: flex;margin: 0px -15px;}
    .footer-inner-colm-left{width: 33.333%;padding: 0px 15px;}
    .footer-large-title{ color: #106031; font-weight: 600; font-size: 18px; margin-bottom: 30px;}
    .title-footer{color: #000; font-weight: 600; font-size: 15px; margin-bottom: 10px; border-bottom: 1px solid #94b8a3; padding-bottom: 10px; }
    .footer-link{color: #000;}
    .footer-link:hover{color: #106031;}
    .footer-title{padding-top: 10px;}
    .footer-right-row{display: flex;}
    .footer-inner-colm-right{width: 50%;padding: 0px 15px;}
    .footer-right-colm .footer-link-list{padding-top: 0px;}
/*    .footer-right-colm .footer-large-title{width: 100px;}*/

    .social-link-list{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
    .social-link{width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;background: var(--brandBg);border-radius: 5px;}
    .social-link-list li{padding: 0px 3px;}
    .social-link img{width: 25px;}
    .social-link-title{color: #106031;font-weight: 600;font-size: 18px;margin-bottom: 0;margin-right: 10px;}
    .footer-social-link{margin-top: 15px;}
    .footer-bottom-wraper{display: flex;margin: 0px -15px;border-top: 1px solid #ea3233;margin-top: 30px;padding: 15px 0px;}
    .bottom-left-colm{width: 50%;padding: 0px 15px;}
    .bottom-left-colm p{font-size: 13px;}
    .bottom-left-colm:nth-of-type(2){text-align: right;}
    .chat-icon{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;position: fixed;bottom: 30px;
        right: 30px;border-radius: 30px;overflow: hidden;z-index: 3; box-shadow: 0px 0px 10px rgb(0 0 0 / 14%);background: #fff; cursor: pointer;}

    .banner_slider{overflow: hidden;position: relative;}
    .banner_slider .swiper-pagination{    margin-top: 0px; position: absolute;bottom: 50px;left: 0px; right: 0px;}
    .banner_slider .swiper-pagination-bullet{border: 1px solid #ffffff;background: #fff;opacity: 0.7;}
    .banner_slider .swiper-pagination-bullet-active { background: #fff; width: 32px;border-radius: 5px;opacity: 1;}
    .banner{position: relative;}
    .banner-bottom-form-wraper{padding: 34px;border-radius: 16px;background: rgb(255 255 255 / 89%);position: absolute;bottom: 0px;left: 50%;
        transform: translate(-50%, 0px);width: 77%;z-index: 2;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
    .banner-form-row{display: flex;margin: 0px -10px;}
    .banner-form-colm{padding: 0px 10px;width: 21%;}
    .banner-form-colm:last-child{width: 16%;text-align: right;}
    
    .input-banner input, .input-banner input::placeholder{font-size: 14px;color: #1A1A1A;font-family: 'Goldplay';font-size: 13px;}
    .input-banner input,.input-banner select{border-radius: 30px;border: 1px solid #000000;background: none; padding: 13px 13px 13px 42px;font-size: 13px;}
    .input-banner{position: relative;}
    .banner-input-icon{position: absolute;top: 13px;left: 15px;z-index: 2;}
    .btn-site span{width: 44px;}

    .row-club-crests{padding-top: 30px;}
    .row-club-crests .col-sm-10{padding-left: 8%;}
    .club-crusts-content{padding-top: 30px;margin-top: 30px;border-top: 1px solid var(--greyBorder);}
    .club-crusts-content p{margin-bottom: 0px;}

    .collection-club-section .container{position: relative;}
    .collection-club-section .btn-box, .homepage-blog-section .btn-box{ position: absolute;top: -35px;right: 0px;z-index: 1;}

    .collection-club-tab-wraper{padding-top: 30px;}
    
    .collection-club-tab-wraper .btn-site{font-size: 34px; font-style: initial;font-weight: 400;}
    .collection-club-tab-wraper .btn-site.active{color: var(--brandColor);font-weight: 500;}
    .collection-club-tab-wraper .tab-wraper-box{border-left: 1px solid var(--greyBorder);    padding-left: 15px;}
    
    .row-tab-top{margin-left: 0px;position: relative;padding-bottom: 50px;}
    .row-tab-top:after{content: '';width: 1px;background: rgb(204 204 204 / 80%);top: 0px;bottom: 0px;left: 50%;position: absolute;}
    .row-tab-top .col-sm-6{padding: 0px 20px;}
    .collection-row{margin-left: 0px;}
    .collection-title-row  .btn-site {font-size: 14px; font-style: italic; font-weight: 600;}
    .collection-box-wraper .collection-title-row .btn-site{font-size: 13px}
    .btn-site span{width: 53px;}
    
    .collection-title{color: #1A1A1A;font-size: 26px;width: calc(100% - 107px);padding-right: 10px;}
    .collection-title-row{display: flex;align-items: center;margin-top: 25px;}
    .collection-btn{width: 107px;}

    .collection-box{margin-top: 40px;}
    .collection-image{display: block;width: 100%;overflow: hidden;}
    .collection-image img{transition: all 0.5s;}
    .collection-image:hover img{transform: scale(1.2);}
    .collection-club-tab-wraper .collection-image:hover img{transform: scale(1);}
    .collection-box-wraper{border-top: 1px solid var(--greyBorder);margin-top: 30px;padding-top: 30px;}
    .collection-box-wraper:first-child{margin-top: 0px;border: none;padding-top: 0px;}

/*    .collection-club-section .btn-site svg rect{fill: none;}*/
    .collection-club-section .tab-menu-list .btn-site:hover span{animation: none;}
    .collection-club-section .tab-menu-list .btn-site span svg rect {fill: var(--red-color);}
    .collection-club-section .tab-menu-list .btn-site .path1 { fill: #fff;}


    .collection-club-tab-wraper .tab-menu-list .btn-site span{display: none;}
    .collection-club-tab-wraper .tab-menu-list .btn-site.active span{display: inline-block;}
    .collection-club-tab-wraper .tab-menu-list{position: sticky; top: 180px;background: #F9F9F9;}
    .collection-club-section .section-title-wraper{position: sticky;top: 0px;background: #F9F9F9;z-index: 1;padding-top: 55px;}
    .gap.collection-club-section{padding-top: 0px;}
    .relative-box{position: relative;}


    .homepage-blog-section{background: #fff;}
/*    .homepage-blog-section .relative-box .btn-box .btn-site rect{fill: none;}*/
    
    .row-blog-homepage{margin-top: 30px;}
    .blog_club_section .col-sm-4{display: none;}
    .blog_club_section .col-sm-8{width: 100%;}
    .colm_blog_wrapper{width: 100%;overflow: hidden;border: 1px solid var(--greyBorder);}
    .blog_club_section .section-title-wraper{border-bottom: none;padding-bottom: 30px;}

    .blog_section_homepage{overflow: hidden;}
    .blogcard-content{padding: 10px 0px;}
    .blogcard-content .read-more-btn{    position: absolute;bottom: 25px; left: 25px;text-transform: uppercase;}
    .read-more-btn{text-decoration: underline !important;color: #000;font-weight: 500;font-style: italic;}
    
    .blog-image{display: block;position: relative;}
/*    .blog-image img{position: absolute;top: 0px;bottom: 0px;right: 0px;left: 0px;width: 100%;height: 100%;object-fit: cover;}*/
    .blogcard-content .read-more-btn{margin-top: 10px;}
    /*.container-inner-blog{ margin-right: 0px; max-width: 96%;  padding-right: 0px; overflow: hidden; }*/
    .row-blog-homepage .col-sm-4{position: relative;}
    .row-blog-homepage .col-sm-4  .title-wraper2{height: 100%;}
    .custom-arrow-box{position: absolute;bottom: 35px;left: 0px;right: 0px;}
    .custom-arrow-box .swiper-button-next{right: auto;left: 70px;}
    .custom-arrow-box .btn-site{min-height: initial;}
    .custom-arrow-box .swiper-button-next span,  .custom-arrow-box .swiper-button-prev span{    margin: 0px;
        width: 44px;
        border-radius: 30px;
        overflow: hidden;
        line-height: 0px;}
        .custom-arrow-box .swiper-button-next:hover span .path1,  .custom-arrow-box .swiper-button-prev:hover span .path1{fill: #fff;}
        /* .custom-arrow-box .swiper-button-prev span{transform: rotate(180deg);} */
        .custom-arrow-box .swiper-button-next:hover span ,  .custom-arrow-box .swiper-button-prev:hover span {    -webkit-animation: pulse2 1s infinite;
            animation: pulse2 1s infinite;
            box-shadow: 0 0 0 8px transparent;}
    .custom-arrow-box .swiper-button-next svg rect,  .custom-arrow-box .swiper-button-prev svg rect{fill: none;}
    .custom-arrow-box .swiper-button-next:hover svg rect,  .custom-arrow-box .swiper-button-prev:hover svg rect{fill: var(--red-color);}
    .custom-arrow-box .swiper-button-next:hover svg .white-h,  .custom-arrow-box .swiper-button-prev:hover svg .white-h{fill: #fff;}
    .blog_section_homepage .swiper-slide{border-left: 1px solid var(--greyBorder);padding: 15px 15px;position: relative;
        padding-bottom: 60px;height: auto;}
     


    .homepage-testimonial-section{background: #fff;}
    .testimonial_slider_homepage{overflow: hidden;}
    .testimonial_slider_homepage .swiper-slide{padding: 0px 20px; height: auto !important;}
    .testimonial_slider_homepage .swiper-slide{border-left: 1px solid var(--greyBorder);}
    

    .customer-name{display: flex;align-items: center;}
    .customer-image{    width: 64px; height: 64px; position: relative; border-radius: 50%; overflow: hidden;}
    .customer-image img{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;object-fit: cover;height: 100%;}
    .customer-right-box{padding-left: 10px;width: calc(100% - 90px);}
    .customer-name-title{font-weight: 600;margin-bottom: 5px;}
    .testimonial-card p{color: #000;}
    .testimonial-card{padding-bottom: 190px;position: relative;height: 100%;}
    .customer-name{position: absolute;bottom: 0px;left: 0px;right: 0px;}
    .tab-output-box2{display: none;}
    .testmonial-tab-wraper{border-radius: 30px;border: 1px solid var(--greyBorder);display: inline-flex;width: 350px;}
    .testimonial-tab-list ul{display: flex;width: 100%;}
    .testimonial-tab-list ul li{width: 50%;text-align: center;}
    .testimonial-tab-list {width: 100%;}
    .testimonial-tab-list ul li a{display: block;border-radius: 30px;padding: 12px 0px;color: #000;}
    .testimonial-tab-list ul li a.active{background: var(--red-color);color: #fff;}
    .homepage-testimonial-section .container{position: relative;}
    .testmonial-tab-wraper{position: absolute;top: -15px;left: 50%;transform: translate(-50%, 0px);}

    .key-features-wraper{position: relative;}
    .key-features-wraper .swiper-pagination{font-weight: 600;color: var(--brandColor);}
    .key_features_slider{overflow: hidden;position: relative;}
    .row-key-deatures{padding: 70px 0px;padding-bottom: 0px;}
    .key_features_thumb_slider{overflow: hidden;height: 300px;}
    .key-features-thumb-slider{height: 100%;cursor: pointer;text-align: right;}
    .swiper-slide-thumb-active .key-features-thumb-slider{font-weight: 500;color: var(--red-color);font-size: 24px;}
    .row-key-deatures{align-items: center;}
    .key_features_slider .swiper-slide{width: 350px;margin: 0px auto;background: #fff;}
    .key_features_slider {height: 540px;}
    /* .key-deatures-image-box{padding-bottom: 50px;background: #fff;} */
    .image-thumb-features{position: absolute;top: 0px;bottom: 50px;height: 100%;object-fit: cover;}
    .key-features-wraper{position: relative;}
    .key-features-title{font-size: 132px; position: absolute; top: 46%; left: 0px; right: 0px;transform: translate(0px, -50%);
        width: 100%; font-weight: 300;text-align: center;text-transform: uppercase;color: var(--red-color);transition: transform 0.3s ease-in-out;display: none;}
    .row-key-deatures .col-sm-3{width: 300px;}
    .row-key-deatures .col-sm-9{width: calc(100% - 300px);}
    .background-bg{background: #F9F9F9;}
    .key_features_slider .swiper-pagination{position: absolute;margin-top: 0px;font-weight: 600;color: #144E23;}
    .key_features_slider .swiper-scrollbar{left: 0px;}
    .scroll-text{transform: rotate(-90deg);bottom: 24px;position: absolute;color: var(--red-color);font-weight: 500;font-size: 16px;    text-transform: uppercase;}
    .key-features-wrapper{transition: background-color 0.5s;}
    .ripple-effect{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 1;height: 100%;}
    .scroll-text-top{display: none;}
   /* .request-call-back-btn{background-color: var(--brandBg); color: #fff;padding: 15px;transform: rotate(90deg); margin-right: -45px; cursor: pointer;font-size: 13px;
    text-transform: uppercase;}*/
    .request-call-back-btn{cursor: pointer;cursor: pointer;
    background: #106031;
    padding: 3px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    position: absolute;
    top: 0px;
    left: -50px;
    }
     .request-call-back-btn img{width: 43px;}
    .request-call-back-wraper{position: fixed; top: 57px;right: 0px;z-index: 999999; display: none;}
    .request-call-back-inner{box-shadow: 0px 0px 16px rgb(0 0 0 / 6%);background: #fff; padding: 30px;padding-top: 15px;}
    .call-back-form-wraper{    position: absolute;
/*    top: 50%;*/
    right: -350px;
/*     transform: translate(0px, -50%); */
    width: 350px;
    transition: all 0.8s;}
        .call-back-input-box input, .call-back-input-box select{border-radius: 30px;padding: 12px 10px;border: 1px solid var(--greyBorder);}
        .call-back-input-box input::placeholder, .call-back-input-box input::placeholder, .call-back-input-box select{color: #1A1A1A;font-size: 13px;}
        .call-back-input-box select{ cursor: pointer; background-image: url(../images/icon/dropdowen.svg);  background-size: 20px; background-repeat: no-repeat;
              background-position: 97% center; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';
               padding: 12px 30px 12px 10px; background-color: #fff;}
        .call-back-input-box{margin-bottom: 20px;}
        .call-back-input-box:last-child{margin-bottom: 0px;}
        .call-back-form-wraper .title2{margin-bottom: 20px;}
        .call-back-input-box input[type="submit"]{background: var(--red-color);color: #fff;font-weight: 600;border: none;cursor: pointer;}
        
        .collection-club-tab-wraper .tab-menu-list .btn-site{color: #333333;display: flex;justify-content: space-between;}
        .collection-club-tab-wraper .tab-menu-list .btn-site.active{color: var(--red-color);}

    /*---plp---start---here---*/
    .filter-row{display: flex;flex-wrap: wrap;margin: 0px -30px;}
    .filter-colm{width: 22%; padding: 30px 30px;position: relative;}
    .filter-colm:after{content: '';position: absolute;top: 15px;bottom: 15px;width: 1px;background: var(--greyBorder);right: 0px;}
    .filter-colm:nth-of-type(4) {width: 12%;}
    .filter-colm:last-child:after{display: none;}
    .filter-list select{border: none;text-transform: uppercase;color: #1A1A1A;font-size: 16px;font-weight: 500;cursor: pointer;
    background-image: url(../images/icon/dropdowen.svg);background-size: 22px; background-repeat: no-repeat;background-position: right;
     -webkit-appearance: none;-moz-appearance: none;text-indent: 1px; text-overflow: '';    padding: 5px 30px 5px 5px;background-color: #fff;}
    
    .filter-wraper{border-bottom: 1px solid var(--greyBorder);}
    .sort-wraper{padding: 40px 0px;}
    .sort-list li{display: inline-block;border-radius: 30px;background: #EBF3EF;color: #000;margin:5px 15px 5px 0px;padding: 8px 10px;position: relative;
        padding: 11px 15px 11px 36px;cursor: pointer;}
    .cross{position: absolute;width: 20px;position: absolute;top: 50%;left: 10px;transform: translate(0px, -50%);line-height: 0px;cursor: pointer;}
    .cross svg{width: 100%;height: initial;}
    .sort-link-title{color: #000;text-transform: uppercase;}
    .sort-list li:last-child{background: none;opacity: 0.8;}
    .sort-list li:last-child:hover{opacity: 1;}
    .sort-list li:last-child:hover .sort-link-title{color: var(--brandColor);}
    .sort-list li:last-child:hover svg path{stroke: #106031;}
    .filter-wraper-mobile{display: none;}
    .filter-wraper-layer{display: none;}
    .sort-wraper-layer{display: none;}

    .product-number{padding: 15px 0px;color: #494949;font-size: 16px;}
    .product-number span{font-weight: 500;}
    .product-title{color: #1A1A1A;font-size: 22px;margin-bottom: 10px;}
    .product-image{overflow: hidden;display: block;border: 1px solid #ccc;}
    .pdp-product-image{border: 1px solid #ccc;}
    .product-image img{transition: all 0.4s;}
    .product-image:hover img{transform: scale(1.2);}

    .product-card{margin-top: 30px;}
    .product-count{color: #000;font-weight: 500;}
    .product-loader{margin: 0px auto; margin-top: 50px;width: 38px;animation: rotate-animation 2s infinite linear;}
    @keyframes rotate-animation {
        0% {
          transform: rotate(0deg);
        }
        50% {
          transform: rotate(180deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }
    .product-loader svg{width: 100%;height: initial;}
    .breadcrumb{padding: 25px 0px;}
    .breadcrumb ul{display: inline-block;}
    .breadcrumb ul li{display: inline-block;color: #000;}
    .breadcrumb ul li a{color: #494949;font-size: 16px;}
    .breadcrumb ul li a.active{font-weight: 500;}
    .breadcrumb ul li a:hover{color: var(--brandColor);}
    .banner .breadcrumb{position: absolute;top: 0px;left: 0px;width: 100%;z-index: 666;}
    .banner .breadcrumb li a, .banner .breadcrumb {color: #fff !important;}

    .row-club-crests .title2, .club-crusts-content p{width: 100%;}
    .club-crusts-content p{color: #494949;}
    .collection-title-row .btn-site span{width: 42px;}
    .collection-club-tab-wraper .tab-menu-list .btn-site.active span{width: 40px;    margin-left: 42px;}
    .collection-club-tab-wraper .tab-menu-list ul li{margin-bottom: 20px;padding-right: 10%;}
    .collection-club-section .section-title-wraper{border-bottom: 1px solid #ccc;}
    .collection-box-wraper .title3{text-transform: initial;color: #1A1A1A;}
    .product-card .btn-site span{width: 35px;}
    .product-card  .btn-site{font-size: 13px;}

    /*---pdp---start---here---*/
    .pdp-product-left-wraper{background: #F9F9F9;padding: 25px;padding-bottom: 125px;position: relative;height: 100%;}
    .pdp-left-wraper-inner{overflow: auto;position: absolute; padding: 25px;top: 25px; padding-top: 0px;padding-bottom: 0px;bottom: 85px;left: 0px;right: 0px;}
    .pdp-left-detail-box{border-bottom: 1px solid var(--greyBorder);padding: 12px 0px;}
    .pdp-detail-title{font-weight: 300;color: #494949;margin-bottom: 3px;}
    .dowenload-cataloge-btn-pdp{position: absolute;bottom:0px;left: 0px;right: 0px;z-index: 1;padding: 8px 25px; background: #f9f9f9;}
    .pdp-discription-title{color: #1A1A1A;font-size: 16px;}

    .pdp-product-section .btn-site span{width: 40px;}
    .pdp-right-wraper{border: 1px solid var(--greyBorder);position: relative;height: 100%;}
    .dowenload-pdf-btn{margin-top: 15px;}
    .enquery-pdp-btn{position: absolute;bottom: 0px;left: 0px;right: 0px;padding: 5px 25px;text-align: center;background: var(--red-color);}
    .enquery-pdp-btn .btn-site{color: #fff;}
    .enquery-pdp-btn .btn-site:hover span svg rect{fill: #ffffff;}
    .enquery-pdp-btn  .btn-site:hover .path1{fill: var(--red-color);}
    .enquery-pdp-btn .btn-site:hover span{    -webkit-animation: pulse3 1s infinite;
        animation: pulse3 1s infinite;
        box-shadow: 0 0 0 8px transparent;}
    .pdp-left-detail-box:first-child{padding-top: 0px;}
    .pdp-scroll-bar-right{overflow: auto;position: absolute; padding: 25px;top: 25px; padding-top: 0px;padding-bottom: 0px;bottom: 85px;left: 0px;right: 0px;}

    .pdp-scroll-bar-right::-webkit-scrollbar, .pdp-left-wraper-inner::-webkit-scrollbar  {width: 3px;}
      .swiper-scrollbar{background: #EBEBEB;}
      .pdp-scroll-bar-right::-webkit-scrollbar-track, .pdp-left-wraper-inner::-webkit-scrollbar-track { background: #EBEBEB; }
      .pdp-scroll-bar-right::-webkit-scrollbar-thumb, .pdp-left-wraper-inner::-webkit-scrollbar-thumb {background: var(--red-color);border-radius: 30px; }
      

    .collection-title-row-homepage{display: block;}
    .collection-title-row-homepage .collection-title{width: 100% !important;}
    .collection-title-row-homepage .collection-btn{width: 100% !important;}
    .product-des-homepage{font-size: 16px;  display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
        color: #494949;margin: 20px 0px;height: 67px;line-height: 1.4;}
    .collection-box-wraper .col-sm-12 .collection-title-row-homepage{padding-right: 30%;position: relative;}
    .collection-box-wraper .col-sm-12 .collection-title-row-homepage  .collection-btn{position: absolute;top: 50%;right: 0px;transform: translate(0px,-50%);width: initial !important;}
    
    .blogcard-content .title3{text-transform: initial;color: #1A1A1A;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
     overflow: hidden; text-overflow: ellipsis;color: #494949;margin: 20px 0px; height: 60px;}
     .blogcard-content{padding-bottom: 0px;}


     .pdp-product-slide, .pdp-product-thumb-slide{overflow: hidden;}
     .pdp-thumb-wraper{width: 110px;position: absolute;bottom: 30px;left: 50%;    transform: translate(-50%, 0px);z-index: 2;}
     .pdp-product{position: relative;padding-left: 12px;}
     .pdp-product-thumb-slide img{width: 50px; height: 50px;object-fit: cover;cursor: pointer;}
     .pdp-product-thumb-slide .swiper-slide-thumb-active img{padding: 3px;border: 2px solid #144E23;}
     .pdp-left-colm{width: 30%;padding: 0px 15px;}
     .pdp-center-colm{width: 40%;padding: 0px 30px;}
     .pdp-right-colm{width: 30%;padding: 0px 15px;}
     .pdp-product-slide  .swiper-slide{height: auto !important;}
      .swiper-scrollbar.pdp-scrollbar.swiper-scrollbar-vertical, .pdp-scrollbar .swiper-vertical>.swiper-scrollbar.pdp-scrollbar{height: 100%;    right: auto;left: 0px;top: 0px; bottom: 0px;width: 3px;}
      .pdp-product-image img{transition: all 0.6s;}
      .pdp-product-image{overflow: hidden;display: block;}
      .pdp-product-image:hover img{transform: scale(1.5);}

    .share-button-wraper{position: absolute;top: 15px;right: 15px;z-index: 1;    padding: 7px;
        border-radius: 30px;}
        
   
      .share-buttn{width: 40px;}
      .share-buttn svg{width: 100%;height: initial;cursor: pointer;}

    

      .share-platform li a{width: 34px;height: 34px;border-radius: 30px;overflow: hidden;display: flex;justify-content: center;align-items: center;background: var(--red-color);}
      .share-platform li a img{width: 26px !important;}
      .share-platform li{margin: 3px 0px;display: flex;justify-content: center;}
      .share-platform li:last-child{margin-bottom: 0px;}
      .share-platform {text-align: center;display: none;}

      /*--form page--*/
      .form-wrapper{display: flex; align-items: center; justify-content: center; width: 90%; margin: 0 auto;}
      .form-wrapper .item{width: 55%;}
      .contact_page{background: url('https://cub-crest.lyxelandflamingotech.in/wp-content/themes/greenply/assets/images/bg-contact.jpg'); background-size: cover;}
      .form-wrapper .item:nth-child(2){background-color: #fff; padding: 25px; position: relative; width: 45%; margin-left: -80px;}
      .form-wrapper .item:nth-child(1) img{width: 100%; height: 100%; object-fit: cover;}
      .form-wrapper .item .mini-item{padding: 30px; border: 1px solid #a6a6a6;}
      .form-wrapper .item .mini-item .form-logo{text-align: center; margin-top: -45px;}
      .form-wrapper .item .mini-item .text-title{font-size: 24px; font-weight: 500; color: #000; text-align: center;}
      .form-wrapper .item .form-wrap{padding: 20px 0 0;}
      .form-wrapper .item .form-wrap form{padding-top: 20px;}
      .form-wrapper .item .form-wrap form fieldset legend{margin-left: 15px; font-weight: 700; color: #000; font-size: 15px; padding: 0 10px;}
      .form-wrapper .item .form-wrap form input{border: 0; padding: 12px 15px 15px; padding-left: 25px; }
      .form-wrapper .item .form-wrap form .input-form{margin: 24px 0; position: relative;}
      .form-wrapper .item .form-wrap form .input-form svg{position: absolute; right: 15px; top: 55%; transform: translate(-0, -50%); z-index: 1234;}
      .form-wrapper .input-form select {
        border: none;
        background: none;
        margin-right: 0px;
        width: 10%;
    }
        .number-input .grp-c_list{display: flex;
            align-items: center; gap: 10px; padding: 0px 15px 0px; padding-left: 25px;}
        .number-input .grp-c_list img{width: 30px;}
        .number-input .grp-c_list input{position: relative; padding-left: 10px;}
        .number-input .grp-c_list input::before{position: absolute; content: ''; width: 1px; height: 10px; background-color: #000; border: 1px solid #000; left: 0;}
        .select-select fieldset{padding: 12px 15px 15px; padding-left: 25px; line-height: 0;}
        .select-select fieldset legend{margin-left: -10px !important;}
        .select-select ul.options{border: 0; position: absolute; background: #fff; width: 100%; top: 50px; left: 0px; z-index: 1234; padding-left: 40px; font-size: 14px;}
        .form-wrapper .select-select select{width: 100%; appearance: none;} 
        .form-wrapper .item .select-select svg{top: 60% !important;}
        .checkbox-group {display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding: 10px 0 20px;}
        .checkbox-group input{width: 20px; height: 20px; background-color: #d9d9d9; cursor: pointer;}
        .btn-contact button {
            width: 100%;
            padding: 12px;
            background: #981C1F;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            display: flex;
            gap: 10px;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            text-transform: uppercase
        }
        .btn-contact button svg{position: inherit !important; transform: none !important;}
        .mobile-v{display: none !important;}
        .btn-contact button span{line-height: 0;}
        .form-wrapper .wpcf7-form-control-wrap{z-index: 123;}

        /*----*/
           /* Popup Overlay */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            display: none; /* Initially hidden */
            z-index: 123456;
        }
        /* Popup Box */
        .popup-overlay .popup {
            background: white;
            padding: 20px;
            border-radius: 8px;
            text-align: center;
            /* width: 700px; */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: url('https://cub-crest.lyxelandflamingotech.in/wp-content/themes/greenply/assets/images/Popup-bg.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        /* Close Button */
        .popup button {
            margin-top: 10px;
            padding: 10px 15px;
            border: none;
            background: #b22222;
            color: white;
            border-radius: 4px;
            cursor: pointer;
            width: 80%;
            margin: 10px auto;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }
        .popup-overlay .popup .close{position: absolute; cursor: pointer; right: 20px; top: 10px; font-size: 24px; color: #981c1f; font-weight: 700; z-index: 123;}
        .popup-overlay .mini-items{padding: 20px;background: url(https://cub-crest.lyxelandflamingotech.in/wp-content/themes/greenply/assets/images/Thank-you-first-bg.png);background-repeat: no-repeat;background-size: 100% 100%;z-index: 123;position: relative; width: 600px; margin: 0 auto;}
        .popup-overlay .mini-items img{margin-top: -10px; width: 130px;}
        .popup-text-head{font-size: 22px; font-weight: 500; color: #1a1a1a; padding: 20px 0;}
        .popup-para{font-size: 22px; font-weight: 400; color: #1a1a1a; padding-bottom: 30px; width: 80%; margin: 0 auto;} 
        .section-logo{position: relative;}
        .section-logo img{position: absolute; top: 0px; left: -5px; width: 120px;}
        .contact_page{padding: 160px 0;}
        .popup-overlay .unblock-btn img{position: absolute; bottom: -30px; left: 50%; transform: translate(-50%, -0); width: 260px;}
        .contact_page .form-wrapper .wpcf7-not-valid-tip{    position: absolute;
            left: 0;
            padding-bottom: 20px;
            font-size: 13px; 
            white-space: nowrap;}
        .contact_page .form-wrapper .select-select .wpcf7-not-valid-tip{bottom: -50px; left: -20px; white-space: nowrap; line-height: 1;}
        .contact_page .form-wrapper .grp-c_list .wpcf7-not-valid-tip{left: -60px;}
        .checkbox-group .wpcf7-not-valid-tip{white-space: normal !important;}
        .form-wrapper .item .form-wrap form .select-select input {
            padding: 0;
        }
            /*Thankyou popup*/
            .ThankYouPopup .popup {
                /* background: url('https://cub-crest.lyxelandflamingotech.in/wp-content/themes/greenply/assets/images/Thank-you-first-bg.png'); */
                /* background-repeat: no-repeat; */
                /* background-size: 100% 100%; */
                z-index: 123456;
                background: transparent;
            }
            .ThankYouPopup .welcome{padding: 10px; font-size: 16px; text-transform: capitalize; color: #fff; background-color: #981C1F; width: 80%; margin: 0 auto;}
            .ThankYouPopup .popup-text-head{font-size: 40px;}
            .ThankYouPopup .popup-text-head{color: #fff;}
            .ThankYouPopup .lower-popup{
                background: url('https://cub-crest.lyxelandflamingotech.in/wp-content/themes/greenply/assets/images/Thank-you-second-bg.png');
                background-repeat: no-repeat;
                background-size: 100% 100%;
                padding: 80px 0 20px;
                z-index: 1;
                width: 700px;
                margin: 0 auto;
                margin-top: -70px; 
                position: relative;
                z-index: 12;
            }
            .ThankYouPopup .lower-popup .welcome{padding: 20px; text-align: center; background: transparent;}
            .btn-contact button svg{width: 40px;}
            /* .form-wrapper .item .form-wrap form .input-form.select-select .wpcf7-not-valid-tip{left: -65px;} */
            .select-select .wpcf7-not-valid-tip{bottom: -55px; left: -20px;}

            .popup-overlay .mini-items.non-mini-items{background: transparent;}
            .checkbox-group .wpcf7-list-item{margin-left: 0;}
            .checkbox-group .wpcf7-list-item .wpcf7-list-item-label{line-height: 1.4;}
            .contact_page .section-logo img {
                left: -20px;
            }
            

        @media only screen and (min-width: 1599px){
            .form-wrapper .item:nth-child(1) img{height: 120vh; object-fit: cover;}
        }

        @media only screen and (min-width: 1280px){
            .form-wrapper .item:nth-child(1) img{height: 100vh;}
        }

        @media (min-width: 1281px) and (max-width: 1598px) {
            .form-wrapper .item:nth-child(1) img {
                height: 190vh;
            }
            .section-logo img {
                left: -30px;
            }
        }
        @media only screen and (max-width: 1279px){
            .form-wrapper{width: 100%; display: block;}
            .form-wrapper .item, .form-wrapper .item:nth-child(2){width: 100%;}
            .form-wrapper .item:nth-child(2){margin-left: 0;}
            .desktop-v{display: none !important;}
            .mobile-v{display: block !important;}

        }

      @media only screen and (min-width: 993px){
        .share-button-wraper:hover{background: #fff;}
        .share-button-wraper:hover .share-buttn svg rect{fill: var(--red-color);}
        .share-button-wraper:hover .share-buttn svg path{fill: #fff;}
        .share-button-wraper:hover .share-platform{display: block;}
      }

      @media only screen and (max-width: 767px){
      
        .form-wrapper .item .mini-item .text-title {font-size: 20px;}
        .form-wrapper .item .form-wrap form{padding-top: 0;}
        .btn-contact button span svg{width: 30px;}
        .form-wrapper .item .form-wrap form input{padding-left: 15px; width: 80%;}
        .form-wrapper .item .form-wrap form fieldset legend{margin-left: 5px;}

        .popup{width: 360px;}
        .popup-overlay .mini-items img{width: 100px;}
        .popup-text-head{font-size: 20px;}
        .popup-para{font-size: 16px; padding-bottom: 15px;}
        .popup-overlay .popup{width: 480px;}
        .popup-overlay .unblock-btn img{width: 180px; bottom: -10px;}

        .contact_page .form-wrapper .wpcf7-not-valid-tip{font-size: 12px;}
        .select-select fieldset{padding-left: 15px; padding: 12px 15px 15px;}
        .form-wrapper .item .form-wrap form .select-select input{padding: 0;}
        .ThankYouPopup .popup-text-head{font-size: 24px;}   
        .popup-overlay .mini-items, .ThankYouPopup .lower-popup{width: auto;}
        .form-wrapper .item .form-wrap form .checkbox-group input{width: auto;}
        .contact_page .form-wrapper .select-select .wpcf7-not-valid-tip{ left: 0; bottom: -50px;}
        .popup-overlay .popup .close{right: 0;}
    }

      @media only screen and (max-width: 480px){
        .popup-overlay .popup{width: 340px;}
    }

      .row-gap{padding-top: 30px;}
      .product-application{background: #F9F9F9;}
      .product-application-image-wraper{overflow: hidden;}
      .product-application-image-wraper{margin-top: 50px;}
      .application-image{position: relative;overflow: hidden;}
      .application-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;padding: 15px;}
      .application-content-title{color: #fff;font-size: 50px;line-height: 1.1;margin-bottom: 15px;}
      .application-content p{color: #fff;font-size: 20px;}

      .application-image{transform: scale(.7);transition: all 0.8s;}
      .application-hover.active  .application-image{transform: scale(1);}
      .application-hover:first-child{border-right: 1px solid var(--greyBg);padding-right: 60px;}
      .application-hover:last-child{padding-left: 60px;}

      .footer-center-colm .footer-large-title{ padding-left: 15px;}
      .faq{background: #F9F9F9;}
      .row-faq{margin-top: 30px;}
      .row-faq .col-sm-4{border-right: 1px solid var(--greyBorder);}
      .faq-content{display: none;}
      .faq-box.active .faq-content{display: block;border-bottom: 1px solid var(--greyBorder);padding-bottom: 30px;}
      .faq-content p{color: #494949;font-weight: 300;}
      .faq-wraper{padding-left: 5%;}
      .faq-title{padding: 30px 0px;font-size: 20px;color: #1A1A1A;text-transform: uppercase;border-bottom: 1px solid var(--greyBorder);font-weight: 500;padding-right: 40px;
    position: relative;cursor: pointer;}
    .faq-title:after{content: '';
        position: absolute;
        right: 0px;
        width: 16px;
        height: 8px;
        top: 40px;
        background: url(../images/icon/arrow.svg);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .faq-box.active .faq-title:after{transform: rotate(180deg);}
      .faq-box.active .faq-title{border-bottom: none;}
.faq{padding-top: 30px !important;}
.faq .section-title-wraper{padding-top: 40px;position: sticky;top: 0px;z-index: 22;background: #F9F9F9;}
.faq .title2{position: sticky;top: 140px;}


/*---modal---start---wraper---*/
.modal {opacity: 0;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 9999999999999999999;pointer-events: none;transition: opacity 400ms ease-in;} 
.open {opacity: 1;pointer-events: auto;}
.modal__dialog {width: 50%;position: relative;top: 50px;left: 50%;transform: translate(-50%, 0px);background-color: #fff;overflow: auto;z-index: 9999999999999999;}
.close-model-layer{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: none;}
.close-modal{text-decoration: none;color: #333;font-size: 30px;cursor: pointer;position: absolute;top: 0px;right: 10px;}
.modal__content {padding: 30px 30px;}
.btn-modal{margin-top: 30px;}
.btn-modal button:first-child{margin-right: 10px;}
.btn-modal .btn{border: 1px solid var(--green-border);}
.close-modal{position: absolute;top: 5px;right: 5px; width: 28px;cursor: pointer;border-radius: 8px;}
.close-modal img{pointer-events: none;}



.option-list::-webkit-scrollbar { width: 10px;}
.option-list::-webkit-scrollbar-track {background: #f1f1f1;border-radius:30px; }
.option-list::-webkit-scrollbar-thumb {background: #981c1f;border-radius:30px; }


.enquery-form-popup .title2{margin-bottom: 15px;}
.enquery-popup .modal__dialog{width: 520px;transform: translate(-50%, -50%);top: 50%;}

.visualizer-slider{overflow: hidden;position: relative;}
.visulaizer-arrow .swiper-button-next, .visulaizer-arrow .swiper-button-prev{position: static;margin: 0px;}
.visulaizer-arrow {z-index: 2;
    margin: 0px;
    display: flex;
    background: #fff;
    position: absolute;
    bottom: 0px;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0px);
    padding: 15px 40px;}
.visualizer-area{overflow: hidden;}
    .visulaizer-arrow .swiper-button-next span, .visulaizer-arrow .swiper-button-prev span{width: 52px;}
    .visulaizer-arrow  .swiper-button-next, .visulaizer-arrow  .swiper-button-prev{width: 65px;height: 65px;}
     .visualizer-area .visualizer .item .area-picker:after{content: '';position: absolute;top: -5px;left: -5px;right: -5px;bottom: -5px;
        border-radius: 30px;border: 1px solid #981c1f;}
        .visualizer-area .visualizer .item .area-picker:hover:after{    -webkit-animation: pulse4 1s infinite;
    animation: pulse4 1s infinite;
    box-shadow: 0 0 0 8px transparent;}

    .visualizer-area{position: relative;}
    .visualizer-area .visualizer{display: flex; align-items: flex-start;}
    .visualizer-area .visualizer .item{line-height: 0; position: relative; background-repeat: repeat !important;width: 100%;}
    .visualizer-area .visualizer .item .area-picker{border: 0; z-index: 5; padding: 0; width: 16px; height: 16px; position: absolute; background-color: #981c1f; display: block; cursor: pointer; border-radius: 50%;}
    .visualizer-area .color-options{position: absolute; display: none; right: 5%; top: 10px;  width: 460px; max-width: 100%; background-color: #fff;z-index: 555;}
    .color-options .header{border-bottom: 1px solid #ddd; padding: 20px 30px; display: flex; align-items: center; justify-content: space-between;}

    .option-list{padding: 20px 30px; margin: 0 -10px; display: flex; align-items: flex-start; flex-wrap: wrap;
     max-height: 324px; overflow: hidden;
     overflow-y: auto;}
    .option-list .list-item{padding: 10px; width: 33.33%;}
    .option-list .list-item img{border: 1px solid transparent; padding: 4px;cursor: pointer;}
    .option-list .list-item.active img{border: 1px solid #000;}

    .vizulaizer-section .container{position: relative;}
    .vizulaizer-features-tab-wraper{    border-radius: 30px;
   border: 1px solid #EBEBEB;
    display: inline-flex;
    width: 350px;    position: absolute;
    top: -15px;
    left: 50%;
    transform: translate(-50%, 0px);}
    .vizulazier-dropdowen{position: absolute;top: -15px;right: 15px;width: 300px;}
    .vizulazier-dropdowen .filter-list select{    border-radius: 30px;
    padding: 13px 20px;
    font-size: 14px;
    text-transform: initial;
    font-weight: 400;border: 1px solid #EBEBEB;    background-size: 15px;    background-position: 98%;}
    .color-option-close svg{pointer-events: none;}
    .color-option-close{cursor: pointer;}
    .tab-output-box3{display: none;}
    canvas{width: 100%;}
    .visulaizer-arrow .swiper-button-next{order: 2;}
    .visulaizer-arrow .swiper-button-prev{order: 1;}
    .vizulaizer-section{padding-bottom: 0px!important;}

    .blog-card{height: 100%;}




    .swiper-button-next.swiper-button-disabled svg rect, .swiper-button-prev.swiper-button-disabled svg rect{fill: none !important;}
    .swiper-button-next.swiper-button-disabled span .path1, .swiper-button-prev.swiper-button-disabled span .path1{fill: #981c1f !important;}
    .swiper-button-next.swiper-button-disabled:hover span, .swiper-button-prev.swiper-button-disabled:hover span {
    -webkit-animation:  none !important;
    animation: none !important;}

    form#searchform button[type="submit"] {
    position: absolute;
    top: 8px !important;
    right: 8px !important;
    cursor: pointer;
    width: 35px;
    bottom: initial;
}

.visualizer-area .visualizer .item .area-picker{pointer-events: none;}

.homepage-testimonial-section .testimonial_arrow.disable{pointer-events: none;}

.social-link-list li:nth-of-type(2) .social-link img{width: 19px;}
.social-link-list li:nth-of-type(3) .social-link img{width: 21px;}

.product-loader{display: none;}
.load_more_text{
  background: #981c1f;
    color: #fff;
    padding: 12px 25px;
    border-radius: 30px;
    font-weight: 500;
    display: inline-block;
    margin-top: 30px;
}
.pdp-thumb-wraper .swiper-wrapper{justify-content: center;}

.blog-image {padding-bottom: 55%;overflow: hidden;}
.blog-image img{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    object-fit: cover;
}
.pdp-link-zoom{
    border: 1px solid var(--greyBorder);
}
.pdp-link-zoom{
    display: block;
}
.pdp-link-zoom img{
    height: 550px;
    object-fit: cover;
}


.visualizer-wraper{
    display: flex;
    position: relative;
    flex-wrap: wrap;
}
.visualizer-wraper div{width: 53.4%; line-height: 0px;background-repeat: repeat;}
.visualizer-wraper div:nth-of-type(1){width: 46.5%;}
.visualizer-wraper img{width: 100%;position: relative;}
.widthFull{width: 100% !important}
.hide-second{display: none;}

.visualizer-wraper div .area-picker {
    border: 0;
    z-index: 5;
    padding: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    background-color: #981c1f;
    display: block;
    cursor: pointer;
    border-radius: 50%;
    top: 77%;
    right: 24%;
}
.visualizer-wraper div:nth-of-type(1)  .area-picker{
        top: 48%;
    left: 30%;
}
.visualizer-wraper div .area-picker:after{
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 30px;
    border: 1px solid #981c1f;
}
 @-webkit-keyframes pulse4 {0% { box-shadow: 0 0 0 0 #981c1f;}}
    @keyframes pulse4 { 0% { box-shadow: 0 0 0 0 #981c1f;}}

.visualizer-wraper div  .area-picker:after{    -webkit-animation: pulse4 1s infinite;
    animation: pulse4 1s infinite;
    box-shadow: 0 0 0 8px transparent;}


    .visualizer-wraper div.commercial-111 .area-picker{
        top: 30%;
        left: 49.5%;
    }

     .visualizer-wraper div.commercial-2-1 .area-picker{
        top: 41%;
         left: 47%;
    }
    .visualizer-wraper div.commercial-2-11 .area-picker{
        top: auto;
        bottom: 50%;
        left: auto;
        right: 5%;
    }
    .visualizer-wraper div.commercial-2-2 .area-picker{
         top: 27%;
        left: 49.5%;
    }
     .visualizer-wraper div.commercial-2-22 .area-picker{
             top: 36%;
            right: 26%;
        }

        .visualizer-wraper div.commercial-2-3 .area-picker{
             top: 30%;
            right: 35%;
            left: auto;
         }
     .visualizer-wraper div.commercial-33 .area-picker{
                top: 20%;
                right: 32%;

        }

        .visualizer-wraper div.residential-221{width: 72.2%;}
        .visualizer-wraper div.residential-222{width: 27%;}
        .visualizer-wraper div.residential-201 .area-picker {top: 26%;left: 49%;}
        .visualizer-wraper div.residential-202 .area-picker {top: 29%;right: 15%;}
        .visualizer-wraper div.commerical-111 .area-picker {top: 16%;left: 64%;}
        .visualizer-wraper div.residential-211 .area-picker {top: 16%;left: 64%;}

        .visualizer-wraper div.residential-221 .area-picker { top: 43%;left: 48%;}
        .visualizer-wraper div.residential-222 .area-picker { top: 50%;right: 5.5%;}

        .visualizer-wraper div.residential-201{width: 78.2%;}
        .visualizer-wraper div.residential-202{width: 21%;}



        .tax-product-category .product-image img, .page-template-product-page-template .product-image img{height: 460px;object-fit: cover;}



  

    @media only screen and (min-width: 991px){

    .btn-site:hover span svg rect{fill: var(--red-color);}
    .btn-site:hover .path1{fill: #fff;}
    .btn-site:hover span{padding-top: 0px;}
     .btn-site:hover span{    -webkit-animation: pulse2 1s infinite;
        animation: pulse2 1s infinite;
        box-shadow: 0 0 0 8px transparent;}

    .btn-site:hover span{background: var(--red-color);}
    .homepage-blog-section .relative-box .btn-box .btn-site:hover rect{fill: var(--red-color);}
    .read-more-btn:hover{color: var(--red-color);}

    }

    .close-enquery-form{
            display: none;
         }

    .visualizer-wraper div.commercial-2-1{
        width: 72.5%;
    }
    .visualizer-wraper div.commercial-2-11{
      width: 27.1%;
    }
   
   

    @media only screen and (min-width: 1025px){
         .request-call-back-wraper:hover .call-back-form-wraper{right: 0px;}
         

    }


    .product--link-t{display: block;}


      @media only screen and (max-width: 767px){
         .visualizer-wraper div .area-picker{width: 9px;height: 9px;}
         .visualizer-wraper div .area-picker:after{left: -4px;right: -4px;top: -4px;bottom: -4px;}
         

         .contact_page.gap{padding: 100px 0 0;}
         .form-wrapper .item .mini-item{padding: 20px;}
         .form-wrapper .item:nth-child(2){padding: 10px;}
         .form-wrapper .item .mini-item .form-logo{margin-top: -30px;}
    }



    @media only screen and (min-width: 1900px){
    .title2, .collection-club-tab-wraper .tab-menu-list .btn-site{font-size: 40px;}
    body{font-size: 18px;}
    .title3, .collection-title{font-size: 32px;}
    .btn-site{font-size: 16px;}
    .collection-title-row .btn-site{font-size: 16px;}
    .collection-btn{width: 118px;}
    .collection-title{width: calc(100% - 118px);}
    .key-features-title{font-size: 160px;}
    .key_features_slider .swiper-slide{width: 400px;}
    .key_features_slider{height: 600px;}
    
    .nav-link{font-size: 18px;}
    .header-bottom-link{font-size: 16px;}

    .filter-list select{font-size: 20px;}
    .product-number{font-size: 24px;padding: 20px 0px;}
    .product-title{font-size: 28px;}
    .product-loader{width: 50px;}

    .product-des-homepage{font-size: 20px;height: 83px;}
    .blogcard-content .title3{height: 80px;}
    .blog_section_homepage .swiper-slide{padding-bottom: 50px;}
    .breadcrumb ul li a, .pdp-discription-title{font-size: 20px;}
    .pdp-discription-title{margin-top: 5px;}
    .application-content-title{font-size: 76px;}
    .application-content p{font-size: 26px;}
    .faq-title{font-size: 24px;}
    .product-card .btn-site{font-size: 16px;}
    .product-card .btn-site span{width: 40px;}

    .call-back-form-wraper{width: 400px;right: -401px;}
    .collection-box-wraper .collection-title-row .btn-site{font-size: 16px}

     .vizulaizer-features-tab-wraper, .testmonial-tab-wraper{width: 480px;top: -24px;}
    .vizulazier-dropdowen{top: -24px;}

    .tax-product-category .product-image img, .page-template-product-page-template .product-image img{height: 590px;object-fit: cover;}
    
    }













    .large{
        width: 175px;
        height: 175px;
        position: absolute;
        border-radius: 100%;
        z-index: 444;
        box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
        0 0 7px 7px rgba(0, 0, 0, 0.25), 
        inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
        display: none;
    }
    .pdp-thumb-wraper{
        z-index: 555;
    }
    
    .share-button-wraper{
        z-index: 555;
    }

    .disclaimer-text{font-size: 13px;margin-top: 10px;padding: 0px 15px;}

    .tab-list-visulaizer{display: flex; gap:15px; margin-top: 10px;}
    .tab-list-visulaizer .parent_cat, .tab-list-visulaizer .child_cat{width: 50%; padding: 10px}


    /*---new---club---crust---start---here---*/

    footer{padding: 15px 0px !important;background: #F5F5F5;}
    .club_footer_row{display: flex;margin: 0px -15px; align-items: center;}
    .club_footer_left_colm{width: 230px;padding: 0px 15px;}
    .club_footer_logo{width: 80px;}
    .footer_club_center_colm{padding: 0px 15px; width: calc(100% - 460px);text-align: center;}
    .footer_club_center_colm p{font-size: 13px;}
    .footer_right_colm_club_c{width: 230px;padding: 0px 15px;}
    .footer_right_colm_club_c ul {text-align: right;line-height: 0px;}
    .footer_right_colm_club_c ul li{display: inline-block;margin: 0px 4px}
    .footer_right_colm_club_c ul li:first-child{margin-left: 0px;}
     .footer_right_colm_club_c ul li:last-child{margin-right: 0px;}
    .footer_right_colm_club_c ul li a{display: block;width: 38px;line-height: 0px;}
    .footer_right_colm_club_c ul li a svg{width: 100%; height: initial;}
    .footer_right_colm_club_c ul li a:hover svg circle{fill: var(--brandBg);}
    .footer_right_colm_club_c ul li a:hover svg path{fill: #fff;}

    @media only screen and (max-width: 991px){
        .club_footer_left_colm{width: 110px;}
        .footer_club_center_colm {width: calc(100% - 340px);}
    }

    @media only screen and (max-width: 767px){
        .club_footer_row{flex-wrap: wrap;}
        .club_footer_left_colm{width: 100%;}
        .footer_club_center_colm{width: 100%;margin-bottom: 15px;}
        .footer_right_colm_club_c{width: 100%}
        .footer_right_colm_club_c ul{text-align: center;}
        .club_footer_logo{margin: 0px auto;display: block;margin-bottom: 15px;}
        footer.footer{padding-bottom: 15px !important;}
    }
    

    .key_features_club_new_slider{overflow: hidden;margin: 0px -2px;}
    .key_features_new_club_wrapper{margin: 0px -15px;margin-top: 50px;overflow: hidden;}
    .key_features_new_image img{width: 100%;height: initial;display: block;}
    .key_features_item_new_c{padding: 0px 15px;position: relative;border-left: 1px solid var(--greyBorder);height: auto;}
    .key_features_title_new{font-size: 24px;font-weight: 400;margin-top: 15px;}
    .relative_wrapper_key_features{position: relative;}
    .key_features_new_arrow{ position: absolute;top: 1px;right: 0px;bottom: initial;left: auto;transform: none;display: flex;}
    .key_features_new_arrow .swiper-button-next, .key_features_new_arrow .swiper-button-prev{position: static;}
    .swiper-button-disabled{opacity: 0.5 !important;}
    .key-features{background: #F9F9F9;}
    .key_features_new_image{overflow: hidden;}
    .key_features_new_image img{transition: all 0.3s}
    .key_features_new_image:hover img{transform: scale(1.1);}

    @media only screen and (max-width: 1400px){
        .key_features_title_new{font-size: 20px;}
    }

    @media only screen and (max-width: 767px){
        .key_features_new_club_wrapper{margin-top: 30px;}
        .custom-arrow-box.key_features_new_arrow{display: flex;right: -11px;}
    }