/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
Description: A child theme for Twenty Twenty-Five.
Author: Your Name
Version: 1.3
Text Domain: twentytwentyfive-child
*/
 

/* Inter Font Faces */
@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-Regular.woff2') format('woff2'),
         url('assets/fonts/inter/Inter-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-Medium.woff2') format('woff2'),
         url('assets/fonts/inter/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-SemiBold.woff2') format('woff2'),
         url('assets/fonts/inter/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-Bold.woff2') format('woff2'),
         url('assets/fonts/inter/Inter-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-ExtraBold.woff2') format('woff2'),
         url('assets/fonts/inter/Inter-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* global css  */
*{ margin: 0; padding: 0; box-sizing: border-box; }
a:focus, a:active,button:focus{outline: none;  text-decoration: none;}
body { font-family: 'Inter', sans-serif; }
.fc-container{max-width: 1360px; width: 100%; margin: 0 auto !important; padding: 0 20px;}
.font-700{font-weight: 700;}
.font-600{font-weight: 600;}
.font-500{font-weight: 500;}
.font-400{font-weight: 400;}
.text-white{color: #fff;}
.text-black{color: #000;}
.text-xl{ font-size: 65px; }
.text-lg{ font-size: 45px; }
.text-md{ font-size: 25px; }
.text-sm{ font-size: 20px; }
.text-24{ font-size: 24px; }
.text-18{font-size: 18px;}
.text-16{font-size: 16px;}
.capitalize{text-transform: capitalize;}
.uppercase{text-transform: uppercase;}
.italic{font-style: italic;}
.text-center{text-align: center;}
.margin-0{margin-top: 0;}
.pointer{cursor: pointer;}
.mb-20{margin-bottom: 20px;}
.hidden{display: none !important;}

/* custom css  */
.wp-block-post-title{display: none !important;}
main.wp-block-group.has-global-padding{ margin: 0 !important;}
main .wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained{padding: 0 !important; overflow-x: hidden;}
main .wp-block-group.alignfull.has-global-padding .entry-content.has-global-padding{margin: 0 !important; padding: 0;}
.has-global-padding{padding: 0 !important;}
.has-global-padding > .alignfull{margin: 0 !important;}


/* header absolute  */
body.page-template-wp-custom-template-page-with-banner-header header{position: absolute; left: 0; top: 0; width: 100%; background: transparent; z-index: 999; }
body.page-template-wp-custom-template-page-with-banner-header header nav ul.wp-block-navigation__container{gap: 40px !important;}
header nav ul.wp-block-navigation__container li a{ font-weight: 600; font-size: 18px; transition: color 0.4s ease; color: #000;}
header nav ul.wp-block-navigation__container li a:hover{text-decoration: none !important;}
header nav ul.wp-block-navigation__container li a:focus{outline: none !important;}
header .header-cart-icon svg{fill:#65B0AF !important ;}
body.page-template-wp-custom-template-page-with-banner-header nav button.wp-block-navigation__responsive-container-open{color: #fff;}
header .header-my-account a{min-width: 180px; height: 40px; background: #65B0AF; border-radius: 10px; color: #fff !important; font-size: 15px; text-align: center; display: flex; justify-content: center; align-items: center; padding: 0; font-weight: 500; position: relative; text-decoration: none !important;}
header .header-my-account a svg{width: 30px; height: 30px;}
header .header-my-account a::before{content: "\25BE"; position: absolute; top: 0; right: 10px; display: flex; justify-content: center; align-items: center; color: #fff; height : 100%; font-size: 19px; }
header .header-main-container .wp-block-site-logo a img{max-width: 150px; width: 100%; margin: 0 auto;}
/* main banner  */
.hp-main-banner{width: 100%; max-width: 100% !important; position: relative; margin: 0 !important; display: flex;}
.hp-main-banner .hp-inner-container{display: block;}
.hp-main-banner img{width: 100%; height: 100%;}
.hp-main-banner .hp-content-section{pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; display: flex;  align-items: center !important; bottom: 0; padding: 0 25px; z-index: 1; margin-left: 45px;}
.hp-main-banner .hp-content-section .hp-banner-content {max-width: 650px; width: 100%;}
.hp-main-banner .hp-content-section .hp-banner-content p{max-width: 535px; width: 100%;}
.hp-main-banner .hp-content-section .hp-banner-content h1{margin-bottom: 5px;}
.hp-main-banner .hp-content-section .banner-button-group{display: flex; justify-content: start; align-items: center !important; gap: 12px; height: auto !important;margin-top: 15px;}
.hp-main-banner .hp-content-section .banner-button-group > div{flex: none;}
.hp-main-banner .hp-content-section .banner-button-group a{transition: all 0.3s ease; min-width: 220px; height: 45px; border-radius: 10px; font-size: 16px; font-weight: 600; line-height: 45px; padding: 0 10px; text-transform: uppercase;}
.hp-main-banner .hp-banner-area .swiper-pagination span.swiper-pagination-bullet{cursor: pointer; opacity: 1; background-color: transparent; border: 1px solid #fff !important; width: 10px; height: 10px;}
.hp-main-banner .hp-banner-area .swiper-pagination span.swiper-pagination-bullet-active{background-color: #fff !important; opacity: 1; border: 1px solid #fff;}
.hp-main-banner .banner-button-group a:hover{background-color: #65B0AF !important; color: #fff !important;} 
.banner-button-group a, .hp-banner-content a, .hp-banner-content button{pointer-events: auto;}

/* features-container  */
.hp-features-container{margin: 0; background-color: #65B0AF; padding: 20px 0;}
.hp-features-container .hp-features-flex-container{display: flex; justify-content: center; align-items: center !important;;}
.hp-features-container  .feature-col{display: flex; justify-content: start; align-items: center; gap: 20px;}
.hp-features-container  .feature-col .features-content{margin-top: 0;}
.hp-features-container  .feature-col .features-content p{margin: 0; margin-top: 5px;}
.hp-features-container h4 a, .hp-features-container p a{text-decoration: none;}

/* partner container  */
.hp-partner-container{margin: 0; padding: 100px 0; background-image: url(/wp-content/uploads/2025/12/partner-bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.hp-partner-container .partner-btn-main a{ min-width: 195px; height: 40px; line-height: 40px; border-radius: 10px; background-color:#2C4156; padding: 0 10px;}
.hp-partner-container .hp-partner-flex-container{gap: 100px; align-items: center !important;}
.hp-partner-container .hp-partner-flex-container .para-content-width{max-width: 530px; width: 100%;}

/* video popup  */
/* COMMON MODAL BASE */
.video-modal, .stripe-video-modal { position: fixed; inset: 0; background: rgba(0, 0, 0, 0); display: flex; align-items: center; justify-content: center; z-index: 9999; padding: 20px; opacity: 0; visibility: hidden; pointer-events: none; backdrop-filter: blur(0px); transition: background .3s ease, backdrop-filter .3s ease, opacity .3s ease; } 
.video-modal.is-open, .stripe-video-modal.is-open { background: rgba(0, 0, 0, 0.75); backdrop-filter: blur(6px); opacity: 1; visibility: visible; pointer-events: auto; } 
.video-modal-content, .stripe-video-modal-content { position: relative; width: 100%; max-width: 860px; border-radius: 12px; overflow: hidden; box-shadow: 0 32px 80px rgba(0, 0, 0, 0.6); opacity: 0; transform: translateY(24px) scale(0.97); transition: opacity .3s ease, transform .3s ease; } 
.video-modal.is-open .video-modal-content, .stripe-video-modal.is-open .stripe-video-modal-content { opacity: 1; transform: translateY(0) scale(1); } 
.close-modal { position: absolute; top: 12px; right: 14px; z-index: 10; width: 32px; height: 32px; background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255,255,255,.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; font-size: 18px; line-height: 1; transition: background .2s, transform .2s; backdrop-filter: blur(4px); } 
.close-modal:hover { background: rgba(0,0,0,.5); transform: scale(1.1); }


/* way forward container  */
.way-forward-main-container{margin: 0; padding: 50px 0; background-color: #343434;}
.way-forward-main-container .way-forward-content-section{max-width: 620px; width: 100%; margin: 0 auto;} 
.way-forward-main-container .way-forward-content-section p{margin-top: 10px;} 
.way-swiper-parent-container{margin-top: 50px; padding:0 0 50px 0; position: relative;}
.way-forward-main-container .wf-service-card { background: white; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); height: 100%; display: flex; flex-direction: column;  }
.way-forward-main-container .wf-card-image { width: 100%; height: 200px; object-fit: cover; }
.way-forward-main-container .wf-card-body { padding:25px 36px; flex-grow: 1; display: flex; flex-direction: column; }
.way-forward-main-container .wf-card-heading { margin-bottom: 12px; color: #343434; text-align: center; }
.way-forward-main-container .wf-card-text { color: #343434; line-height: 1.6; margin-bottom: 25px; flex-grow: 1; text-align: center; } 
.way-forward-main-container .wf-card-btn { color: #5CA6A6; text-decoration: none; display: inline-flex; align-items: center; transition: color 0.3s ease; justify-content: center; }
.way-forward-main-container .wf-card-btn::after { content: '+'; margin-left: 5px; font-size: 20px; }  
.way-forward-main-container .swiper-slide { height: auto; }
.way-forward-main-container .swiper-pagination-bullets{bottom: 0 !important;}
.way-forward-main-container .swiper-pagination-bullet {background-color: transparent; border: 1px solid #fff;  opacity:1; width: 9px; height: 9px; } 
.way-forward-main-container .swiper-pagination-bullet-active {background: #ffff; opacity: 1; }

/* why choose container  */
.hp-why-choose-main-container{display: block; margin: 0; padding: 100px 0; background-image: url(/wp-content/uploads/2025/12/why-chose-bg-main-image.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.hp-why-choose-main-container .hp-why-choose-inner{margin: 0 auto !important;}
.hp-why-choose-main-container .why-choose-flex-container{align-items: center !important; gap: 10px;}
.hp-why-choose-main-container .why-choose-flex-container .why-chose-content-section{text-align: center; flex-basis: 45%;}
.hp-why-choose-main-container .why-choose-flex-container .why-chose-content-section .brand-images-flex{justify-content: center; gap: 0; width: 75%; margin: 0 auto;}
.hp-why-choose-main-container .why-choose-flex-container .why-chose-content-section .brand-images-flex .brand-image-col{flex-basis: 50%;}
.hp-why-choose-main-container .why-choose-flex-container .why-chose-content-section .why-choose-main-image img{max-width: 480px; width: 100%;}
.hp-why-choose-main-container .why-choose-flex-container .why-chose-content-section p{margin: 1px 0 24px 0 !important;}
.hp-why-choose-main-container .why-choose-flex-container .why-choose-cards-container{flex-basis:55% ;}
.hp-why-choose-main-container .why-choose-flex-container .why-choose-cards-container .cards-flex-container {gap: 20px;}
.hp-why-choose-main-container .why-choose-flex-container .why-choose-cards-container .card-section{display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #2C4156; padding: 31px 19px; text-align: center; min-height: 220px; border-radius: 15px;}
.hp-why-choose-main-container .why-choose-cards-container .card-section img{max-width: 55px; height: 55px; width: 100%;}

/* client slider section  */
.client-slider-section{margin: 0; padding: 30px 0; background-color: #F6F6F6;}
.forward-slider { overflow: hidden; width: 100%; } 
.client-track { display: flex; gap: 80px; width: max-content; animation: marquee 25s linear infinite; }
 .client-image { flex-shrink: 0; } .client-image img { display: block; height: 40px;} 
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }


/* stripe container with video  */
.stripe-main-wrapper { background: linear-gradient(to right, #4F8FC9 0%, #5CA6A6 97%, #5CA6A6 100%); padding: 100px 0; } 
.stripe-main-container-wrapper { max-width: 1360px; margin: 0 auto; display: flex; flex-direction: column; gap: 60px; padding: 0 20px; } 
.stripe-main-container-wrapper .stripe-flex-container { display: flex;gap: 20px; align-items: center; justify-content: space-between; } 
.stripe-main-container-wrapper .container-1 { flex-basis:45% ; } 
.stripe-main-container-wrapper h2 { font-size: 45px; font-weight: 600; line-height: 1.1; margin-bottom: 24px; color: #fff; } 
.stripe-main-container-wrapper .subtitle { font-size: 18px; line-height: 1.6; max-width: 500px; color: #fff; } 
.stripe-main-container-wrapper .container-2 { flex-basis: 55%; }

@keyframes marquee-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* stripe-service-container  */
.stripe-services-main-container{margin: 0;padding: 100px 0;  background: linear-gradient( to right, #4F8FC9 0%, #5CA6A6 97%, #5CA6A6 100% );}
.stripe-services-main-container .stripe-inner-container{margin: 0 auto !important;}
.stripe-services-main-container .stripe-inner-container .stripe-content-container, .stripe-services-main-container .stripe-inner-container .stripe-main-grid-services {flex-basis: 40%;}

.my-testimonials-section{padding: 0 10px ;}
/* google reviews section  */
.hp-google-reviews-main{margin: 0; padding: 100px 0; background-image: url(/wp-content/uploads/2025/12/google-reviews-bg-image.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.hp-google-reviews-main .hp-google-reviews-inner {margin: 0 auto !important; text-align: center;}
.hp-google-reviews-main .hp-google-reviews-inner .hp-google-reviews-content-section p{margin: 15px 0 12px 0;}
.hp-google-reviews-main .hp-google-reviews-inner .hp-google-reviews-content-section .hp-google-revies-icon-flex{justify-content: center; max-width: 315px; width: 100%; margin: 0 auto; gap: 0px;}
.hp-google-reviews-main .hp-google-reviews-content-section .hp-google-revies-icon-flex .reviews-icon-text{flex-basis: 45%;}
.hp-google-reviews-main .hp-google-reviews-content-section .hp-google-revies-icon-flex .reviews-icon-image{flex-basis: 0;}
.hp-google-reviews-inner .hp-google-reviews-content-section{margin-bottom: 50px;}

.my-testimonials-section .testimonials-swiper { padding: 0 0 80px 0; } 
.my-testimonials-section .testimonial-card {min-height: 358px; background: #fff; border-radius: 25px; padding: 30px 28px; text-align: center; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); border: 1px solid #343434; } 
.my-testimonials-section .testimonial-card .stars { font-size: 22px; color: #FBBC05; margin-bottom: 15px; letter-spacing: 3px; } 
.my-testimonials-section .testimonial-card .text { margin-top: 20px; color: #343434; min-height: 170px; } 
.my-testimonials-section .testimonial-card .client { color: #343434; margin-top: 23px;  }
.my-testimonials-section .stars { display: flex; justify-content: center; gap: 6px; margin-bottom: 15px; } 
.my-testimonials-section .stars .star { width: 30px; height: 28px; fill: #FBBC05; /* gold */ }
.my-testimonials-section .testimonials-swiper .swiper-pagination-bullets .swiper-pagination-bullet{opacity: 1; background-color: transparent; border: 1px solid #000; width: 10px; height: 10px;}
.my-testimonials-section .testimonials-swiper .swiper-pagination-bullets .swiper-pagination-bullet:focus{outline: none; }
.my-testimonials-section .testimonials-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #000; }

/* pricing-cards-container  */
.pricing-main-container{margin: 0; padding: 100px 0; background-image: url(/wp-content/uploads/2025/12/pricing-bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.pricing-main-container .pricing-content-section h2, .pricing-main-container .pricing-content-section p{color: #343434; text-align: center;}
.pricing-cards-wrapper { position: relative; }
.pricing-main-container .pricing-card{margin:  50px auto 0 auto; min-height: 550px; padding: 35px 21px; background-color: #ffffff; border-radius: 15px; box-shadow: 0 -3px 18.8px 0 rgba(0, 0, 0, 0.25);}
.pricing-main-container .pricing-card .plan-price{margin:25px 0 30px 0; }
.pricing-main-container .pricing-card  .plan-name,.pricing-main-container .pricing-card  .plan-price ,.pricing-main-container .pricing-card  .plan-price-btn{text-align: center;}
.pricing-main-container .pricing-card .plan-price-btn button{border: none; outline: none; border-radius: 10px; background-color: #2C4156; min-width: 322px; height: 55px; padding: 0;}
.pricing-main-container .pricing-card .plan-price-btn button:hover{background-color: #2C4156;}
.pricing-main-container .pricing-card .plan-price-btn button a{text-decoration: none; line-height: 55px; color: #ffffff; width: 100%; display: block;}
.pricing-main-container .pricing-card .pricing-description{margin: 21px 0 0 35px; min-height: 240px;}
.pricing-main-container .pricing-card .pricing-description ul li{margin: 12px 0 ;}
.pricing-main-container .pricing-card .additional-details-text{margin:35px 0 0 0; text-align: center; color: #579898;}
.pricing-main-container .pricing-card { position: relative; z-index: 5; }
.pricing-main-container .pricing-content-wrapper-bottom{max-width: 1120px; width: 100%; margin: 20px auto 0 auto;}
.pricing-main-container .pricing-content-wrapper-bottom p{color: #343434; text-align:center ;}
.pricing-main-container .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){border: 1px solid #000; background-color: transparent; width: 10px; height: 10px;}
.pricing-main-container .swiper-pagination-bullet-active{background-color: #000 !important;  width: 10px !important; height: 10px !important;}
.pricing-main-container .swiper-pricing-btn{position: absolute; top: 50%; transform: translateY(-50%); z-index: 20; display: flex; align-items: center; cursor: pointer;}
.pricing-main-container .swiper-pricing-prev{left: -60px;}
.pricing-main-container .swiper-pricing-next{right: -60px;}
.pricing-main-container .swiper-pricing-next:where(.wp-site-blocks *:focus), .pricing-main-container .swiper-pricing-prev{outline: none !important;}
.pricing-main-container .pricing-card .pricing-badge{position: absolute; top: -12px; left: 0; right: 0; display: flex; justify-content: center; align-items: center;  }
.pricing-main-container .pricing-card .pricing-badge button{background-color: #65B0AF;color: #fff; padding: 6px 10px; font-size: 14px; border: none; outline: none; border-radius: 17px; font-weight: 600;}


/* let us handle section  */
.let-us-handle-main{padding: 100px 0; margin: 0; background-image: url(/wp-content/uploads/2025/12/let-us-handle-bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.let-us-handle-main .let-us-handle-content-section{margin-bottom: 50px;}
.let-us-handle-main .let-us-handle-content-section > div {display: flex; justify-content: center; align-items: center; flex-direction: column;}
.let-us-handle-main .let-us-handle-content-section p{margin: 3px 0 20px 0;}
.let-us-handle-main .let-us-handle-content-section .let-us-handle-btn a{min-width: 210px; height: 45px; background-color: #fff; color: #2C4156; border-radius: 10px; line-height: 38px; padding: 0 32px;}
.let-us-handle-main .let-us-handle-cards .let-us-handle-card-flex {gap: 15px;}
.let-us-handle-main .let-us-handle-cards .let-us-handle-card {display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 25px 30px; background-color: #FFFFFF; box-shadow: 0 0 7.9px 0 rgba(0, 0, 0, 0.75) ; border-radius: 15px; min-height: 226px; border: 1px solid #343434;}
.let-us-handle-main .let-us-handle-cards .let-us-handle-card .let-us-handle-card-btn{margin-top: 45px;}
.let-us-handle-main .let-us-handle-cards .let-us-handle-card .let-us-handle-card-btn a{position: relative; background-color: #2C4156; min-width: 255px; height: 45px; border-radius: 10px; line-height: 45px; padding: 0 21px;}
.let-us-handle-main .let-us-handle-cards .let-us-handle-card .let-us-handle-card-btn a::after{content: url(/wp-content/uploads/2025/12/let-handle-arrow.png); position: absolute; top: 0; right: 45px; left: auto; display: flex; justify-content: center; align-items: center; height: 100%;}


/* partner logos  */
/* .partners-section { padding:40px 0 30px 0; background: #F6F6F6; }
.partners-slider-wrapper { display: flex; align-items: center; position: relative; } 
.partners-swiper { flex: 1; padding: 0 60px;  }
.partners-swiper .swiper-slide { display: flex; align-items: center; justify-content: center; } 
.partners-swiper img { max-height: 45px; width: auto; object-fit: contain;  }
.partners-nav { width: 35px; height: 35px; border-radius: 50%; background: #65B0AF; cursor: pointer; position: relative; flex-shrink: 0; } 
.partners-nav:focus{border: none; outline: none;}
.partners-prev::after { transform: translate(-50%, -50%) rotate(-135deg); content: ''; position: absolute; top: 50%; left: 58%; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff;   } 
.partners-next::after { transform: translate(-50%, -50%) rotate(45deg); content: ''; position: absolute; top: 50%; left: 45%; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff;  } */
.partners-content{margin-top: 30px; text-align: center;}

/* ------------------------- */
   /* GLOBAL FOR ALL BANNER */
/* ------------------------- */
.top-banner-inner{height: 100%;}
.top-banner-inner .top-banner-content-container{height: 100%; display: flex; justify-content: center; align-items: center !important; text-align: center;}
.top-banner-inner .top-banner-content-container p {max-width: 830px; width: 100%; margin: 0 auto;}
 .hp-google-reviews-inner{padding: 0;}
 
/* ------------------------- */
     /* SERVICE PAGE  */
/* ------------------------- */
.service-page-banner{min-height: 700px; height: 100%; background-image: url(/wp-content/uploads/2026/01/new-service-banner.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.service-why-chose-us-container{margin: 0; padding: 100px 0; background-image: url(/wp-content/uploads/2025/12/why-chose-banner-service.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.service-why-chose-us-container .why-chose-text{text-align: center; margin-bottom: 50px;}
.service-why-chose-us-container .why-chose-flex-container {align-items: center !important;}
.service-why-chose-us-container .why-chose-flex-container .why-chose-flex-content .why-chose-list{border-bottom: 1px solid #fff; padding-bottom: 15px}

.service-page-pricing-content{text-align: center; max-width: 750px; width: 100%; margin: 0 auto;}

.service-google-reviews-main{margin: 0; padding: 100px 0; }
.service-google-reviews-main .hp-google-reviews-inner {margin: 0 auto !important; text-align: center; }
.service-google-reviews-main .hp-google-reviews-inner .hp-google-reviews-content-section p{margin: 15px 0 12px 0;}
.service-google-reviews-main .hp-google-reviews-inner .hp-google-reviews-content-section .hp-google-revies-icon-flex{justify-content: center; max-width: 315px; width: 100%; margin: 0 auto; gap: 0px;}
.service-google-reviews-main .hp-google-reviews-content-section .hp-google-revies-icon-flex .reviews-icon-text{flex-basis: 45%;}
.service-google-reviews-main .hp-google-reviews-content-section .hp-google-revies-icon-flex .reviews-icon-image{flex-basis: 0;}

.faq-main-container{margin-top: 0; padding: 100px 0; background-image: url(/wp-content/uploads/2025/12/google-reviews-bg-image.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.faq-main-container .faq-text-container{text-align: center; margin-bottom: 50px;}
.faq-main-container .faq-right-container-main .faq-container-right-section{border: 1px solid #CFCFCF; background-color: #fff; padding: 70px 40px 90px 40px; border-radius: 10px;}
.faq-main-container .faq-right-container-main .faq-flex-content-right {display: flex; flex-direction: column; justify-self: center; align-items: center;}
.faq-main-container .faq-right-container-main .faq-flex-content-right figure{margin-bottom: 70px;}
.faq-main-container .faq-right-container-main .faq-flex-content-right .faq-text-content-wrapper {text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center !important;}
.faq-main-container .faq-right-container-main .faq-flex-content-right .faq-text-content-wrapper p{color: #454545;}
.faq-main-container .faq-right-container-main .faq-flex-content-right .faq-container-right-btn{margin-top: 47px;}
.faq-main-container .faq-right-container-main .faq-flex-content-right .faq-container-right-btn a{min-width: 300px; height: 60px; border-radius: 10px !important; font-size: 22px; font-weight: 700;}
.faq-main-container .faq-flex-list-main {flex-basis: 60% !important;}
.faq-main-container .faq-right-container-main {flex-basis: 30% !important;}
/* faq css  */
.faq-content-collections .faq-list-block {border: 1px solid #CFCFCF; background-color: #fff; padding: 18px;border-radius: 10px;}
.faq-content-collections .faq-list-block svg{width: 30px; height: 30px; color: #3D3D3D;}
.faq-content-collections .faq-list-block.is-open .accordion-item__toggle-icon{position: relative; transform:none ;}
.faq-content-collections .faq-list-block.is-open .accordion-item__toggle-icon svg{display: none;}
.faq-content-collections .faq-list-block.is-open .accordion-item__toggle-icon::before{position: absolute; top: 0; left: 0; right: 0; content: "\2212"; bottom: 0; font-size: 25px; color: #3D3D3D;}

/* ------------------------- */
     /* Pricing Plan PAGE  */
/* ------------------------- */
.pricing-page-banner{position: relative; min-height: 700px; height: 100%; background-image: url(/wp-content/uploads/2026/02/pricing-page-new-banner-pg.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.pricing-page-banner::before{content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); /* overlay color */ z-index: 1;}
.pricing-page-banner > * {position: relative; z-index: 2;}


/* ------------------------- */
     /* FAQ PAGE  */
/* ------------------------- */
.faq-page-banner{min-height: 700px; height: 100%; background-image: url(/wp-content/uploads/2025/12/faq-page-banner.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.faq-wrapper-main{margin-top: 0; padding: 100px 0; background-image: url(/wp-content/uploads/2025/12/google-reviews-bg-image.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.faq-wrapper-main .faq-page-heading{margin-bottom: 50px; text-align: center;}
.accordion-content__wrapper ul {margin-top:0;}
.accordion-content__wrapper ul li{margin-left: 30px;}

/* ------------------------- */
     /* ABOUT US PAGE  */
/* ------------------------- */
.about-page-banner{position: relative; min-height: 700px; height: 100%; background-image: url(/wp-content/uploads/2026/01/pricing-page-new-banner.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.about-page-banner::before{content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.3); /* overlay color */ z-index: 1;}
.about-page-banner > * {position: relative; z-index: 2;}
.about-us-hexagon-section{margin-top: 0; padding: 70px 0 100px 0; background-image: url(/wp-content/uploads/2025/12/google-reviews-bg-image.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.evolution-timeline-title {text-align: center; font-size: 45px; font-weight: 700; color: #343434; margin-bottom: 50px;}
.evolution-timeline-wrapper {position: relative; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 20px;}
.evolution-timeline-item {position: relative; width: 190px; text-align: center;}
.evolution-timeline-item.row-top {margin-top: 0;}
.evolution-timeline-item.row-bottom {margin-top: 180px;}
.evolution-hexagon-wrapper {position: relative; width: 170px; height: 200px; margin: 0 auto 20px auto;}
.evolution-hexagon {width: 100%; height: 100%; background-size: cover; background-position: center; position: relative; z-index: 2; background-repeat: no-repeat;}
.evolution-year {font-size: 20px; font-weight: 700; color: #343434; margin-bottom: 5px;}
.evolution-description {font-size: 16px; color: #343434;}
.evolution-hexagon-1 {background-image: url('/wp-content/uploads/2025/12/evolution-1.png');}
.evolution-hexagon-3 {background-image: url('/wp-content/uploads/2025/12/evolution-2.png');}
.evolution-hexagon-5 {background-image: url('/wp-content/uploads/2025/12/evolution-3.png');}
.evolution-hexagon-2 {background-image: url('/wp-content/uploads/2025/12/evolution-4.png');}
.evolution-hexagon-4 {background-image: url('/wp-content/uploads/2025/12/evolution-5.png');}
.evolution-hexagon-6 {background-image: url('/wp-content/uploads/2025/12/evolution-6.png');}

.our-commitment-wrapper-main {padding: 100px 0;}
.our-commitment-wrapper-main .our-commitment-content-container{text-align: center; margin-bottom: 70px;}
.our-commitment-wrapper-main .our-commitment-content-container h2{color: #343434;}
.our-commitment-wrapper-main .our-commitment-content-container p{max-width: 865px; margin: 20px auto 0 auto; width: 100%;}
.our-commitment-wrapper-main .commitment-flex-boxes{gap: 20px;}
.our-commitment-wrapper-main .commitment-box{background-color: #2C4156; border-radius: 25px; padding: 48px 26px; text-align: center; min-height: 245px; display: flex; justify-content: center; align-items: center; flex-direction: column;} 
.delivered-mission-main-wrapper {padding: 100px 0; margin: 0; background-image: url(/wp-content/uploads/2025/12/delivered-mission-bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.delivered-mission-main-wrapper .delivered-mission-content  {text-align: center; margin-bottom: 80px;}
.delivered-mission-main-wrapper .delivered-mission-content-inner h2:not(:first-child) {margin-top: 50px;}

.join-our-team-wrapper-main{padding: 100px 0; margin: 0; background-image: url(/wp-content/uploads/2025/12/join-team-bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.join-our-team-wrapper-main .join-our-team-flex {align-items: center !important;}
.join-our-team-wrapper-main .join-our-team-flex h2{color: #343434;}
.join-our-team-wrapper-main .join-our-team-flex .wp-block-buttons .wp-block-button__link{min-width:200px ; height: 45px; text-transform: uppercase; background-color: #2C4156 ; padding: 0 10px;}

/* ------------------------- */
     /* Resource Us PAGE  */
/* ------------------------- */
.resource-page-banner{position: relative; min-height: 700px; height: 100%; background-image: url(/wp-content/uploads/2026/01/resource-page-banner.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.resource-page-banner::before{content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.3); /* overlay color */ z-index: 1;}
.resource-page-banner > * {position: relative; z-index: 2;}
.resource-page-banner .search-form-resource-page{background: transparent;}
.resource-page-banner .search-form-resource-page .wp-block-search__inside-wrapper {border: 0; margin: 0px auto; max-width: 600px; background: #ffff; border-radius: 35px;}
.resource-page-banner .search-form-resource-page .wp-block-search__inside-wrapper button.wp-block-search__button{background: transparent; padding: 12px 20px; border-left: 1px solid #a9a9a9; border-radius: 0;}
.resource-page-banner .search-form-resource-page .wp-block-search__inside-wrapper button.wp-block-search__button svg{fill: #000; width: 30px; height: 30px;}
.resource-boxes-section{padding: 50px 0; background-image: url(/wp-content/uploads/2026/01/resource-box-bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.resource-boxes-section .resource-boxes-flex {gap: 10px;}
.resource-boxes-section .resource-box{background-color: #000; padding: 20px 18px; border: 1px solid #fff; border-radius: 5px; text-align: center;}
.resource-boxes-section .resource-box img{height: 50px !important; object-fit: contain;}
.resource-boxes-section .resource-box a{text-decoration: none;}

/* ------------------------- */
     /* PRIVACY POLICY PAGE  */
/* ------------------------- */
.privacy-page-banner{min-height: 700px; height: 100%; background-image: url(/wp-content/uploads/2026/01/privacy-page-banner.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.privacy-policy-main-container{padding: 100px 0;}
.privacy-policy-main-container .policy-width-container {max-width: 1080px; margin: 0 auto; width: 100%;}
.privacy-policy-main-container .primary-heading{color: #114051;}
.privacy-policy-main-container .policy-para-content{margin: 28px 0;}
.privacy-policy-main-container .policy-para-content ul{padding-left: 30px;}

/* ------------------------- */
     /* TERMS & CONDITIONS PAGE  */
/* ------------------------- */
.terms-condition-page-banner{min-height: 700px; height: 100%; background-image: url(/wp-content/uploads/2026/02/terms-and-condition.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}

/* ------------------------- */
     /* Contact Us PAGE  */
/* ------------------------- */
.contact-page-banner{min-height: 700px; height: 100%; background-image: url(/wp-content/uploads/2026/01/contact-us-banner.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.contact-form-main-container{padding: 100px 0; background-image: url(/wp-content/uploads/2025/12/google-reviews-bg-image.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.contact-form-main-container .contact-page-faq-heading > h2{margin-bottom:50px; margin-top: 60px; color: #183A4A;}
.contact-form-main-wrapper .contact-form-inner-wrapper{max-width: 540px; width: 100%; margin: 0 auto; padding: 50px 40px; background: #183A4A; border-radius: 25px;}
.contact-form-main-wrapper .contact-form-inner-wrapper select, .contact-form-main-wrapper .contact-form-inner-wrapper input{margin-top: 10px; width: 100%; background: #3E5C6A; border: 1px solid #4F6F7D; color: #FFFFFF; border-radius: 12px; height: 47px; line-height: 47px; padding: 0 10px; font-size: 16px;}
.contact-form-main-wrapper .contact-form-inner-wrapper .form-group{margin: 15px 0 0 0;}
.contact-form-main-wrapper .contact-form-inner-wrapper .form-group label{margin: 10px 0; color: #fff; font-family: "Inter"; font-weight: 400; font-size: 16px;}
.contact-form-main-wrapper .contact-form-inner-wrapper .form-group .wpcf7-not-valid-tip{font-size: 15px; margin-top: 10px;}
.contact-form-main-wrapper .contact-form-inner-wrapper textarea{font-size: 15px; font-family: "Inter"; resize: none; margin-top: 10px; width: 100%; background: #3E5C6A; border: 1px solid #4F6F7D; color: #FFFFFF; border-radius: 12px;  padding:15px 10px;}
.contact-form-main-wrapper .contact-form-inner-wrapper .form-group--submit .wpcf7-submit{cursor: pointer; background-color: #65B0AF; font-size: 16px; font-weight: 600; text-transform: uppercase;}
.contact-form-main-wrapper .contact-form-inner-wrapper .form-group--submit .wpcf7-submit:focus{border: none; outline: none;}
.contact-form-main-wrapper .contact-form-inner-wrapper  .wpcf7-spinner{margin: 20px auto 0 auto; text-align: center; display: flex; justify-content: center; align-items: center;}
.contact-form-main-wrapper .contact-form-inner-wrapper .wpcf7-response-output{border: none; font-size: 17px !important; margin: 10px 0; color: #fff !important;}

/* ------------------------- */
     /* Career PAGE  */
/* ------------------------- */
.career-page-banner{position: relative; min-height: 700px; height: 100%; background-image: url(/wp-content/uploads/2026/01/career-bg-image.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.career-page-banner::before{content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.4); /* overlay color */ z-index: 1;}
.career-page-banner > * {position: relative; z-index: 2;}
.career-page-banner .career-pgae-banner-btn{display: flex; justify-content: center;}
.career-page-banner .career-pgae-banner-btn a{background-color: #65B0AF; color: #fff; border-radius: 10px; min-width: 220px; height: 45px; line-height: 45px; padding: 0; font-size: 16px; font-weight: 400;}
.career-image-with-text {padding: 80px 0;}
.career-image-with-text .career-flex{align-items: center !important;}
.career-our-values-main {padding: 100px 0; background-image: url(/wp-content/uploads/2025/12/partner-bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.career-our-values-main h2{text-align: center; margin-bottom: 60px;}
.career-perks-main{padding: 100px 0;}
.career-perks-main h2{margin-bottom: 45px;}
.career-perks-main .flex-second-wrapper{margin-top: 45px;}
.career-opening-jobs-container{margin-top: 75px;}

.career-opening-container-main.career-none{display: none !important;}

.career-opening-container-main { padding: 100px 0; margin: 0; background-image: url(/wp-content/uploads/2025/12/delivered-mission-bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.career-opening-wrapper { max-width: 1280px; margin: 0 auto; padding: 0 20px; }

.career-opening-header { text-align: center; margin-bottom: 60px; }
.career-opening-header .come-join-us { color: #ffffff; margin-bottom: 15px; }
.career-opening-header h2 { color: #ffffff; margin-bottom: 15px; line-height: 1.2; }
.career-opening-header .subtitle {  color: #ffffff; opacity: 0.95; } 
.career-jobs-list { display: flex; flex-direction: column; gap: 20px; } 
.career-opening-job-box { padding: 25px 40px; background-color: #fff; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); transition: all 0.3s ease; cursor: pointer; text-decoration: none; display: block; }
.career-opening-job-box:hover { transform: translateY(-3px); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15); } 
.career-inner-job-flex { display: flex; justify-content: space-between; align-items: center !important; gap: 20px; } 
.career-job-title{ width: 60%; }
.career-job-title h3 {  margin: 0; line-height: 1.4; } 
.career-job-right { display: flex; align-items: center; gap: 30px; width: 40%; justify-content: space-between;     margin-right: 60px; } 
.career-job-date p:first-child { color: #A29F9F; margin-bottom: 5px;}
.career-job-date p:nth-child(2) { margin-top: 0; color: #000000; } 
.career-job-arrow { width: 24px; height: 24px; flex-shrink: 0; } 
.career-job-arrow img { width: 100%; height: 100%; object-fit: contain; }
.career-job-btn-wrapper .career-job-btn{min-width: 120px; height: 40px; background-color: #65B0AF; color: #fff; border: none; outline: none; border-radius: 10px;}
.career-job-btn-wrapper .career-job-btn a{width: 100%; font-size: 16px; font-weight: 600; text-decoration: none; display: block; height: 100%; line-height: 40px;}


.career-job-deadline .is-layout-flex{align-items: center !important;}
.career-jobs-flex-wrapper {flex-direction: column; gap: 20px ;}

.career-team-main-container{padding: 100px 0;}
.career-team-main-container .career-team-content-section{margin-bottom: 30px;}
.career-team-main-container h2{margin-bottom: 15px;}
.career-job-pagination{margin-top: 50px; text-align: center;}
.career-job-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){border: 1px solid #000; background-color: transparent; width: 10px; height: 10px;}
.career-job-pagination .swiper-pagination-bullet-active{background-color: #000 !important;  width: 10px !important; height: 10px !important;}

/* ------------------------- */
     /* PRODUCT DETAIL PAGE   */
/* ------------------------- */
.product-main-wrapper .product-card-wrapper .product-title{display: block !important;}
.product-main-wrapper .product-page-image-wrapper{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.product-main-wrapper .product-page-image-wrapper .woocommerce-product-gallery__trigger {right: -1.5em !important;  top: -1.5em !important;}
.product-main-wrapper .product-page-image-wrapper .product-title {font-size: 20px; font-weight: 500; letter-spacing: -0.5px; color:#65B0AF ;}
.product-main-wrapper .product-page-content-wrapper .product-title{font-size: 45px; font-weight: 600; letter-spacing: -1px;}
.product-main-wrapper .product-page-content-wrapper .product-price{font-size: 30px !important; color: #65B0AF; font-weight: 600; letter-spacing: -1px;}
.product-main-wrapper .product-page-content-wrapper .product-excerpt-data{margin-top: 14px;}
.product-main-wrapper .product-page-content-wrapper .product-excerpt-data ul{margin-left: 12px;}
.product-main-wrapper .product-page-content-wrapper .product-excerpt-data > *{font-size: 18px; font-weight: 400;}
.product-main-wrapper .product-page-content-wrapper .product-add-to-cart form{display: block; margin-bottom: 15px !important;}
.product-main-wrapper .product-page-content-wrapper .product-add-to-cart form button{width: 100%; border-radius: 10px; background:linear-gradient(135deg, #65B0AF 0%, #2C7A7B 100%) ;}
.product-main-wrapper  .product-page-long-description ul.tabs {margin-bottom: 18px !important; border-bottom: 1px solid #ccc !important;}
.product-main-wrapper  .product-page-long-description ul.tabs li{font-size: 20px;}
.product-main-wrapper  .product-page-long-description ul.tabs li.active{border-bottom: 3px solid #000 !important;}
.product-main-wrapper  .product-page-long-description .woocommerce-tabs .woocommerce-Tabs-panel--description h2:first-child{display: none;}
.product-main-wrapper  .product-page-long-description .woocommerce-tabs .woocommerce-Tabs-panel--description > *{font-size: 18px;}
.product-page-related-products h2{font-weight: 600; font-size: 34px;}
.product-page-related-products .is-product-collection-layout-carousel .wc-block-product{min-width: 23%;}
.product-page-related-products li.product{background: #f8f9ff; border-radius: 16px; padding: 32px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; cursor: pointer;}
.product-page-related-products li.product h3{display: block !important; font-size: 18px; font-weight: 700; color: #1a1a1a; margin-bottom: 12px;}
.product-page-related-products li.product .wp-block-button.wc-block-components-product-button{display: none;}
.product-page-related-products li.product .woocommerce-Price-amount.amount{font-size: 26px; font-weight: 700; color: #65B0AF; margin-bottom: 20px;}
.product-page-related-products li.product .add_to_cart_button{border-radius: 10px; text-transform: uppercase; padding: 12px 20px; font-weight: 500; letter-spacing: 1px;}
.product-page-related-products li.product img{height: 200px;}

/* ------------------------- */
     /* FOOTER   */
/* ------------------------- */
footer .footer-main-container {padding: 0 !important;}
footer .footer-main-container .footer-inner{padding: 64px 20px;}
footer .footer-main-container nav ul li a span{color: #2C4156;}
footer .footer-main-container .footer-social-media-icons .footer-social-media-flex{gap: 10px;}
footer .footer-main-container .footer-copyright-section { margin: 0; width: 100%; background: #579898; max-width: 100%; padding: 15px; color: #fff; text-align: center;}
footer .footer-main-container .footer-copyright-section p{ letter-spacing: 2.4px;}

/* ------------------------- */
     /* SEARCH   */
/* ------------------------- */
body.search .wp-block-search__button-outside{margin-bottom: 25px;}

@media screen and (max-width: 1450px){
     .pricing-main-container .swiper-pricing-btn{display: none;}
}

@media screen and (min-width:768px) and (max-width: 1200px){
     .let-us-handle-main .let-us-handle-cards .let-us-handle-card .let-us-handle-card-btn a{min-width: 210px;}
     .let-us-handle-main .let-us-handle-cards .let-us-handle-card .let-us-handle-card-btn a::after{right: 14px;}
     .pricing-main-container .pricing-card .plan-price-btn button{min-width: 240px; width: 100%;}
}

@media screen and (min-width:768px){    
     /* removing account link on desktop */
     .my-account-nav-link{display: none !important;}
     body.page-template-wp-custom-template-page-with-banner-header header nav ul.wp-block-navigation__container li a:not(:hover){color: #fff !important;}
     header nav ul.wp-block-navigation__container li a:hover{color: #65B0AF !important;}
     .pricing-main-container .pricing-cards{padding:0 6px 100px 6px;}
}

@media screen and (max-width:1025px){
     /* global styles  */
     .text-xl{ font-size: 45px; }
     .text-lg{ font-size: 35px; line-height: 45px; }
     .text-md{ font-size: 19px; }
     .text-sm{ font-size: 16px; }
     .text-24{ font-size: 18px; }
     .text-18{font-size: 16px;}
     .text-16{font-size: 15px;}
     body.page-template-wp-custom-template-page-with-banner-header header nav ul.wp-block-navigation__container{gap: 23px !important;}
}

@media screen and (max-width:767px){
     /* global styles  */
     .hidden-mobile{display: none;}
     .text-xl{ font-size: 40px; }
     .text-lg{ font-size: 30px; line-height: 40px; }
     .text-md{ font-size: 19px; }
     .text-sm{ font-size: 16px; }
     .text-24{ font-size: 18px; }
     .text-18{font-size: 16px;}
     .text-16{font-size: 15px;}
     /* body.home header .wp-container-core-group-is-layout-e088cbc5{display: none;} */
     .header-my-account-main-btn{display: none !important;}
     .fc-container{padding: 0 15px;}
     .wp-block-group.alignfull.wc-blocks-pattern-header-essential.wc-blocks-header-pattern.header-main-container.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-24c6133a.wp-block-group-is-layout-flex{padding: 0 10px !important;}
     /* home banner  */
     .hp-main-banner{height: 100vh;}
     .hp-main-banner .hp-inner-container ,.hp-main-banner .hp-inner-container .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex,.hp-main-banner .hp-inner-container .wp-container-core-columns-is-layout-28f84493 figure,.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex , .hp-main-banner .hp-inner-container .wp-container-core-columns-is-layout-28f84493 figure ,.hp-main-banner .hp-inner-container .wp-container-core-columns-is-layout-28f84493 figure img {height: 100% !important;}
     .hp-main-banner .hp-inner-container .wp-container-core-columns-is-layout-28f84493 figure img {object-fit: cover;}
     .hp-main-banner img{height: 100%; object-fit: cover;}
     .hp-main-banner .hp-content-section .hp-banner-content{max-width: 400px;}
     .hp-main-banner .hp-content-section{margin-left: 0px; padding: 0 10px;}
     .hp-main-banner .hp-content-section .banner-button-group .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{ flex-basis: auto !important;}
     .hp-main-banner .hp-content-section .banner-button-group a{  min-width: 170px; height: 35px; font-size: 14px; line-height: 35px;  padding: 0 6px;}
     .partners-swiper img{max-width: 130px; height: auto;}
     .stripe-main-wrapper{padding: 50px 0;}
     .stripe-main-container-wrapper .stripe-flex-container { flex-direction: column; gap: 40px; } 
     .stripe-main-container-wrapper .container-1 { flex-basis:100% ; } 
     .stripe-main-container-wrapper h2 { font-size: 30px; } 
     .stripe-main-container-wrapper .subtitle { font-size: 16px; } 
     .stripe-main-container-wrapper .container-2 { flex-basis: 100%; }
     .full-height-container{height: 100%;}
     .hp-features-container {padding: 30px 0;}
     .hp-features-container .feature-col{justify-content: center; flex-direction: column;}
     .hp-features-container .feature-col .features-content{text-align: center;}
     .hp-partner-container .hp-partner-flex-container{gap: 50px;}
     .way-swiper-parent-container{margin-top: 0; padding: 50px 0;}
     .hp-why-choose-main-container .why-choose-flex-container {gap: 30px;}
     .hp-why-choose-main-container .brand-images-flex{gap: 15px;}
     .hp-why-choose-main-container .brand-images-flex .brand-image-col{flex-basis: 45% !important;}
     .pricing-main-container .pricing-card{max-width: 100%;}
     .pricing-main-container .pricing-cards{padding: 0 0 70px 0;}
     .pricing-main-container .pricing-cards .swiper-pricing-pagination .swiper-pagination-bullet {border: 1px solid #000; background-color: transparent; width: 10px; height: 10px;}
     .pricing-main-container .pricing-cards .swiper-pricing-pagination .swiper-pagination-bullet-active{background-color: #000; border: 1px solid #000;}
     .pricing-main-container .pricing-card{box-shadow: none;}
     .pricing-main-container .pricing-card .plan-price-btn button{min-width: 300px; width: 100%;}
     .swiper-pricing-btn{display: none !important;}
     .let-us-handle-main .let-us-handle-content-section > div{display: flex; flex-direction: column; justify-content: center; align-items: center !important;}
     .let-us-handle-main .let-us-handle-content-section h2{text-align: center;}      
     .let-us-handle-main .let-us-handle-cards .let-us-handle-card {min-height: 160px; max-height: 200px;}
     .let-us-handle-main .let-us-handle-content-section > div{align-items: start;}
     .let-us-handle-main .let-us-handle-content-section p{ margin: 15px 0 6px 0;}
     .faq-content-collections .faq-list-block{padding: 12px;}
     .faq-main-container .faq-right-container-main .faq-container-right-section{padding:45px 15px;}
     .hp-google-reviews-main, .let-us-handle-main, .hp-partner-container, .hp-why-choose-main-container,
     .stripe-services-main-container,.pricing-main-container,.service-why-chose-us-container,
     .service-google-reviews-main, .faq-main-container, .about-us-hexagon-section,.our-commitment-wrapper-main, .delivered-mission-main-wrapper ,
     .join-our-team-wrapper-main{padding: 50px 0;}
     .evolution-timeline-title {font-size: 30px; }    
     .evolution-timeline-wrapper{flex-direction:column ; align-items: center;}
     .evolution-timeline-item{margin: 30px 0;}
     .evolution-timeline-item.row-bottom{margin-top: 0;}
     .evolution-hexagon-wrapper{width: 209px; height: 240px;}
     .our-commitment-wrapper-main .our-commitment-content-container{margin-bottom: 30px;}
     .our-commitment-wrapper-main .commitment-box{padding: 25px 15px;}
     .delivered-mission-main-wrapper .delivered-mission-content{margin-bottom: 50px;}
     .contact-form-main-container{padding: 50px 0; }
     .contact-form-main-container .contact-page-faq-heading > h2{margin-bottom:20px; margin-top: 0px;}
     .resource-page-banner{background-position: 80% 35%;}
     .resource-page-banner .search-form-resource-page .wp-block-search__inside-wrapper{max-width: 350px; width: 100% !important; margin: 0 auto;}
     .resource-page-banner .search-form-resource-page{padding: 0;}
     .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.resource-box{flex-basis: 45% !important;}
     .career-opening-jobs-container{margin-top: 40px;}
     .career-opening-container-main .career-opening-job-box{padding: 20px;}
     .career-team-slider-wrapper .team-member-card img{width: 100%;}
     .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.career-job-date{flex-basis: 45% !important;}
     .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.career-job-image{flex-basis: 25% !important;}
     .career-inner-job-flex{flex-direction: column; justify-content: start;}
     .career-job-title, .career-job-right{width: 100%;}
     .career-job-right{margin: 0;}
     .career-job-pagination{margin: 50px auto; display: flex; justify-content: center; align-items: center;}
     .career-image-with-text, .career-our-values-main, .career-perks-main, .career-opening-container-main, .career-team-main-container{padding: 50px 0;}
     .career-opening-header{margin-bottom: 30px;}
     .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.perks-box-wrapper{flex-basis: 45% !important;}
     .privacy-policy-main-container{padding: 50px 0;}
     footer .footer-main-container .footer-inner{padding: 30px 0;}
     footer .footer-flex-container {flex-direction: column; gap: 50px; padding: 0 20px ;}
     footer .footer-flex-container .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-icon-main {flex-basis: 15% !important;}
     footer .footer-main-container .footer-social-media-icons .footer-social-media-flex{gap: 5px;}
     /* pdp page  */
     .product-main-wrapper{padding: 20px !important;}
     .product-main-wrapper .product-page-content-wrapper .product-title{font-size: 30px;}
     html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li{border-left: 0 !important;}
     .product-main-wrapper .product-page-long-description ul.tabs{display: flex;}
     .product-page-related-products li.product{padding: 20px 2px;}
}

@media screen and (max-width:400px){
    .pricing-main-container .pricing-card{padding: 20px 0;}
}



/* Stripe css  */
/* .stripe-main-wrapper {
     background: linear-gradient(to right, #4F8FC9 0%, #5CA6A6 97%, #5CA6A6 100%);
     padding: 100px 0;
}
.stripe-main-container-wrapper {
     max-width: 1360px;
     margin: 0 auto;
     display: flex;
     flex-direction: column;
     gap: 60px;
     padding: 0 20px;
}

.stripe-main-container-wrapper .stripe-flex-container {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     align-items: center;
     justify-content: space-between;
}

.stripe-main-container-wrapper .container-1 {
     flex: 1;
     min-width: 300px;
     max-width: 500px;
}

.stripe-main-container-wrapper h2 {
     font-size: 45px;
     font-weight: 600;
     line-height: 1.1;
     margin-bottom: 24px;
     color: #fff;
}

.stripe-main-container-wrapper .subtitle {
     font-size: 18px;
     line-height: 1.6;
     max-width: 500px;
     color: #fff;
}

.stripe-main-container-wrapper .container-2 {
     flex: 1;
     display: flex;
     justify-content: end;
     align-items: flex-start;
}

.stripe-main-container-wrapper .grid-wrapper {
     position: relative;
     width: 720px;
     height: 700px;
     margin: 0;
     flex-shrink: 0;
}

.stripe-main-container-wrapper svg.svg-connections {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     z-index: 1;
     overflow: visible;
}

.stripe-main-container-wrapper .product-grid {
     position: relative;
     z-index: 2;
     width: 100%;
     height: 100%;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-template-rows: repeat(6, 1fr);
     gap: 12px;
     grid-template-areas:
          ". tax . ."
          "billing . invoicing checkout"
          ". payments . climate"
          "connect . radar ."
          ". terminal capital ."
          "identity issuing . treasury";
}

.stripe-main-container-wrapper .product-icon.atlas,
.stripe-main-container-wrapper .product-icon.sigma,
.stripe-main-container-wrapper .product-icon.elements {
     display: none;
}

.stripe-main-container-wrapper .product-icon {
     display: flex;
     gap: 15px;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 4px;
     border-radius: 12px;
     background: transparent;
     border: 2px solid #fff;
     backdrop-filter: blur(2px);
     transition: all .25s ease;
     cursor: pointer;
     opacity: .2;
     user-select: none;
     max-width: 100px;
     height: 100px;
     position: relative;
     z-index: 2;
}

.stripe-main-container-wrapper .product-icon .icon-svg {
     width: 30px;
     height: 30px;
     display: block;
}

.stripe-main-container-wrapper .product-icon .icon-label {
     font-size: 12px;
     font-weight: 600;
     color: #fff;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     transition: opacity .25s ease;
}

.stripe-main-container-wrapper .product-icon:hover {
     transform: scale(1.06);
     background: rgba(255, 255, 255, 0.08);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
     opacity: 1;
}

.stripe-main-container-wrapper .product-icon:hover .icon-label {
     opacity: 0.7;
     visibility: visible;
}

.stripe-main-container-wrapper .product-icon.active {
     transform: scale(1.06);
     background: #fff;
     box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
     opacity: 1;
     z-index: 10;
     border-color: transparent;
}

.stripe-main-container-wrapper .product-icon.active .icon-svg,
.stripe-main-container-wrapper .product-icon.active .icon-label {
     opacity: 1;
     visibility: visible;
}

.stripe-main-container-wrapper .product-icon.active .icon-label {
     color: #000;
}

.stripe-main-container-wrapper .product-icon:hover {
     transform: scale(1.06);
     background: #fff;
     box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
     opacity: 1;
     z-index: 10;
     border-color: transparent;
}

.stripe-main-container-wrapper .product-icon:hover .icon-label {
     color: #000;
}

.stripe-main-container-wrapper .product-icon:not(.active):not(:hover) .icon-svg path,
.stripe-main-container-wrapper .product-icon:not(.active):not(:hover) .icon-svg circle,
.stripe-main-container-wrapper .product-icon:not(.active):not(:hover) .icon-svg rect,
.stripe-main-container-wrapper .product-icon:not(.active):not(:hover) .icon-svg polygon,
.stripe-main-container-wrapper .product-icon:not(.active):not(:hover) .icon-svg ellipse {
     fill: #c4ccd8 !important;
}

.stripe-main-container-wrapper .tax {
     grid-area: tax;
}

.stripe-main-container-wrapper .billing {
     grid-area: billing;
}

.stripe-main-container-wrapper .invoicing {
     grid-area: invoicing;
}

.stripe-main-container-wrapper .capital {
     grid-area: capital;
}

.stripe-main-container-wrapper .treasury {
     grid-area: treasury;
}

.stripe-main-container-wrapper .atlas {
     grid-area: atlas;
}

.stripe-main-container-wrapper .payments {
     grid-area: payments;
}

.stripe-main-container-wrapper .climate {
     grid-area: climate;
}

.stripe-main-container-wrapper .radar {
     grid-area: radar;
}

.stripe-main-container-wrapper .connect {
     grid-area: connect;
}

.stripe-main-container-wrapper .terminal {
     grid-area: terminal;
}

.stripe-main-container-wrapper .checkout {
     grid-area: checkout;
}

.stripe-main-container-wrapper .issuing {
     grid-area: issuing;
}

.stripe-main-container-wrapper .identity {
     grid-area: identity;
}

.stripe-main-container-wrapper .sigma {
     grid-area: sigma;
}

.stripe-main-container-wrapper .elements {
     grid-area: elements;
}

.stripe-main-container-wrapper .connection-path {
     fill: none;
     stroke-width: 2;
     stroke-linecap: round;
     stroke-linejoin: round;
     opacity: 0;
     transition: opacity .4s ease;
     filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.stripe-main-container-wrapper .connection-path.visible {
     opacity: 1;
} */

/* ========== RESPONSIVE DESIGN ========== */

/* Mobile portrait */
/* @media (max-width: 767px) {
     .stripe-main-container-wrapper {
          gap: 40px;
          padding: 0 15px;
     }

     .stripe-main-container-wrapper .stripe-flex-container {
          flex-direction: column;
          gap: 30px;
     }

     .stripe-main-container-wrapper .container-1 {
          text-align: center;
     }

     .stripe-main-container-wrapper h1 {
          font-size: 32px;
          margin-bottom: 16px;
     }

     .stripe-main-container-wrapper .subtitle {
          font-size: 16px;
     }

     .stripe-main-container-wrapper .grid-wrapper {
          width: 100%;
          height: 400px;
          max-width: 400px;
     }

     .stripe-main-container-wrapper .product-icon {
          height: 70px;
          max-width: 70px;
          border-radius: 5px;
          margin-bottom: 20px;
          box-sizing: border-box !important;
          position: relative;
          overflow: visible;
     }

     .stripe-main-container-wrapper .product-icon .icon-svg {
          width: 30px;
          height: 30px;
     }

     .stripe-main-container-wrapper .icon-label {
          font-size: 10px;
     }

     .stripe-main-container-wrapper .grid-wrapper {
          height: 350px;
     }

     .stripe-main-container-wrapper .product-grid {
          gap: 8px;
     }

} */

/* Mobile landscape / Small tablet (600px - 768px) */
/* @media (min-width: 600px) and (max-width: 768px) {
     .stripe-main-container-wrapper .grid-wrapper {
          width: 500px;
          height: 500px;
     }

     .stripe-main-container-wrapper .product-icon {
          height: 80px;
     }

     .stripe-main-container-wrapper .product-icon .icon-svg {
          width: 24px;
          height: 24px;
     }

     .stripe-main-container-wrapper .product-icon.atlas,
     .stripe-main-container-wrapper .product-icon.sigma,
     .stripe-main-container-wrapper .product-icon.elements {
          display: flex;
     }
} */

/* Tablet (≥600px) - Show Atlas, Sigma, Elements */
/* @media (min-width: 600px) {

     .stripe-main-container-wrapper .product-icon.atlas,
     .stripe-main-container-wrapper .product-icon.sigma,
     .stripe-main-container-wrapper .product-icon.elements {
          display: flex;
     }
} */

/* Desktop (≥768px) - full 6x6 layout */
/* @media (min-width: 768px) {
     .stripe-main-container-wrapper .container-2 {
          min-width: 500px;
     }

     .stripe-main-container-wrapper .product-grid {
          grid-template-columns: repeat(6, 1fr);
          grid-template-rows: repeat(6, 1fr);
          gap: 18px;
          grid-template-areas:
          ". . tax . . ."
          "billing . . invoicing capital ."
          ". atlas payments climate . treasury"
          "connect . . radar . ."
          ". . terminal checkout issuing ."
          ". identity . . sigma elements";
     }

     .stripe-main-container-wrapper .product-icon {
          height: 100px;
     }

     .stripe-main-container-wrapper .product-icon .icon-svg {
          width: 30px;
          height: 30px;
     }
} */

/* Tablet landscape (768px - 1024px) */
/* @media (min-width: 768px) and (max-width: 1024px) {
     .stripe-main-container-wrapper .grid-wrapper {
          width: 600px;
          height: 620px;
     }

     .stripe-main-container-wrapper h1 {
          font-size: 44px;
     }
} */

/* Large tablets / Small desktops (1024px - 1200px) */
/* @media (max-width: 1024px) {
     .stripe-main-container-wrapper .stripe-flex-container {
          flex-direction: column;
          align-items: center;
          gap: 100px;
     }

     .stripe-main-container-wrapper .container-1 {
          max-width: 100%;
          text-align: center;
     }

     .stripe-main-container-wrapper .container-2 {
          width: 100%;
          justify-content: center;
     }

     .stripe-main-container-wrapper h1 {
          font-size: 40px;
     }
} */

/* Larger desktops (≥1024px) */
/* @media (min-width: 1024px) {

     .stripe-main-container-wrapper .container-1 {
          text-align: left;
     }

     .stripe-main-container-wrapper h1 {
          font-size: 52px;
     }

     .stripe-main-container-wrapper .grid-wrapper {
          width: 720px;
          height: 700px;
     }
} */

/* Very large desktops (≥1200px) */
/* @media (min-width: 1200px) {
     .stripe-flex-container {
          gap: 40px;
     }
}
@media (max-width: 767px) {
     .stripe-main-wrapper{
          padding: 50px 0 300px 0;
     }
      .stripe-main-container-wrapper h2 {
          font-size:30px;
     }

     .stripe-main-container-wrapper .subtitle {
          font-size: 16px;
     }
} */


/* ------------------------- */
     /* PLUGIN CSS  */
/* ------------------------- */

/**
 * Final Closures Customer Dashboard Styles
 */

 /* GLOBAL CSS */
.flex{display: flex;}
.flex-col{flex-direction: column;}
.justify-start{justify-content: start;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.items-center{align-items: center;}
.items-start{align-items: start;}
.gap-6{gap: 6px;}
.admin-text-xl{ font-size: 30px; }
.admin-text-lg{ font-size: 25px; }
.admin-text-md{ font-size: 20px; }
.admin-text-sm{ font-size: 16px; }
.admin-text-18{font-size: 18px;}
.admin-text-15{ font-size: 15px; }
.admin-text-14{font-size: 14px;}
.admin-text-13{font-size: 13px;}
.admin-text-12{font-size: 12px;}
.admin-text-10{font-size: 10px;}
.primary-color-label{color: #65B0AF;}
.woocommerce-account .woocommerce{max-width: 1360px !important; width: 100%; padding: 0 20px; margin-top: 50px;}
body.woocommerce-account{background-color: #F5F6FA;}
.woocommerce-account .woocommerce-MyAccount-navigation{width: 20% !important; margin-right: 0px; background: #fff; border-radius: 10px; padding: 40px 20px;}
.woocommerce-MyAccount-content{width: 78% !important;}
.woocommerce-account .woocommerce-MyAccount-navigation li{padding: 0 0 0 15px !important; margin-bottom: 15px; font-size: 18px; min-height: 50px; line-height: 50px;}
.woocommerce-account .woocommerce-MyAccount-navigation li a{width: 100%; display: block; height: 100%;}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active{background: #65B0B0; color: #fff; border-radius: 6px;}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{text-decoration: none  !important;}
.woocommerce-account .woocommerce-MyAccount-navigation li:hover a{text-decoration: none !important;}

.fc-requirements-disclaimer { margin-top: 30px;  background: #ffffff; border: 1px solid #d4e8e8; border-radius: 10px; padding: 28px 14px 24px; width: 100%; box-shadow: 0 2px 8px rgba(101,176,176,.08); } 
.fc-requirements-disclaimer .fc-header { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; padding-bottom: 16px; border-bottom: 1.5px solid #e6f3f3; }
.fc-requirements-disclaimer .fc-header-icon { width: 32px; height: 32px; background: #edf7f7; border-radius: 7px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } 
.fc-requirements-disclaimer .fc-header-icon svg { width: 17px; height: 17px; stroke: #65B0B0; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } 
.fc-requirements-disclaimer .fc-header h3 { font-size: 15px; font-weight: 600; color: #111; letter-spacing: -.01em; }
.fc-requirements-disclaimer .fc-disclaimer-grid {margin-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; } 
.fc-requirements-disclaimer .fc-disclaimer-grid  h4{margin-bottom: 15px;}
.fc-requirements-disclaimer .fc-req-item { background: #f8fbfb; border: 1px solid #dceeed; border-radius: 8px; padding: 16px 18px; transition: border-color .2s; } 
.fc-requirements-disclaimer .fc-req-item:hover { border-color: #65B0B0; } .fc-req-item.full-width { grid-column: 1 / -1; } 
.fc-requirements-disclaimer .fc-item-head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.fc-requirements-disclaimer .fc-item-number { width: 22px; height: 22px; background: #65B0B0; color: #fff; border-radius: 50%; font-size: 11px; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-shrink: 0; letter-spacing: 0; } 
.fc-requirements-disclaimer .fc-item-title { font-size: 13.5px; font-weight: 600; color: #111; letter-spacing: -.01em; flex: 1; } 
.fc-requirements-disclaimer .fc-badge { font-size: 10.5px; font-weight: 500; padding: 2px 9px; border-radius: 20px; letter-spacing: .01em; white-space: nowrap; flex-shrink: 0; } 
.fc-requirements-disclaimer .fc-badge-required { background: #fff0f0; color: #c0392b; border: 1px solid #f5c0be; } 
.fc-requirements-disclaimer .fc-badge-optional { background: #edf7f7; color: #3a9090; border: 1px solid #b8dede; }
.fc-requirements-disclaimer .fc-req-item p { font-size: 13px; color: #555; line-height: 1.6; margin-bottom: 5px; } .fc-req-item p:last-child { margin-bottom: 0; } 
.fc-requirements-disclaimer .fc-req-item p strong { color: #222; font-weight: 500; } 
.fc-requirements-disclaimer .fc-req-item.full-width p + p { margin-top: 4px; }

.choose-plan-title{font-size: 22px; font-weight: 500;}
.choose-plan-subtitle{font-size: 20px;}
.choose-plan-grid .woocommerce-Price-amount{font-size: 20px; font-weight: 600;}
.choose-plan-grid .chose-plan-btn{font-size: 18px;}

/* ==========================================================================
    ACCOUNT LOGIN AND REGISTER
   ========================================================================== */
.woocommerce-account #customer_login .u-column1 h2, .woocommerce-account #customer_login .u-column2 h2{font-size: 30px; font-weight: 500;}
.woocommerce-account #customer_login .u-column1 form, .woocommerce-account #customer_login .u-column2 form{border: none; background-color: #fff; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.woocommerce-account #customer_login .u-column1 label, .woocommerce-account #customer_login .u-column2 label {font-size: 18px; font-weight: 500;}
.woocommerce-account #customer_login p{font-size: 16px; margin-bottom: 15px;}
.woocommerce-account #customer_login .form-row .woocommerce-form-login__submit, .woocommerce-account #customer_login .form-row  .woocommerce-form-register__submit{padding: 11px 20px; border-radius: 8px; background-color: #65B0AF; color: #fff; transition: all 0.3s ease;}
.woocommerce-account #customer_login .form-row .woocommerce-form-login__submit:hover, .woocommerce-account #customer_login .form-row  .woocommerce-form-register__submit:hover{background-color: #429391;}
.woocommerce-account #customer_login .form-row .woocommerce-form-login__rememberme{margin-bottom: 0;}
.woocommerce-account #customer_login .form-row .woocommerce-form-login__rememberme span{font-size: 16px;}
.woocommerce-privacy-policy-text a{color:#65B0AF ;}
.woocommerce-account #customer_login .form-row input:focus{outline: none; border: 1px solid #65B0AF;}
.woocommerce-account #customer_login .u-column1 form .form-row{display: flex; flex-direction: column; gap: 6px;}
.woocommerce-account #customer_login .u-column1 form .form-row .woocommerce-form__input-checkbox{width: 12px; height: 12px;}
.woocommerce-account #customer_login .u-column2 .woocommerce-form-register__submit{width: 100%;}

/* Header Styles */
.fc-dashboard-header { margin-bottom: 30px; }
.fc-dashboard-header h1 { margin: 0 0 10px 0; }
.fc-dashboard-header p { color: #202224; margin: 0; }

/* Overview Stats */
.fc-overview-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 30px; }
.fc-stat-overview { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; display: flex; align-items: center; gap: 15px; transition: all 0.3s ease; }
.fc-stat-overview:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
.fc-stat-content { flex: 1; }
.fc-stat-overview .fc-stat-number { display: block;color: #1e293b; line-height: 1; margin-bottom: 5px; } 
.fc-stat-icon{max-width: 60px; height: 60px; object-fit: cover;}
.fc-stat-icon img{width: 100%; height: 100%;}

/* Cases Grid */
.fc-cases-grid { display: grid; grid-template-columns:repeat(2, 1fr); gap: 15px; margin-bottom: 30px; }
.fc-case-card {padding: 50px; background: white; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; position: relative; box-shadow: 1px 0px 9.4px 0 rgba(0, 0, 0, 0.25); }
.fc-case-card:hover { transform: translateY(-4px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); } 
.case-card-main{display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
.fc-package-badge { display: inline-block; background: #65B0B0; color: #ffffff; border-radius: 10px; padding: 6px 25px;  } 
/* .fc-case-card.status-completed { border-left: 4px solid #10b981; }
.fc-case-card.status-in_progress { border-left: 4px solid #3b82f6; } 
.fc-case-card.status-documents_uploaded { border-left: 4px solid #8b5cf6; }  */
.fc-case-card-header { border-bottom: 1px solid #808080; display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; margin-bottom: 15px; padding-bottom: 10px; } 
.fc-case-id { margin: 10px 0; }
.fc-case-id h3, .fc-case-status span{opacity: 0.7;}
.fc-case-status .fc-status-badge { padding: 6px 12px; font-weight: 600; } 
.fc-case-meta { display: flex; justify-content: center; gap: 20px; margin-bottom: 25px; }
.fc-meta-item { display: flex; align-items: center; gap: 10px; } 
.fc-meta-icon { color: #64748b; font-size: 16px; width: 24px; text-align: center; } 
.fc-meta-text { color: #475569; } 
.fc-case-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 15px; }
.fc-stat-item { text-align: center; } 
.fc-stat-item .fc-stat-label{opacity: 0.7; color: #707070;}
.fc-overview-stats .fc-stat-label { display: block;  color: #707070; margin-bottom: 4px; text-transform: uppercase;  } 
.fc-case-stats .fc-stat-value { display: block;  color: #65B0B0; margin-top: 6px; }
.fc-case-status{text-align: end;}
.fc-progress-bar { margin-top: 15px; } .fc-progress-track { height: 6px; background: #e2e8f0; border-radius: 3px; overflow: hidden; } 
.fc-progress-fill { height: 100%; background: linear-gradient(90deg, #667eea, #764ba2); border-radius: 3px; transition: width 0.6s ease; } 
.fc-case-card-footer{ display: flex; justify-content: center; align-items: center; margin-top: 25px; }
.fc-case-card-footer a{min-width: 150px; height: 40px;}

/* Button Styles */
.fc-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; border-radius: 8px; font-weight: 600; font-size: 14px; text-decoration: none; cursor: pointer; transition: all 0.3s ease; border: 2px solid transparent; line-height: 1.4; } 
.fc-btn-primary { background: #2C4156; color: white; transition: color 0.4s ease; }
.fc-btn-primary:hover { background: rgb(28, 44, 60); }
.fc-btn-secondary { background: white; color: #475569; border-color: #cbd5e1; } 
.fc-btn-secondary:hover { background: #f8fafc; border-color: #94a3b8; transform: translateY(-2px); }
.fc-btn-small { padding: 6px 12px; font-size: 12px; }

/* Status Summary */
.fc-status-summary { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px; margin-bottom: 30px; } 
.fc-status-summary h3 { margin: 0 0 20px 0; } 
.fc-status-bars { display: flex; flex-direction: column; gap: 15px; }
.fc-status-bar-item { display: flex; align-items: center; gap: 15px; } 
.fc-status-bar { flex: 1; height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden; } 
.fc-status-fill { height: 100%; border-radius: 4px; transition: width 0.6s ease; }
.fc-status-fill.status-completed { background: linear-gradient(90deg, #10b981, #34d399); } 
.fc-status-fill.status-in_progress { background: linear-gradient(90deg, #3b82f6, #60a5fa); } 
.fc-status-fill.status-awaiting_documents { background: #65B0B0; } 
.fc-status-fill.status-documents_uploaded { background: linear-gradient(90deg, #8b5cf6, #a78bfa); }
.fc-status-count { width: 40px; text-align: right; font-weight: 700; color: #1e293b; font-size: 14px; } 
.fc-case-back-btn{min-width: 230px; height: 40px; display: inline-block; border: 1px solid #414141; text-decoration: none; text-align: center; line-height: 40px; border-radius: 10px; color: #414141;}
/* Case Details Specific */ 
.fc-case-header-section { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 20px; } 
.fc-case-header-main { flex: 1; min-width: 300px; }
.fc-case-header-main h1 { margin: 0 0 25px 0; line-height:20px ; } 
.fc-case-status-indicator { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; } 
.fc-case-date { color: #fff; background: #65B0B0; padding: 6px 12px; border-radius: 10px; letter-spacing: 0.2px;}
.fc-stats-dashboard { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 25px; } 
.fc-stat-card { background: white; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px; display: flex; gap: 15px; transition: all 0.3s ease; }
.fc-stat-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } 
.fc-progress-section { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px; margin-bottom: 25px; }
.fc-progress-section h3 { margin: 0 0 20px 0; color: #1e293b; font-size: 18px; } 
.fc-progress-container { max-width: 800px; margin: 0 auto; } 
.fc-progress-labels { display: flex; justify-content: space-between; margin-top: 10px; font-size: 12px; color: #64748b; }
.fc-progress-text { display: flex; justify-content: space-between; margin-top: 15px; font-size: 14px; color: #475569; font-weight: 500; }
.fc-stats-dashboard .fc-stat-label{color:#202224; margin-bottom:10px; opacity: 0.7;}
.fc-stats-dashboard .fc-stat-number{color: #202224;}

/* Tabs */
.fc-tabs-navigation { display: flex; gap: 5px; margin-bottom: 25px; background: #fff; padding: 15px 12px; border-radius: 10px; justify-content: space-between;  } 
.fc-tab-btn {font-weight: 600; background: none; border: none; min-width:240px ; height: 45px; border-radius: 8px; font-weight: 600; color: #202224; cursor: pointer; transition: all 0.2s ease; text-align: center; font-size: 20px; display: flex; align-items: center; justify-content: center; gap: 8px; } 
.fc-tab-btn:hover { background: #65B0B0; color: #ffffff;  }
.fc-tab-btn.active { background: #65B0B0; color: #ffffff;  }
.fc-tabs-content { margin-top: 15px; margin-bottom: 30px; } 
.fc-tab-pane { display: none; animation: fadeIn 0.3s ease; } 
.fc-tab-pane.active { display: block; }
.fc-tab-pane .fc-upload-trigger{background-color: #65B0B0; color: #fff; min-width: 200px; height: 40px; border-radius: 10px; border: 1px solid #65B0B0; cursor: pointer; transition: all 0.2s ease;}
.fc-tab-pane .fc-upload-trigger:hover{background-color: #468d8d;}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); }
}

.fc-tab-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #e2e8f0; } 
.fc-tab-header h3 { margin: 0; color: #000000; } 
.fc-documents-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 15px; } 
.fc-document-card { background: white; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px; display: flex; gap: 8px; transition: all 0.3s ease; flex-direction: column; justify-content: start; align-items: start; } 
.fc-document-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }
.fc-document-card .fc-document-info   ,.fc-document-card .fc-document-status{width: 100%;}
.fc-document-card .fc-document-actions{margin-top: 20px;}
.fc-document-card .fc-document-actions .fc-doc-download{min-width: 90px; height: 35px; text-align: center; background-color: #2C4156; color: #fff; border-radius: 5px; text-decoration: none; line-height: 35px; border: none; outline: none; cursor: pointer;}
.fc-document-card .fc-document-actions .fc-doc-delete{min-width: 90px;  height: 35px; text-align: center; background-color: rgb(233 32 32); color: #fff; border-radius: 5px; text-decoration: none; line-height: 35px; border: none; outline: none;  cursor: pointer;}
.fc-document-card .fc-doc-badge{padding: 5px 15px; border-radius: 18px;  letter-spacing: 0.2px;}
.fc-document-icon { font-size: 24px; width: 50px; height: 50px; border-radius: 10px; background: #f0f9ff; color: #0369a1; display: flex; align-items: center; justify-content: center; } 
.fc-document-name { display: block;  color: #64748b; margin-bottom: 8px; word-break: break-word; } 
.fc-document-meta { display: flex; gap: 15px; font-size: 12px; color: #94a3b8; }

.fc-entity-type-group { margin-bottom: 25px; } 
.fc-entity-type-title { font-size: 18px; color: #1e293b; margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; gap: 10px; } 
.fc-entity-count { background: #e0f2fe; color: #0369a1; padding: 2px 8px; border-radius: 12px; font-size: 12px; font-weight: 600; }
.fc-entities-list { display: flex; flex-direction: column; gap: 12px; } 
.fc-entity-card { background: white; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px; transition: all 0.3s ease; } 
.fc-entity-card:hover { transform: translateX(4px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } 
.fc-entity-card.status-completed { border-left: 4px solid #10b981; }
.fc-entity-card.status-sent { border-left: 4px solid #3b82f6; } 
.fc-entity-card.status-pending { border-left: 4px solid #f59e0b; } 
.fc-entity-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; gap: 15px; } 
.fc-entity-name { font-size: 16px; font-weight: 600; color: #1e293b; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fc-entity-type-badge { background: #e0f2fe; color: #0369a1; padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; } 
.fc-entity-details { margin-bottom: 15px; } 
.fc-email-info, .fc-response-info { font-size: 14px; color: #475569; margin-bottom: 8px; } 
.fc-email-info strong, .fc-response-info strong { color: #64748b; }

/* Email Timeline */
.fc-email-event { background: white; border: 1px solid #e2e8f0; border-radius: 10px; padding: 15px; display: flex; gap: 15px; transition: all 0.3s ease; } 
.fc-email-event:hover { transform: translateX(4px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }
/* .fc-email-event.response { border-left: 4px solid #10b981; } 
.fc-email-event.outgoing { border-left: 4px solid #3b82f6; }  */
/* .fc-email-event-icon { font-size: 20px; width: 40px; height: 40px; border-radius: 10px; background: #f0f9ff; color: #0369a1; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } 
.fc-email-event.response .fc-email-event-icon { background: #f0fdf4; color: #10b981; } 
.fc-email-event-content { flex: 1; } 
.fc-email-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; gap: 15px; flex-wrap: wrap; border-bottom: 1px solid #f1f5f9;  gap: 15px;  }
.fc-email-header h5 { margin: 0; font-size: 16px; color: #1e293b; font-weight: 600; } 
.fc-email-date { font-size: 12px; color: #2C4156; background: #f8fafc; padding: 4px 8px; border-radius: 4px; } 
.fc-email-subject { font-weight: 600; color: #475569; margin-bottom: 10px; font-size: 14px; } 
.fc-email-preview { font-size: 14px; color: #64748b; line-height: 1.6; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.fc-email-actions .fc-view-email-details{background-color: #2C4156; color: #fff;} */

.fc-email-table { width: 100%; border-collapse: collapse; min-width: 800px; }
.fc-email-table thead tr { background-color: #D0E3E3; }
.fc-email-table th { padding: 16px 20px; text-align: left; font-weight: 600;    white-space: nowrap; } 
.fc-email-table td { border-bottom: 1px solid #000000; padding: 16px; background-color: #fff;    white-space: nowrap; } 
.fc-email-table .fc-view-email-details { cursor: pointer; background-color: #2C4156; color: #fff;}
.fc-table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 20px; } 

/* view response popup  */
#fc-email-details-content .fc-meta-item{font-size: 16px; font-weight: 500;}
#fc-email-details-content .fc-attachment-actions .emoji{display: none !important;}
#fc-email-details-content .fc-attachment-actions  .fc-btn-primary{background-color: #65B0AF; border-radius: 5px; height: 40px; min-width: 110px;}
#fc-email-details-modal .fc-modal-footer .fc-modal-close{background-color:rgb(229 28 28); color: #fff; height: 40px; line-height: 40px; border: none;}

/* Case Info Grid */
.fc-case-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; } 
.fc-info-card { background: white; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px; box-shadow: 1px 0 9.4px 0 rgba(0, 0, 0, 0.25); } 
.fc-info-card h4 {padding-bottom: 10px; margin: 0 0 20px 0;  border-bottom: 3px solid #65B0B0;  } 
.fc-info-list { display: flex; flex-direction: column; gap: 15px; }

/* Timeline Section */
.fc-timeline-section { background: white;border-radius: 10px; padding: 17px 27px; margin-bottom: 25px; } 
.fc-timeline-section h3 { margin: 0 0 25px 0;  } 
.fc-timeline { position: relative; padding-left: 30px; } 
.fc-timeline::before { content: ''; position: absolute; left: 10px; top: 20px; bottom: 0; width: 2px; background: #000000; }
.fc-timeline-event { position: relative; margin-bottom: 25px; padding: 16px; background: rgba(110, 176, 176, 0.25); border-radius: 5px; border: 1px solid #B4B4B4; } 
.fc-timeline-event:last-child { margin-bottom: 0; }
.fc-timeline-icon { position: absolute; left: -24px; top: 15px; width: 8px; height: 8px; border-radius: 50%; background: #000000; color: white; display: flex; align-items: center; justify-content: center;  z-index: 1;  } 
.fc-timeline-content{display: flex; justify-content: space-between; align-items: center;}
.fc-timeline-header { display: flex; flex-direction:column ; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; gap: 15px; flex-wrap: wrap; }
.fc-timeline-header h5 { margin: 0;  color: #1e293b; } 
.fc-timeline-date { font-size: 12px; color: #FFFFFF; background: #2C4156; border-radius: 5px; border: 1px solid #e2e8f0; min-width: 150px; height:40px ; line-height: 40px; display: block; text-align: center; }
.fc-timeline-description { margin: 0; line-height: 1.6; }
.fc-timeline-status { display: inline-block; margin-top: 10px; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; text-transform: uppercase; } 
.fc-timeline-status.status-verified { background: #d1fae5; color: #065f46; } 
.fc-timeline-status.status-pending { background: #fef3c7; color: #92400e; }

/* Support Section */
.fc-support-section { margin-top: 40px; }
.fc-support-card {background-color: #fff; padding: 34px; border-radius: 10px; display: flex; align-items: center; gap: 25px; }
.fc-support-icon { width: 154px; height: 154px; } 
.fc-support-content { flex: 1; }
.fc-support-content h4 { margin: 0 0 15px 0; font-size: 20px; color: rgb(0, 0, 0); font-weight: 700; } 
.fc-support-content p { margin: 0 0 20px 0;  line-height: 1.6; font-size: 15px; font-weight: 400; }
.fc-support-actions { display: flex; gap: 15px;  } 
.fc-support-actions .email-btn{background-color: #65B0B0; color: #fff; min-width:180px; height:40px; line-height: 40px; text-align: center; font-size: 14px; font-weight: 500; border-radius: 6px; text-decoration: none;}
.fc-support-actions .call-btn{min-width:180px; height:40px; line-height: 40px; text-align: center; font-size: 14px; font-weight: 500; background-color: #fff; color: #000; border: 1px solid #000; border-radius: 6px; text-decoration: none;}

/* CASE INFO  */
.case-id-item-wrapper{border-bottom: 1px solid #808080; padding-bottom: 5px;}
.fc-tab-pane#case-info .fc-info-value{color: #2C4156;}
.fc-social-media-list li{list-style: none;}

/* Empty States */ 
.fc-empty-state, .fc-empty-state-large { text-align: center; padding: 40px 20px; }
.fc-empty-state-large { padding: 60px 40px; } 
.fc-empty-icon { font-size: 48px; margin-bottom: 20px; opacity: 0.5; }
.fc-empty-state h4, .fc-empty-state-large h2 { margin: 0 0 15px 0; color: #64748b; } 
.fc-empty-state p, .fc-empty-state-large p { color: #94a3b8; max-width: 500px; margin: 0 auto 20px; line-height: 1.6; } 
.fc-customer-alert { padding: 20px; border-radius: 8px; margin-bottom: 20px; } 
.fc-customer-alert.error { background: #fef2f2; border: 1px solid #fecaca; color: #dc2626; } 
.fc-customer-alert.success { background: #f0fdf4; border: 1px solid #bbf7d0; color: #16a34a; }

/* Modal Styles */
.fc-modal { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); } 
.fc-modal-content { background-color: white; margin: 5% auto; padding: 0; border-radius: 12px; width: 90%; max-width: 800px; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); animation: modalSlideIn 0.3s ease; }

@keyframes modalSlideIn {
    from { opacity: 0; transform: translateY(-30px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); }
}
.fc-modal-header { padding: 20px 25px; border-bottom: 1px solid #BCBCBC; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; background: white; z-index: 10; border-radius: 12px 12px 0 0; } 
.fc-modal-header h3 { margin: 0; } 
.fc-modal-close { background: none; border: none; color: #64748b; font-size: 24px; cursor: pointer; padding: 5px; line-height: 1; border-radius: 4px; transition: all 0.2s ease; } 
.fc-modal-body { padding: 25px; } 
.fc-modal-footer { padding: 20px 25px; border-top: 1px solid #e2e8f0; display: flex; justify-content: flex-end; gap: 12px; background: #f8fafc; border-radius: 0 0 12px 12px; }
.fc-upload-section { margin-bottom: 30px; } 
.fc-upload-section h4 { margin: 0 0 20px 0; color: #1e293b; font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #e2e8f0; } 
.fc-upload-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px; margin-bottom: 15px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.fc-upload-icon { font-size: 24px; width: 50px; height: 50px; border-radius: 10px; background: #e0f2fe; color: #0369a1; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } 
.fc-upload-info { flex: 1; min-width: 200px; } 
.fc-upload-info h5 { margin: 0 0 8px 0;} 
.fc-upload-info p { margin: 0 0 5px 0; color: #606060;  } 
.fc-upload-info small { color: #606060;} 
.fc-upload-field { position: relative; min-width: 200px; } 
.fc-upload-field input[type="file"] { position: absolute; width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; z-index: -1;}
.fc-upload-btn { display: inline-block; padding: 12px 24px; background: white; color: #475569; border: 2px solid #cbd5e1; border-radius: 8px; font-weight: 600; font-size: 14px; cursor: pointer; transition: all 0.3s ease; text-align: center; width: 100%; } 
.fc-upload-btn:hover { border-color: #94a3b8; background: #f8fafc; } 
.fc-upload-progress { margin: 20px 0; padding: 20px; background: #f8fafc; border-radius: 10px; border: 1px solid #e2e8f0; } 
.fc-progress-text { display: block; text-align: center; margin-top: 10px; color: #64748b; font-size: 14px; }

.fc-uploaded-files { margin: 30px 0; padding-top: 20px; border-top: 2px solid #e2e8f0; } 
.fc-uploaded-files h4 { margin: 0 0 15px 0; color: #1e293b; font-size: 16px; } 
#fc-uploaded-list { max-height: 300px; overflow-y: auto; } 
.fc-uploaded-file { display: flex; align-items: center; gap: 15px; padding: 15px; margin-bottom: 10px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; }

.fc-uploaded-file.status-verified { border-left: 4px solid #10b981; } 
.fc-uploaded-file.status-pending { border-left: 4px solid #f59e0b; } 
.fc-file-icon { font-size: 20px; color: #64748b; } 
.fc-file-info { flex: 1; } 
.fc-file-info h6 { margin: 0 0 5px 0; font-size: 14px; color: #1e293b; } 
.fc-file-info p { margin: 0; font-size: 12px; color: #94a3b8; }

/* Email Thread Styles */
.fc-email-thread-header { background: #f8fafc; padding: 20px; border-radius: 10px; margin-bottom: 25px; border: 1px solid #e2e8f0; } 
.fc-thread-summary { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; } 
.fc-thread-summary span { background: white; padding: 8px 16px; border-radius: 20px; border: 1px solid #e2e8f0; font-size: 14px; color: #475569; } 
.fc-email-thread { display: flex; flex-direction: column; gap: 20px; } 
.fc-email-message { background: white; border: 1px solid #e2e8f0; border-radius: 10px; padding: 25px; }

.fc-email-message.email-outgoing { border-left: 5px solid #3b82f6; background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%); } 
.fc-email-message.email-human-response { border-left: 5px solid #10b981; background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%); } 
.fc-email-message.email-auto-reply { border-left: 5px solid #f59e0b; background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%); } 
.fc-email-from { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } 
.fc-email-from strong { font-size: 16px; color: #1e293b; }
.fc-email-type { background: #e0f2fe; color: #0369a1; padding: 4px 10px; border-radius: 12px; font-size: 11px; font-weight: 600; text-transform: uppercase; } 
.fc-email-message.email-human-response .fc-email-type { background: #d1fae5; color: #065f46; } 
.fc-email-message.email-auto-reply .fc-email-type { background: #fef3c7; color: #92400e; } 
.fc-email-content { line-height: 1.7; color: #374151; font-size: 15px; } 
.fc-email-content p { margin-bottom: 15px; }
.fc-loading, .fc-error { text-align: center; padding: 40px 20px; color: #64748b; } 
.fc-error { color: #dc2626; background: #fef2f2; border-radius: 8px; border: 1px solid #fecaca; }
.fc-uploaded-list .fc-error{font-size: 20px; font-weight: 600;}
/* File Preview Styles */
.fc-file-preview { margin-top: 15px; padding: 15px; background: #f8fafc; border-radius: 8px; border: 1px dashed #cbd5e1; width: 100%; } 
.fc-file-preview-item { display: flex; align-items: center; gap: 12px; padding: 10px; background: white; border-radius: 6px; margin-bottom: 8px; border: 1px solid #e2e8f0; } 
.fc-file-preview-item:last-child { margin-bottom: 0; }

.fc-file-preview-item .fc-file-icon { font-size: 18px; color: #64748b; } 
.fc-file-info { flex: 1; display: flex; flex-direction: column; gap: 4px; } 
.fc-file-name { font-size: 14px; color: #1e293b; font-weight: 500; word-break: break-all; } 
.fc-file-size { font-size: 12px; color: #94a3b8; } 
.fc-file-more { text-align: center; padding: 8px; font-size: 12px; color: #64748b; background: #e2e8f0; border-radius: 4px; margin-top: 8px; }

/* Fix for upload button styling */
.fc-upload-field { position: relative; min-width: 200px; } 
.fc-upload-field input[type="file"] { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; top: 0; left: 0; z-index: 10; }
.fc-upload-btn { display: inline-block; padding: 12px 24px; background: white; color: #475569; border: 2px solid #cbd5e1; border-radius: 8px; font-weight: 600; font-size: 14px; cursor: pointer; transition: all 0.3s ease; text-align: center; width: 100%; position: relative; z-index: 5; pointer-events: none; /* Let the input handle clicks */ } 
.fc-upload-field:hover .fc-upload-btn { border-color: #94a3b8; background: #f8fafc; }

/* Fix for mobile responsiveness */
@media (max-width: 768px) {
     .woocommerce-account .woocommerce{padding: 0 15px;}
    .fc-upload-field { min-width: 100%; } 
    .fc-file-preview-item { flex-direction: column; text-align: center; gap: 8px; } 
    .fc-file-info { align-items: center; }
    .fc-requirements-disclaimer .fc-disclaimer-grid {grid-template-columns: repeat(1, 1fr);}
}
/* Document Categories */
.fc-document-category { margin: 20px 0 10px 0; padding: 10px 15px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 8px; font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 10px; } 
.fc-document-category:first-child { margin-top: 0; }

/* Document Items */
.fc-uploaded-file { display: flex; align-items: center; gap: 15px; padding: 15px; margin-bottom: 10px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; transition: all 0.3s ease; }
.fc-uploaded-file:hover { transform: translateX(4px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } 
.fc-uploaded-file.status-verified { border-left: 4px solid #10b981; } 
.fc-uploaded-file.status-pending { border-left: 4px solid #f59e0b; } 
.fc-uploaded-file.status-rejected { border-left: 4px solid #ef4444; } 
.fc-file-icon { font-size: 20px; color: #64748b; flex-shrink: 0; } .fc-file-info { flex: 1; min-width: 0;  } 
.fc-file-info h6 { margin: 0 0 5px 0; font-size: 14px; color: #1e293b; font-weight: 600; word-break: break-word; }
.fc-file-info p { margin: 0 0 5px 0; font-size: 12px; color: #94a3b8; } 
.fc-file-info small { display: block; font-size: 11px; color: #cbd5e1; } 
.fc-file-status { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; flex-shrink: 0; } 
.fc-status-badge.status-verified { background: #d1fae5; color: #065f46; } 
.fc-status-badge.status-pending { background: #fef3c7; color: #92400e; } 
.fc-status-badge.status-rejected { background: #fee2e2; color: #991b1b; }

/* Document Actions */
.fc-document-actions { display: flex; gap: 8px; margin-top: 10px; justify-content: center; }
.fc-btn-danger { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: white; border-color: #ef4444; } 
.fc-btn-danger:hover { background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3); } 
.fc-btn-view-download { background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); color: white; border-color: #3b82f6; } 
.fc-btn-view-download:hover { background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%); box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); }

/* Document Viewer Modal */
.fc-document-viewer-modal .fc-modal-content { max-width: 900px; } 
.fc-modal-header-actions { display: flex; gap: 10px; align-items: center; }
.fc-document-preview-container { min-height: 400px; border: 2px dashed #e2e8f0; border-radius: 8px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; background: #f8fafc; } 
.fc-document-loading { text-align: center; padding: 40px; } 
.fc-document-icon-large { font-size: 48px; margin-bottom: 20px; opacity: 0.5; } 
.fc-document-unsupported { text-align: center; padding: 40px; }
.fc-document-unsupported h4 { margin: 15px 0 10px 0; color: #64748b; } 
.fc-document-unsupported p { color: #94a3b8; margin-bottom: 20px; } 
.fc-document-info h4 { margin: 0 0 15px 0; color: #1e293b;  padding-bottom: 10px; border-bottom: 1px solid #e2e8f0; } 
.fc-info-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; }

/* Custom Confirmation Dialog */
.fc-confirm-icon { font-size: 48px; text-align: center; margin-bottom: 20px; color: #f59e0b; } 
.fc-confirm-message { text-align: center; font-size: 16px; color: #475569; line-height: 1.6; margin: 0; } 
.fc-modal-footer { display: flex; justify-content: flex-end; gap: 10px; padding: 20px; border-top: 1px solid #e2e8f0; background: #f8fafc; border-radius: 0 0 12px 12px; }
.fc-confirm-cancel { background: #64748b; color: white; border: none; } 
.fc-confirm-cancel:hover { background: #475569; } .fc-confirm-ok { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: white; border: none; } 
.fc-confirm-ok:hover { background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); } 
.fc-image-preview { padding: 20px; text-align: center; background: #f8fafc; border-radius: 8px; border: 1px solid #e2e8f0; min-height: 300px; display: flex; align-items: center; justify-content: center; }
.fc-image-preview img { max-width: 100%; max-height: 500px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } 
.fc-pdf-preview { padding: 20px; text-align: center; background: #f8fafc; border-radius: 8px; border: 1px solid #e2e8f0; } 
.fc-pdf-icon-large { font-size: 64px; color: #ef4444; margin-bottom: 20px; } 
.fc-document-unsupported .fc-document-icon-large { font-size: 64px; color: #64748b; margin-bottom: 20px; } 
.fc-spinner { display: inline-block; animation: spin 1s linear infinite; margin-right: 8px; }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } 
.fc-document-uploaded { background: #f0f9ff; border: 1px solid #b3e0ff; }
.fc-upload-status { display: flex; align-items: center; margin-left: 15px; }
#fc-uploaded-list .fc-empty-text{font-size: 17px; margin-bottom: 20px;}
.fc-modal-content .fc-modal-footer .fc-upload-trigger{background-color: #65B0B0; color: #fff; border-radius: 6px; border: none; min-width: 180px; padding: 0; height: 45px; cursor: pointer;}
.fc-modal-content .fc-modal-footer .fc-modal-close{background: transparent; color: #000000; border: 1px solid #000; border-radius: 6px; font-weight: 500; font-size: 15px; min-width: 172px; padding: 0;}

/* Email Attachments Styling */
.fc-email-attachments { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e0e0e0; } 
.fc-email-attachments h4 { margin-bottom: 15px; color: #333; font-size: 16px; font-weight: 500; } 
.fc-attachments-list { display: flex; flex-direction: column; gap: 10px; } 
.fc-attachment-item { display: flex; align-items: center; padding: 12px; background: #f8f9fa; border-radius: 6px; border: 1px solid #e9ecef; } 
.fc-attachment-icon { font-size: 24px; margin-right: 15px; min-width: 40px; text-align: center; } 
.fc-attachment-info { flex-grow: 1; } 
.fc-attachment-name { font-weight: 500; color: #333; margin-bottom: 5px; word-break: break-word; font-size: 16px; } 
.fc-attachment-meta { display: flex; gap: 15px; font-size: 12px; color: #666; } 
.fc-attachment-actions .fc-btn { padding: 6px 12px; font-size: 12px; }

/* edit account */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm label {font-size: 16px; margin: 0 !important;}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input:focus{border: 1px solid #65B0B0 !important; outline: none;}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm #account_display_name_description{font-size: 15px;}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset{border: none; margin-top: 15px;}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset legend{font-size:16px;  }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button{font-size: 16px;background-color: #65B0B0; color: #fff; border-radius: 10px; margin-top:  20px; }

/* ADDRESS */
.woocommerce-MyAccount-content .woocommerce-Addresses .u-column1, .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2 {background: #fff; border-radius: 10px; padding: 33px 10px; margin-top: 20px;}

.woocommerce-MyAccount-content .woocommerce-Addresses .u-column1 header h2, .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2  header h2{font-size: 22px; font-weight: 500;}
.woocommerce-MyAccount-content .woocommerce-Addresses .u-column1 header a, .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2 header a{float: left !important; margin: 10px 0; font-size: 17px; color: #65B0B0 ;}
.woocommerce-MyAccount-content .woocommerce-Addresses .u-column1 address, .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2 address{font-size: 17px;}
.woocommerce-MyAccount-content .woocommerce-Addresses .u-column2 {float: left; margin-left: 10px;}

@media screen and (min-width:768px) {
       .fc-info-card.grid-span-3{ grid-column-start: 2;  grid-column-end: 4;} 
       .woocommerce-account #customer_login{width: 100%; display: flex; justify-content: center; align-items: start; gap: 20px;}
       .woocommerce-account .col2-set .col-1, .woocommerce-account .col2-set .col-2 {width: 40%;}
}

@media screen and (max-width:767px){
    .admin-text-md{font-size: 15px; }
    .woocommerce-account .woocommerce-MyAccount-navigation{width: 100% !important; }
    .woocommerce-MyAccount-content{width: 100% !important; margin-top: 40px;}
    .fc-stats-dashboard, .fc-case-info-grid{grid-template-columns: repeat(1, 1fr);}
    .fc-tabs-navigation button{min-width: 100px; height: 35px; font-size: 15px; width: auto;}
    .fc-timeline-content{flex-direction: column; justify-content: start; align-items: start;}
    .fc-timeline-section{padding: 15px ;}
    .fc-overview-stats { grid-template-columns: repeat(2, 1fr); } 
    .fc-cases-grid, .fc-documents-grid { grid-template-columns: 1fr; } 
    .fc-tabs-navigation { flex-wrap: wrap; } 
    .fc-tab-btn { flex: none; width: calc(50% - 2px); margin-bottom: 5px; } 
    .fc-case-stats { grid-template-columns: 1fr; gap: 10px; } 
    .fc-upload-card { flex-direction: column; align-items: stretch; text-align: center; } 
    .fc-upload-icon { align-self: center; } 
    .fc-modal-content { width: 95%; margin: 10% auto; }    
    /* Document Card Responsive */
    .fc-document-card { flex-direction: column; text-align: center; gap: 15px; } 
    .fc-document-status { flex-direction: column; align-items: center; width: 100%; } 
    .fc-document-actions { justify-content: center; width: 100%; } 
    .fc-document-actions .fc-btn { flex: 1; min-width: 120px; } 
    .fc-info-grid { grid-template-columns: 1fr; } 
    .fc-support-actions a{min-width: 150px !important;}
    .fc-document-meta{justify-content: center;}
}

/* Responsive Design */
@media (max-width: 1024px) {
    .fc-cases-grid, .fc-documents-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } 
    .fc-case-header-section { flex-direction: column; } 
    .fc-case-header-main { min-width: 100%; }
}

@media (max-width: 480px) {
    .fc-overview-stats { grid-template-columns: 1fr; } .fc-tab-btn { width: 100%; } 
    .fc-stat-overview, .fc-case-card, .fc-document-card, .fc-entity-card { padding: 15px; }
    .fc-support-card { flex-direction: column; text-align: center; padding: 25px 20px; } 
    .fc-support-icon { width: 60px; height: 60px; font-size: 30px; } 
    .fc-support-actions { justify-content: center; }
}

/* ==========================================================================
   FINAL CLOSURES PRODUCT POPUP MODAL - COMPLETE FIXED VERSION
   ========================================================================== */

/* ==========================================================================
   1. MODAL BASE STYLES - FIXED SCROLLING VERSION
   ========================================================================== */
.cl-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; animation: modalFadeIn 0.3s ease; } 
.cl-modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(3px); } 
.cl-modal-container { position: relative; background: white; max-width: 800px; width: 90%; max-height: 90vh; height: 90vh; margin: 5vh auto; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); overflow: hidden; display: flex; flex-direction: column; animation: modalSlideIn 0.3s ease; min-height: 0;  }
body.cl-modal-open { overflow: hidden !important; height: 100% !important; }

/* ==========================================================================
   2. MODAL HEADER - FIXED (NON-SCROLLABLE)
   ========================================================================== */
.cl-modal-header { padding: 25px 30px; background: #65B0AF; color: white; position: relative; flex-shrink: 0; z-index: 10; } 
.cl-modal-header h3 { margin: 0 0 8px 0; font-size: 24px; font-weight: 700; display: flex; align-items: center; gap: 10px; } 
.cl-modal-header p { margin: 0; opacity: 0.9; font-size: 14px; } 
.cl-modal-close { position: absolute; top: 20px; right: 20px;background-color: #fff;border: 1px solid #000; outline: none; color: rgb(0, 0, 0); width: 36px; height: 36px; border-radius: 50%; font-size: 24px; line-height: 1; cursor: pointer; transition: all 0.2s ease; z-index: 11; }

/* ==========================================================================
   3. MODAL BODY - FIXED SCROLLING (CRITICAL FIX)
   ========================================================================== */
.cl-modal-body { padding: 30px; overflow-y: auto; overflow-x: hidden; flex: 1 1 auto; position: relative; -webkit-overflow-scrolling: touch; height: auto; min-height: 0; } 
.cl-modal-body::-webkit-scrollbar { width: 10px; }
.cl-modal-body::-webkit-scrollbar-track { background: #f5f5f5; border-radius: 5px; margin: 5px; } 
.cl-modal-body::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 5px; border: 2px solid #f5f5f5; } 
.cl-modal-body::-webkit-scrollbar-thumb:hover { background: #a8a8a8; } /* Firefox scrollbar */ 
.cl-modal-body { scrollbar-width: thin; scrollbar-color: #c1c1c1 #f5f5f5; }

/* ==========================================================================
   4. MODAL FOOTER - FIXED (NON-SCROLLABLE)
   ========================================================================== */
.cl-modal-footer { padding: 20px 30px; background: #f9fafb; border-top: 1px solid #e5e7eb; display: flex; justify-content: flex-end; gap: 12px; flex-shrink: 0; z-index: 10; }

/* ==========================================================================
   5. FORM STRUCTURE & LAYOUT
   ========================================================================== */
.cl-form-section { margin-bottom: 0px; padding-bottom: 25px; } 
.cl-form-section:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } 
.cl-form-section h4 { margin: 0 0 20px 0; color: #374151; display: flex; align-items: center; gap: 10px; } 
.cl-form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.cl-form-grid .cl-file-info{ justify-content: space-between; } 
.cl-form-grid .cl-file-info .file-info-flex{ display: flex; justify-content: start; gap: 10px; } 
.cl-form-group { margin-bottom: 15px; }
.cl-form-group.full-width { grid-column: 1 / -1; } 
.cl-form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #4b5563; font-size: 14px; } 
.required { color: #ef4444; }
/* Form Inputs */
.cl-form-group input[type="text"], .cl-form-group input[type="email"], .cl-form-group input[type="tel"], .cl-form-group input[type="date"], .cl-form-group input[type="number"], .cl-form-group select, .cl-form-group textarea { width: 100%; padding: 12px 15px; border: 2px solid #e5e7eb; border-radius: 8px; font-size: 14px; transition: all 0.2s ease; background: white; font-family: inherit; box-sizing: border-box; }
.cl-form-group input:focus, .cl-form-group select:focus, .cl-form-group textarea:focus { outline: none; border-color: #65B0AF; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); } 
.cl-form-group textarea { resize: vertical; min-height: 100px; line-height: 1.5; }
.cl-field-note { display: block; margin-top: 5px; font-size: 12px; color: #6b7280; }

/* ==========================================================================
   6. FILE UPLOAD STYLES
   ========================================================================== */
.cl-file-upload { border: 2px dashed #d1d5db; border-radius: 8px; padding: 5px; transition: all 0.2s ease; box-sizing: border-box; } 
.cl-file-upload:hover { border-color: #667eea; background: #f8fafc; }
.cl-file-upload input[type="file"] { display: none; } 
.cl-file-info { display: flex; align-items: center; gap: 15px; padding: 15px; box-sizing: border-box; }
.cl-file-icon { font-size: 24px; flex-shrink: 0; } .cl-file-text { flex: 1; min-width: 0; }
.cl-file-text strong { display: block; margin-bottom: 4px; color: #374151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.cl-file-text small { color: #6b7280; font-size: 12px; }
.cl-upload-btn { padding: 10px 20px; background: #65B0AF; color: white; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; flex-shrink: 0; }
.cl-upload-btn:hover { background: #5a67d8; transform: translateY(-1px); }
.cl-file-preview { margin-top: 10px; max-height: 150px; overflow-y: auto; box-sizing: border-box; } .cl-file-preview-item { display: flex; align-items: center; gap: 12px; padding: 12px 15px; background: #f9fafb; border-radius: 6px; margin-bottom: 8px; border: 1px solid #e5e7eb; box-sizing: border-box; }
.cl-file-preview-item .cl-file-icon { font-size: 20px; } 
.cl-file-preview-item .cl-file-info { flex: 1; padding: 0; min-width: 0; } 
.cl-file-name { display: block; font-weight: 500; color: #374151; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cl-file-size { font-size: 12px; color: #6b7280; }
.cl-remove-file { background: #ef4444; color: white; border: none; width: 24px; height: 24px; border-radius: 50%; font-size: 18px; line-height: 1; cursor: pointer; transition: all 0.2s ease; flex-shrink: 0; } 
.cl-remove-file:hover { background: #dc2626; transform: rotate(90deg); }

/* ==========================================================================
   7. CHECKBOX GROUPS
   ========================================================================== */
.cl-checkbox-group { display: flex; gap: 12px; padding: 15px; background: #f8fafc; border-radius: 8px; border: 1px solid #e5e7eb; box-sizing: border-box; } 
.cl-checkbox-group input[type="checkbox"] { margin-top: 4px; width: 18px; height: 18px; flex-shrink: 0; } 
.cl-checkbox-group label { margin: 0; font-weight: normal; cursor: pointer; flex: 1; min-width: 0; }
.cl-checkbox-group label strong { display: block; margin-bottom: 5px; color: #374151; } 
.cl-checkbox-group label small { color: #6b7280; font-size: 13px; display: block; } 
.cl-disclosure-text { margin-top: 10px; padding-left: 15px; max-height: 200px; overflow-y: auto; padding-right: 5px; box-sizing: border-box; }
.cl-disclosure-text p { margin: 0 0 10px 0; font-weight: 600; color: #0369a1; } 
.cl-disclosure-text ol { margin: 0; padding-left: 20px; color: #0c4a6e; padding-right: 5px; } 
.cl-disclosure-text li { margin-bottom: 5px; font-size: 13px; line-height: 1.4; }
/* ==========================================================================
   8. FORM STATUS & PROGRESS INDICATORS
   ========================================================================== */
.cl-form-status { padding: 15px; border-radius: 8px; margin: 20px 0; display: flex; align-items: center; gap: 12px; box-sizing: border-box; } 
.cl-form-status.success { background: #d1fae5; border: 1px solid #a7f3d0; color: #065f46; }
.cl-form-status.error { background: #fee2e2; border: 1px solid #fecaca; color: #991b1b; } 
.cl-status-icon { font-size: 14px; flex-shrink: 0; } 
#cl-form-status{ display: flex; justify-content: start; gap: 10px; align-items: center; } 
.cl-status-text { flex: 1; font-weight: 500; min-width: 0; font-size: 16px; }
.cl-upload-progress { margin: 20px 0; box-sizing: border-box; }
.cl-progress-bar { height: 8px; background: #e5e7eb; border-radius: 4px; overflow: hidden; margin-bottom: 8px; box-sizing: border-box; } 
.cl-progress-fill { height: 100%; background: linear-gradient(90deg, #667eea, #764ba2); width: 0%; transition: width 0.3s ease; } 
.cl-progress-text { display: block; text-align: center; font-size: 12px; color: #6b7280; }

/* ==========================================================================
   9. BUTTONS
   ========================================================================== */
.cl-btn { padding: 12px 24px; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-family: inherit; box-sizing: border-box; } 
.cl-btn-primary { background-color: #65B0AF; color: white; } 
.cl-btn-primary:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3); } 
.cl-btn-primary:disabled { opacity: 0.6; cursor: not-allowed; }
.cl-btn-secondary { background: white; color: #374151; border: 2px solid #d1d5db; } 
.cl-btn-secondary:hover { background: #f9fafb; border-color: #9ca3af; } 
.cl-btn-text { display: inline-block; min-width: 0; }
.cl-btn-loader { display: inline-block; animation: spin 1s linear infinite; flex-shrink: 0; }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
/* ==========================================================================
   10. ERROR STATES
   ========================================================================== */
.cl-form-group.error { padding-left: 10px; } 
.cl-form-group.error label { color: #dc3545; } 
.cl-form-group.error input, .cl-form-group.error select, .cl-form-group.error textarea { border-color: #dc3545; background-color: #fff8f8; } 
.cl-checkbox-group.error { background-color: #fff8f8; border: 1px solid #dc3545; }
.cl-file-upload.error { border: 2px solid #dc3545; background-color: #fff8f8; }

/* ==========================================================================
   11. SUCCESS MODAL
   ========================================================================== */
#cl-success-modal .cl-modal-container { max-width: 500px !important; height: auto !important; max-height: 600px !important; } 
.cl-success-content { text-align: center; padding: 30px; box-sizing: border-box; }
.cl-success-icon { font-size: 60px; margin-bottom: 20px; display: block; color: #10b981; } 
.cl-success-content h4 { margin: 0 0 15px 0; color: #374151; font-size: 20px; } 
.cl-success-content p { color: #6b7280; margin-bottom: 25px; font-size: 16px; } 
.cl-success-actions { display: flex; gap: 15px; justify-content: center; margin-top: 20px; box-sizing: border-box; } 
.cl-success-actions .cl-btn { min-width: 150px; }

/* ==========================================================================
   12. NOTIFICATIONS & TOASTS
   ========================================================================== */
.cl-notification { position: fixed; top: 20px; right: 20px; padding: 15px 20px; border-radius: 8px; color: white; font-weight: 600; z-index: 100001; transform: translateX(400px); transition: transform 0.3s ease; max-width: 400px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); cursor: pointer; box-sizing: border-box; } 
.cl-notification.show { transform: translateX(0); } 
.cl-notification-success { background: linear-gradient(135deg, #10b981, #34d399); } 
.cl-notification-error { background: linear-gradient(135deg, #ef4444, #f87171); }

/* ==========================================================================
   13. RESPONSIVE DESIGN
   ========================================================================== */

/* Tablet (768px and below) */
@media (max-width: 768px) {
     .cl-modal-close{ top: 14px; right: 16px; width: 30px; height: 30px; } 
     .cl-modal-container { margin: 0; max-height: 100vh; height: 100vh; width: 100%; border-radius: 0; max-width: 100%; } 
     .cl-modal-body { padding: 20px; overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: calc(100vh - 140px); } 
     .cl-modal-header, .cl-modal-footer { padding: 15px 20px; } 
     .cl-modal-header h3 { font-size: 20px; } 
     .cl-form-grid { grid-template-columns: 1fr; gap: 15px; } 
     .cl-form-section h4 { font-size: 16px; } 
     .cl-success-actions { flex-direction: column; gap: 10px; } 
     .cl-success-actions .cl-btn { width: 100%; min-width: auto;}
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
   .cl-modal-header { padding: 15px; } 
   .cl-modal-body { padding: 15px; max-height: calc(100vh - 120px); } 
   .cl-modal-footer { padding: 15px; flex-direction: column; } 
   .cl-modal-footer .cl-btn { width: 100%; } .cl-file-info { flex-direction: column; align-items: flex-start; gap: 10px; } .cl-upload-btn { width: 100%; max-width: none; } 
   .cl-checkbox-group { gap: 10px; } 
   .cl-disclosure-text { max-height: 150px; } 
   .file-info-flex{ display: flex; gap: 10px; }
}

/* Small Mobile (360px and below) */
@media (max-width: 360px) {
 .cl-modal-body { padding: 12px; } .cl-form-grid { gap: 12px; } .cl-form-group input[type="text"], .cl-form-group input[type="email"], .cl-form-group input[type="tel"], .cl-form-group input[type="date"], .cl-form-group input[type="number"], .cl-form-group select, .cl-form-group textarea { padding: 10px 12px; font-size: 13px; } .cl-file-info { padding: 10px; } .cl-modal-footer { gap: 8px; } .cl-btn { padding: 10px 16px; font-size: 13px; }
}

/* ==========================================================================
   14. ANIMATIONS & TRANSITIONS
   ========================================================================== */
@keyframes modalFadeIn {
     from { opacity: 0; } to { opacity: 1; }
}

@keyframes modalSlideIn {
     from { transform: translateY(-50px) scale(0.95); opacity: 0; } to { transform: translateY(0) scale(1); opacity: 1; }
}

/* ==========================================================================
   15. ACCESSIBILITY IMPROVEMENTS
   ========================================================================== */
.cl-modal:focus { outline: none; } .cl-modal *:focus { outline: 2px solid #667eea; outline-offset: 2px; }

/* High contrast mode support */
@media (prefers-contrast: high) {
  .cl-btn-primary { border: 2px solid #000; } 
  .cl-btn-secondary { border: 2px solid #000; } 
  .cl-form-group input, .cl-form-group select, .cl-form-group textarea { border: 2px solid #000; }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
     .cl-modal, .cl-modal-container { animation: none; } 
     .cl-btn, .cl-modal-close, .cl-remove-file { transition: none; }
}

/* ==========================================================================
   16. PRINT STYLES
   ========================================================================== */
@media print {
     .cl-modal { display: none !important; } 
     .cl-notification { display: none !important; }
}

/* ==========================================================================
   17. BROWSER-SPECIFIC FIXES
   ========================================================================== */

/* Safari/iOS specific fixes */
@supports (-webkit-touch-callout: none) {
     .cl-modal-container { max-height: -webkit-fill-available; height: -webkit-fill-available; } 
     .cl-modal-body { max-height: -webkit-fill-available; }
}

/* Firefox specific fixes */
@supports (-moz-appearance: none) {
     .cl-modal-body { scrollbar-width: thin; scrollbar-color: #c1c1c1 #f5f5f5; } 
     .cl-form-group select { appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 15px center; background-size: 16px; padding-right: 40px; }
}

/* Edge specific fixes */
@supports (-ms-ime-align: auto) {
     .cl-modal-container { display: block; overflow: hidden; } .cl-modal-body { max-height: 60vh; }
}

/* ==========================================================================
   18. UTILITY CLASSES
   ========================================================================== */
.cl-scrollable { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } 
.cl-no-scroll { overflow: hidden !important; position: fixed; width: 100%; } 
.cl-hidden { display: none !important; } 
.cl-visible { display: block !important; }
.cl-text-center { text-align: center; } 
.cl-text-left { text-align: left; } 
.cl-text-right { text-align: right; } 
.cl-flex { display: flex; } 
.cl-flex-column { flex-direction: column; } .cl-flex-wrap { flex-wrap: wrap; } 
.cl-align-center { align-items: center; } 
.cl-justify-center { justify-content: center; } 
.cl-justify-between { justify-content: space-between; }

/* ==========================================================================
   19. FORM VALIDATION STYLES
   ========================================================================== */
.cl-validation-error { color: #dc3545; font-size: 12px; margin-top: 5px; display: block; } 
.cl-validation-success { color: #28a745; font-size: 12px; margin-top: 5px; display: block; } 
.cl-form-group.valid input, .cl-form-group.valid select, .cl-form-group.valid textarea { border-color: #28a745; background-color: #f8fff9; }

/* ==========================================================================
   20. LOADING STATES
   ========================================================================== */
.cl-loading { display: inline-flex; align-items: center; justify-content: center; gap: 8px; } 
.cl-loading::after { content: ''; width: 16px; height: 16px; border: 2px solid #e5e7eb; border-top-color: #667eea; border-radius: 50%; animation: spin 1s linear infinite; }

/* ==========================================================================
   21. EMERGENCY OVERRIDES (For theme conflicts)
   ========================================================================== */

/* Force modal to be on top */
#cl-deceased-info-modal { z-index: 999999 !important; } 
/* Force modal container flexbox */ 
#cl-deceased-info-modal .cl-modal-container { display: flex !important; flex-direction: column !important; min-height: 0 !important; height: 90vh !important; max-height: 90vh !important; }
/* Force modal body to scroll */
#cl-deceased-info-modal .cl-modal-body { flex: 1 !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; min-height: 0 !important; height: auto !important; max-height: none !important; }

/* Prevent theme interference */
body.cl-modal-open .site-content, body.cl-modal-open .content-area, body.cl-modal-open .site-main, body.cl-modal-open .woocommerce { overflow: hidden !important; position: relative; } 
#cl-deceased-info-modal, #cl-deceased-info-modal *, #cl-deceased-info-modal *:before, #cl-deceased-info-modal *:after { box-sizing: border-box !important; }
/* Mobile emergency fixes */ 
@media (max-width: 768px) {
      #cl-deceased-info-modal .cl-modal-container { height: 100vh !important; max-height: 100vh !important; margin: 0 !important; border-radius: 0 !important; } 
      #cl-deceased-info-modal .cl-modal-body { max-height: calc(100vh - 140px) !important; padding-bottom: 20px !important; } 
}
 /* Fix for WordPress admin bar */
@media (min-width: 783px) { 
     .admin-bar .cl-modal-container { margin-top: calc(5vh + 32px) !important; max-height: calc(90vh - 32px) !important; }
 } 
     /* Fix for iOS Safari 100vh issue */ 
@supports (-webkit-touch-callout: none){ 
     #cl-deceased-info-modal .cl-modal-container { height: -webkit-fill-available !important; max-height: -webkit-fill-available !important; } 
}

/* ===========================
   AFFILIATE LOGIN PAGE CSS
============================== */

.affwp-login-form { max-width: 520px; margin: 60px auto; padding: 40px; background-color: #fff; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; } 
.affwp-login-form fieldset legend { letter-spacing: -0.5px; font-size: 30px; font-weight: 500; margin-bottom: 25px; } 
.affwp-login-form fieldset { border: none; padding: 0; margin: 0; }
.affwp-login-form label { display: block; font-size: 16px; font-weight: 500; margin-bottom: 8px; }
.affwp-login-form p { font-size: 18px; margin-bottom: 18px; } 
.affwp-login-form input[type="text"], .affwp-login-form input[type="password"] { width: 100%; padding: 12px 14px; border-radius: 8px; border: 1px solid #ddd; font-size: 16px; transition: border 0.3s ease, box-shadow 0.3s ease; }
.affwp-login-form input[type="text"]:focus, .affwp-login-form input[type="password"]:focus { outline: none; border: 1px solid #65B0AF; box-shadow: 0 0 0 3px rgba(101, 176, 175, 0.15); } 
.affwp-login-form .affwp-user-remember { display: flex; align-items: center; gap: 8px; font-size: 18px; cursor: pointer; } 
.affwp-login-form .affwp-user-remember input[type="checkbox"] { width: 16px; height: 16px; accent-color: #65B0AF; } 
.affwp-login-form input[type="submit"] { width: 100%; padding: 12px 20px; border-radius: 8px; background-color: #65B0AF; color: #fff; font-size: 18px; font-weight: 500; border: none; cursor: pointer; transition: background 0.3s ease, transform 0.2s ease; } 
.affwp-login-form input[type="submit"]:hover { background-color: #559d9c; transform: translateY(-2px); } 
.affwp-login-form .affwp-lost-password { text-align: center; margin-top: 10px; } 
.affwp-login-form .affwp-lost-password a { color: #65B0AF; font-size: 16px; text-decoration: none; transition: opacity 0.3s ease; } 
.affwp-login-form .affwp-lost-password a:hover { opacity: 0.7; }


/* ===========================
   AFFILIATE REGISTER PAGE CSS
============================== */

.affwp-register-form { max-width: 650px; margin: 60px auto; padding: 40px; background-color: #fff; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; } 
.affwp-register-form fieldset { border: none; padding: 0; margin: 0; } 
.affwp-register-form fieldset legend {letter-spacing: -0.5px; font-size: 30px; font-weight: 500; margin-bottom: 30px; } 
.affwp-register-form p { font-size: 18px; margin-bottom: 20px; }
.affwp-register-form .affwp-field-label { display: block; font-size: 16px; font-weight: 500; margin-bottom: 8px; } 
.affwp-register-form .required { color: #65B0AF; font-size: 14px; font-weight: 500; }
.affwp-register-form input[type="text"], .affwp-register-form input[type="email"], .affwp-register-form input[type="url"], 
.affwp-register-form textarea { width: 100%; padding: 12px 14px; border-radius: 8px; border: 1px solid #ddd; font-size: 16px; transition: border 0.3s ease, box-shadow 0.3s ease; font-family: inherit; } 
.affwp-register-form textarea { resize: none; min-height: 120px; } 
.affwp-register-form input:focus, .affwp-register-form textarea:focus { outline: none; border: 1px solid #65B0AF; box-shadow: 0 0 0 3px rgba(101, 176, 175, 0.15); } 
.affwp-register-form input[type="submit"] { width: 100%; padding: 12px 20px; border-radius: 8px; background-color: #65B0AF; color: #fff; font-size: 18px; font-weight: 500; border: none; cursor: pointer; transition: background 0.3s ease, transform 0.2s ease; } 
.affwp-register-form input[type="submit"]:hover { background-color: #559d9c; transform: translateY(-2px); }

/* ===========================
   AFFILIATE DASHBOARD PAGE CSS
============================== */
#affwp-affiliate-dashboard{margin-top: 40px; max-width: 1360px !important; padding: 0 20px !important; }
ul#affwp-affiliate-dashboard-tabs{display: flex; justify-content: center;  box-shadow: 0 2px 4px rgba(0,0,0,0.08), 0 8px 16px rgba(0,0,0,0.05); border-radius: 10px; padding: 20px !important;}
ul#affwp-affiliate-dashboard-tabs li{text-align: start; font-size:18px;  padding: 10px 30px !important; }
ul#affwp-affiliate-dashboard-tabs li.active{background-color: #65B0AF; color: #fff; border-radius: 10px; font-weight: 500 !important;}

/* dashboard  */
.affwp-tab-content h3{font-size: 20px; font-weight: 500; margin-bottom: 5px !important;}
.affwp-tab-content p{font-size:18px;}
#affwp-affiliate-dashboard h4{font-size: 20px; font-weight: 500;}
.affwp-tab-content input{padding: 10px; border: 1px solid #000; outline: none; font-size: 15px;}
.affwp-tab-content input:focus{border: 1px solid #65B0AF;}
.affwp-tab-content button{background-color:#65B0AF ; color: #fff; padding: 14px 10px; border-radius: 8px;  border: none; outline: none; cursor: pointer; transition: all 0.3s ease;}
.affwp-tab-content label{font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.affwp-tab-content a{ font-size: 15px;}
#affwp-generator-submit-btn{background-color:#65B0AF ; color: #fff; padding: 10px; border-radius: 8px;  border: none; outline: none; cursor: pointer; transition: all 0.3s ease;}
#affwp-generator-submit-btn:hover, .affwp-tab-content button:hover{background-color: #4f9998 ; }
#affwp-generator-toggle-campaign:hover{color: #52a1a0 ;}
.my-custom-wrapper{overflow-x: auto;}
.tippy-box .tippy-content p{font-size: 14px;}
#affwp-custom-links-table { width: 100%; border-collapse: collapse; min-width: 800px; overflow-x: scroll; }
#affwp-custom-links-table thead tr { background-color: #D0E3E3; }
#affwp-custom-links-table th { padding: 10px; text-align: left; font-weight: 600; font-size: 16px;} 
#affwp-custom-links-table td { border-bottom: 1px solid #000000;  padding: 10px ; background-color: #fff; font-size: 15px; } 
.affwp-custom-link-actions svg{color:#65B0AF ;}
.affwp-custom-link-row{align-items: center;}

/* stats tab  */
#affwp-affiliate-dashboard-referral-counts table, #affwp-affiliate-dashboard-earnings-stats table, #affwp-affiliate-dashboard-campaign-stats table, #affwp-affiliate-dashboard-referrals table, #affwp-affiliate-dashboard-payouts table, #affwp-affiliate-dashboard-visits table, #affwp-affiliate-dashboard-coupons  table
{ width: 100%; border-collapse: collapse; overflow-x: scroll; margin-bottom: 50px; }
#affwp-affiliate-dashboard-referral-counts table thead tr, #affwp-affiliate-dashboard-earnings-stats  table thead tr, #affwp-affiliate-dashboard-campaign-stats table thead tr , #affwp-affiliate-dashboard-referrals table thead tr, #affwp-affiliate-dashboard-payouts table thead tr, #affwp-affiliate-dashboard-visits table thead tr, #affwp-affiliate-dashboard-coupons table thead tr 
{ background-color: #D0E3E3; }
#affwp-affiliate-dashboard-referral-counts table th, #affwp-affiliate-dashboard-earnings-stats table th, #affwp-affiliate-dashboard-campaign-stats table th, #affwp-affiliate-dashboard-referrals table th, #affwp-affiliate-dashboard-payouts table th, #affwp-affiliate-dashboard-visits table th, #affwp-affiliate-dashboard-coupons table th 
{ padding: 10px; text-align: left; font-weight: 600; font-size: 16px;} 
#affwp-affiliate-dashboard-referral-counts table td, #affwp-affiliate-dashboard-earnings-stats table td, #affwp-affiliate-dashboard-campaign-stats table td, #affwp-affiliate-dashboard-referrals table td, #affwp-affiliate-dashboard-payouts table td, #affwp-affiliate-dashboard-visits table td, #affwp-affiliate-dashboard-coupons table td
{ border-bottom: 1px solid #000000;  padding: 10px ; background-color: #fff; font-size: 15px; } 

/* graph tab */
#affwp-affiliate-dashboard-graphs { background: #ffffff; border-radius: 8px; padding: 24px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); } 
#affwp-affiliate-dashboard-graphs h4 { margin: 0 0 20px 0; padding-bottom: 12px; border-bottom: 2px solid #65B0AF; } 
#affwp-affiliate-dashboard-graphs #affwp-graphs-filter { margin-bottom: 24px; } 
#affwp-affiliate-dashboard-graphs .tablenav.top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 16px; background: #f8f9fa; border-radius: 6px; border: 1px solid #e9ecef; }

/* Select Dropdown */
#affwp-affiliate-dashboard-graphs .affwp-graphs-date-options { padding: 10px 14px; border: 1px solid #d1d5db; border-radius: 6px; background: #ffffff; color: #374151; font-size: 14px; min-width: 160px; cursor: pointer; transition: all 0.2s ease; } 
#affwp-affiliate-dashboard-graphs .affwp-graphs-date-options:hover { border-color: #65B0AF; } 
#affwp-affiliate-dashboard-graphs .affwp-graphs-date-options:focus { outline: none; border-color: #65B0AF; box-shadow: 0 0 0 3px rgba(101, 176, 175, 0.1); }
#affwp-affiliate-dashboard-graphs #affwp-date-range-options { display: flex; align-items: center; gap: 8px; }
#affwp-affiliate-dashboard-graphs .affwp-search-date { display: flex; align-items: center; gap: 8px; } 
#affwp-affiliate-dashboard-graphs .affwp-search-date span { color: #6b7280; font-size: 14px; font-weight: 500; } 
#affwp-affiliate-dashboard-graphs .affwp-datepicker { padding: 10px 14px; border: 1px solid #d1d5db; border-radius: 6px; background: #ffffff; color: #374151; font-size: 14px; min-width: 140px; transition: all 0.2s ease; }

#affwp-affiliate-dashboard-graphs .affwp-datepicker:hover { border-color: #65B0AF; } 
#affwp-affiliate-dashboard-graphs .affwp-datepicker:focus { outline: none; border-color: #65B0AF; box-shadow: 0 0 0 3px rgba(101, 176, 175, 0.1); } 
#affwp-affiliate-dashboard-graphs #submit.button { padding: 10px 24px; background: #65B0AF; color: #ffffff; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } 
#affwp-affiliate-dashboard-graphs #submit.button:hover { background: #589f9e; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transform: translateY(-1px); } 
#affwp-affiliate-dashboard-graphs #submit.button:active { transform: translateY(0); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

/* Graph Container */
#affwp-affiliate-dashboard-graphs .affwp-graph { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-top: 20px; } 
#affwp-affiliate-dashboard-graphs .affwp-graph canvas { border-radius: 4px; } 
#affwp-affiliate-dashboard-graphs .tickLabels { font-size: 13px !important; color: #6b7280 !important; } 
#affwp-affiliate-dashboard-graphs .tickLabel { color: #6b7280 !important; font-weight: 500; } 
#affwp-affiliate-dashboard-graphs .legend { background: rgba(255, 255, 255, 0.95) !important; border: 1px solid #e5e7eb !important; border-radius: 6px !important; padding: 12px !important; } 
#affwp-affiliate-dashboard-graphs .legend table { background: transparent !important; } 
#affwp-affiliate-dashboard-graphs .legend tbody tr { line-height: 1.8; } 
#affwp-affiliate-dashboard-graphs .legendLabel { color: #374151 !important; font-size: 13px !important; font-weight: 500; padding-left: 8px !important; }
#affwp-affiliate-dashboard-graphs .legendColorBox div { border: 1px solid #d1d5db !important; border-radius: 3px; } 
#affwp-affiliate-dashboard-graphs .legend tbody tr:nth-child(1) .legendColorBox div div { /* Unpaid - Warm Yellow */ border-color: #f59e0b !important; } 
#affwp-affiliate-dashboard-graphs .legend tbody tr:nth-child(2) .legendColorBox div div { /* Pending - Theme Color */ border-color: #65B0AF !important; } 
#affwp-affiliate-dashboard-graphs .legend tbody tr:nth-child(3) .legendColorBox div div { /* Rejected - Muted Red */ border-color: #ef4444 !important; } 
#affwp-affiliate-dashboard-graphs .legend tbody tr:nth-child(4) .legendColorBox div div { /* Paid - Success Green */ border-color: #10b981 !important; }

/* settings tab  */
#affwp-affiliate-dashboard-profile #affwp-affiliate-dashboard-profile-form input.button{background-color: #65B0AF; color: #fff; font-size: 18px; border: none; outline: none; border-radius: 8px; transition: all 0.3s ease; cursor: pointer;}
#affwp-affiliate-dashboard-profile #affwp-affiliate-dashboard-profile-form input.button:hover{background-color:#4c9f9e ;}

@media screen and (min-width:768px){
   .affwp-affiliate-dashboard-referral-counts table { min-width: 800px; }
}

@media screen and (max-width:767px){
     .affwp-register-form, .affwp-login-form{padding:30px 20px;}
     .affwp-login-form fieldset legend, .affwp-register-form fieldset legend{font-size: 25px; letter-spacing: normal;}
     #affwp-affiliate-dashboard{flex-direction: column;}
     ul#affwp-affiliate-dashboard-tabs, #affwp-affiliate-dashboard-url-generator{width: 100%;}
     ul#affwp-affiliate-dashboard-tabs li{width: 100%; text-align: center;}
     ul#affwp-affiliate-dashboard-tabs{overflow-y: scroll; justify-content: start;}
     ul#affwp-affiliate-dashboard-tabs li{min-width: 150px; padding: 0 !important; height: 38px ; line-height: 38px;}
     #affwp-affiliate-dashboard-graphs { padding: 16px; } 
     #affwp-affiliate-dashboard-graphs h4 { font-size: 18px; } 
     #affwp-affiliate-dashboard-graphs .tablenav.top { flex-direction: column; align-items: stretch; }
     #affwp-affiliate-dashboard-graphs .affwp-graphs-date-options, #affwp-affiliate-dashboard-graphs #submit.button { width: 100%; } 
     #affwp-affiliate-dashboard-graphs .affwp-search-date { flex-direction: column; align-items: stretch; } 
     #affwp-affiliate-dashboard-graphs .affwp-datepicker { width: 100%; } 
     #affwp-affiliate-dashboard-graphs .affwp-graph { padding: 12px; } 
     #affwp-affiliate-dashboard-graphs .legend { position: static !important; margin-top: 16px; }
}