:root {
     --tally-blue: #149EC2;

     --tally-dark-blue: #093B5B;
     --yellow-1: var(--color-dark-orange);
     --yellow-2: #FCAF1B;
     --bg-hero: var(--color-light-sky);
     --bg-warm: #FFFBE5;
     --muted: #6b7280;
     --card-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
     --rounded-xl: 1rem;
 }

 @font-face {
     font-family: "Espuma Regular";
     src: url("/mena/wp-content/themes/tally/assets/fonts/espuma/espuma-pro-bold.ttf");
     font-weight: normal;
     font-display: swap;
 }

 .font-manual {
     font-family: "Google Sans", Roboto, Arial, sans-serif !important;
 }


 .espuma-regular {
     font-family: "Espuma Regular" !important;
 }

 h1,
 h2,
 p {
     font-family: "Google Sans", Roboto, Arial, sans-serif !important;
 }

 .fw-800 {
     font-weight: 800 !important;
 }

 .font-content-size {
     font-size: 1.25rem;
 }

 .btn-h {
     height: 50px !important;
 }

 .btn-primary:hover {
     opacity: .8;
 }

 .text-dark-blue {
     color: var(--tally-dark-blue);
 }

 .text-tally-blue {
     color: var(--tally-blue);
 }

 th {
     background-color: #f3f4f6 !important;
 }

 .vertical-line {
     height: 100%;
     position: relative;
 }


 /* Header */
 header.navbar {
     background: #fff;
     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
     z-index: 50;
 }




 /* Hero */
 .hero {
     background: var(--bg-hero);
     color: var(--tally-dark-blue);
     padding: 30px 0;
 }


 .hero .accent {
     color: var(--tally-blue);
 }



 .custom-bullet-list li {
     position: relative;
     padding-left: 32px !important;
     /* space for bullet */
 }

 .custom-bullet-list li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 20px;
     height: 20px;
     background-image: url(/wp-content/themes/tally/assets/images/gst-calculator/correct.png);
     background-repeat: no-repeat;
     /* background-color: #FCAF1B; */
     /* yellow */
     /* border-radius: 50%; */
 }


 /* Cards & sections */
 .card-custom {
     border: 4px solid #fff;
     border-radius: var(--rounded-xl);
     /* box-shadow: var(--card-shadow); */
 }


 .section-warm {
     background: var(--bg-warm);
 }

 .section-warm .card-custom {
     background: #FFFBE5;
 }

 /* Pricing highlight */
 .most-popular-badge {
     position: absolute;
     top: -12px;
     left: 50%;
     transform: translateX(-50%);
     background: var(--tally-blue);
     color: #fff;
     padding: 6px 14px;
     border-radius: 999px;
     font-weight: 700;
     font-size: 0.85rem;
     box-shadow: 0 4px 12px rgba(20, 158, 194, 0.14);
     z-index: 1;
 }

 .pricing-card-popular {
     border: 4px solid var(--tally-blue);
 }

 /* Tables */
 table thead th {
     background: #f3f4f6;
 }

 /* Testimonials */
 .testimonial-quote {
     font-size: 3.5rem;
     line-height: 0.8;
     color: #c7c7c7;
 }

 /* Remove default shadows */
 .accordion-button {
     background: transparent !important;
     box-shadow: none !important;
     border: none !important;
 }

 /* Active heading text becomes blue */
 .accordion-button:not(.collapsed) {
     color: var(--color-light-blue) !important;
     /* Bootstrap Primary Blue */
     background: transparent !important;
     box-shadow: none !important;
 }

 /* Border only at bottom of each item */
 .accordion-item {
     border: none !important;
     border-bottom: 1px solid #e5e5e5 !important;
     border-radius: 0 !important;
 }

 /* Hide default chevron */
 .accordion-button::after {
     display: none;
 }

 /* Custom caret animation */
 .faq-caret {
     transition: transform .2s ease;
 }

 .accordion-button.collapsed .faq-caret {
     transform: rotate(0deg);
 }

 .accordion-button:not(.collapsed) .faq-caret {
     transform: rotate(180deg);
 }


 /* CTA */
 .final-cta {
     color: #093B5B;
     padding: 5rem 0;
 }

 /* Footer */
 footer {
     background: var(--tally-dark-blue);
     color: #cbd5e1;
 }

 /* Utilities */
 .rounded-xl {
     border-radius: var(--rounded-xl) !important;
 }

 .no-outline:focus {
     outline: none !important;
     box-shadow: none !important;
 }

 /* Hide the default bootstrap arrow */
 .accordion-button::after {
     display: none !important;
 }

 /* Base icon style */
 .faq-caret {
     font-size: 22px;
     font-weight: 400;
     transition: transform 0.2s ease-in-out;
     display: inline-block;
 }

 /* When collapsed → show PLUS */
 .accordion-button.collapsed .faq-caret {
     content: "+";
 }

 .accordion-button.collapsed .faq-caret::before {
     content: "+";
 }

 /* When expanded → show MINUS */
 .accordion-button:not(.collapsed) .faq-caret::before {
     content: "−";
 }

 .expert-btn {
     background-color: transparent !important;
     border: 1.5px solid #FCAF1B !important;
 }

 .expert-btn:hover {
     background-color: #cbd5e1 !important;
 }

 .splash {
     position: relative;
     height: 50px;
     width: 50px;
     border-radius: 50%;

     margin-bottom: 1rem;
     display: flex;
     justify-content: center;
     align-items: center;
     background-image: url(/wp-content/themes/tally/assets/images/icons/icon-bg-yellow.svg);
     background-position: center;
     background-size: cover;
 }

 .splash img {
     width: 30px;
 }

 .prevBtn {
     transform: rotate(180deg);
 }

 .clsRenOldPrice {
     display: none !important;
 }

 .prime7Logo {
     width: 14rem;
 }

 .thoughtfullyBuiltLogo {
     width: 100%;
     max-width: 14rem;
 }

 .newFeatureslist {
     text-align: left;
 }

 .info-tag {
     display: inline-block;
     padding: 8px 16px;
     background: #006ea61a;
     color: #006ea6;
     border-radius: 12px;
     border: none;
     font-size: 14px;
     font-weight: 500;
 }

 .vertical-line::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 3px;
     background: linear-gradient(to bottom, #6eb0d0 33%, #006ea6 33%, #006ea6 66%, #6eb0d0 66%);
 }

 .trial-toggle .btn:hover {
     background-color: #006ea6 !important;
     color: white;
 }

 .trial-toggle .btn.active {
     background-color: #006ea6;
     color: white;
 }

 .w-fit {
     width: fit-content;
 }

 .trial-price-card {
     background-color: #fff;
     border-radius: 0.5rem;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
     padding: 1.5rem;
     position: relative;
 }

 .trial-price {
     font-size: 1.8rem;
     font-weight: bold;
 }

 .slick-next {
     right: 10px !important;
 }

 .slick-dots {
     display: none !important;
 }

 .testimonialImgContainer {
     border: 1px solid #dee2e6;
 }

 .videosRepeater .slick-prev,
 .videosRepeater .slick-next {
     width: 32px;
     height: 42px;
 }

 .videosRepeater .slick-prev {
     left: -40px;
     transform: rotate(180deg) !important;
     top: 8.2rem !important;
 }

 .videosRepeater .slick-prev,
 .videosRepeater .slick-prev:hover {
     background-image: url('/wp-content/themes/tally/assets/images/next-icon.svg');
     background-repeat: no-repeat;
 }

 .videosRepeater .slick-next,
 .videosRepeater .slick-next:hover {
     background-image: url('/wp-content/themes/tally/assets/images/next-icon.svg');
     background-repeat: no-repeat;
 }

 .bg-blue-shwoosh {
     background-image: url('/wp-content/themes/tally/assets/images/blue-swoosh-line.svg');
     background-repeat: no-repeat;
     background-position: bottom;
     background-size: 39rem;
     background-position-x: 44rem;
     background-position-y: 21rem;
 }

 @media (min-width: 280px) {
     .videosRepeater .slick-slide img {
         width: 24rem;
     }

     .videosRepeater .play-icon img {
         width: 3rem !important;
         position: absolute;
         z-index: 1;
         top: -8rem;
         left: 11rem;
     }

     .bannerRightImg {
         width: 16rem;
     }

     .videosRepeater .slick-prev {
         left: 0rem;
         z-index: 1;
         top: 6rem !important;
     }

     .videosRepeater .slick-next {
         right: 0rem !important;
     }

     .bg-blue-shwoosh {
         background-size: 30rem;
         background-position-x: -4rem;
         background-position-y: 40rem;
     }
     .bannerSubHead {
        font-size: 1.3rem;
     }
 }

 @media (min-width: 375px) {
     .bg-blue-shwoosh {
         background-size: 30rem;
         background-position-x: -2rem;
         background-position-y: 40rem;
     }
 }

 @media (min-width: 412px) {
     .videosRepeater .slick-slide img {
         width: 26rem;
     }


 }

 @media (min-width: 425px) {
     .videosRepeater .slick-slide img {
         width: 27rem;
     }

     .bg-blue-shwoosh {
         background-position-x: -1rem;
         background-position-y: 38rem;
     }
 }

 @media (min-width: 576px) {
     .videosRepeater .slick-slide img {
         width: 16rem;
     }

     .videosRepeater .slick-prev {
         left: 0rem;
         z-index: 1;
         top: 3rem !important;
     }

     .videosRepeater .play-icon img {
         top: -5rem;
         left: 7rem;
     }

     .bg-blue-shwoosh {
         background-position-x: 9rem;
         background-position-y: 37rem;
     }
 }

 @media (min-width: 768px) {
     .hero {
         padding: 40px 0;
     }

     .hero h1 {
         font-size: 2.5rem;
     }

     .img-h {
         min-height: 300px !important;
     }

     .bannerSubHead {
         font-size: 1.3rem;
     }

     .bannerRightImg {
         width: 20rem;
     }

     .videosRepeater .slick-slide img {
         width: 14rem;
     }

     .videosRepeater .play-icon img {
         top: -4.5rem;
         left: 6rem;
         width: 2rem !important;
     }

     .bg-blue-shwoosh {
         background-position-x: 22rem;
         background-position-y: 18rem;
     }
 }

 @media (min-width: 992px) {
     .videosRepeater .slick-slide img {
         width: 25rem;
     }

     .videosRepeater .play-icon img {
         top: -6rem;
         left: 8rem;
         width: 2rem !important;
     }

     .bg-blue-shwoosh {
         background-position-x: 37rem;
         background-position-y: 24rem;
     }
 }

 @media (min-width: 1024px) {
     .videosRepeater .slick-slide img {
         width: 19rem;
     }

     .hero h1 {
         font-size: 4rem;
     }
 }

 @media (min-width: 1200px) {
     .trustedHead {
         font-size: 40px;
     }

     .videosRepeater .slick-slide img {
         width: 22rem;
     }

     .videosRepeater .play-icon img {
         top: -7rem;
         left: 9rem;
         width: 2.5rem !important;
     }

     .bg-blue-shwoosh {
         background-size: 39rem;
         background-position-x: 39rem;
         background-position-y: 15rem;
     }

 }

 @media (min-width: 1280px) {
     .bg-blue-shwoosh {
         background-size: 40rem;
         background-position-y: 16rem;
         background-position-x: 43rem;
     }
 }

 @media (min-width: 1440px) {
     .videosRepeater .slick-slide img {
         width: 26rem;
     }

     .videosRepeater .play-icon img {
         top: -8rem;
         left: 11rem;
         width: 2.5rem !important;
     }

     .bg-blue-shwoosh {
         background-position-x: 51rem;
         background-size: 43rem;
         background-position-y: 18rem;
     }
 }

 @media (min-width: 1600px) {
     .bg-blue-shwoosh {
         background-position-x: 56rem;
         background-size: 48rem;
         background-position-y: 15rem;
     }
 }

 @media (min-width: 1680px) {
     .bg-blue-shwoosh {
         background-position-x: 61rem;
         background-size: 48rem;
         background-position-y: 15rem;
     }
 }

 @media (min-width: 1920px) {

     .img-h {
         min-height: 350px !important;
     }

     .videosRepeater .slick-slide img {
         width: 26rem;
     }

 }