/*------------------------------------------------------------ # 
Navigation Menu 
--------------------------------------------------------------*/
.main-nav, .main-nav * {list-style: none;}
.main-nav > ul > li {position: relative;white-space: nowrap;float: left;}
.main-nav a, .main-nav select {color: white;padding: 16px 20px;font-size: 18px;font-family: Gilroy-Medium;}
.main-nav select option{color: var(--blackColor);}
.main-nav a.active,  .main-nav ul a.active, .main-nav li:hover > a {color: var(--orangeColor);}
.main-nav .drop-down ul {display: block;position: absolute;right: 0;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s;margin-top: 10px;}
.main-nav .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.main-nav .drop-down li {min-width: 180px;position: relative;}
.main-nav .drop-down ul a {padding: 4px 20px; font-size: 14px; color: var(--blackColor); display: block;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {background-color:var(--orangeColor);color: #fff}
.main-nav .drop-down > a:after {border: none!important;font: normal normal normal 14px/1 FontAwesome;content: "\f107"!important;vertical-align: 0;padding-left: 6px;}
.main-nav .drop-down:hover .main-nav .drop-down > a:before{border: none!important;font: normal normal normal 14px/1 FontAwesome;content: "\f106"!important;vertical-align: 0;}
.main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105";position: absolute;right: 15px;}
.main-nav ul li:nth-last-child(1) a{padding-right: 0px;}
/* Mobile Navigation */
.mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 3333;overflow-y: auto;left: -290px;width: 290px;padding-top: 0px;background: #fafafa;transition: 0.4s;}
.mobile-nav * {list-style: none;}
.mobile-nav a, .mobile-nav select{display: block;position: relative;color: var(--blackColor);padding: 10px 20px;font-size: 14px;font-family: Gilroy-Bold;border-bottom: 1px solid;border-color: #e1ded8;background-color: white;}
.mobile-nav a:focus, .mobile-nav a.active, .mobile-nav .drop-down.active,  .mobile-nav a:hover{color: var(--orangeColor);}
.mobile-nav .drop-down li a:hover{background-color:var(--orangeColor);color:  #fff;}
.mobile-nav .drop-down > a:after {right: 15px;top: 13px;position: absolute; content: "\f067";border: none!important;font: normal normal normal 14px/1 FontAwesome;vertical-align: 0;}
.mobile-nav .drop-down.active > a:after {content: "\f068" !important;}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down.active{color: #fff;background-color: #f8eded ;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li a{padding-left: 25px;color: #000}
.mobile-nav-overly {width: 100%;height: 100%;z-index: 2222;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.7);overflow: hidden;display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}

.languageSelect{background-color: unset;border: none !important;}
/*navbar END*/
.modal-backdrop{z-index: 33334}
.modal{z-index: 33335}
.logo-top{height: 57px;}
.headerNav {height: 80px;z-index: 999;transition: all 0.9s;display: flex;align-items: center;}
.navbarscroll{background-color: var(--NavyBlueColor);position: sticky;z-index: 2222;top: 50px;}
.fixedHeader{background-color: var(--NavyBlueColor);box-shadow: 0px 0px 5px rgba(127, 137, 161, 0.3);}
.smallHeaderFix{position: sticky;top: 0px;z-index: 2;}
/*-------------------------------------------------------------- # 
maintop sliders
--------------------------------------------------------------*/

/* ----------  CommanCss -------------*/
.defaultPaddingTB{ padding-top: 60px;padding-bottom: 60px;}
/* -------end------- */

.HometopBg{ background-color: var(--NavyBlueColor); min-height: 600px; background-position: center; background-size: cover; margin-top: -80px; padding-top: 150px; } 
.HometopBg h1{ font-size: 55px; font-family: Gilroy-Bold;color: white; }
.HometopBg p{ font-size: 17px; font-family: Gilroy-Medium;color: white; margin-top: 20px; line-height: 24px;} 
.HometopBg .btn{ min-width: 170px; font-size: 21px; padding: 10px; } 
.homeVideo{width: 100%;height: 500px;}
.viewUser h3{color: white;font-family: Gilroy-ExtraBold;}
.viewUser h6{color: white;font-size: 14px;}

.userHomeProfile li img{height: 45px;width: 45px;object-fit: cover;border-radius: 50%;border: 2px solid white;}
.userHomeProfile li{display: inline-block;    margin-left: -20px;}
.cardDesgin img{
   cursor: pointer; 
}
.productMainImage img{
   cursor: pointer; 
}

.arrowTop{width: 225px;} 
.arrowTop img{height: 50px; margin-top: 33px; margin-left: 16px;} 
.peopleTop{ font-family: Gilroy-Light; transform: rotate(-6deg); display: inline-block;font-size: 20px;}

.productMainCard .carousel-control-next-icon {
    background-image: url('/themes/richkardz-latest/img/leftarrow.png');
}

.productMainCard .carousel-control-prev-icon {
    background-image: url('/themes/richkardz-latest/img/rightarrow.png');
}
.productMainCard .carousel-control-prev {
    left: -24px;
}

.productMainCard .carousel-control-next {
    right: -24px;
}
.breadcrumb li.active a{
    color: var(--orangeColor);
    }
.ProductView {
background-color: var(--NavyBlueColor);
border-radius: 20px;
padding: 20px;
}
.ProductViewText li{
padding: 2px 0px;
color: white;
font-size: 12px;
}
.ProductViewText li span{
font-weight: bold;
}

/* dontSettle-----start */
.dontSettle{ background-image: linear-gradient(to bottom, #eef0fa, #f3f4f8); } 
.dontSettle h1{ font-size: 35px; font-family: Gilroy-Bold;margin-bottom: 20px; } 
.dontSettle p{ font-size: 16px; font-family: Gilroy-Medium;color: var(--grayColor); margin-top: 10px; line-height: 24px; }
/* ---------end----- */


/* ---------- BenefitsSection start--------- */
.BenefitsSection{ background-color: var(--NavyBlueColor); } 
.BenefitsSection h1{ font-size: 45px; font-family: Gilroy-Bold; color: white;padding-bottom: 25px; } 
.BenefitsSection h3{ font-size: 20px; font-family: Gilroy-Bold; color: white;} 
.benefits_CardM{  padding: 25px 0px;} 
.BenefitsSection .benefitsCard{ padding: 25px 25px 25px 0px; display: flex; align-items: center; position: relative;}
.BenefitsSection .benefitsCard h3{ font-size: 21px; font-family: Gilroy-Bold; color: white; } 
.BenefitsSection .benefitsCard p{font-size: 16px; font-family: Gilroy-Medium; color: #aeaeae; margin-top: 16px; line-height: 26px; } 
.benefits-CardIcon{width: 50px; margin-right: 39px; }
.benefitsVideo{width: 100%;height:500px;}

/* -----end------- */

/* --------userAreStart------- */
.userAre_Heading h1{ font-size: 50px; font-family: Gilroy-Bold; } 
.userAre_Heading p{ font-size: 16px; font-family: Gilroy-Medium;color: var(--grayColor); margin-top: 16px;line-height: 24px;color: var(--grayColor); } 
.userAreSaying { background-image: linear-gradient(to bottom, #eef0fa, #f3f4f8); }
.userAreSlider{ margin-top: 30px; } 
.userAreSlider .userAreProfile{ height: 300px; width: 100%; border-radius: 20px; position: relative; } 
.userAreProText{ margin-top: 20px; } 
.userAreProText h3{ font-size: 22px; font-family: Gilroy-Bold; } 
.ratingStar{ color: #ffaa00; } 
.ratingStar:hover{color: var(--NavyBlueColor);}
.userAreProPText{ font-size: 16px; font-family: Gilroy-Light; margin-top: 10px; color: var(--grayColor); } 
.userAreSaying .swiper-wrapper{ padding-bottom: 60px; }
.swiper-pagination-bullet{ background-color: var(--NavyBlueColor) !important; } 
.userProfile img{height: 100px;width: 100px;border-radius: 50%;    margin-top: -70px;}
.userssaying{text-align: center;background-color: white;border-radius: 15px;padding: 15px;    box-shadow: 0px 0px 10px 0px #dfdfdf;margin-top: 60px;}

.userAreProMain{ display: flex; align-items: center; justify-content: center; position: relative; } 
.userAreProMain::after{ position: absolute; content: ""; top: 0px; bottom: 0px; right: 0px; left: 0px; background-color: #00000080; border-radius: 20px; } 
/* .userAreProMain:hover::after{background-color: #0000007a;} */
/* --------userAreEnd------- */

.videoPlayIcon{ position: absolute; cursor: pointer; z-index: 3; background-color: unset; border: none; } 
.videoPlayIcon img{ height: 50px; } .YouTubeVideo{ width: 100%; min-height: 400px; }
.videoPlayIcon img:hover{background-color: var(--NavyBlueColor);border-radius: 50%;}
.youtubeModal .Modal_btn-close{position: absolute; right: 0px; background: var(--orangeColor); color: white; opacity: 1; top: 0px; border-radius: 50%; display: flex; align-items: center; justify-content: center; height: 20px; width: 20px; z-index: 1;}
.youtubeModal .Modal_btn-close:hover{background-color: var(--NavyBlueColor);color: white;}
.youtubeModal .modal-content{background-color: unset;border: none;}

.upload_CampnayLogo .Modal_btn-close{ position: absolute; right: 16px; background: var(--orangeColor); color: white; opacity: 1; top: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; height: 20px; width: 20px; z-index: 1;}
.upload_CampnayLogo .Modal_btn-close:hover{background-color: var(--NavyBlueColor);color: white;}

/* Explore Our Smart */
.ExploreOurSmart{ border: 1px solid #ccc; display: flex; } 
.ExploreOurSmart  ul li{ display: inline-block; padding: 15px 20px; font-size: 35px; font-family: Gilroy-Bold; } 
.BusinessCardsSection{ background-color: var(--NavyBlueColor); } 
.BusinessCrds{ position: relative; } 
.BusinessCrds img{ border-radius: 20px; } 
.BusinessCrdOverlay{ position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; background-image: linear-gradient(#ffffff00,#000000cf); border-radius: 20px; padding: 20px; display: flex; align-items: flex-end; } 
.BusinessCrdOverlay:hover{ background-image: linear-gradient(#0000003c,#000000cf); }
.BusinessCrdOvlyText{ display: flex; justify-content: space-between; align-items: center; width: 100%; } 
.BusinessCrdOvlyText h2{ color: white; font-size: 28px; font-family: Gilroy-Medium; } 
.BusinessCrdOvlyText a{ color: white; font-size: 16px; font-family: Gilroy-Medium; } 
.BusinessCrdOvlyText a:hover{ color: var(--orangeColor); }
.businesscardsslider .swiper-pagination-bullet{background: white !important;}
/* ---whyRichKards */
.whyRichKardsMain{background-image: url('/themes/richkardz-latest/img/wayRichKarz.jpeg'); min-height: 600px; background-position: center; background-size: cover;}
.whyRichKards h1{ font-size: 55px; font-family: Gilroy-Bold; }
.whyRichKards p{ font-size: 17px; font-family: Gilroy-Medium;color: var(--grayColor); margin-top: 20px; line-height: 24px;} 
.whyRichKardsImgOveraly{position: relative;overflow: hidden;display: flex;align-items: center;justify-content: flex-end;}
.whyRichKardsImgOveraly img{position: relative;}
.whyRichKardsImgOveraly::before {position: absolute; content: ""; width: 400px; height: 100%; background-color: #e8eaff; right: 0px; top: 100px; border-top-right-radius: 220px; border-top-left-radius: 220px;}
.whyRich_KardSlider{ margin-top: 30px; } 
.whyRich_KardSlider .swiper-wrapper{ padding-bottom: 50px; } 
.whyRich_KardSlider .swiper-slide{ background-color: var(--lightGray); padding: 20px; border-radius: 20px; } 
.whyRich_KardSlider img{ height: 50px; } 
.whyRich_KardSlider p { color: var(--grayColor); font-size: 18px; font-family: Gilroy-Medium; line-height: 24px; }

/* ------frequelty Asked------- */
.frequeltyAsked{ background-color: var(--NavyBlueColor); } 
.frequeltyAsked h1 { font-size: 35px; font-family: Gilroy-Bold; text-align: center; color: white; } 
.frequeltyAsked .accordion-item p { color: #aeaeae; font-size: 16px; font-family: Gilroy-Medium; line-height: 24px;} 
.frequeltyAsked .accordion-button{ background-color: var(--NavyBlueColor); color: white; font-size: 23px;font-family: Gilroy-Medium;padding-right: 28px;padding-left: 44px; } 
.frequeltyAsked .accordion-button:not(.collapsed){ background-color: #16203a;border-radius: 20px 20px 0px 0px; margin-top: 20px;} 
.frequeltyAsked .accordion-collapse.collapse.show{ margin-bottom: 20px; } 
.frequeltyAsked .accordion-item{ border-right: none; border-left: none; border-bottom: 1px solid #434a5d;background-color: unset; } 
.frequeltyAsked .accordion-body{background-color: #16203a;    border-radius: 0px 0px 20px 20px;    padding:20px 44px 44px;} 
.frequeltyAsked .accordion-button::after{ background-image: url('/themes/richkardz-latest/img/upErrow.svg'); width: 19px;height: 15px;background-size: 19px;position: absolute;right: 10px;top: 20px; } 
.frequeltyAsked .accordion-button:not(.collapsed)::after{ background-image: url('/themes/richkardz-latest/img/downErrow.svg'); } 
.frequeltyAsked button:focus:not(:focus-visible){box-shadow: none;}
.frequeltyAsked .userAreProMain::after{border-radius: 12px;}
.frequeltyAsked .frequltyNumber{position: absolute;left: 15px;top: 15px;}

.HowRichWorks h1 { font-size: 55px; font-family: Gilroy-Bold; text-align: center;  } 
.HowRichWorks{background-image: url('/themes/richkardz-latest/img/WorksBackground.png');background-position: bottom;background-size: 100% 80%;background-repeat: no-repeat;}
.HowRichWorksMain{ display: flex; align-items: center; justify-content: center; position: relative; } 
.HowRichWorksMain::after{ position: absolute; content: ""; top: 0px; bottom: 0px; right: 0px; left: 0px; background-color: #00000080; border-radius: 20px; } 
.HowRichWorksMain img{border-radius: 20px;}
.HowRichWorksMain .videoPlayIcon img{height: 70px;}

.companyLogo img{height: 50px;}

.makeAStrong{background-image: url('/themes/richkardz-latest/img/makeAStrong.png'); min-height: 500px; background-position: center; background-size: cover; display: flex;align-items: center;justify-content: center;} 
.makeAStrong h1{ font-size: 70px; font-family: Gilroy-Bold; color: white; } 
.makeAStrong .makeAStrongBtn{ min-width: 170px; border-radius: 30px; margin-top: 13px; font-size: 21px; padding: 10px; background-color: white; } 
.makeAStrong .makeAStrongBtn:hover{ background-color: var(--NavyBlueColor); color: white; }
.makeAStrong .makeAStrongBtn:focus:not(:focus-visible){background-color: #d78624;color: white;border: 1px solid;border-color: var(--NavyBlueColor);box-shadow: 0px 0px 10px 0px #fe8f09;}

/*------ homepage end css------ */

/* ------footer css start---- */
.footerBottom p{font-size: 15px;font-family: Gilroy-Light;color: white;}
.footerBottom ul li{display: inline-block;padding-left: 30px;font-size: 15px;font-family: Gilroy-Light;}
.footerBottom ul li a{color: white;}
.footerBottom ul li a:hover{color: var(--orangeColor);}
.footerSection h5{font-size: 16px;font-family: Gilroy-Bold;color: white;}
.footerSection p{font-size: 15px;font-family: Gilroy-Bold;color: white;}
.footerSection ul li{padding: 6px 0px;display: block;}
.footerSection ul li a{font-size: 14px;font-family: Gilroy-Medium;color: white;}
.footerSection ul li a:hover{color: var(--orangeColor);}
.footer{background-color: var(--NavyBlueColor)}
.footerInput input{border: none;height: 50px;font-family: Gilroy-Bold;padding-right: 110px;}
.footerInput .subscribe{position: absolute;right: 15px;top: 15px;font-family: Gilroy-Bold;}
.footerInput .subscribe:hover{color: var(--orangeColor);}
/* ------footer css end---- */


/*----------------login Page Start-------- */
.loginPage h1{ font-size: 35px; font-family: Gilroy-Bold; } 
.loginPage p{ font-size: 14px; font-family: Gilroy-Regular;color: var(--grayColor);line-height: 24px;} 
.loginPage input, .loginPage .btn{border-radius: 5px;font-size: 20px;}
.loginPage label{font-size: 16px;font-family: Gilroy-Bold;}
.loginPage input{background-color:var(--lightGray);font-size: 16px;font-family: Gilroy-Light;}
/*-------- loginPage css end farukh----------- */


/*-------- thankyou page css start farukh----------- */
.thankYouSection h1{ font-size: 55px; font-family: Gilroy-Bold; } 
.thankYouSection h3{ color: var(--orangeColor);font-family: Gilroy-Bold;margin-bottom: 10px;font-size: 22px;}
.thankYouSection p{ font-size: 16px; font-family: Gilroy-Bold;color: var(--grayColor);line-height: 24px; } 
.thankYouSection .thankyouRight{height: 50px;}
/*-------- thankyou page css end farukh----------- */

.orderSummary h3{ font-size: 16px;font-family: Gilroy-Bold; } 
.orderSummary h2{ font-size: 32px;font-family: Gilroy-Bold; } 
.orderSummary{ background-color: var(--lightGray);border-radius: 10px; padding: 15px; border: 1px solid #ccc; } 
.border-top{ border-top:1px solid #ccc !important; } 
.orderSummary ul li{ font-size: 14px; padding: 7px 0px; } 
.orderSummary ul li span{ float: right; font-size: 19px; }


.cardDetailsCollaps .card-header{background-color: var(--lightGray);padding: 0px;} 
.cardDetailsCollaps .card-header .collapsebtn.collapsed{background-color: var(--lightGray);padding: 10px;font-size: 18px;font-family: Gilroy-Bold; display: block; text-align: left; }
.card{border: 1px solid #ccc;} 
.cardDetailsCollaps .card-header .collapsebtn:not(.collapsed){background-color: var(--NavyBlueColor);padding: 10px;font-size: 18px;font-family: Gilroy-Bold; display: block; text-align: left;color: white; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important;} 
.cardDetailsCollaps .card{margin-bottom: 30px;} .customFrom label{font-size: 16px;font-family: Gilroy-Bold;} 

.customRadio .form-check-input{ min-width: 20px; min-height: 20px; margin-top: 0px;border-radius: 50%; } 
.customRadio .form-check-label{ font-size: 15px;font-family: Gilroy-Bold;margin-left: 5px; } 
.customRadio .form-check-input:checked{background-color: var(--NavyBlueColor);border-color: var(--NavyBlueColor);} 

.customCheckbox .form-check-input{ min-width: 20px; min-height: 20px; margin-top: 0px;border-radius: 50%; } 
.customCheckbox .form-check-label{ font-size: 15px;font-family: Gilroy-Bold;margin-left: 5px; } 
.customCheckbox .form-check-input:checked{background-color: var(--NavyBlueColor);border-color: var(--NavyBlueColor);} 

.richKarzsDetails{ padding: 30px 0px; } .richKarzsDetails label{ font-size: 15px;font-family: Gilroy-Bold; } 
.richKarzsDetails h6{ font-size: 15px;font-family: Gilroy-Regular } .editBtn{border: none;background-color: unset;color: var(--orangeColor);} 
.editBtn:hover{color: #d6bc9b;}

/* -----contact page css---- */
.contactPage{ background-image: url('/themes/richkardz-latest/img/BannerBG.png'); min-height: 400px; background-position: center; background-size: cover; overflow: hidden;position: relative; } 
.contactPage h1{ font-size: 55px; font-family: Gilroy-Bold; }
.contactPage p{ font-size: 17px; font-family: Gilroy-Medium;color: var(--grayColor); margin-top: 20px; line-height: 24px;} 
/* ----contact page css end */

.productMainCard { background: var(--lightGray); padding: 15px; border-radius: 20px; margin-bottom: 20px; } 
.productMainImage{ margin-bottom: 10px; } 
.productMainImage img { height: 200px; } 
.productTitle h3 { font-size: 19px; } 
.ratingStar{color: orange;} 
.productPrice{ display: flex; align-items: center; margin-top: 10px; }

.productPrice h2{font-size: 25px;font-family: Gilroy-Bold;}
.productPrice del{font-size: 14px;margin: 0px 9px;color: var(--grayColor);}
.productPrice h5{font-size: 14px;color: var(--orangeColor);font-family: Gilroy-Bold;}


.productTabs.nav-tabs .nav-link {cursor: pointer;background-color: var(--lightGray);color: black;margin-right: 10px;min-width: 100px;border-radius: 10px;}
.productTabs.nav-tabs .nav-item.show .nav-link,
.productTabs.nav-tabs .nav-link.active,.productTabs.nav-tabs .nav-link:hover {background-color: var(--NavyBlueColor);color: white;}



.productVarticalTabs.nav-tabs .nav-link {cursor: pointer;background-color:white;color: black;    border-radius: 20px 0px 0px 20px;margin: 20px 0px;display: block;width: 100%;border: none;font-size: 22px;padding: 16px 20px;}
.productVarticalTabs.nav-tabs .nav-item.show .nav-link,
.productVarticalTabs.nav-tabs .nav-link.active,.productVarticalTabs.nav-tabs .nav-link:hover {background-color: white;color: black;    box-shadow: 0px 6px 12px 0px #0000001F;}

.bottomBuyNowBtn{
    display: flex;
    padding: 10px 0px;
    box-shadow: 0px 0px 10px 0px gray;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: white;
    z-index: 3;
}
.ScrollBuyNowBtn{
    position: absolute;
}

.cardHeader{
    box-shadow: 0px 6px 12px 0px #0000001F;
    border-radius: 11px;
    padding: 15px 10px;
    margin-bottom: 15px;
    background: #fff;
}
.cardHeader span{
    font-size: 10px;
}
.cardHeader p{
    font-size: 13px;
    font-family: Gilroy-Bold;
    margin-top: 5px;
}
/* ----- --productCard---------- */
.matalNfcCard{ box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; padding: 35px; border-radius: 20px; } 
.matalNfcCard h2{ font-size: 27px; font-family: Gilroy-Light; } 
.matalNfcCard h1{ font-size: 45px; font-family: Gilroy-Bold; } 
.matalNfcCard p{ font-size: 15px; line-height: 24px; margin-top: 24px; }

/* -----aboutus page css---- */
.aboutusSection{ background-image: url('/themes/richkardz-latest/img/BannerBG.png'); min-height: 400px; background-position: center; background-size: cover; overflow: hidden;position: relative; } 
.aboutusSection h1{ font-size: 55px; font-family: Gilroy-Bold; }
.aboutusSection p{ font-size: 17px; font-family: Gilroy-Medium;color: var(--grayColor); margin-top: 20px; line-height: 24px;} 
.aboutusBanner{transform: rotate(-8deg);margin-top: -107px;}

.AboutRichKardz{background-image: url('/themes/richkardz-latest/img/wayRichKarz.jpeg'); min-height: 600px; background-position: center; background-size: cover;}
.AboutRichKardz h1{ font-size: 35px; font-family: Gilroy-Bold; }
.AboutRichKardz p{ font-size: 16px; font-family: Gilroy-Medium;color: var(--grayColor); margin-top: 20px; line-height: 24px;} 
.AboutRichKardz h1 span{font-family: Gilroy-Light;}

.aboutusCard{padding: 20px;background-color: white;box-shadow: 0px 0px 10px 0px #ccc;border-radius: 10px;}
.aboutusCard h2{ font-size: 25px; font-family: Gilroy-Medium; }
.aboutusCard p{ font-size: 16px; font-family: Gilroy-Medium;color: var(--grayColor); margin-top: 10px; line-height: 24px;} 
.aboutusOneCard{text-align: center;}
.aboutusOneCard img{width: 50px;}

.aboutUsUser{padding: 10px;background-color: white;box-shadow: 0px 0px 10px 0px #ccc;border-radius: 10px;}
.aboutUsUser h2{ font-size: 28px; font-family: Gilroy-Bold; }
.aboutUsUser h5{ font-size: 18px; font-family: Gilroy-Medium;color: var(--grayColor); margin-top: 10px; line-height: 24px;} 
.aboutUsUcARD img{height: 30px;}
.aboutUsUcARD{width: 70px;height: 80px;text-align: center;background-color: var(--NavyBlueColor);margin-right: 10px;line-height: 80px;border-radius: 10px;}

.HowToOwnAboutus{background-color: var(--NavyBlueColor);}

.HowToOwnAboutus h1{ font-size: 35px; font-family: Gilroy-Bold;color: white; }
.HowToOwnAboutus p{ font-size: 16px; font-family: Gilroy-Medium; margin-top: 20px; line-height: 24px;color: white;} 
.HowToOwnAboutus h1 span{font-family: Gilroy-Light;color: white;}

.howToOwnCount{display: flex;justify-content: space-between;margin-top: 50px;position: relative;}
.howToOwnCount .countNumber{height: 60px;width: 60px;background-color: white;text-align: center;line-height: 60px;border-radius: 50%;position: relative;}
.howToOwnCount .countNumber:hover{background-color: var(--orangeColor);color: white;}
.howToOwnCount::before{position: absolute;content: "";background-color: #707070;height: 1px;width: 100%;top: 30px;}

.howToOwnCards{background-color: #16203a;text-align: center;margin-top: 40px;border-radius: 20px;padding: 20px;position: relative;}
.howToOwnCards img{height: 50px;margin-bottom: 20px;position: relative;}
.howToOwnCards h1{font-size: 25px;position: relative;}
.howToOwnCards p{font-size: 16px;position: relative;;}

.howToOwnCards::before{background-color: white;position: absolute;content: "";top: 0px;bottom: 0px;width: 0px;transition: .3s;border-radius: 20px;left: 0px;}
.howToOwnCards:hover::before{background-color: white;width: 100%;right: 0px;}
.howToOwnCards:hover h1,.howToOwnCards:hover p{color: black;}
/* ----aboutus page css end */


.productSliderTwo{background-color: var(--lightGray);padding: 10px;border-radius: 20px;}
.productSlider .productSmalSlider{background-color: var(--lightGray);padding: 10px;border-radius: 20px;position: relative;display: flex;align-items: center;justify-content: center;}

.productSlider .productSmalSlider .videoPlayIcon img{height: 30px;}
.productSlider .swiper-slide {opacity: .5;}
.productSlider .swiper-slide-thumb-active{opacity: 1;}

.productGallarySlider .carousel-item img {height: 400px;width: 100%;object-fit: cover;}

.productSliderGallary .Modal_btn-close{position: absolute; right: -23px; background: var(--orangeColor); color: white; opacity: 1; top: -13px; border-radius: 50%; display: flex; align-items: center; justify-content: center; height: 20px; width: 20px; z-index: 1;}
.productSliderGallary .Modal_btn-close:hover{background-color: var(--NavyBlueColor);color: white;}

.productSliderGallary .carousel-control-prev-icon{background-image: url('/themes/richkardz-latest/img/rightArrow.svg');}
.productSliderGallary .carousel-control-next-icon{background-image: url('/themes/richkardz-latest/img/leftArrow.svg');}
.productSliderGallary .carousel-control-prev {left: -74px;}
.productSliderGallary .carousel-control-next {right: -74px;}
.productSliderGallary .modal-body{padding: 40px;}

.modalProfile img{height: 45px;width: 45px;border-radius: 50%;object-fit: cover;}
.modalProfile h3{font-size: 18px;font-family: Gilroy-Bold;}
.modalProfile p{font-size: 16px;}
.paymentLogo img{height: 15px;}

.productDetails h1{ font-size: 35px; font-family: Gilroy-Bold;}
.productDetails p{ font-size: 16px; font-family: Gilroy-Medium; margin-top: 15px; line-height: 24px;} 

.cardDesgin{ width: 70px; height: 70px; margin-right: 20px; margin-top: 10px; display: flex; align-items: center; justify-content: center; background-color: var(--lightGray); border-radius: 10px; } 
.cardDesgin img{max-height: 50px;} 
.cardDesgin.active, .cardDesgin:hover{ border: 1px solid; border-color: var(--NavyBlueColor); }

.productpolicy{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc}
.productpolicy img{width: 20px;position: absolute;left: 0px;top: 10px;}
.productpolicy li{position: relative;padding: 7px 0px 7px 30px;font-size: 16px; }
.productpolicy b{font-family: Gilroy-Bold;}

.productAbout li{padding: 6px 0px}
.productAbout li b{font-family: Gilroy-Bold;}
.progressProduct{display: flex;align-items: center;}
.progressProduct .progress{height: 7px;width: 100%;}
.progressProduct .progress-bar{background-color: orange;}
.progressProduct span{color: var(--grayColor);font-family: Gilroy-Light !important;}
.ReviewWithImage{height: 100px;width: 100%;object-fit: cover; }
.ReviewImageView{position: absolute;background-color: #000000b9;color: white;top: 0px;bottom: 0px;right: 0px;left: 0px;display: flex;align-items: center;justify-content: center;font-size: 20px;}

.ReviewSection{padding: 18px 0px;border-top: 1px solid #ccc;}
.ReviewSection .reviewSProfile{height: 45px;width: 45px;border-radius: 50%;object-fit: cover;}
.ReviewSection p{font-size: 16px;font-family: Gilroy-Bold;margin-top: 6px;}
.ReviewSection h3{font-size: 16px;}

.ReviewCardIMG{position: relative;}
.ReviewCardIMG .cardReview{height: 100px;width: 100%;object-fit: cover;border-radius: 12px;position: relative;}
.ReviewCardIMG .videoPlay_Icon{position: absolute;top: 0px;bottom: 0px;right: 0px;left: 0px;background-color: rgba(0, 0, 0, 0.539);border-radius: 12px;border: none;}
.ReviewCardIMG .video_Icon{height: 30px;width: 30px;}


.customPagination .page-item{margin-right: 20px;}
.customPagination .page-item .page-link{border: none;color: black;}
.customPagination .paginationNumber .page-link{height: 30px;width: 30px;border-radius: 50%;background-color: var(--lightGray);color: black;}
.customPagination .page-item.active .page-link, .customPagination .page-item:hover .page-link {background: var(--NavyBlueColor);color: white;}



/* faq */

.faqSection .accordion-item p { color: #000; font-size: 16px; font-family: Gilroy-Medium; line-height: 24px;} 
.faqSection .accordion-button{ background-color: white; color: black; font-size: 23px;font-family: Gilroy-Medium;padding-right: 28px;padding-left: 44px; } 
.faqSection .accordion-button:not(.collapsed){ background-color: white;border-radius: 20px 20px 0px 0px;} 
.faqSection .accordion-collapse.collapse.show{ margin-bottom: 20px; } 
.faqSection .accordion-item{ border-right: none; border-left: none; border-bottom: 1px solid #ccc;background-color: unset; } 
.faqSection .accordion-body{background-color: white;    border-radius: 0px 0px 20px 20px;    padding:20px 44px 44px;} 
.faqSection .accordion-button::after{ width: 19px;height: 15px;background-size: 19px;position: absolute;right: 10px;top: 20px;} 
.faqSection button:focus:not(:focus-visible){box-shadow: none;}
.faqSection .userAreProMain::after{border-radius: 12px;}
.faqSection .frequltyNumber{position: absolute;left: 15px;top: 15px;}
.faqTabSection{margin-top: -150px;position: relative;background-image: linear-gradient(#ffffff00,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff)}
.faqSection .accordion{border-radius: 20px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.15) 0px -4px 7px !important;}


.faqMainSection{ background-image: url('/themes/richkardz-latest/img/BannerBG.png'); min-height: 400px; background-position: center; background-size: cover; overflow: hidden;position: relative; } 
.faqMainSection h1{ font-size: 55px; font-family: Gilroy-Bold; }
.faqMainSection p{ font-size: 17px; font-family: Gilroy-Medium;color: var(--grayColor); margin-top: 20px; line-height: 24px;} 

.latestBlogsSection h1{ font-size: 55px; font-family: Gilroy-Bold; }
.latestBlogsSection p{ font-size: 17px; font-family: Gilroy-Medium;color: var(--grayColor);  line-height: 24px;} 

.latestBlogs .swiper-wrapper{padding-bottom: 50px;} 
.latestBlogs .swiper-slide { background-color: var(--lightGray); padding: 18px; margin-top: 30px; border-radius: 15px; } 
.latestBlogs .swiper-slide img{ height: 270px; width: 100%; object-fit: cover; border-radius: 20px; } 
.latestBlogs .swiper-slide h4{ font-size: 20px; font-family: Gilroy-Bold; margin-top: 20px; } 
.latestBlogs .swiper-slide p{ font-size: 16px; font-family: Gilroy-Light; padding:10px 0px; } 
.latestBlogs .swiper-slide .aLink{ display: inline-block;  text-decoration: underline;margin-top: 10px; }

.latest_BlogsPages{margin-top: 30px;margin-bottom: 30px;}
.latest_BlogsPages img{ height: 270px; width: 100%; object-fit: cover; border-radius: 20px; } 
.latest_BlogsPages h4{ font-size: 20px; font-family: Gilroy-Bold; margin-top: 20px; } 
.latest_BlogsPages p{ font-size: 16px; font-family: Gilroy-Light; padding:10px 0px; border-bottom: 1px solid #ccc; } 
.latest_BlogsPages .aLink{ display: inline-block; margin-top: 10px; text-decoration: underline; }


.blogInternal{ background-image: url('/themes/richkardz-latest/img/BannerBG.png'); min-height: 400px; background-position: center; background-size: cover; overflow: hidden;position: relative; } 
.blogInternal h1{ font-size: 55px; font-family: Gilroy-Bold; }
.blogInternal p{ font-size: 17px; font-family: Gilroy-Medium;color: var(--grayColor); margin-top: 20px; line-height: 24px;} 

.blogProfile{display: flex;}
.blogProfile img{height: 45px;width: 45px;border-radius: 50%;}
.blogProfile h5{font-size: 17px;font-family: Gilroy-Light;}
.blogProfile h4{font-size: 22px;font-family: Gilroy-Bold;}

.blogSection p{font-size: 17px;line-height: 24px;font-family: Gilroy-Medium;text-align: justify;}
.blogSection h3{font-size: 24px;font-family: Gilroy-Bold;}

.blogCategoris{background-color: var(--lightGray);padding: 10px;border-radius: 15px;}
.blogCategoris ul li{border-bottom: 1px solid #ccc;padding: 10px 0px;}
.blogCategoris h4{font-family: Gilroy-Bold;font-size: 20px;}

.blogRecentPosts{background-color: var(--lightGray);padding: 10px;border-radius: 15px;}
.blogRecentPosts h4{font-family: Gilroy-Bold;font-size: 20px;}
.blogRecentPosts img{border-radius: 5px;height: 50px;width: 100%;}
.blogRecentPosts h5{font-size: 14px;font-family: Gilroy-Bold;object-fit: cover;}
.blogRecentPosts h6{font-size: 12px;color: var(--grayColor);}


.page404{background-image: url('/themes/richkardz-latest/img/BannerBG.png');min-height: 400px;display: flex;background-size: cover;}
.page404 h1{font-size: 150px;color: var(--orangeColor);}
.page404 h3{font-family: Gilroy-Bold;}
.page404 p{font-family: Gilroy-Bold;}


/* user view card */
.headerProfile{background-color: var(--NavyBlueColor); display: flex; justify-content: space-between; padding: 15px; align-items: center; position: sticky;width: 100%;top: 0px;z-index: 10;right: 0px;left: 0px;}
.headerProfile img{height: 35px;}
.viewNumber{background-color: white;padding: 8px 9px;border-radius: 30px;}
.userViewBg{min-height: 230px;background-size: cover;background-position: bottom;display: flex;align-items: flex-end;position: relative;}
.userViewBg::after{position: absolute;content: "";background-image:linear-gradient(rgba(255, 255, 255, 0),rgb(255 255 255 / 95%),rgb(255 255 255));top: 0px;bottom: 0px;width: 100%;}
.userViewBg img{height: 100px;width: 100px;border-radius: 50%;}
.userViewBg h3{font-family: Gilroy-Bold;}

.userViewAboutUs h3{font-size: 26px;}
.userViewAboutUs p{font-size: 13px;margin-top: 13px;color: var(--grayColor);font-family: Gilroy-Regular;}
.userViewAboutUs .btn{background-color: white;border-radius: 50px;border: 1px solid;border-color: var(--NavyBlueColor);width: 100%;margin-top: 20px;padding: 10px 8px;}
.userViewAboutUs .btn:hover, .userViewAboutUs .btn.active{background-color: var(--NavyBlueColor);color: white;}
.userViewAboutUs .btn:focus{background-color: #d78624;color: white;border: 1px solid;border-color: var(--NavyBlueColor);box-shadow: 0px 0px 10px 0px #fe8f09;}
.userViewsocialIcon li{display: inline-block;margin-top: 20px;}
.userViewsocialIcon li a img{height: 44px;}

.userViewQuickContact{background-color: var(--lightGray);text-align: center;padding: 20px;margin-top: 20px;display: flex;transition: .4s;border-radius: 10px;}
.userViewQuickContact .fa{font-size: 50px;}
.userViewQuickContact h5{margin-top: 20px;}
.userViewQuickContact h6{margin-top: 10px;}
.userViewQuickContact img{height: 50px;}
.userViewQuickContact:hover{background-color: white;box-shadow: 0px 0px 10px 0px rgb(207, 207, 207);}

.userViewqrCode{min-height: 100px;background-size: cover;background-position: center;background-repeat: repeat;border-radius: 10px;}
.galleryImg img{height: 130px;width: 100%;object-fit: cover;}
.downloadNow{background-image: linear-gradient(to top, white, #ffe8cb, white)}
.downloadNow .btn{border-radius: 30px;}

.usersendMessage{background-color: var(--NavyBlueColor);border-radius: 10px;}
.usersendMessage .btn{font-size: 12px;padding: 8px 10px !important;border-radius: 30px;}
.usersendMessage img{margin-top: -40px;}

.userViewContect{min-height: 100px;background-size: cover;background-position: center;font-size: 10px;}
.userViewContect .fa{font-size: 20px;}
.userViewFooter img{height: 35px;}
.userViewFooter{padding-bottom: 70px !important;}
/* view card end css */

.privacyPolicy{margin-top: -130px;position: relative;background-image: linear-gradient(#ffffff00,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff)}
.privacyPolicySection{ background-image: url('/themes/richkardz-latest/img/BannerBG.png'); min-height: 400px; background-position: center; background-size: cover; overflow: hidden;position: relative; } 
.privacyPolicySection h1{ font-size: 55px; font-family: Gilroy-Bold; }
.privacyPolicy p{ font-size: 15px; font-family: Gilroy-Medium;color: var(--grayColor); margin-top: 2px; line-height: 24px;} 
.privacyPolicy ul li{ font-size: 15px; font-family: Gilroy-Medium;color: var(--grayColor);padding: 5px 0px;} 
.privacyPolicy h3{font-family: Gilroy-Bold;margin-top: 20px;}
.privacyPolicy h2{margin-top: 15px;	font-family: Gilroy-SemiBold;}
.cardViewfooter{position: fixed;bottom: 0px;width: 100%;background-color: white;padding: 10px;text-align: center;right: 0px;left: 0px;    box-shadow: 0 .5rem 1rem rgba(0,0,0,.45)!important;}
.cardViewfooter .blueBtnsave{background-color: #0973ec;color: white;}
.cardViewfooter .blueBtnsave:focus:not(:focus-visible){background-color: #004da5;box-shadow: 0px 0px 10px 0px #3730ff;}

.cardViewfooter .greenBtnGreen{background-color: #00ab1c;color: white;}
.cardViewfooter .greenBtnGreen:focus:not(:focus-visible){background-color: #006c12;box-shadow: 0px 0px 10px 0px #00a803;}


.digitalCardMain{background-color: #032e3e;min-height: 100vh;}
.digitalCardHeading{font-size: 80px;color: white;display: inline-block;
    background: -webkit-linear-gradient(left, #fee48f, #c78433);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: math;
    font-weight: 900;
    border-image: linear-gradient(to right,#fee48f, #c78433) 30;
border-bottom-width: 4px;
border-bottom-style: solid;

}

.digitalCardDetails .fa{
    background: -webkit-linear-gradient(top, #fee48f, #c78433);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    width: 50px;
}
.digitalCardDetails h3{
    background: -webkit-linear-gradient(top,#fee48f, #c78433);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.vodiaMobilepicker{ display: none; width: 100%; } 
.countryMobileSelect::before{ content: ""; position: absolute; right: 0px; top: 12px; background-image: url(../img/up-svg.svg); background-size: cover; height: 5px; width: 11px; background-position: center; } 
#countryMobileSelectList{ padding: 10px; position: absolute; z-index: 2; background: white; box-shadow: 0px 0px 10px 0px #ddd; } 
#countryMobileSelectList img, .countryMobileSelect img{ width: 18px; margin-left: 10px; } 
#countryMobileSelectList li{ list-style: none; padding-top: 5px; padding-bottom: 5px; } 
#countryMobileSelectList li:hover{ background-color: #F4F3F3; } 
#countryMobileSelectList li img{ margin: 5px; } /* item list */ 
.countryMobileMainSelect{ display: none; width: 100%; max-width: 350px; box-shadow: 0 6px 12px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); border-radius: 5px; margin-left: 20px; } 
.open{ display: show !important; } 
.countryMobileSelect{ background-color: unset; border: none; position: relative; } 
.countryMobileSelect li{ list-style: none; color: white; padding: 3px 20px; font-size: 18px; font-family: Gilroy-Medium; } 
.countryMobileSelect:hover li{ margin-left: 0px; } 
.countryMobileSelect:focus{ outline:none; } 
.lang-Mobileselect{ display: inline-block }




.vodiapicker{ display: none; width: 100%; } 
.countrySelect::before{ content: ""; position: absolute; right: 0px; top: 14px; background-image: url(../img/up-svg.svg); background-size: cover; height: 5px; width: 11px; background-position: center; } 
#countrySelectList{ padding: 10px; position: absolute; z-index: 2; background: white; box-shadow: 0px 0px 10px 0px #ddd; } 
#countrySelectList img, .countrySelect img{ width: 18px; margin-left: 10px; } 
#countrySelectList li{ list-style: none; padding-top: 5px; padding-bottom: 5px; } 
#countrySelectList li:hover{ background-color: #F4F3F3; } 
#countrySelectList li img{ margin: 5px; } /* item list */ 
.countryMainSelect{ display: none; width: 100%; max-width: 350px; box-shadow: 0 6px 12px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); border-radius: 5px; margin-left: 20px; } 
.open{ display: show !important; } 
.countrySelect{ background-color: unset; border: none; position: relative; } 
.countrySelect li{ list-style: none; color: white; padding: 3px 20px; font-size: 18px; font-family: Gilroy-Medium; } 
.countrySelect:hover li{ margin-left: 0px; } 
.countrySelect:focus{ outline:none; } 
.lang-select{ display: inline-block }


/* new css farukh deshwali */
.mernTopBrandsLogo img{ height: 35px; } 
.mernTopBrandsLogo .swiper-button-lock{ display: block !important; } 
.mernTopBrandsLogo .swiper-button-prev, .mernTopBrandsLogo .swiper-button-next{ height: 25px !important; width: 25px !important; border: 1px solid white; border-radius: 50%; background-color: #0a1023b0; display: flex; align-items: center; justify-content: center; top: 75% !important } 
.mernTopBrandsLogo .swiper-button-next:after, .mernTopBrandsLogo .swiper-button-prev:after{ font-size: 12px !important; color: white !important; }



.smartMerquee li{display: inline-block;font-size: 30px; font-family: Gilroy-Medium;} 
.smartMerquee li span{ text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000; color: white; }

.bestDigitalText h1 { font-size: 50px; font-family: Gilroy-Bold; } 
.bestDigitalText p{ font-size: 21px; font-family: Gilroy-Medium; line-height: 24px; color: var(--grayColor);margin-top: 5px; } 
.bestDigitalCard{ padding: 30px 20px; box-shadow: 0px 0px 10px 0px gray; border-radius: 20px;border: 10px solid transparent; } 
.bestDigitalCard h1{ font-family: Gilroy-Bold; font-size: 31px; margin-bottom: 5px; } 
.bestDigitalCard h1 span{ font-family: Gilroy-Medium; } 
.bestDigitalCard p{ font-size: 14px; line-height: 17px; } 
.ReadMoreBtn span.readMoreIcon{ background-color: var(--NavyBlueColor);; height: 21px; width: 21px; border-radius: 50%; display: inline-block; text-align: center; line-height: 21px; } 
.ReadMoreBtn span img{ height: 8px; } .bestDigitalCard.darkblue{ background-color: #0b1224; } 
.bestDigitalCard.darkblue h1,.bestDigitalCard.darkblue p,.bestDigitalCard.darkblue .ReadMoreBtn{ color: white; } 
.bestDigitalCard.darkblue span.readMoreIcon{ background-color: white; } 
.bestDigitalCard:hover h1,.bestDigitalCard:hover p,.bestDigitalCard:hover .ReadMoreBtn{ color: white; } 
.bestDigitalCard:hover{ background-color: var(--NavyBlueColor);border-color: white; } 
.bestDigitalCard.darkblue:hover h1,.bestDigitalCard.darkblue:hover p,.bestDigitalCard.darkblue:hover .ReadMoreBtn{ color: black; } 
.bestDigitalCard.darkblue:hover{ background-color:  #fff;border-color: var(--NavyBlueColor); }

.richkardzBenefits{background-color: #ebebeb;padding: 20px 0px 20px 20px;position: relative;}

.richkardzBenefits h1{ font-size: 45px; font-family: Gilroy-Bold; color: #000;padding-bottom: 15px; } 
.richkardzBenefits p{ font-size: 20px; font-family: Gilroy-Regular; color: #000;margin-bottom: 15px;line-height: 27px;} 
.BenefitsNewSection{position: relative;overflow: hidden;}
.BenefitsNewSection .benefitsNewCard{position: relative;padding: 20px 0px;}
.BenefitsNewSection .benefitsNewCard h3{ font-size: 19px; font-family: Gilroy-SemiBold; color: white;margin-top: 20px;} 
.BenefitsNewSection .benefitsNewCard p{font-size: 15px; font-family: Gilroy-Light; color: #aeaeae; margin-top: 6px; line-height: 20px; } 
.benefitsNewCardIcon{height: 40px; margin-right: 39px; }



.Enhancedbenefites{background-color: #ebebeb;padding: 20px 0px;position: relative;min-height: 50%;}

.Enhancedbenefites.benefitsNewCard h3, .Enhancedbenefites.benefitsNewCard p{
    color: black;
}


.Instantbenefites{background-color: var(--orangeColor);padding: 20px 0px;position: relative;min-height: 50%;}

.Instantbenefites.benefitsNewCard h3, .Instantbenefites.benefitsNewCard p{
    color: white;
}


.Eco-Friendlybenefites{background-color: var(--orangeColor);padding: 20px 20px !important;position: relative;z-index: 1;}
.Eco-Friendlybenefites.benefitsNewCard h3, .Eco-Friendlybenefites.benefitsNewCard p{
    color: white;
}

.Eco-bluelybenefites{background-color: var(--NavyBlueColor);padding: 20px 20px !important;position: relative;height: 100%;}
.Eco-bluelybenefites.benefitsNewCard h3, .Eco-bluelybenefites.benefitsNewCard p{
    color: white;
}


.frequeltyNewAsked{background-size: cover;background-position: center;}
.frequeltyNewAsked h1 { font-size: 55px; font-family: Gilroy-Bold;line-height: 55px; } 
.frequeltyNewAsked .accordion-item p {font-size: 16px; font-family: Gilroy-Medium; line-height: 24px;} 
.frequeltyNewAsked .accordion-button{ background: #ffffff69;color: #000; font-size: 23px;font-family: Gilroy-Medium;padding-right: 28px;padding-left: 44px; } 
.frequeltyNewAsked .accordion-button:not(.collapsed){border-radius: 20px 20px 0px 0px; margin-top: 20px;box-shadow: none;background: #ffffff69;} 
.frequeltyNewAsked .accordion-collapse.collapse.show{ margin-bottom: 20px; } 
.frequeltyNewAsked .accordion-item{ border-right: none; border-left: none;background-color: unset; border-top: none;border-bottom: none;} 
.frequeltyNewAsked .accordion-body{border-radius: 0px 0px 20px 20px;  padding:20px 44px 24px;background: #ffffff69;} 
.frequeltyNewAsked .accordion-button::after{ background-image: url('../img/arrow-down-sign-to-navigate.png'); width: 20px;height: 20px;background-size: contain;position: absolute;right: 10px;top: 20px; } 
/* .frequeltyNewAsked .accordion-button:not(.collapsed)::after{ background-image: url('/themes/richkardz-latest/img/arrow-down-sign-to-navigate.png'); }  */
.frequeltyNewAsked button:focus:not(:focus-visible){box-shadow: none;}
.frequeltyNewAsked .userAreProMain::after{border-radius: 12px;}
.frequeltyNewAsked .frequltyNumber{position: absolute;left: 15px;top: 15px;}


.WatchAndShop{
    background-color: var(--NavyBlueColor);
}
.WatchAndShop h1 { font-size: 55px; font-family: Gilroy-Bold;line-height: 55px; color: white;} 

.watchVideoShop{
    width: 100%;
    height: 400px;
    border-radius: 10px;
}

.WatchAndShopSlider .swiper-slide .btn-white{
    position: relative;
    bottom: 58px;
    padding: 5px 10px;
    font-size: 15px;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 1;
}




.WatchAndShopSlider .swiper-slide p{ color: #fff; width: 80%; margin:auto; height: 100px; overflow: hidden; transition: .1s;}
.WatchAndShopSlider .swiper-slide p.visible{  height:auto;transition: height 0.3s ease;}
a.WatchAndShop_btn{color: var(--orangeColor); display: block; width: 80%; margin: auto;}
.WatchAndShopSlider .swiper-button-next:after, .WatchAndShopSlider .swiper-button-prev:after{
    color: white;
    font-size: 29px;
}
.HeaderProduct{
    text-align: center;
    margin-top: 20px;
}
.HeaderProduct img{
    height: 70px;
    object-fit: cover;
}
.HeaderProduct h3{
    color: black;
    font-size: 13px;
    margin-top: 5px;
}


/* add to cart */

.modalAddToCart {
    max-width: 500px;
    margin-top: auto;
    position: absolute;
    width: 100%;
    bottom: 0px;
    right: 0px;
}
/* 
.modal.fade.show{
    cursor: move;
}
.modal-body{
    cursor: auto;
} */

.product-card {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
  }
  .product-image {
    width: 100%;
    height: auto;
  }
  .product-title {
    font-size: 1.2rem;
    font-weight: bold;
  }
  .product-price {
    font-size: 1.1rem;
    color: #007bff;
  }

  .addtocardImg{
    background-color: rgb(244, 243, 255);
    padding: 10px;
    border: 1px solid rgb(190, 190, 190);
    border-radius: 10px;
    width: 110px;
    text-align: center;
  }
  .addtocardImg img{
    height: 50px;
  }

  .addtocardSideMenu{
    background-color: rgb(244, 243, 255);
    padding: 10px;
    border: 1px solid rgb(190, 190, 190);
    border-radius: 10px;
    width: 90px;
    text-align: center;
  }
  .addtocardSideMenu img{
    height: 40px;
  }

   /* Custom CSS for side menu */
   .side-menu {
    position: fixed;
    top: 20px;
    border-radius: 10px;
    right: -550px;
    width: 550px;
    height: 100%;
    background-color: #f8f9fa;
    transition: right 0.3s ease;
    z-index: 33333;
    overflow: scroll;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
display: none;
}
.plusMinusBtn{
border-radius: 20px;
overflow: hidden;
flex-wrap: nowrap;
}
.plusMinusBtn .btn{
background-color: var(--orangeColor);
height: 40px;
border-radius: 0px;
}
.plusMinusBtn input{
width: 40px !important;
height: 40px !important;
border-radius: 0px;
}
/* tablse */
.durable_TabseText p{
    font-size: 18px;
    line-height: 28px;
    font-family: Gilroy-Regular !important;
}
.durable_TabseText{
    border: 1px solid;
    border-color: #fff #dee2e6 #dee2e6;
}
.durableTabse .nav-link{
    font-size: 20px;
    color: black !important;
    font-family: Gilroy-SemiBold;
}
.durableTabse .nav-link.active{
    font-size: 20px;
    color: var(--orangeColor) !important
}


/* single product page for .meta-content */

.meta-content{
    background-color: #f5f5f7;
    padding: 50px 0;
}

.meta-content{
    color: #000;
}
.meta-content > div{
    width: 95%;
    margin: auto;
}

.meta-content > div h1{
    font-size: 18px;
    font-family: Gilroy-Bold;
}
.meta-content > div h2{
    font-size: 17px;
    font-family: Gilroy-Bold;
}
.meta-content > div h3{
    font-size: 16px;
    font-family: Gilroy-Bold;
}

.meta-content > div ul {
    padding: 10px 0 10px 20px;
}
.meta-content > div ul li{
    font-size: 12px;
    font-family: 'Gilroy-Light';
}
.meta-content > div p{
    font-size: 13px;
    margin-bottom: 15px;
    font-family: 'Gilroy-Light';
}



/* single product page for .meta-content  styling end here*/


/* single product page style2  for .meta-bottom*/

.keybox p{

    color: var(--orangeColor);
    padding: 10px 0;
    font-family: 'Gilroy-Regular';
}
.keybox a{
    padding-right: 15px;
    position: relative;
    font-family: 'Gilroy-Light';
}

.keybox a::after{
    content: "|";
    position: absolute;
    right: 5px;
    top: -3px;

}

.meta-footer .accordion-item{
    border: none;
}
.meta-footer .accordion-button:focus{
    box-shadow: none;
}

.meta-footer .accordion-item .accordion-button.collapsed{
    background-color: var(--blackColor);
    color: var(--orangeColor);
}

.meta-footer .accordion-button:not(.collapsed){
    background-color: var(--orangeColor);
    color:  var(--blackColor);
    font-family: 'Gilroy-Bold';
}


/* profile page css start */

.profileSection{
border-radius: 20px;
position: relative;
padding: 0px 18px 18px 18px;
}
.profileImages img{
height: 120px;
width: 120px;
border-radius: 50%;
object-fit: cover;
margin-top: -60px;
border: 2px solid;
border-color: white;
outline: 2px solid var(--orangeColor);;
}
.btn-black{
background-color: black;
color: white;
min-width: 70px;
border-radius: 30px;
font-size: 12px;
}
.btn-black:hover{
color: white;
}
.btn-black:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 2px rgba(186, 186, 186, 0.5);
}
.btn-black:focus:not(:focus-visible) {
    background-color: #361111;
    color: white;
    box-shadow: 0px 0px 10px 0px #636363;
}
.profileSection h6{
    color: white;
}

.socialBtn .btn {
    height: 60px;
    width: 60px;
    box-shadow: 0px 0px 10px 0px gray;
    font-size: 35px;
    border-radius: 15px;
    margin-top: 30px;
}
.socialBtn .btn:hover{
    color: white;
}
.btn-call {
    background-color: #18b97d;
    color: white;
}
.btn-call:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 2px rgba(25, 222, 117, 0.5);
}
.btn-call:focus:not(:focus-visible) {
    background-color: #228906;
    color: white;
    box-shadow: 0px 0px 10px 0px #069f16;
}

.btn-message {
    background-color: #00b7eb;
    color: white;
}
.btn-message:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 2px rgba(8, 163, 197, 0.5);
}
.btn-message:focus:not(:focus-visible) {
    background-color: #0b8fc0;
    color: white;
    box-shadow: 0px 0px 10px 0px #1ba7d6;
}
.btn-whatsapp {
    background-color: #2ca639;
    color: white;
}
.btn-whatsapp:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 2px rgba(25, 222, 117, 0.5);
}
.btn-whatsapp:focus:not(:focus-visible) {
    background-color: #228906;
    color: white;
    box-shadow: 0px 0px 10px 0px #069f16;
}
.btn-instagram {
    background: linear-gradient(71deg, #f9ce34, #ee2a7b, #6228d7);
    color: white;
    border: none;
}
.btn-instagram:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 2px rgba(245, 131, 17, 0.5);
}
.btn-instagram:focus:not(:focus-visible) {
    background-color: #ff6b2b;
    color: white;
    box-shadow: 0px 0px 10px 0px #fa851e;
}
.btn-facebook {
    background-color: #4b69b1;
    color: white;
}
.btn-facebook:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 2px rgba(8, 163, 197, 0.5);
}
.btn-facebook:focus:not(:focus-visible) {
    background-color: #325ff1;
    color: white;
    box-shadow: 0px 0px 10px 0px #1ba7d6;
}
.btn-linkedin {
    background-color: #1278b6;
    color: white;
}
.btn-linkedin:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 2px rgba(8, 163, 197, 0.5);
}
.btn-linkedin:focus:not(:focus-visible) {
    background-color: #0b8fc0;
    color: white;
    box-shadow: 0px 0px 10px 0px #1ba7d6;
}
.btn-youtube {
    background-color: #e83f3b;
    color: white;
}
.btn-youtube:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 2px rgba(245, 131, 17, 0.5);
}
.btn-youtube:focus:not(:focus-visible) {
    background-color: #f00505;
    color: white;
    box-shadow: 0px 0px 10px 0px #fa851e;
}
.btn-twitter {
    background-color: #2bb2e1;
    color: white;
}
.btn-fatwittercebook:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 2px rgba(8, 163, 197, 0.5);
}
.btn-twitter:focus:not(:focus-visible) {
    background-color: #0b8fc0;
    color: white;
    box-shadow: 0px 0px 10px 0px #1ba7d6;
}
.btn-pinterest {
    background-color: #e83e3e;
    color: white;
}
.btn-pinterest:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 2px rgba(245, 131, 17, 0.5);
}
.btn-pinterest:focus:not(:focus-visible) {
    background-color: #d71919;
    color: white;
    box-shadow: 0px 0px 10px 0px #fa851e;
}

.imageCatelog img{
    height: 55px;
    width: 80px;
    object-fit: cover;
    border: 1px solid gray;
}
.videoCatelog video{
    height: 55px;
    width: 80px;
    object-fit: cover;
    border: 3px solid gray
}

/* Corporate_PackgDet  */
.CorporatePackgCard{
    background-color: #f6f6f6;
    border: 1px solid gray;
    border-radius: 15px;
    transition: .3s;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.CorporatePackgCard:hover{
    box-shadow: 0px 0px 20px 0px #c2c2c2;
}
.CorporatePackgCard h2{
    font-family: Gilroy-Bold;
}

.Corporate_PackgDet{
    background-color: var(--NavyBlueColor);
    padding: 30px 15px;
    border-radius: 150px 150px 14px 14px;
    padding-top: 70px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.Corporate_PackgDet ul li{
    color: white;
    padding: 5px 0px;
    text-align: center;
}

/* brand logo */

.brandLogo{ background-color: white; border-radius: 50px; padding: 10px; box-shadow: 0px 0px 10px 0px #afafaf8c; text-align: center; margin-top: 20px; } 
.brandLogo img{ height: 40px; }
.brand_LogoMain{background-color: var(--lightGrayColor);}
.brand_LogoMain h1{font-size: 48px;font-family: Gilroy-Bold;}
.brand_LogoMain p{font-size: 20px;font-family: Gilroy-Light;line-height: 26px;}


.startUpAccourdion{background-size: cover;background-position: center;}
.startUpAccourdion h1 { font-size: 48px; font-family: Gilroy-Bold;line-height: 55px; } 
.startUpAccourdion .accordion-item p {font-size: 16px; font-family: Gilroy-Medium; line-height: 24px;} 
.startUpAccourdion .accordion-button{ background: #ffffff69;color: #000; font-size: 23px;font-family: Gilroy-Medium;padding-right: 34px;padding-left: 44px; } 
.startUpAccourdion .accordion-button:not(.collapsed){border-radius: 20px 20px 0px 0px;box-shadow: none;background: #ffffffad;} 
.startUpAccourdion .accordion-collapse.collapse.show{ margin-bottom: 20px; } 
.startUpAccourdion .accordion-item{ border-right: none; border-left: none;background-color: unset; border-top: none;border-bottom: none;} 
.startUpAccourdion .accordion-body{border-radius: 0px 0px 20px 20px;  padding:20px 44px 24px;background: #d8d7d7a8;} 
.startUpAccourdion .accordion-button::after{ background-image: url('../img/arrow-down-sign-to-navigate.png'); width: 20px;height: 20px;background-size: contain;position: absolute;right: 10px;top: 20px; } 
/* .startUpAccourdion .accordion-button:not(.collapsed)::after{ background-image: url('/themes/richkardz-latest/img/arrow-down-sign-to-navigate.png'); }  */
.startUpAccourdion button:focus:not(:focus-visible){box-shadow: none;}
.startUpAccourdion .userAreProMain::after{border-radius: 12px;}
.startUpAccourdion .frequltyNumber{position: absolute;left: 15px;top: 15px;}
.startUpAccourdion video{width: 100%;height:500px;object-fit: cover;}

.startUpAccourdion .arrowOrange.accordion-button::after{ background-image: url('../img/arrow-down-orange.png'); width: 20px;height: 20px;background-size: contain;position: absolute;right: 10px;top: 20px; } 


/* new css */
.customerCard{ background-color: white; border-radius: 10px; padding: 10px; box-shadow: 0px 0px 10px 0px #afafaf8c; text-align: center; margin-top: 20px; } 
.customerCard img{ height: 240px; object-fit: cover;}