@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/
:root {
  --black: #000;
  --heading: #080B21;
  --white: #fff;
  --p: #717177;
  --red: #FF3636;
  --green: #2BB14B;
  --green-hover: #24993e;
  --light-green: #D0F4DB;
  --black-btn:#121420;
  --light-gray:#FAFAFB;
  --dark-green:#0D2513;
  
}

*{margin: 0; padding: 0; box-sizing: border-box;}
body,html {font-size: 16px; color: var(--black); font-family: "Poppins", serif; font-weight: 400; font-style: normal; box-sizing: border-box;}
html{scroll-padding-top: 10rem;}
a {text-decoration: none; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; color: var(--sky-blue);}
button {transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
ul {margin: 0; padding: 0; list-style: none;}
img {max-width: 100%;}
.paddTop0 {padding-top: 0 !important;}
.section-padding {padding: 80px 0px;}
.white {color: var(--white);}
.btn {height: 44px; line-height: 42px; padding: 0px 25px; font-size: 15px; font-weight: 600; border: none; border-radius: 4px; color: var(--white); background: var(--green);}
.btn i{font-size: 24px; margin-right: 5px;}
.btn:hover{background: var(--green-hover); color: var(--white);}
.black-btn {height: 44px; display: flex; align-items: center; justify-content: center; line-height: 42px; padding: 0px 25px; font-size: 15px; font-weight: 600; border: none; border-radius: 4px; color: var(--white); background: var(--black-btn);}
.black-btn:hover{background: var(--black); color: var(--white);}
.border-btn{height: 42px; line-height: 31px; padding: 0px 25px; font-size: 15px; font-weight: 500; display: inline-block; border-radius: 10px; color: var(--white); background-clip: padding-box; border: 5px solid transparent; background: var(--bg); position: relative;}
.border-btn:after{content: ""; position: absolute; top: -6px; bottom: -6px; left: -6px; right: -6px; background: linear-gradient(to bottom right, #00AEEF, #D04FCD); z-index: -1; border-radius: 10px;}
.disabled{background: rgba(255, 255, 255, 0.1) !important; color: #fff !important;}
h1{font-size: 34px;}
h2{font-size: 28px;}
h3{font-size: 26px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
h6 {font-size: 18px;}

p {
  color: var(--p);
  font-size: 16px;
  line-height: 28px;
}

.transform-scale-07 {
  transform: scale(0.7);
}

.transform-scale-08 {
  transform: scale(0.8);
}

.transform-scale-09 {
  transform: scale(0.9);
}

.transform-scale-1 {
  transform: scale(1);
}

.transform-scale-1-1 {
  transform: scale(1.1);
}

.transform-scale-1-2 {
  transform: scale(1.2);
}

.transform-scale-1-3 {
  transform: scale(1.3);
}

.transform-scale-1-4 {
  transform: scale(1.4);
}

.transform-scale-1-5 {
  transform: scale(1.5);
}

.mr-bot0 {
  margin-bottom: 0 !important;
}

.border0 {
  border: none !important;
}

.padd-left-35 {
  padding-left: 35px;
}

.mar-top30 {
  margin-top: 30px;
}

.mar-top50 {
  margin-top: 50px;
}

.mar-bot50 {
  margin-bottom: 50px;
}

.mar-top80 {
  margin-top: 80px;
}

.mar-left-right50 {
  margin-left: 50px;
  margin-right: 50px;
}

.mar-left-right80 {
  margin-left: 80px;
  margin-right: 80px;
}

.mar-top-bottom50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mar-top-bottom30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.padd-top-bottom50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.mr-left-right45 {
  margin-left: 45px;
  margin-right: 45px;
}

.padd0 {
  padding: 0 !important;
}

.mr0 {
  margin: 0 !important;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.padd-top89 {
  padding-top: 89px !important;
}

hr {
  margin: 25px 0px;
}

.padd20 {
  padding: 20px;
}

.padd30 {
  padding: 30px;
}

.padd-bot0 {
  padding-bottom: 0;
}

.padd-top0 {
  padding-top: 0;
}

.ml-50 {
  margin-left: 50px;
}

.white-bg {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 30px;
}

.light-bg {
  background: var(--white) !important;
}

.marTop40 {
  margin-top: 40px;
}

.marTop15 {
  margin-top: 15px;
}

.form-check-input {
  background-color:#F0F0F2;
  border-color: #F0F0F2;
}

.form-check-input:checked {
  background-color: var(--green);
  border-color: var(--green);
}

.site-bg {
  padding-top: 83px;
}

::placeholder {
  color: #717177 !important;
  opacity: 0.7 !important;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Edge 12-18 */
  color: #717177 !important;
}



/* Scroll Animation Classes */
.scroll-animate{opacity: 0; transform: translateY(20px); transition: all 0.6s ease-in-out;}
.scroll-animate.active{opacity: 1; transform: translateY(0);}
/* Optional delay classes */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
/* Faster Smooth Scroll */
html{scroll-behavior: auto; /* Remove default smooth scroll */}

/* Optional: Add smooth scroll to specific elements with scroll */
.scroll-container{scroll-behavior: smooth; -webkit-overflow-scrolling: touch; /* For better mobile scrolling */}
/* Custom Scrollbar - Keep the design but optimize for speed */
::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 4px;}
::-webkit-scrollbar-thumb{background: var(--green); border-radius: 4px; transition: background 0.2s ease;}
::-webkit-scrollbar-thumb:hover{background: var(--green-hover);}
/* For Firefox */
*{scrollbar-width: thin; scrollbar-color: var(--green) #f1f1f1;}
/* Custom Cursor Styles */
body{cursor: none; /* Hide the default cursor */}
.cursor-dot,.cursor-outline{pointer-events: none; position: fixed; top: 0; left: 0; transform: translate(-50%, -50%); border-radius: 50%; z-index: 9999; transition: opacity 0.3s ease-in-out;}
.cursor-dot{width: 8px; height: 8px; background-color: var(--green);}
.cursor-outline{width: 40px; height: 40px; background-color: rgba(43, 177, 75, 0.2); /* Using your --green color with opacity */}
/* Hide cursors on touch devices */
@media (max-width: 991px) {
.cursor-dot,.cursor-outline{display: none;}
body{cursor: auto;}
}
/* Cursor hover effect for clickable elements */
a, button, .btn, .accordion-button{cursor: none;}
a:hover ~ .cursor-dot,button:hover ~ .cursor-dot,.btn:hover ~ .cursor-dot {transform: translate(-50%, -50%) scale(1.5);}
a:hover ~ .cursor-outline,button:hover ~ .cursor-outline,.btn:hover ~ .cursor-outline {transform: translate(-50%, -50%) scale(1.5);}

/* Banner Load Animation Keyframes */
@keyframes slideInFromBottom {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/*--------------------------------------------------------------------------------------*/
/*header-css-here
/*--------------------------------------------------------------------------------------*/

header{background: var(--white); padding: 15px 0px; position: fixed; left: 0; top: 0; width: 100%; z-index: 99; background: var(--white);}
.header-inner{display: flex; align-items: center; justify-content: space-between;}
.navbar{flex: 1; padding:0px;}
.head-right-box{margin-left: auto;}
.signup-login-btn{display: flex; align-items: center; gap: 20px;}
.signup-login-btn a{min-width: 140px; text-align: center;}
.navbar-nav{display: flex; align-items: center; gap: 25px; flex: 1; justify-content: center;}
.navbar-nav .nav-item .nav-link{font-size: 15px; font-weight: 500; color: var(--heading); padding: 0px;}
.navbar-nav .nav-item .nav-link:hover{color: var(--green);}
.cart-profile-box{display: flex; align-items: center; gap: 20px;}
.cart-btn{width: 40px; height: 40px; background: var(--light-gray); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.cart-btn a{background: var(--light-gray); color: var(--white); border-radius: 50%; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; color: var(--black); font-size: 24px;}

.bell-btn{width: 40px; height: 40px; background: var(--light-gray); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.bell-btn a{background: var(--light-gray); color: var(--white); border-radius: 50%; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; color: var(--black); font-size: 24px;}
.bell-btn .dropdown-toggle:after{content: none;}
.notification-dropdown-box{width: 339px; flex:0 0 339px; padding: 0px; max-height: 300px; overflow-y: auto !important;}
.notification-dropdown-box li{display: flex; align-items: center; gap: 15px; padding: 15px; border-bottom: solid 1px var(--light-gray);}
.notification-dropdown-box li:last-child{border-bottom: none;}
.notification-dropdown-box li figure{width: 42px; height: 42px; border-radius: 50px; overflow: hidden; flex:0 0 42px;}
.notification-dropdown-box li figure img{width: 100%; height: 100%; object-fit: cover;}
.notification-dropdown-box li figcaption{flex: 1;}
.notification-dropdown-box li figcaption h3{font-size: 15px; color: var(--heading); font-weight: 600; line-height: 25px; margin-bottom: 5px;}
.notification-dropdown-box li figcaption p{font-size: 13px; color: var(--p); line-height: 25px; margin: 0px;}



.profile-btn button{background: var(--light-gray); border: none; padding: 8px 10px; border-radius: 6px; min-width: 65px; display: flex; align-items: center;}
.profile-btn button img{width: 42px; height: 42px; border-radius: 50px; object-fit: cover; max-width: 42px;}
.profile-btn button:after{content: ""; width: 21px; height: 22px; background: url(../images/drop-arrow.png) no-repeat center center; border: none; margin-left: 10px;}
.dropdown-menu{background-color: #ffffff;
  border: 1px solid #dee2e6; /* Light gray border */
  border-radius: 0.5rem; /* Rounded corners */
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); /* Subtle shadow */
  padding:0; /* Padding for the menu */
  overflow: hidden;
  z-index: 1000; /* Ensure it appears above other elements */
  background: color(display-p3 1.000 1.000 1.000);
  box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 44px color(display-p3 0.000 0.000 0.000 / 0.12);
  border-radius: 10px;
  background: var(--white);
  border: none;
  right: 0;
  left: auto !important;
}

.dropdown-menu li a{display: flex; align-items: center; gap: 5px; padding: 10px 15px;}
.dropdown-menu li a i{font-size: 24px; margin-right: 10px; color: var(--green);}
.dropdown-menu li a span{font-size: 15px; color: var(--heading); font-weight: 500;}
.dropdown-item:active{color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg);}

/*--------------------------------------------------------------------------------------*/
/*home-page-css-here
/*--------------------------------------------------------------------------------------*/

.banner-section{background: url(../images/banner-bg.png) no-repeat center bottom / cover; min-height: 720px;}
.banner-inner{padding: 100px 200px; text-align: center;}
.banner-inner h1{font-size: 50px; font-weight: 700; color: var(--white); line-height: 60px;}
.banner-inner p{font-size: 18px; color: var(--white); opacity: 68%; line-height: 30px; margin-top: 20px;}
.banner-inner .banner-btn{margin-top: 30px;}
.banner-list ul{display: flex; align-items: center; justify-content: center; gap: 20px; list-style: disc;}
.banner-list{margin-top: 30px;}
.banner-list li{font-size: 15px; color: var(--white); line-height: 30px; opacity: 80%; margin-right: 20px;}
.banner-list li:last-child{margin-right: 0px;}
.banner-image-section{margin-top: -200px;}
.banner-image-inner img{width: 100%; border-radius: 25px; border: solid 3px var(--white);}
.wayamore-voucher-section{background: url(../images/voucher-shape01.png) no-repeat left 120px;}
.section-head{text-align: center; margin-bottom: 50px;}
.section-head h2{font-size: 42px; color: var(--heading); font-weight: 600; line-height: 50px; margin-bottom: 15px;}
.section-head p{font-size: 15px; color: var(--p); line-height: 30px; margin-top: 10px;}

/* Banner Animation Classes */
.banner-inner h1{opacity: 0; animation: slideInFromBottom 0.8s ease-out forwards;}
.banner-inner p{opacity: 0; animation: slideInFromBottom 0.8s ease-out forwards; animation-delay: 0.4s;}
.banner-inner .banner-btn{opacity: 0; animation: scaleIn 0.8s ease-out forwards; animation-delay: 0.8s;}
.banner-list ul li{opacity: 0; animation: slideInFromBottom 0.5s ease-out forwards;}
/* Individual delays for list items */
.banner-list ul li:nth-child(1){animation-delay: 1.0s;}
.banner-list ul li:nth-child(2){animation-delay: 1.2s;}
.banner-list ul li:nth-child(3){animation-delay: 1.4s;}
/* Hover Effect on Voucher Images */
.voucher-box figure{overflow: hidden; border-radius: 20px 20px 0 0; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.voucher-box figure img{transition: transform 0.3s ease;}
.voucher-box:hover figure img {transform: scale(1.2);}

.voucher-list .row{justify-content: center;}
.voucher-list .col-md-4{display: flex;}
.voucher-box{width: 100%; background: var(--white);  box-shadow: 0px 4px 4px rgba(140, 140, 140, 0.12); box-shadow: 0px 4px 4px color(display-p3 0.549 0.549 0.549 / 0.12); border-radius: 20px; margin-bottom: 30px;}
.voucher-box figure{width: 100%; margin: 0; height: 262px; border-radius: 20px 20px 0px 0px; overflow: hidden;}
.voucher-box figure img{width: 100%; height: 100%; object-fit: cover;}
.voucher-box figcaption{padding: 20px;}
.voucher-box figcaption h3{font-size: 20px; color: var(--heading); font-weight: 600; line-height: 30px;}
.voucher-box figcaption p{font-size: 15px; color: var(--p); line-height: 25px; margin: 0px;}
.our-services-section{background:var(--green);}
.our-services-section .section-head h2{color: var(--white);}
.our-services-section .section-head p{color: var(--white);}

.our-services-list .col-md-3{display: flex;}
.our-services-box{width: 100%; border: solid 1px rgba(255,255,255,30%); background:#34BB54;  box-shadow: 0px 4px 4px rgba(140, 140, 140, 0.12); box-shadow: 0px 4px 4px color(display-p3 0.549 0.549 0.549 / 0.12); border-radius: 20px; margin-bottom: 30px; padding: 25px; text-align: center;}
.our-services-box figure{margin: 0 0 20px 0; text-align: center;}
.our-services-box figcaption h3{font-size: 20px; color: var(--white); font-weight: 600; line-height: 30px;}
.our-services-box figcaption p{font-size: 15px; color: var(--white); line-height: 25px; margin: 0px;}
.questions-section{background: url(../images/faq-bg.png) no-repeat right center;}

.accordion{max-width: 928px; margin: 0 auto;}
.accordion-item{margin-bottom: 25px; border: none;}
.accordion-button{font-size: 20px; color: var(--heading); font-weight: 600; line-height: 30px; padding: 20px; border-radius: 20px !important; background: var(--light-gray); border:solid 1px var(--light-green); box-shadow: none;}
.accordion-button:not(.collapsed){background: var(--light-gray); border-color: var(--light-green); color: var(--heading); box-shadow: none; border-radius: 20px 20px 0px 0px !important; border-bottom: none;}
.accordion-button:focus{box-shadow: none;}
.accordion-body{font-size: 15px; color: var(--p); line-height: 25px; padding: 0px 30px 20px 30px;}
.accordion-button:before{width: 42px; content: ""; height: 42px; border-radius: 50%; background:url(../images/plus.png) no-repeat center center; margin-right: 15px;}
.accordion-button:not(.collapsed):before{width: 42px; height: 42px; border-radius: 50%; background:url(../images/minus.png) no-repeat center center;}
.accordion-button:after{content: none;}
.accordion-body{background: var(--light-gray); border-radius: 0px 0px 20px 20px; border: solid 1px var(--light-green); border-top: none;}
.view-more-btn{margin-top: 40px; text-align: center;}
.get-touch-section{background:url(../images/get-touch-bg.png) no-repeat left center; background-size: cover;}
.get-touch-des{padding: 0px;}  
.get-touch-des h2{font-size: 42px; color: var(--white); font-weight: 600; line-height: 50px; margin-bottom: 15px;}
.get-touch-des p{font-size: 15px; color: var(--white); line-height: 25px; margin: 0px;}
.get-touch-des ul{margin-top: 30px;}
.get-touch-des ul li{margin-bottom: 25px;}
.get-touch-des ul li:last-child{margin-bottom: 0;}
.get-touch-des ul li a{font-size: 15px; color: var(--white); line-height: 25px; display: flex; align-items: center; gap: 10px;}
.get-touch-des ul li a span{font-size: 16px; color: var(--white);} 
.get-touch-form{padding: 50px; border-radius: 20px; background: rgba(0, 0, 0, 0.07); background: color(display-p3 0.000 0.000 0.000 / 0.07); border: 1px solid rgba(255, 255, 255, 0.21); border: 1px solid color(display-p3 1.000 1.000 1.000 / 0.21); backdrop-filter: blur(17px);}
.get-touch-form .form-group label{color: var(--white);}
.form-group{margin-bottom: 20px; position: relative;}
.form-group label{font-size: 16px; color: var(--heading); font-weight: 500; line-height: 25px; margin-bottom: 10px;}
.form-control{height: 50px; border-radius: 10px; border: none; background: var(--light-gray); padding: 0px 15px;}
.form-control:focus{box-shadow: none; border-color: var(--light-green); background: var(--light-gray);}
textarea.form-control{height: 110px; padding: 15px;}
select.form-control{appearance: auto;}
.icon-eye{position: absolute; right: 15px; top:62px; transform: translateY(-50%); font-size: 28px; color: var(--heading);} 
.form-group.with-icon .form-control{padding-right: 50px;}

/*--------------------------------------------------------------------------------------*/
/*footer-css-here
/*--------------------------------------------------------------------------------------*/

footer{background: var(--light-gray);}
footer h3{font-size: 24px; color: var(--heading); font-weight: 600; margin-bottom: 20px; line-height: 30px;}
.footer-menu{padding-left: 40px;}
.footer-menu ul li{margin-bottom: 10px;}
.footer-menu ul li:last-child{margin-bottom: 0;}
.footer-menu ul li a{font-size: 15px; color: var(--heading); line-height: 25px;}
.footer-menu ul li a:hover{color: var(--green);}
.footer-contact ul{display: flex; align-items: center; gap: 15px;}
.footer-contact ul li{margin-bottom: 10px;}
.footer-contact ul li:last-child{margin-bottom: 0;}
.footer-contact ul li a{font-size: 15px; color: var(--white); line-height: 25px;}
.footer-contact ul li a:hover{opacity: 80%;}
.foot-logo{margin-bottom: 15px;}

/*--------------------------------------------------------------------------------------*/
/*about-us-css-here
/*--------------------------------------------------------------------------------------*/

.page-title-section{position: relative;}
.page-title-section figure{margin:15px 30px;}
.page-title-section figure img{width: 100%; height: 450px; object-fit: cover; border-radius: 20px;}
.page-title-section figcaption{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.page-title-section figcaption h1{font-size: 50px; color: var(--white); font-weight: 700; line-height: 60px;}
.page-title-section figcaption ul{display: flex; align-items: center; justify-content: center; gap: 10px;}
.page-title-section figcaption ul li{font-size: 15px; color: var(--white); line-height: 25px;}
.page-title-section figcaption ul li a{font-size: 15px; color: var(--white); line-height: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background: rgba(255, 255, 255, 0.1); padding: 0px 15px; font-weight: 500;}
.page-title-section figcaption ul li a:hover{opacity: 80%;}
.page-title-section figcaption ul li.active a{background: var(--green); color: var(--white);}
.about-top-section{background:url(../images/faq-bg.png) no-repeat right center;}
.about-top-section .col-lg-6{display: flex; align-items: center; justify-content: center;}
.about-top-content{padding: 0px 15px; width: 100%;}
.about-top-content h2{font-size: 42px; color: var(--heading); font-weight: 600; line-height: 50px; margin-bottom: 15px;}
.about-top-content p{font-size: 15px; color: var(--p); line-height: 25px; margin: 0px;}
.about-top-bottom{background:url(../images/about-top-bottom-bg.png) no-repeat center center; background-size: cover; border-radius: 20px; padding: 50px 30px; margin-top: 50px;}
.about-top-bottom ul{display: flex; align-items: center; justify-content: center; gap: 30px;}
.about-top-bottom ul li{text-align: center; min-width: 275px; text-align: center; padding: 0px 30px; position: relative;}
.about-top-bottom ul li:after{width: 41px; height: 40px; content: ""; background: url(../images/star.png) no-repeat right center; position: absolute; right: 0; top: 0; position: absolute; right: -33px; top:25px;}
.about-top-bottom ul li:last-child:after{content: none;}
.about-top-bottom ul li h3{font-size: 42px; color: var(--green); font-weight: 600; line-height: 50px; margin-bottom: 5px;}
.about-top-bottom ul li p{font-size: 15px; color: var(--white); line-height: 25px; margin: 0px;}
.gallery-slider .item{transition: all 0.3s ease;}
/* .gallery-slider .owl-item.center{transform: scale(1.2); z-index: 1;} */
.gallery-slider .item img{height: 435px; object-fit: cover; border-radius: 20px;}
.leadership-team-box{position: relative; overflow: hidden; margin-bottom: 30px; border-radius: 20px; transition: transform 0.4s ease;}
.leadership-team-box figure{position: relative; overflow: hidden; margin: 0; height: 525px; width: 100%;}
.leadership-team-box figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px; transition: all 0.4s ease;}
.leadership-team-box:hover{transform: translateY(-5px);}
.leadership-team-box:hover figure img{transform: scale(1.08);}
.leadership-team-box figcaption{position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; transform: translateY(0); transition: transform 0.4s ease;}
.team-member-info{background: rgba(255, 255, 255, 0.95); border-radius: 10px; padding: 15px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: all 0.4s ease;}
.leadership-team-box:hover .team-member-info{background: rgba(255, 255, 255, 1); box-shadow: 0 8px 25px rgba(0,0,0,0.15);}
.team-member-info h3{font-size: 22px; color: var(--heading); font-weight: 600; margin: 0; transition: color 0.3s ease;}
.team-member-info p{margin: 5px 0 0; padding: 0; color: var(--p); transition: color 0.3s ease;}

/*--------------------------------------------------------------------------------------*/
/*faq-page-css-here
/*--------------------------------------------------------------------------------------*/

.faq-content-bg .accordion{width: 100%; max-width: 100%;}

/*--------------------------------------------------------------------------------------*/
/*privacy-policy-page-css-here
/*--------------------------------------------------------------------------------------*/

.static-page-content h3{font-size: 22px; color: var(--heading); font-weight: 600;}
.static-page-content ul{margin-bottom: 15px; list-style: disc; padding-left: 15px;}
.static-page-content ul li{color: var(--p); font-size: 16px; margin-bottom: 5px;}
.static-page-content ul li:last-child{margin-bottom: 0;}

/*--------------------------------------------------------------------------------------*/
/*contact-page-css-here
/*--------------------------------------------------------------------------------------*/

.contact-section .get-touch-des h2{color: var(--heading);}
.contact-section .get-touch-des p{color: var(--p);}
.contact-section .get-touch-des ul li a span{color: var(--heading);}
.contact-section .get-touch-form{background: var(--white); border: solid 1px rgba(0,0,0,5%);}
.contact-section .get-touch-form .form-group label{color: var(--heading);}

.contact-section ::placeholder {
  color: var(--black) !important;
  opacity: 0.7 !important;
  /* Firefox */
}

.contact-section ::-ms-input-placeholder {
  /* Edge 12-18 */
  color: var(--black) !important;
}


/*--------------------------------------------------------------------------------------*/
/*form-css-here
/*--------------------------------------------------------------------------------------*/

.form-col-box{display: flex; align-items: center; justify-content: center;}
.form-fild-bg{flex: 1; background: var(--white); border-radius: 20px; padding: 40px; height: 100vh; overflow: auto; display: flex; align-items: center;}
.form-ger-image{width: 100%; max-width:917px; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background: #FBFBFB; text-align: center;}
.form-ger-image figure{width: 100%; height: 100%; object-fit: cover; margin: 0;}
.form-ger-image figure img{max-height: 100%;}
.form-box{max-width: 544px; margin: auto; width: 100%;}
.form-logo{margin-bottom: 70px; text-align: center;}
.form-logo a{display: block; width: 100%;}
.form-title-head{text-align: center; margin-bottom: 40px;}
.form-title-head h2{font-size: 42px; color: var(--heading); font-weight: 600; line-height: 40px; margin-bottom: 10px;}
.form-title-head p{font-size: 15px; color: var(--p); line-height: 25px; margin: 0px;}
.remeber-forgot-box{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.remeber-forgot-box .form-check{margin-right: 20px;}
.remeber-forgot-box .forgot-box a{font-size: 15px; color: var(--green); font-weight: 500; line-height: 25px;}
.form-btn{display: flex; align-items: center; justify-content: center;}
.form-btn .btn{min-width: 148px;}
.form-bottom-text{text-align: center; margin-top: 100px;}
.form-bottom-text p{font-size: 15px; color: var(--p); line-height: 25px; margin: 0px;}
.form-bottom-text p a{font-size: 15px; color: var(--green); font-weight: 500; line-height: 25px;}
.email-verification-box{display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 30px;}
.email-verification-box input{width: 80px; text-align: center; font-weight: 600;}

/*--------------------------------------------------------------------------------------*/
/*enter-municipality-modal-css-here
/*--------------------------------------------------------------------------------------*/

.modal-content{border-radius: 30px;}
.modal-header{display: flex; align-items: flex-start; justify-content: space-between; border: none; padding: 30px;}
.modal-header p{margin: 0;}
.modal-title{font-size: 22px; color: var(--heading); font-weight: 600; line-height: 30px; margin-bottom: 5px;}
.modal-body{padding: 0px 30px 20px 30px;} 
.modal-footer{border: none; padding-top: 0;}
.modal-content{margin: auto; border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.modal-header{border-bottom: none; flex-direction: column; align-items: flex-start; padding: 20px 20px 0;}

.modal-header p {
    margin: 5px 0 0;
    color: #666;
    font-size: 14px;
}

.modal-body {
    padding: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.modal-header .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
}

/*--------------------------------------------------------------------------------------*/
/*my-vouchers-page-css-here
/*--------------------------------------------------------------------------------------*/

.inner-page-warper{padding: 30px 0px;}
.inner-page-head{margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between;}
.inner-page-head h2{font-size: 24px; color: var(--heading); font-weight: 600; line-height: 40px; margin-bottom: 10px;}
.inner-page-head p{font-size: 15px; color: var(--p); line-height: 25px; margin: 0px;}
.nav-tabs{border-bottom: solid 1px #E9E9E9;}
.nav-tabs li a{font-size: 15px; color: var(--p); font-weight: 500; border: none; border-bottom: solid 2px transparent !important; padding: 10px 20px; margin-bottom: -1px;}
.nav-tabs li a.active{border: solid 1px transparent !important; border-bottom: solid 2px var(--green) !important; color: var(--green) !important;}
.nav-tabs li a.active:hover{border-bottom: solid 2px var(--green) !important;}
.nav-tabs li a:hover{border: solid 1px transparent !important; color: var(--green) !important;}
.tab-content{padding: 30px 0px;}
.total-used-box{margin-bottom: 30px;}
.total-used-box ul{display: flex; align-items: center; justify-content: center; gap: 30px;}
.total-used-box ul li{text-align: center; flex: 1; background: var(--light-gray); border-radius: 20px; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between;}
.total-used-box ul li h5{font-size: 18px; color: var(--heading); font-weight: 600; line-height: 30px; margin: 0;}
.total-used-box ul li span{font-size: 20px; color: var(--green); font-weight: 600; line-height: 30px;}
.vouchers-list ul li{display: flex; align-items: center; justify-content: space-between; border-radius: 20px; padding: 15px 20px; margin-bottom: 20px; border: solid 1px var(--light-gray); background: color(display-p3 1.000 1.000 1.000); box-shadow: 0px 0px 4px rgba(140, 140, 140, 0.12); box-shadow: 0px 0px 4px color(display-p3 0.549 0.549 0.549 / 0.12);}
.vouchers-list ul li:last-child{margin-bottom: 0;}
.vouchers-left-box{display: flex; align-items: center;}
.vouchers-left-box figure{width: 243px; flex:0 0 243px; margin-right: 20px; margin-bottom: 0;}
.vouchers-left-box figure img{width: 100%; height: 144px; border-radius: 15px; object-fit: cover;}
.vouchers-left-box figcaption{flex: 1;}
.vouchers-left-box figcaption h3{font-size: 20px; color: var(--heading); font-weight: 600; line-height: 30px; margin-bottom: 5px;}
.vouchers-left-box figcaption span{font-size: 18px; color: var(--heading); font-weight: 600; line-height: 30px;}
.vouchers-left-box figcaption h5{font-size: 15px; color: var(--p); font-weight: 500; line-height: 30px; margin: 0;}
.vouchers-left-box figcaption h5 span{font-size: 15px;}
.redeem-view-btn .btn{min-width: 148px; margin-bottom: 15px;}   
.redeem-view-btn .btn:last-child{margin-bottom: 0;}

/*--------------------------------------------------------------------------------------*/
/*voucher-detail-page-css-here
/*--------------------------------------------------------------------------------------*/

.about-top-bottom{display: flex; align-items: center; justify-content: center; gap: 10px;}
.breadcrumbs-box a{font-size: 15px; color: var(--heading); font-weight: 500; line-height: 25px;}
.breadcrumbs-box span{font-size: 15px; color: var(--green); font-weight: 500; line-height: 25px;}
.status-box{display: flex; align-items: center; justify-content: center; gap: 10px;}
.status-box span.active{background: rgba(0, 180, 58, 0.15); background: color(display-p3 0.169 0.694 0.294 / 0.15); border: 1px solid var(--green); border: 1px solid color(display-p3 0.169 0.694 0.294); border-radius: 90px; padding: 7px 15px; color: var(--green); font-weight: 500; line-height: 25px;}
.status-box span.redeemed{background: #FFF2EA; background: color(display-p3 1.000 0.949 0.922); border: 1px solid #FF5E00; border: 1px solid color(display-p3 1.000 0.420 0.094); border-radius: 90px; padding: 7px 15px; color:#FF5E00; font-weight: 500; line-height: 25px;}
.status-box span.expired{background: rgba(255, 0, 0, 0.12); background: color(display-p3 1.000 0.000 0.000 / 0.12); border: 1px solid #FF0000; border: 1px solid color(display-p3 1.000 0.000 0.000); border-radius: 90px; padding: 7px 15px; color:#FF0000; font-weight: 500; line-height: 25px;}
.start-end-purchased-date-box{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border-bottom: solid 2px #F7F7F7; padding-bottom: 15px; margin-bottom: 15px;}
.voucher-detail-content h5{font-size: 14px; color: var(--p); font-weight: normal; line-height: 25px; margin-bottom: 10px;}
.voucher-detail-content h2{font-size: 24px; color: var(--heading); font-weight: 600; line-height: 30px; margin-bottom: 10px;}
.voucher-detail-content span{font-size: 22px; color: var(--heading); font-weight: 500; line-height: 30px; margin-bottom: 10px;}
.voucher-detail-content .price{display: block;}
.date-box-inner{max-width: 50%; flex:0 0 50%; margin-bottom: 5px;}
.date-box-inner span{font-size: 15px;  font-weight: 500; color: var(--heading); line-height: 25px;}
.date-box-inner span.date-box-inner-title{font-size: 15px; color: var(--p); font-weight: 500; line-height: 25px;}
.payment-box{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-bottom: 15px; margin-bottom: 15px;}
.payment-box-inner{max-width: 50%; flex:0 0 50%; margin-bottom: 5px;}
.payment-box-inner span{font-size: 15px;  font-weight: 500; color: var(--heading); line-height: 25px;}
.payment-box-inner span.payment-box-inner-title{font-size: 15px; color: var(--p); font-weight: 500; line-height: 25px;}
.voucher-detail-image img{width: 100%; border-radius: 20px;}
.voucher-detail-content{padding-left: 15px;}
.coupon-code-redeem-box{display: flex; align-items: center;}
.coupon-code-box{display: flex; padding:3px 10px; align-items: center; justify-content: space-between; background: rgba(0, 180, 58, 0.06); background: color(display-p3 0.169 0.694 0.294 / 0.06); border: 1px dashed #00B43A; border: 1px dashed color(display-p3 0.169 0.694 0.294); border-radius: 4px;}
.coupon-code-box span{font-size: 15px; color: var(--heading); font-weight: 500; margin: 0; padding: 0; min-width:180px;}
.coupon-code-box button{background: transparent; border: none; font-size: 24px; color: var(--green); cursor: pointer;}
.redeem-btn{margin-left: 15px;}
.redemption-instructions-des{margin-top: 30px;}
.redemption-instructions-des h2{font-size: 24px; color: var(--heading); font-weight: 600; line-height: 30px; margin-bottom: 10px;}
.redemption-instructions-des p{font-size: 15px; color: var(--p); line-height: 25px; margin: 0px;}
.redemption-instructions-des ul{margin-top: 15px; list-style: disc; padding-left: 15px;}
.redemption-instructions-des ul li{font-size: 15px; color: var(--p); line-height: 25px; margin: 0px; margin-bottom: 10px;}
.redemption-instructions-des ul li:last-child{margin-bottom: 0;}

/*--------------------------------------------------------------------------------------*/
/*browse-vouchers-page-css-here
/*--------------------------------------------------------------------------------------*/

.search-box-inner{width: 100%; max-width: 400px;}
.search-box-inner input,.search-box-inner input:focus{width: 100%; height: 50px; border-radius: 65px; padding: 0px 15px; font-size: 15px; color: var(--p); line-height: 25px; background: url(../images/search.png) no-repeat right center var(--light-gray);  padding-right: 50px; color: var(--black);}
.voucher-detail-box{margin-top: 30px;}
.voucher-detail-box .row .col-md-4{display: flex;}
.voucher-box{width: 100%; background:var(--white); background: color(display-p3 1.000 1.000 1.000); box-shadow: 0px 4px 4px rgba(140, 140, 140, 0.12); box-shadow: 0px 4px 4px color(display-p3 0.549 0.549 0.549 / 0.12); border-radius: 20px;}
.voucher-box figure{margin: 0; height: 262px; width: 100%;}
.voucher-box figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.voucher-box figcaption{padding: 20px;}
.voucher-box figcaption h3{font-size: 20px; color: var(--heading); font-weight: 600; line-height: 30px; margin-bottom: 5px;}
.voucher-box figcaption h5{font-size: 18px; color: var(--heading); font-weight: normal; line-height: 30px; margin-bottom: 5px;}
.voucher-box figcaption p{font-size: 15px; color: var(--p); line-height: 25px; margin: 0px;}
.voucher-box-inner-btn{display: flex; align-items: center;  gap: 10px; margin-top: 15px;}
.pagination-box{display: flex; align-items: center; justify-content: flex-end; margin-top: 30px;}
.pagination-box ul li{margin-right: 8px;}
.pagination-box ul li a{width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 3px; background: var(--light-gray); border: solid 1px var(--light-gray); color: var(--heading); font-size: 15px; font-weight: 500; line-height: 25px; box-shadow: none; border: none;}
.pagination-box ul li a i{font-size: 22px;}
.pagination-box ul li a:hover{background: var(--green); color: var(--white);}
.pagination-box ul li.active a{background: var(--green); color: var(--white);}

/*--------------------------------------------------------------------------------------*/
/*cart-page-css-here
/*--------------------------------------------------------------------------------------*/

.cart-list-box{background: color(display-p3 1.000 1.000 1.000); box-shadow: 0px 0px 4px rgba(140, 140, 140, 0.12); box-shadow: 0px 0px 4px color(display-p3 0.549 0.549 0.549 / 0.12); border-radius: 20px; background: var(--white); padding: 20px;}
.table tr th{border-top:solid 1px; border-bottom: solid 1px; border-color: rgba(0,0,0,5%); font-size: 15px; font-weight: 600;}
.table tr td{vertical-align: middle; padding: 15px .5rem; border-bottom: solid 1px; border-color: rgba(0,0,0,5%);}
.table tr td figure.cart-img{width: 175px; height: 104px; object-fit: cover; border-radius: 15px; overflow: hidden; margin: 0;}
.table tr td figure.cart-img img{width: 100%; height: 100%; object-fit: cover;}
.table tr td h3{font-size: 15px; color: var(--heading); font-weight: 600; line-height: 25px; margin: 0;}
.table tr td span{font-size: 15px; color: var(--p); font-weight: 500; line-height: 25px; margin: 0;}
.table tr td h5{font-size: 15px; color: var(--heading); font-weight: 600; line-height: 25px; margin: 0;}
.table tr td a{font-size: 15px; color: var(--p); font-weight: 500; line-height: 25px; margin: 0;}
.table tr td a:hover{color: var(--green);}
.table tr td .close-item{font-size: 20px; width: 33px; height: 33px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--light-gray); border: solid 1px var(--light-gray); color: var(--heading); cursor: pointer; padding: 0;}
.qty-box{width: 134px; background: var(--light-gray); display: flex; align-items: center; justify-content: space-between; border-radius: 4px;}
.qty-box .qty-input{width: 100%; height: 45px; padding: 0px 15px; font-size: 15px; color: var(--p); background: none; border: none; text-align: center; font-size: 16px; color: var(--heading); font-weight: 600;}
.qty-box button{width: 40px; flex:0 0 40px; height: 45px; display: flex; align-items: center; justify-content: center; background:transparent; color: var(--green); font-size: 28px; border: none; cursor: pointer; padding: 0;}
.price-summary-box{display: flex; justify-content: flex-end;}
.price-summary-inner{background:var(--white); background: color(display-p3 1.000 1.000 1.000); box-shadow: 0px 0px 4px rgba(140, 140, 140, 0.12); box-shadow: 0px 0px 4px color(display-p3 0.549 0.549 0.549 / 0.12); border-radius: 20px; padding: 25px; width: 495px;}
.price-summary-box{margin-top: 30px;}
.price-summary-inner ul li{font-size: 15px; color: var(--p); line-height: 25px; margin: 0px; margin-bottom: 5px; display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px var(--light-gray);}
.price-summary-inner ul li:last-child{margin-bottom: 0px; border: none;}
.price-summary-inner h3{font-size: 18px; color: var(--heading); font-weight: 600; line-height: 30px; margin:0 0 20px 0;}
.price-summary-inner h4{font-size: 15px; color: var(--heading); font-weight: 600; line-height: 25px; margin: 0px; margin-bottom: 10px;}
.price-summary-inner span{color: var(--p); font-size: 15px; font-weight: 600;}
.checkout-btn{margin-top: 10px;}
.price-summary-inner ul li.total h4{font-size: 18px; margin: 0;}

/*--------------------------------------------------------------------------------------*/
/*checkout-page-css-here
/*--------------------------------------------------------------------------------------*/

.checkout-page-box{display: flex; justify-content: space-between; gap: 30px;}
.checkout-page-left{flex: 1; background: #FFFFFF; background: color(display-p3 1.000 1.000 1.000); box-shadow: 0px 0px 4px rgba(140, 140, 140, 0.12); box-shadow: 0px 0px 4px color(display-p3 0.549 0.549 0.549 / 0.12); border-radius: 20px; padding: 30px;}
.checkout-page-left h3{font-size: 18px; color: var(--heading); font-weight: 600; margin-bottom: 20px;}
.checkout-page-left h5{font-size: 15px; color: var(--heading); font-weight: 500; line-height: 25px; margin:0 0 15px 0px;}
.card-list{margin-bottom: 30px;}
.card-list ul{display: flex; flex-wrap: wrap; gap: 30px;}
.card-list ul li{flex: 1;}
.card-box-inner{display: flex; align-items: center; justify-content: space-between; padding: 30px 20px; background: rgba(0, 180, 58, 0.04); background: color(display-p3 0.169 0.694 0.294 / 0.04); border: 1px solid #C7F5D9; border: 1px solid color(display-p3 0.816 0.957 0.859); border-radius: 15px;}
.card-left-box{flex: 1; padding-right: 30px;}
.card-left-box h4{font-size: 15px; color: var(--heading); font-weight: 600; line-height: 25px; margin:0 0 10px 0;}
.card-holder-name-exp-date-box{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.card-holder-name-exp-date-box h5{font-size: 15px; color: var(--heading); font-weight: normal; line-height: 25px; margin: 0;}
.card-holder-name-exp-date-box h5 span{color: var(--p);}
.checkout-page-right{width: 521px; flex:0 0 521px;}
.order-summary-box{background: #FFFFFF; background: color(display-p3 1.000 1.000 1.000); box-shadow: 0px 0px 4px rgba(140, 140, 140, 0.12); box-shadow: 0px 0px 4px color(display-p3 0.549 0.549 0.549 / 0.12); border-radius: 20px; padding: 30px;}
.order-summary-box h3{font-size: 18px; color: var(--heading); font-weight: 600; margin-bottom: 20px;}
.order-summary-list li{display: flex; justify-content: space-between; gap: 30px; border-bottom: solid 1px var(--light-gray); padding-bottom: 15px; margin-bottom: 15px;}   
.order-summary-list-left{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; flex:1;}
.order-summary-list-left figure{width: 95px; height: 65px; object-fit: cover; border-radius: 15px; overflow: hidden; margin: 0;}
.order-summary-list-left figure img{width: 100%; height: 100%; object-fit: cover;}
.order-summary-list-left figcaption{flex: 1;}
.order-summary-list-left figcaption h4{font-size: 15px; color: var(--heading); font-weight: 600; line-height: 25px; margin:0 0 5px 0;}
.order-summary-list-left figcaption h5{font-size: 15px; color: var(--heading); font-weight: 500; line-height: 25px; margin:0 0 10px 0;}       
.order-summary-list-left figcaption h5 span{color: var(--p);}
.order-price{font-size: 15px; color: var(--heading); font-weight: 600; line-height: 25px; margin:0;}
.order-summary-box .price-summary-inner{box-shadow: none; border: none; padding: 0; width: 100%;}
.order-summary-box .price-summary-inner ul li{margin: 0; padding: 7px 0px;}
.order-summary-box .price-summary-inner h4{margin: 0;}
.checkout-btn-box{margin-top: 30px;}  
.checkout-btn-box .btn{width: 100%;}

/*--------------------------------------------------------------------------------------*/
/*voucher-successfully-purchased-page-css-here
/*--------------------------------------------------------------------------------------*/

.voucher-successfully-purchased-des{background:var(--white); background: color(display-p3 1.000 1.000 1.000); box-shadow: 0px 0px 4px rgba(140, 140, 140, 0.12); box-shadow: 0px 0px 4px color(display-p3 0.549 0.549 0.549 / 0.12); border-radius: 20px; padding:50px 30px;}
.voucher-successfully-purchased-des-inner{width: 670px; margin: 0 auto;}
.voucher-successfully-box{text-align: center;}
.voucher-successfully-box figcaption{margin-top: 20px;}
.voucher-successfully-box figcaption h4{font-size: 24px; color: var(--heading); font-weight: 600; line-height: 30px; margin-bottom: 10px;}
.voucher-successfully-box figcaption p{font-size: 15px; color: var(--p); font-weight: 500; line-height: 25px; margin: 0px;}
.voucher-successfully-purchased-des .order-summary-box{background: none; box-shadow: none; border: none; padding: 0; margin-top: 30px;}
.go-vouchers-btn-box{margin-top: 30px; display: flex; align-items: center; justify-content: center;}

/*--------------------------------------------------------------------------------------*/
/*transactions-page-css-here
/*--------------------------------------------------------------------------------------*/

.shadow-box{background:var(--white); background: color(display-p3 1.000 1.000 1.000); box-shadow: 0px 0px 4px rgba(140, 140, 140, 0.12); box-shadow: 0px 0px 4px color(display-p3 0.549 0.549 0.549 / 0.12); border-radius: 20px;}
.transactions-page-content{padding: 30px;}
.table.table-striped tr:nth-child(odd) td{background:var(--light-gray);}

/*--------------------------------------------------------------------------------------*/
/*my-profile-page-css-here
/*--------------------------------------------------------------------------------------*/

.my-profile-content{padding: 30px;}
.profile-update-box{text-align: center; margin-bottom: 30px;}
.profile-update-box figure{margin: auto; width: 121px; height: 121px; border-radius: 50%; overflow: hidden;}
.profile-update-box figure img{width: 100%; height: 100%; object-fit: cover;}
.profile-update-box figcaption{margin-top: 20px; display: flex; justify-content: center;}
.profile-update-box figcaption button{position: relative;}
.profile-update-box figcaption button input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}

/*--------------------------------------------------------------------------------------*/
/*save-card-page-css-here
/*--------------------------------------------------------------------------------------*/

.saved-cards-content{padding: 30px;}
.saved-cards-content .card-list ul li{width: 31.7%; max-width: 31.7%; flex: auto;}
.delete-card-btn{width: 42px; height: 42px; flex:0 0 42px; display: flex; align-items: center; justify-content: center; background: var(--black); border: none; border-radius: 50%; color: var(--white); font-size: 24px; cursor: pointer;}

/*--------------------------------------------------------------------------------------*/
/*dashboard-page-css-here
/*--------------------------------------------------------------------------------------*/

.dashboard-header{background: var(--light-gray); border-bottom: solid 1px; border-color: rgba(0,0,0,5%);}
.dashboard-content-wrapper{display: flex; align-items: stretch; min-height: 100vh; padding-top: 89px; padding-left: 240px;}
.sidebar-box{position: fixed; top: 89px; left: 0; width: 240px; height:calc(100vh - 89px); background: var(--dark-green); z-index: 9999;}
.sidebar-box button{display: none;}
.sidebar-menu{padding: 20px 0px;}
.sidebar-menu ul li{margin-bottom: 10px;}
.sidebar-menu ul li a{display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 10px 20px; border-radius: 0px; color:rgba(255,255,255,60%); font-size: 15px; font-weight: 500; line-height: 25px; transition: all 0.3s ease; background: transparent; border: none; width: 100%;} 
.sidebar-menu ul li a i{font-size: 24px;}
.sidebar-menu ul li.active a{color: var(--white); background: rgba(43,177,75,10%); border-radius: 0px; color: var(--green);}
.sidebar-menu ul li a:hover,.sidebar-menu ul li a:focus{color: var(--white); background: rgba(43,177,75,10%);}
.dashboard-header .bell-btn a,.dashboard-header .cart-btn a{background: var(--white);}
.dashboard-content{padding: 30px; flex: 1;}
.dashboard-content-header h2{font-size: 24px; color: var(--heading); font-weight: 600; line-height: 30px; margin-bottom: 15px;}
.dashboard-content-body{background:var(--white); background: color(display-p3 1.000 1.000 1.000); box-shadow: 0px 0px 4px rgba(140, 140, 140, 0.12); box-shadow: 0px 0px 4px color(display-p3 0.549 0.549 0.549 / 0.12); border-radius: 20px; padding: 25px; width: 100%;}
.dashboard-content-body-item{display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 25px; background: rgba(0, 180, 58, 0.04); background: color(display-p3 0.169 0.694 0.294 / 0.04); border: 1px solid #C7F5D9; border: 1px solid color(display-p3 0.816 0.957 0.859); border-radius: 15px;}
.dashboard-content-body-item figure{width: 42px; height: 42px; overflow: hidden; margin: 0;}
.dashboard-content-body-item figcaption{flex: 1;}
.dashboard-content-body-item figcaption h3{font-size: 24px; color: var(--heading); font-weight: 600; margin-bottom: 5px;}
.dashboard-content-body-item figcaption p{font-size: 15px; color: var(--p); font-weight: 500; margin: 0;}
.sales-graph-box-header{display: flex; align-items: center; justify-content: space-between; gap: 0px; margin: 30px 0 0 0px;}
.dashboard-content-body h2{font-size: 20px; color: var(--heading); font-weight: 600; line-height: 30px; margin-bottom: 0px; flex: 1;}
.sales-graph-box-header select.form-control{width: 171px; flex: 0 0 171px;}
.top-selling-vouchers-box{margin-top: 30px;}
.top-selling-vouchers-list ul{display:grid; grid-template-columns: repeat(auto-fill, minmax(363px, 1fr)); gap: 30px;}
.top-selling-vouchers-list ul li figcaption p{color: var(--heading);}
.top-selling-vouchers-list ul .voucher-box{margin-bottom: 0;}
.voucher-detail-list{display: grid; grid-template-columns: repeat(auto-fill, minmax(363px, 1fr)); gap: 30px;}
.voucher-detail-list .voucher-box{margin-bottom: 0;}
.dashboard-content-header .breadcrumbs-box{margin-bottom: 15px;}
.dashboard-content-body .voucher-detail-box{margin-top: 0;}

/*--------------------------------------------------------------------------------------*/
/*voucher-inventory-reseller-page-css-here
/*--------------------------------------------------------------------------------------*/

.status-box{width: 153px;}
.update-status{color: var(--green); font-size: 14px; margin-left: 10px; background: transparent; border: none; cursor: pointer;}
.revenue-earned-box h2,.voucher-sales-box h2{margin-bottom: 15px;}
.voucher-sales-box{margin-top: 30px;}
.voucher-sales-graph-box{margin-top: 30px;}
.customer-purchasing-box{margin-top: 30px;}
.customer-purchasing-box h2{margin-bottom: 15px;}
.customer-purchasing-box .sales-graph-box-header{margin: 0 0 15px 0;}
.customer-purchasing-box .sales-graph-box-header h2{font-size: 16px; margin: 0;}

/*--------------------------------------------------------------------------------------*/
/*reports-reseller-page-css-here
/*--------------------------------------------------------------------------------------*/

.date-export-box{margin-bottom: 30px;}
.radio-list .form-check{margin-right: 20px;}
.radio-list .form-check:last-child{margin-right: 0;}

/*--------------------------------------------------------------------------------------*/
/*saved-cards-reseller-page-css-here
/*--------------------------------------------------------------------------------------*/

.card-list.saved-cards-reseller-list ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(363px, 1fr)); gap: 30px;}
.dashboard-content-header{margin-bottom: 15px;}
.dashboard-content-header h2{margin-bottom: 0;}