body {
  margin: 0;
  background: #fff;
}

/* RESPONSIVE */
@media(max-width: 768px) {
    .main-heading {
        font-size: 36px !important;
    }
}

/* NAVBAR section pages start */
.custom-nav {
  position: absolute;
  width: 100%;
  z-index: 10;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.logo img{
  width: 150px !important;
}

.nav-link {
  color: rgba(255,255,255,1.0) !important;
  font-size: 14px;
}

.nav-link:hover {
  color: rgba(255,255,255,0.5) !important;
}

.nav-btn {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background-color: rgba(255, 255, 255, 0);
    opacity: 1;
    border-radius: 0px;
}
.nav-btn:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.12);
}


.btn.btn-white:hover
{
  border:none;
}
/* NAVBAR section pages end */








@media (max-width: 991px) {
    #menu {
        background: #000;
        padding: 20px;
    }

    #menu .nav-link {
        color: #fff !important;
    }
}







/*mobile menu display*/
/* Default hide mobile menu */
.mobile-menu {
    display: none;
}

/* Mobile view */
@media (max-width: 991px) {
    
    .desktop-menu {
        display: none;
    }

    .mobile-menu {
        display: block;
    }

    /* simple dropdown full width */
    .mobile-menu .dropdown-menu {
        width: 100%;
        border-radius: 8px;
    }
}









/*Navbar dropdown menu start*/
/* Mega Menu */
.mega-menu {
    width: 1000px;
    border-radius: 0px;
    left: 50% !important;
    transform: translateX(-50%);
    top: 100%;
    position: absolute;
    padding: 5px !important;
    height: 310px;
}

.mega-dropdown {
    position: static; /* IMPORTANT */
}

/* Icon Box */
.icon-box {
    width: 50px;
    height: 50px;
    background: #0b1c1f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

/* Text */
.service-item .content {
  transition: margin-left 0.2s ease-in-out;
}

.service-item:hover .content {
  margin-left: 5px;
}

.service-item h6 {
    margin: 0;
    font-weight: 600;
}

.service-item p {
    margin: 0;
    color: #777;
    font-size: 14px;
}

/* Image Section */
.mega-image {
    position: relative;
    overflow: hidden;
    border-radius: 0px;
}

.mega-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

/* Overlay */
.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #fff;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    width: 100%;
}

.dropdown-menu a {
  text-decoration: none;
  color: inherit;
}

.dropdown-menu .left {
    padding: 20px !important;
}
/*.mega-dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}
*/
/*Navbar dropdown menu end*/










/* DROPDOWN CONTAINER for services menu start */
/* MAIN DROPDOWN */
.services-dropdown-section {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-20px);
  width: 1100px;
  background: #e9e9e9;
  padding: 40px;

  opacity: 0;
  visibility: hidden;

  transition: all 0.35s ease;
  z-index: 999;
}

/* ACTIVE STATE (OPEN) */
.services-dropdown-section.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/* DROPDOWN CONTAINER for services menu end */








/* NAVBAR dark for other pages start */
.custom-nav-dark {
  position: absolute;
  width: 100%;
  z-index: 10;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.logo-dark {
  font-weight: 600;
  font-size: 20px;
  color: #000;
}

.nav-link-dark {
  color: rgba(0,0,0,1.0) !important;
  font-size: 14px;
}

.nav-link-dark:hover {
  color: rgba(0,0,0,0.5) !important;
}

.nav-btn-dark {
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
}
.nav-btn-dark:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

/* for hero section  home page start*/
.hero {
  position: relative;
  height: 100vh;
  background: 
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url('assets/img/Website Landing Image.jpeg') no-repeat center center/cover;
  overflow: hidden;
}

/* CONTENT */
.hero .hero-content {
  max-width: 600px;
  padding-bottom: 100px;
}

.hero .hero-content h1 {
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
}

.hero .hero-content p {
  margin-top: 20px;
  font-size: 15px;
  color: rgba(255,255,255,0.7);
  max-width: 480px;
}

/* BUTTONS */
.hero .buttons {
  margin-top: 30px;
  display: flex;
  gap: 15px;
}

.hero .btn {
  padding: 15px 30px;
}

.hero .btn-white {
  background: rgba(255, 255, 255, 1.0);
  color: #000;
  font-size: 14px;
  border-radius: 0px;
}
.hero .btn-white:hover {
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  font-size: 14px;
  border-radius: 0px;
}

/* BOTTOM TEXT */
.hero .bottom-text {
  position: absolute;
  bottom: 20px;
  font-size: 12px;
  color: rgba(255,255,255,0.6);
}

.hero .bottom-text.left {
  left: 40px;
}

.hero .bottom-text.right {
  right: 40px;
}


/* RESPONSIVE */
@media (max-width: 768px) {
  .hero {
    height: 85vh;
    background: 
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url('assets/img/Dawood.jpeg') no-repeat bottom right/cover;
    padding: 0px;
}
  .hero-content h1 {
    font-size: 36px !important;
  }

  .buttons {
    flex-direction: column;
  }

  .hero .hero-content {
  padding-bottom: 0px;
}
}
/* for hero section end */







/* Logo Carousal after Slider Start */

/* SECTION */
/* .logo-section {
  padding: 40px 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

/* SLIDER */
/* .logo-section .logo-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
} */

/* TRACK */
/* .logo-section .logo-track {
  display: flex;
  width: max-content;
  animation: scroll 25s linear infinite;
} */

/* LOGOS */
/* .logo-section .logo-track img {
  height: 40px;
  margin: 0 50px;
  opacity: 0.7;
  transition: 0.3s;
}

.logo-section .logo-track img:hover {
  opacity: 1;
} */

/* ANIMATION */
/* @keyframes scroll {
  1000% {
    transform: translateX(0);
  }
  0% {
    transform: translateX(-50%);
  }
}  */

/* Logo Carousal after Slider Start */



/* Logo Carousal after Slider Start */

/* SECTION */
.logo-section {
  padding: 40px 0;
  overflow: hidden;
  background: transparent; /* No background */
}

/* SLIDER */
.logo-section .logo-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* TRACK */
.logo-section .logo-track {
  display: flex;
  width: max-content;
  animation: scroll 25s linear infinite;
  gap: 3rem; /* Space between text items */
}

/* TEXT ITEMS - Clean & Simple */
.logo-section .logo-track p {
  flex-shrink: 0;
  margin: 0;
  color: rgb(0, 0, 0); /* or whatever text color you need */
  font-weight: 500;
  font-size: 1rem;
  white-space: nowrap;
  letter-spacing: 0.5px;
}

/* ANIMATION */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Optional: Pause animation on hover */
.logo-section .logo-slider:hover .logo-track {
  animation-play-state: paused;
}

/* Responsive */
@media (max-width: 768px) {
  .logo-section .logo-track {
    gap: 2rem;
  }
  
  .logo-section .logo-track p {
    font-size: 0.85rem;
  }
}

/* Logo Carousal after Slider End */




/* About Us Section Start */
.strategy-section {
    padding: 80px 0;
}

/* LEFT SIDE */
.strategy-section .pillars {
    font-size: 13px;
    letter-spacing: 2px;
    color: #777;
    margin-bottom: 20px;
}

.strategy-section .main-heading {
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 50px;
}

/* ITEMS */
.strategy-section .item {
    display: block;
    gap: 20px;
    margin-bottom: 45px;
}

.strategy-section .circle {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #777;
}

.strategy-section .item h5 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 20px;
}

.strategy-section .item p {
    color: #888;
    font-size: 14px;
    margin: 0;
}

/* RIGHT SIDE IMAGE */
.strategy-section .image-box {
    position: relative;
}

.strategy-section .image-box img {
    width: 100%;
    border-radius: 2px;
}

/* CARD OVERLAY */
.strategy-section .profile-card {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.strategy-section .profile-card:hover {
    background: rgba(255, 255, 255, 1.0);
    color: #000;
}

.strategy-section .profile-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.strategy-section .profile-left img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.strategy-section .profile-name {
    font-size: 16px;
    margin: 0;
}

.strategy-section .profile-role {
    font-size: 12px;
    color: #ccc;
}

.strategy-section .profile-btn {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.strategy-section .profile-card:hover .profile-btn {
    color: #000;
}

.strategy-section .profile-btn:hover {
    text-decoration: underline;

}


/* RESPONSIVE */
@media (max-width: 768px) {
  .strategy-section .main-heading {
    font-size: 36px;
    }
}
/* About Us Section End */







/*about us page founder story section style start*/
.founder-story {
  background-color: #e9eaeb;
  padding: 80px 0;
}

.founder-story .fs-label {
  font-size: 12px;
  letter-spacing: 2px;
  color: #111;
  font-weight: 600;
  margin-bottom: 20px;
}

.founder-story .fs-heading {
  font-size: 64px;
  line-height: 1.1;
  font-weight: 500;
  color: #111;
  margin-bottom: 40px;
}

.founder-story .fs-content p {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}

.founder-story .fs-content {
  margin-bottom: 50px;
}

.founder-story .fs-cards {
  margin-top: 30px;
}

.founder-story .fs-card {
  background: #f5f5f5;
  padding: 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.founder-story .fs-card-label {
  font-size: 16px;
  color: #111;
  margin-bottom: 40px;
}

.founder-story .fs-card-value {
  font-size: 64px;
  font-weight: 500;
  color: #111;
  text-align: right;
}

@media (max-width: 768px) {
    .founder-story .fs-heading {
      font-size: 36px;
    }

    .founder-story .fs-card {
      background: #f5f5f5;
      padding: 40px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .founder-story .fs-card-value {
      font-size: 36px;
    }
}
/*about us page founder story section style end*/





/*about us page value section style start*/
.about-section-values {
  background-color: #071b1d;
  padding: 100px 0;
}

.about-section-values .label {
  font-size: 12px;
  letter-spacing: 2px;
  color: #a0b2b5;
  margin-bottom: 20px;
}

.about-section-values .heading {
  font-size: 56px;
  line-height: 1.1;
  color: #ffffff;
  font-weight: 500;
  max-width: 520px;
  margin-bottom: 80px;
}

/* CTA BOX */
.about-section-values .cta-box {
  background: #e8e8e8;
  padding: 30px 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 520px;
  cursor: pointer;
}

.about-section-values .cta-box h4 {
  font-size: 18px;
  color: #111;
  margin-bottom: 5px;
}

.about-section-values .cta-box p {
  font-size: 14px;
  color: #555;
}

.about-section-values .cta-box .arrow {
  font-size: 20px;
  color: #111;
}

/* RIGHT SIDE */
.about-section-values .right-side {
  padding-left: 60px;
}

.about-section-values .value-item {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.about-section-values .value-item .icon {
  font-size: 18px;
  color: #ffffff;
  margin-top: 5px;
  width: 20px;
}

.about-section-values .value-item h4 {
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 5px;
}

.about-section-values .value-item p {
  font-size: 14px;
  color: #a0b2b5;
}

/* DIVIDER */
.about-section-values .divider {
  height: 1px;
  background: rgba(255,255,255,0.1);
  margin: 25px 0;
}
@media (max-width: 768px) {
    .about-section-values .heading {
      font-size: 36px;
    }

    .about-section-values .cta-box-about {
        display: none;
    }
}
/*about us page value section style end*/







/*about us page worldwide clients section style start*/
.worldwide-clients {
  background: #e9eaeb;
  padding: 100px 0;
}

/* LABEL */
.worldwide-clients .wc-label {
  font-size: 12px;
  letter-spacing: 2px;
  color: #111;
  margin-bottom: 20px;
}

/* HEADING */
.worldwide-clients .wc-heading {
  font-size: 56px;
  line-height: 1.1;
  font-weight: 500;
  color: #111;
  margin-bottom: 60px;
  max-width: 700px;
}

/* GRID */
.worldwide-clients .wc-grid {
  row-gap: 40px;
}

/* ITEM */
.worldwide-clients .wc-item {
  margin-bottom: 10px;
}

/* TOP LABEL WITH DOT */
.worldwide-clients .wc-top {
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.worldwide-clients .wc-top span {
  width: 6px;
  height: 6px;
  background: #28a745;
  border-radius: 50%;
  display: inline-block;
}

/* CARD */
.worldwide-clients .wc-card {
  background: transparent;
  border: 1px solid #d5d7da;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #111;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* HOVER (subtle like design) */
.worldwide-clients .wc-card:hover {
  background: #ffffff;
  border-color: #c9ccd1;
}
@media (max-width: 768px) {
    .worldwide-clients .wc-heading {
      font-size: 36px;
    }
}
/*about us page worldwide clients section style end*/







/*Services Section Start*/
.services-section {
    padding: 80px 0;
    background: #f7f7f7;
}

/* TOP TEXT */
.services-section .services-label {
    font-size: 13px;
    letter-spacing: 2px;
    color: #777;
    margin-bottom: 20px;
}

.services-section .services-heading {
    font-size: 52px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 60px;
}

/* CARD */
.services-section .service-card {
    position: relative;
    overflow: hidden;
    height: 480px;
}

/* IMAGE */
.services-section .service-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* DARK GRADIENT */
.services-section .service-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0.05));
}

/* TOP RIGHT ICON */
.services-section .card-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    font-size: 18px;
}

/* TITLE */
.services-section .card-title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    z-index: 2;
}

/* DESCRIPTION */
.services-section .service-desc {
    margin-top: 15px;
    color: rgb(0,0,0);
    font-size: 18px;
    line-height: 1.6;
}

/* RESPONSIVE */
@media(max-width: 768px) {
    .services-section .services-heading {
    font-size: 36px;
    }
}
/*Services Section End*/







/*framework Section End*/
.framework-section {
    padding: 80px 0;
}

/* Small label */
.framework-section .small-heading {
    font-size: 13px;
    letter-spacing: 2px;
    color: #666;
    margin-bottom: 20px;
}

/* Main heading */
.framework-section .main-heading {
    font-size: 48px;
    font-weight: 500;
    color: #111;
    line-height: 1.2;
}

/* Feature box */
.framework-section .feature-box {
    max-width: 320px;
}

/* Icon */
.framework-section .icon {
    font-size: 22px;
    margin-bottom: 15px;
}

/* Title */
.framework-section .feature-box h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

/* Text */
.framework-section .feature-box p {
    font-size: 14px;
    color: #6b6b6b;
    line-height: 1.6;
}

/* Bottom divider */
.framework-section .bottom-line {
    height: 1px;
    background-color: #ddd;
    width: 100%;
}
/* RESPONSIVE */
@media(max-width: 768px) {
    .framework-section .main-heading {
    font-size: 36px;
    }
}
/*framework Section End*/








/*Case studies Section style start*/

/* Title */
.case-study-section .small-title {
    letter-spacing: 2px;
    font-size: 12px;
    color: #777;
}

.case-study-section .main-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
}

/* Card Layout */
.case-study-section .case-card {
    display: flex;
    position: relative;
    height: 600px;
    overflow: hidden;
    margin: 10px 0px;

    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url(https://images.unsplash.com/photo-1600880292203-757bb62b4baf) no-repeat center center/cover;
    overflow: hidden;
  }

/* LEFT SIDE */
.case-study-section .case-content {
    width: 40%;
    color: #fff;
    background: #00000040;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    padding: 40px;
    position: absolute;
    z-index: 2;
    height: 95%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 15px;
}

.case-study-section .brand {
    font-weight: 700;
    margin-bottom: 40px;
}

.case-study-section .content-box h5 {
    font-size: 22px;
    margin-bottom: 15px;
}

.case-study-section .content-box p {
    font-size: 14px;
    line-height: 1.6;
    color: #ccc;
}

.case-study-section .content-box a {
    color: #fff;
    text-decoration: underline;
    display: inline-block;
    margin-top: 15px;
}

/* RIGHT IMAGE */
.case-study-section .case-image {
    width: 100%;
    height: 100%;
}

.case-study-section .case-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* RESPONSIVE */
@media(max-width: 768px) {
    .case-study-section .case-card {
        flex-direction: column;
        height: auto;
        padding-top: 100px;
    }

    .case-study-section .case-content {
        position: relative;
        width: auto ;
    }

    .case-study-section .main-title {
        font-size: 32px;
    }

    .case-study-section .content-box p {
        width: 100%;
        font-size: 14px;
        line-height: 1.6;
        color: #ccc;
    }
}
/*Case studies Section style End*/







/*our approch Section style Start*/
/* TEXT */
.small-title {
    font-size: 12px;
    letter-spacing: 2px;
    color: #777;
}

.main-title {
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 10px;
}

/* IMAGE */
.image-wrapper {
    position: relative;
}

.image-wrapper img {
    width: 100%;
    object-fit: cover;
    position: center center;
}

/* CTA BOX */
.cta-box {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: #fff;
    padding: 20px 25px;
    width: 180px;
}

.cta-box span {
    float: right;
    font-size: 18px;
}

.cta-box p {
    margin: 0;
    margin-top: 30px;
    font-weight: 500;
}

/* ACCORDION */
.custom-accordion {
    border-top: 1px solid #ddd;
}

.accordion-item {
    border-bottom: 1px solid #ddd;
    padding: 18px 0;
    cursor: pointer;
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion-header h5 {
    margin: 0;
    font-size: 20px;
}

.accordion-header span {
    font-size: 16px;
    color: #777;
}

/* BODY */
.accordion-body {
    display: none;
    margin-top: 15px;
}

.accordion-item.active .accordion-body {
    display: block;
}

.accordion-body p {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    max-width: 500px;
}

/* RESPONSIVE */
@media(max-width: 768px) {
    .main-title {
        font-size: 32px;
    }

    .image-wrapper img {
        height: 350px;
    }
}
/*our approch Section style End*/







/*testimonials Section style start*/

/* Section */
.testimonial-section {
  padding: 80px 0;
}

/* Heading */
.testimonial-section .tag {
  font-size: 12px;
  letter-spacing: 2px;
  color: #666;
}

.testimonial-section .title {
  font-size: 48px;
  font-weight: 500;
  margin-top: 10px;
  color: #111;
}

/* Cards */
.testimonial-section .card-box {
  background: #eaeaea;
  padding: 30px;
  height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.testimonial-section .card-top {
  margin-bottom: 20px;
}

.testimonial-section .avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}

.testimonial-section .brand {
  font-weight: 500;
  color: #333;
}

/* Quote */
.testimonial-section .quote {
  font-size: 20px;
  line-height: 1.6;
  color: #222;
  margin: 40px 0;
}

/* Author */
.testimonial-section .author {
  border-left: 2px solid #999;
  padding-left: 15px;
}

.testimonial-section .author h6 {
  margin: 0;
  font-weight: 500;
}

.testimonial-section .author span {
  font-size: 12px;
  color: #666;
}

/* Video Card */
.testimonial-section .video-card {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.testimonial-section .video-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Overlay */
.testimonial-section .overlay {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -00%);
  text-align: center;
  color: #fff;
}

.testimonial-section .play-btn {
  width: 70px;
  height: 70px;
  background: #fff;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 20px;
  margin-bottom: 10px;
}

/* Bottom Gradient */
.testimonial-section .video-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}

/* Video Author */
.testimonial-section .video-author {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  border-left: 2px solid #fff;
  padding-left: 10px;
  z-index: 999;
}

.testimonial-section .video-author h6 {
  margin: 0;
}

.testimonial-section .video-author span {
  font-size: 12px;
}

@media (max-width: 768px) {
  .testimonial-section .title {
  font-size: 36px;
  }
}
/*testimonials Section style End*/








/*faq Section style start*/
/* SECTION */
.faq-section {
  background: #f3f3f3;
  padding: 100px 10px;
}

/* LEFT SIDE */
.faq-section .faq-tag {
  font-size: 12px;
  letter-spacing: 2px;
  color: #666;
}

.faq-section .faq-title {
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
  margin: 15px 0 60px;
  color: #111;
}

/* CARD */
.faq-section .faq-card {
  background: #e8e8e8;
  padding: 30px;
  position: relative;
  width: 80%;
}

.faq-section .faq-card .arrow {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 18px;
}

.faq-section .faq-card h6 {
  font-size: 16px;
  margin-bottom: 8px;
}

.faq-section .faq-card p {
  font-size: 14px;
  color: #666;
}

/* ACCORDION */
.faq-section .accordion-item {
  background: transparent;
  border: none;
  border-bottom: 1px solid #ddd;
  padding: 0px 0;
}

.faq-section .accordion-button {
  background: transparent;
  box-shadow: none;
  font-size: 20px;
  font-weight: 400;
  color: #333;
  padding: 15px 0;
}

.faq-section .accordion-button::after {
  content: "+";
  background-image: none;
  font-size: 22px;
  transform: none;
}

.faq-section .accordion-button:not(.collapsed)::after {
  content: "−";
}

.faq-section .accordion-body {
  color: #666;
  font-size: 15px;
  line-height: 1.7;
  padding: 10px 0 20px;
  max-width: 600px;
}

/* ACTIVE LINE */
.faq-section .accordion-item.active {
  border-bottom: 1px solid #000;
}

@media (max-width: 768px) {
    .faq-section .faq-title {
      font-size: 36px;
    }

}
/*faq Section style End*/







/*footer section style start*/

.footer-section {
  padding: 80px 10px 30px 10px;
  color: #fff;
  background: #222;
}

/* Text */
.footer-section .small-text {
  letter-spacing: 2px;
  font-size: 12px;
  color: #aaa;
}

.footer-section .main-heading {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}

.footer-section .right-text {
  color: #bbb;
  font-size: 16px;
  line-height: 1.6;
}

/* Subscribe */
.footer-section .subscribe-box-main {
  background: #ddd;
}

.footer-section .subscribe-box {
  background: #ddd;
  padding: 20px;
  color: #000;
}

.footer-section .subscribe-box .form input {
  flex: 1;
  border: none;
  padding: 12px;
  margin: 0 10px;
}

.footer-section .btn-subscribe {
  background: #0c0f14;
  color: #fff;
  border: none;
  padding: 12px 20px;
}

.footer-section .privacy-text {
  font-size: 12px;
  color: #aaa;
  margin-top: 8px;
  padding: 0px 30px;
}

/* Get Started */
.footer-section .get-started-box {
  background: #ddd;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  color: #000;
}

/* Footer */
.footer-section .footer-box.row {
  background: #ddd;
  color: #000;
  padding: 40px;
  margin: 0px !important;
}

.footer_link_email {
   color: inherit; 
  text-decoration: none;
}

.footer-section .footer-box h6 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.footer-section .footer-box ul {
  list-style: none;
  padding: 0;
}

.footer-section .footer-box ul li {
  margin-bottom: 10px;
}

.footer-section .footer-box ul li a{
  text-decoration: none;
  color: #000;
}

.footer-section .social-icons i {
  margin-right: 10px;
  font-size: 18px;
}

/* Bottom Bar */
.footer-section .bottom-bar {
  margin-top: 30px;
  font-size: 14px;
  color: #aaa;
}

.footer-section .logo a img{
  width: 100px;
}



@media (max-width: 768px) {
    .footer-section .subscribe-box {
        display: block !important;
        margin: 0px;
    }
    .footer-section .subscribe-box .form input {
        margin: 0px;
        width: 10px;
    }
    .footer-section .subscribe-box .form {
        margin: 0px;
        display: flex !important;
    }
    .footer-section .footer-box.row {
      padding: 20px 10px;
    }
    .footer-section .main-heading {
      font-size: 36px !important;
    }
}
/*footer section style end*/








/*contact page style start*/
/* SECTION */
.contact-section {
  background: #000;
  padding: 30px 0px 100px 0px;
}

/* TOP */
.contact-section .main-title {
  font-size: 64px;
  font-weight: 500;
  color: #fff;
}

.contact-section .top-text {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  padding-top: 20px;
}

/* BOX */
.contact-section .contact-box {
  background: #eaeaea;
  padding: 50px;
}

/* LEFT */
.contact-section .sub-title {
  font-size: 48px;
  margin-bottom: 20px;
}

.contact-section .desc {
  color: #666;
  margin-bottom: 40px;
  line-height: 1.6;
}

/* INFO ITEMS */
.contact-section .info-item {
  display: flex;
  align-items: center;
  border-top: 1px solid #d5d5d5;
  padding: 20px 0;
}

.contact-section .info-item:first-of-type {
  border-top: none;
}

.contact-section .icon {
  width: 45px;
  height: 45px;
  background: #111;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.contact-section .info-item h6 {
  margin: 0;
}

.contact-section .info-item p {
  margin: 0;
  color: #666;
  font-size: 14px;
}

/* FORM */
.contact-section form label {
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}

.contact-section form input,
.contact-section form textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  background: transparent;
}

.contact-section form textarea {
  height: 140px;
  resize: none;
}

/* BUTTON */
.contact-section .submit-btn {
  background: #0b1114;
  color: #fff;
  border: none;
  padding: 14px 30px;
  margin-right: 20px;
}

/* TERMS */
.contact-section .terms {
  font-size: 13px;
  color: #666;
  max-width: 400px;
}

@media (max-width: 768px) {
    .contact-section .contact-box {
      padding: 30px;
    }
    .contact-section .main-title {
      font-size: 36px;
    }
}
/*contact page style end*/








/*insights page style start*/
.insight-pagetitle-section {
  padding: 160px 0px 80px 0px;
  background: #000;
}

.insight-pagetitle-section .container {
  margin: 0 auto;
}

.insight-pagetitle-section .title {
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  color: #fff;
  letter-spacing: -1.5px;
  margin-bottom: 60px;
}

.insight-pagetitle-section .bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.insight-pagetitle-section .description {
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
  max-width: 650px;
  margin: 0;
}

.insight-pagetitle-section .buttons {
  display: flex;
  gap: 16px;
}

.insight-pagetitle-section .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 28px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.2s ease;
}

.insight-pagetitle-section .btn.primary {
  background-color: #fff;
  color: #000;
}

.insight-pagetitle-section .btn.primary span {
  margin-left: 8px;
  font-size: 18px;
}

.insight-pagetitle-section .btn.primary:hover {
  background-color: #e0e0e0;
}

.insight-pagetitle-section .btn.secondary {
  background-color: transparent;
  color: #0b0f12;
  border: 1px solid #cfcfcf;
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
}

.insight-pagetitle-section .btn.secondary:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

/* Responsive */
@media (max-width: 786px) {
  .insight-pagetitle-section .title {
    font-size: 36px;
  }

  .insight-pagetitle-section .bottom-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .insight-pagetitle-section .buttons {
    margin-top: 20px;
    width: 100%;
  }
}
/*insights page style end*/







/*insight page secound section start*/
.insight-secound-section {
  position: relative;
  height: 600px;
  overflow: hidden;
}

/* BACKGROUND IMAGE */
.insight-secound-section .bg-image {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.insight-secound-section .bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* LEFT DARK OVERLAY */
.insight-secound-section .left-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  background: linear-gradient(to right, rgba(0,0,0,0.85), rgba(0,0,0,0));
  z-index: 2;
}

/* CONTENT CARD */
.insight-secound-section .content-card {
  position: absolute;
  top: 50%;
  left: 18%;
  transform: translateY(-50%);
  background: #f1f1f1;
  padding: 40px 50px;
  width: 520px;
  z-index: 3;
}

/* AUTHOR */
.insight-secound-section .author {
  font-size: 14px;
  color: #555;
}

/* LINE */
.insight-secound-section hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 15px 0 25px;
}

/* TITLE */
.insight-secound-section .title {
  font-size: 28px;
  line-height: 1.3;
  color: #0b0f12;
  margin-bottom: 15px;
}

/* DESCRIPTION */
.insight-secound-section .desc {
  font-size: 15px;
  line-height: 1.6;
  color: #6b6f72;
  margin-bottom: 40px;
}

/* DATE */
.insight-secound-section .date {
  font-size: 14px;
  color: #6b6f72;
}

/* RESPONSIVE */
@media (max-width: 768px) {

  .insight-secound-section {
    height: auto;
  }

  .insight-secound-section .content-card {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin: 40px 20px;
    width: auto;
  }

  .insight-secound-section .left-overlay {
    display: none;
  }

}
/*insight page secound section end*/






/*insight page news section start*/
.insight-news-section {
  background: #e9e9e9;
  padding: 80px 10px;
}

.insight-news-section .container {
  max-width: 1200px;
  margin: 0 auto;
}

/* GRID */
.insight-news-section .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}

/* ITEM */
.insight-news-section .item img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  margin-bottom: 20px;
}

/* AUTHOR */
.insight-news-section .author {
  font-size: 14px;
  color: #6b6f72;
  display: block;
  margin-bottom: 10px;
}

/* TITLE */
.insight-news-section .title {
  font-size: 24px;
  line-height: 1.3;
  color: #0b0f12;
  margin-bottom: 15px;
}

/* DATE */
.insight-news-section .date {
  font-size: 14px;
  color: #6b6f72;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .insight-news-section .grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .insight-news-section .item img {
    height: 220px;
  }
}
/*insight page news section end*/








/*case-studies page style start*/
.case-studies-pagetitle-section {
  padding: 160px 0px 80px 0px;
  background: #000;
}

.case-studies-pagetitle-section .container {
  margin: 0 auto;
}

.case-studies-pagetitle-section .title {
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  color: #fff;
  letter-spacing: -1.5px;
  margin-bottom: 60px;
}

.case-studies-pagetitle-section .bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.case-studies-pagetitle-section .description {
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
  max-width: 650px;
  margin: 0;
}

.case-studies-pagetitle-section .buttons {
  display: flex;
  gap: 16px;
}

.case-studies-pagetitle-section .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 28px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.2s ease;
}

.case-studies-pagetitle-section .btn.primary {
  background-color: #fff;
  color: #000;
}

.case-studies-pagetitle-section .btn.primary span {
  margin-left: 8px;
  font-size: 18px;
}

.case-studies-pagetitle-section .btn.primary:hover {
  background-color: #e0e0e0;
}

.case-studies-pagetitle-section .btn.secondary {
  background-color: 000;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.case-studies-pagetitle-section .btn.secondary:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

.case-studies-pagetitle-section img {
  width: 100%;
  margin-top: 50px;
}

/* Responsive */
@media (max-width: 768px) {
    .case-studies-pagetitle-section .title {
      font-size: 36px;
    }

  .case-studies-pagetitle-section .bottom-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .case-studies-pagetitle-section .buttons {
    margin-top: 20px;
    width: 100%;
  }
}
/*case-studies page style end*/








/*about us page title style start*/
.about-us-pagetitle-section {
  background: #000;
  padding: 160px 0px 0px 0px;
}

.about-us-pagetitle-section .container {
  margin: 0 auto;
}

.about-us-pagetitle-section .title {
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  color: #fff;
  letter-spacing: -1.5px;
  margin-bottom: 60px;
}

.about-us-pagetitle-section .bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.about-us-pagetitle-section .description {
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
  max-width: 650px;
  margin: 0;
}

.about-us-pagetitle-section .buttons {
  display: flex;
  gap: 16px;
}

.about-us-pagetitle-section .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 28px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.2s ease;
}

.about-us-pagetitle-section .btn.primary {
  background-color: #fff;
  color: #000;
}

.about-us-pagetitle-section .btn.primary span {
  margin-left: 8px;
  font-size: 18px;
}

.about-us-pagetitle-section .btn.primary:hover {
  background-color: #f7f7f7;
  color: #000;
}

.about-us-pagetitle-section .btn.secondary {
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  
}

.about-us-pagetitle-section .btn.secondary:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

.about-us-pagetitle-section img {
  width: 100%;
  margin-top: 50px;
}

/* Responsive */
@media (max-width: 992px) {
  .about-us-pagetitle-section .title {
  font-size: 36px;
  }

  .about-us-pagetitle-section .bottom-row {
    flex-direction: column;
    align-items: flex-start;
    display: block !important;
  }

  .about-us-pagetitle-section .buttons {
    margin-top: 20px;
  }
}
/*about us page title style end*/








/*problem we solve services section style services page start*/
.problem-we-solve-services {
    background: #f3f3f3;
    padding: 100px 0;
}

/* top label */
.problem-we-solve-services .section-label {
    font-size: 12px;
/*    letter-spacing: 2px;*/
    color: #777;
    margin-bottom: 30px;
}

/* main big paragraph */
.problem-we-solve-services .main-heading {
    font-size: 52px;
    line-height: 1.2;
    font-weight: 400;
    color: #111;
    margin-bottom: 40px;
}

/* sub paragraph */
.problem-we-solve-services .sub-heading {
    font-size: 42px;
    line-height: 1.25;
    font-weight: 400;
    color: #111;
    margin-bottom: 50px;
}

/* deliverables label */
.problem-we-solve-services .deliverables-label {
    font-size: 12px;
    letter-spacing: 2px;
    color: #777;
    margin-bottom: 20px;
}

/* tags wrapper */
.problem-we-solve-services .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    max-width: 900px;
}

/* individual tag */
.problem-we-solve-services .tags span {
    border: 1px solid #ddd;
    padding: 8px 14px;
    border-radius: 20px;
    font-size: 13px;
    color: #555;
    background: transparent;
}

/* bottom line */
.problem-we-solve-services::after {
    content: "";
    display: block;
    height: 1px;
    background: #ddd;
    margin-top: 80px;
}

/* responsive */
@media (max-width: 768px) {

    .problem-we-solve-services {
        padding: 60px 20px;
    }

    .problem-we-solve-services .main-heading {
        font-size: 36px;
    }

    .problem-we-solve-services .sub-heading {
        font-size: 26px;
    }
}
/*problem we solve services section style services page end*/








/*how it works services section style services page start*/
.how-it-works {
    background: #fff;
    padding: 100px 0;
}

/* title */
.how-it-works .section-title {
    font-size: 56px;
    font-weight: 500;
    margin-bottom: 80px;
}

/* row layout */
.how-it-works .step-row {
    display: grid;
    grid-template-columns: 150px 200px 1fr;
    align-items: center;
    padding: 35px 0;
}

/* left badge */
.how-it-works .step-badge {
    border: 1px solid #ddd;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #444;
}

/* middle title */
.how-it-works .step-middle h4 {
    font-size: 24px;
    margin: 0;
    font-weight: 500;
}

/* right text */
.how-it-works .step-right p {
    font-size: 15px;
    color: #666;
    line-height: 1.7;
    max-width: 520px;
    margin: 0;
}

/* divider */
.how-it-works .divider {
    height: 1px;
    background: #ddd;
    width: 100%;
}

/* responsive */
@media(max-width: 768px) {

    .how-it-works {
        padding: 60px 20px;
    }

    .how-it-works .section-title {
        font-size: 36px;
        margin-bottom: 40px;
    }

    .how-it-works .step-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .how-it-works .step-right p {
        max-width: 100%;
    }
}
/*how it works services section style services page end*/








/*founder story services section style services page end*/
.founder-story {
    background: #e7e7e7;
    padding: 100px 0;
}

/* layout */
.founder-story .founder-wrapper {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 80px;
    align-items: center;
}

/* image */
.founder-story .founder-image {
    position: relative;
    height: 600px;
    background: 
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url('https://images.unsplash.com/photo-1600880292203-757bb62b4baf') no-repeat center center/cover;
    overflow: hidden;
}

.founder-story .founder-image img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    display: block;
}

/* CTA BOX */
.founder-story .cta-box {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: #eee;
    padding: 30px;
    width: 220px;
    height: 140px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.founder-story .cta-box span {
    font-size: 16px;
}

.founder-story .cta-box .arrow {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 18px;
}

/* content */
.founder-story .founder-content .label {
    font-size: 12px;
    letter-spacing: 2px;
    color: #555;
    display: block;
    margin-bottom: 20px;
}

.founder-story .founder-content h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 30px;
}

/* list */
.founder-story .founder-content ul {
    list-style: disc;
    padding-left: 20px;
    color: #666;
}

.founder-story .founder-content ul li {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.6;
}

/* responsive */
@media (max-width: 768px) {

    .founder-story {
        padding: 60px 20px;
    }

    .founder-story .founder-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .founder-story .founder-content h2 {
        font-size: 32px;
    }

    .founder-story .founder-image img {
        height: 350px;
    }
}
/*founder story services section style services page end*/








/*who this is for services section style services page start*/
.who-this-is-for {
  background-color: #e9e9e9;
  padding: 100px 60px;
}

.who-this-is-for .container {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.who-this-is-for .left {
  max-width: 520px;
}

.who-this-is-for .tag {
  font-size: 12px;
  letter-spacing: 1.5px;
  color: #1a1a1a;
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
}

.who-this-is-for .title {
  font-size: 52px;
  line-height: 1.1;
  font-weight: 500;
  color: #0b0f12;
  margin-bottom: 24px;
}

.who-this-is-for .description {
  font-size: 18px;
  line-height: 1.6;
  color: #6b6f72;
}

/* RIGHT IMAGE */
.who-this-is-for .right {
  position: relative;
  height: 600px;
  background: 
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url('https://images.unsplash.com/photo-1600880292203-757bb62b4baf') no-repeat center center/cover;
  overflow: hidden;
}

.who-this-is-for .right img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* OVERLAY CARD */
.who-this-is-for .overlay-card {
  position: absolute;
  bottom: 40px;
  left: 40px;
  background: #ffffff;
  padding: 24px 28px;
  width: 200px;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.who-this-is-for .overlay-card .arrow {
  align-self: flex-end;
  font-size: 18px;
}

.who-this-is-for .overlay-card p {
  font-size: 16px;
  color: #0b0f12;
  margin: 0;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  
  .who-this-is-for {
    display: block;
    padding: 50px 10px;
  }
  .who-this-is-for .container {
    grid-template-columns: 1fr;
    gap: 50px;
    display: block;
  }

  .who-this-is-for .title {
    font-size: 36px !important;
  }

  .who-this-is-for .overlay-card {
    bottom: 20px;
    left: 20px;
  }
  .who-this-is-for .right img {
      height: 300px !important;
    }
}
/*who this is for services section style services page end*/








/* HERO section business strategy page style start*/
.hero-business-strategy {
  position: relative;
  height: 100vh;
  background: 
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url('assets/img/slider-image-1.jpeg') no-repeat center center/cover;
  overflow: hidden;
}

/* CONTENT */
.hero-business-strategy .hero-content {
  max-width: 600px;
  padding-bottom: 100px;
}

.hero-business-strategy .hero-content h1 {
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
}

.hero-business-strategy .hero-content p {
  margin-top: 20px;
  font-size: 15px;
  color: rgba(255,255,255,0.7);
  max-width: 480px;
}

/* BUTTONS */
.hero-business-strategy .buttons {
  margin-top: 30px;
  display: flex;
  gap: 15px;
}

.hero-business-strategy .btn {
  padding: 15px 30px;
}

.hero-business-strategy .btn-white {
  background: rgba(255, 255, 255, 1.0);
  color: #000;
  font-size: 14px;
  border-radius: 0px;
}
.hero-business-strategy .btn-white:hover {
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  font-size: 14px;
  border-radius: 0px;
}

/* BOTTOM TEXT */
.hero-business-strategy .bottom-text {
  position: absolute;
  bottom: 20px;
  font-size: 12px;
  color: rgba(255,255,255,0.6);
}

.hero-business-strategy .bottom-text.left {
  left: 40px;
}

.hero-business-strategy .bottom-text.right {
  right: 40px;
}


/* RESPONSIVE */
@media (max-width: 768px) {
  .hero-business-strategy .hero-content h1 {
    font-size: 36px;
  }

  .hero-business-strategy .buttons {
    flex-direction: column;
  }
}
/* HERO section for business strategy page style end*/








/* HERO section advisory retainers page style start*/
.hero-advisory-retainers {
  position: relative;
  height: 100vh;
  background: 
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url('assets/img/slider-image-1.jpeg') no-repeat center center/cover;
  overflow: hidden;
}

/* CONTENT */
.hero-advisory-retainers .hero-content {
  max-width: 600px;
  padding-bottom: 100px;
}

.hero-advisory-retainers .hero-content h1 {
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
}

.hero-advisory-retainers .hero-content p {
  margin-top: 20px;
  font-size: 15px;
  color: rgba(255,255,255,0.7);
  max-width: 480px;
}

/* BUTTONS */
.hero-advisory-retainers .buttons {
  margin-top: 30px;
  display: flex;
  gap: 15px;
}

.hero-advisory-retainers .btn {
  padding: 15px 30px;
}

.hero-advisory-retainers .btn-white {
  background: rgba(255, 255, 255, 1.0);
  color: #000;
  font-size: 14px;
  border-radius: 0px;
}
.hero-advisory-retainers .btn-white:hover {
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  font-size: 14px;
  border-radius: 0px;
}

/* BOTTOM TEXT */
.hero-advisory-retainers .bottom-text {
  position: absolute;
  bottom: 20px;
  font-size: 12px;
  color: rgba(255,255,255,0.6);
}

.hero-advisory-retainers .bottom-text.left {
  left: 40px;
}

.hero-advisory-retainers .bottom-text.right {
  right: 40px;
}


/* RESPONSIVE */
@media (max-width: 768px) {
  .hero-advisory-retainers .hero-content h1 {
    font-size: 36px;
  }

  .hero-advisory-retainers .buttons {
    flex-direction: column;
  }
}
/* HERO section for advisory retainers page style end*/







/* HERO section operations optimization page style start*/
.hero-operations-optimization {
  position: relative;
  height: 100vh;
  background: 
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url('assets/img/slider-image-1.jpeg') no-repeat center center/cover;
  overflow: hidden;
}

/* CONTENT */
.hero-operations-optimization .hero-content {
  max-width: 600px;
  padding-bottom: 100px;
}

.hero-operations-optimization .hero-content h1 {
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
}

.hero-operations-optimization .hero-content p {
  margin-top: 20px;
  font-size: 15px;
  color: rgba(255,255,255,0.7);
  max-width: 480px;
}

/* BUTTONS */
.hero-operations-optimization .buttons {
  margin-top: 30px;
  display: flex;
  gap: 15px;
}

.hero-operations-optimization .btn {
  padding: 15px 30px;
}

.hero-operations-optimization .btn-white {
  background: rgba(255, 255, 255, 1.0);
  color: #000;
  font-size: 14px;
  border-radius: 0px;
}
.hero-operations-optimization .btn-white:hover {
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  font-size: 14px;
  border-radius: 0px;
}

/* BOTTOM TEXT */
.hero-operations-optimization .bottom-text {
  position: absolute;
  bottom: 20px;
  font-size: 12px;
  color: rgba(255,255,255,0.6);
}

.hero-operations-optimization .bottom-text.left {
  left: 40px;
}

.hero-operations-optimization .bottom-text.right {
  right: 40px;
}


/* RESPONSIVE */
@media (max-width: 768px) {
  .hero-operations-optimization .hero-content h1 {
    font-size: 36px;
  }

  .hero-operations-optimization .buttons {
    flex-direction: column;
  }
}
/* HERO section for operations optimization page style end*/









/*disclaimer page title style start*/
.disclaimer-pagetitle-section {
  background: #ffffff;
  padding: 40px 0px 100px 0px;
}

.disclaimer-pagetitle-section .container {
  margin: 0 auto;
}

.disclaimer-pagetitle-section .title {
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  color: #000000;
  letter-spacing: -1.5px;
  margin-bottom: 60px;
}

.disclaimer-pagetitle-section .bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.disclaimer-pagetitle-section .description {
  font-size: 18px;
  line-height: 1.6;
  color: #000000;
  max-width: 100%;
  margin: 0;
}



.disclaimer-pagetitle-section img {
  width: 100%;
  margin-top: 20px;
}

/* Responsive */
@media (max-width: 992px) {
  .disclaimer-pagetitle-section {
  padding: 70px 0px 100px 0px;
}
.disclaimer-pagetitle-section .title {
  font-size: 36px;
  }

  .disclaimer-pagetitle-section .bottom-row {
    flex-direction: column;
    align-items: flex-start;
    display: block !important;
  }

  .disclaimer-pagetitle-section .buttons {
    margin-top: 20px;
  }
}
/*disclaimer page title style end*/



/* Dawood Changes/addition */

  /* Premium Section Styles */
  .WTE.premium-city-section {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, #1c1c1c 0%, #2a2a2a 100%);
  }
  
  /* Content Wrapper */
  .WTE.section-content-wrapper {
    position: relative;
    z-index: 2;
  }
  
  /* Glassmorphism Card Effect */
  .WTE.glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 2.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    height: 100%;
  }
  
  /* Premium Heading */
  .WTE.premium-heading {
    font-size: 2.8rem;
    letter-spacing: 3px;
    position: relative;
    display: inline-block;
    margin-bottom: 2rem;
  }
  
  .WTE.premium-heading::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.3));
    border-radius: 2px;
  }
  
  /* Modern Bullet Points */
  .WTE.bullet-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  
  .WTE.bullet-item {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.2rem 0;
    transition: transform 0.3s ease;
  }
  
  .WTE.bullet-item:last-child {
    margin-bottom: 0;
  }
  
  .WTE.bullet-item:hover {
    transform: translateX(5px);
  }
  
  /* Custom Icon/Bullet */
  .WTE.bullet-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #ffffff, #e0e0e0);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: bold;
    color: #1c1c1c;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
  }
  
  .WTE.bullet-item:hover .bullet-icon {
    transform: scale(1.1);
  }
  
  /* Bullet Text */
  .WTE.bullet-text {
    flex: 1;
    font-size: 1.1rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 400;
    letter-spacing: 0.3px;
  }
  
  /* Right Side Image Styling */
  .WTE.side-image {
    position: relative;
    height: 100%;
    min-height: 500px;
    border-radius: 20px;
    overflow: hidden;
    background-image: url('assets/img/image-4.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  /* Subtle overlay on image */
  .WTE.side-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
    border-radius: 20px;
  }
  
  /* Responsive Adjustments */
  @media (max-width: 768px) {
    .WTE.glass-card {
      padding: 1.8rem;
    }
    
    .WTE.premium-heading {
      font-size: 2rem;
      letter-spacing: 2px;
    }
    
    .WTE.premium-heading::after {
      width: 45px;
      bottom: -10px;
    }
    
    .WTE.bullet-text {
      font-size: 1rem;
      line-height: 1.5;
    }
    
    .WTE.bullet-icon {
      width: 28px;
      height: 28px;
      font-size: 0.85rem;
    }
    
    .WTE.bullet-item {
      gap: 0.8rem;
      margin-bottom: 1.5rem;
    }
    
    .WTE.side-image {
      min-height: 300px;
      margin-top: 1.5rem;
    }
  }
  
  @media (max-width: 576px) {
    .WTE.glass-card {
      padding: 1.5rem;
    }
    
    .WTE.premium-heading {
      font-size: 1.6rem;
      letter-spacing: 1.5px;
    }
    
    .WTE.bullet-text {
      font-size: 0.95rem;

    }
    
    .WTE.side-image {
      min-height: 250px;
    }
  }
  
  /* Subtle text shadow for extra readability */
  .WTE.bullet-text {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }


  /* What this about */

  /* ========== MODERN PREMIUM CARD STYLES ========== */
  .WTB.premium-card {
    background: #f7f7f9;
    border-radius: 2rem;
    box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0,0,0,0.02);
    padding: 3rem 2rem;
    transition: box-shadow 0.3s ease;
  }
  .WTB.premium-card:hover {
    box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.2);
  }
  
  /* Top headings row */
  .WTB.top-headings-wrapper {
    display: flex;
    justify-content: space-evenly;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 1.25rem;
  }
  .WTB.heading-left h3, .heading-right h3 {
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 1.55rem;
    margin: 0;
    color: #1a1e2b;
  }
  .WTB.heading-left h3 {
    background: linear-gradient(135deg, #1E2A3E 0%, #2c3e4e 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .WTB.heading-right h3 {
    background: linear-gradient(135deg, #2c3e4e 0%, #1a2a3a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .WTB.heading-divider {
    width: 1.5px;
    height: 32px;
    background: linear-gradient(180deg, #ccc, #888, #ccc);
    opacity: 0.5;
    margin: 0 0.5rem;
  }
  
  /* Left side paragraph */
  .WTB.description-text {
    font-size: 16px;
    line-height: 1.45;
    font-weight: 450;
    color: #2c3e3f;
    margin-bottom: 2rem;
    border-left: 4px solid #cbd5e1;
    padding-left: 1.2rem;
  }
  
  /* Bullet list modern style */
  .WTB.bullet-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  .WTB.bullet-list li {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1.1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #1f2a3e;
    transition: transform 0.2s ease;
  }
  .WTB.bullet-list li i {
    width: 28px;
    height: 28px;
    background: #f1f5f9;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1f4e6e;
    font-size: 0.85rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02);
    transition: all 0.2s;
  }
  .WTB.bullet-list li:hover {
    transform: translateX(5px);
  }
  .WTB.bullet-list li:hover i {
    background: #fff;
    color: #0a4b6e;
    box-shadow: 0 6px 12px rgba(0,0,0,0.05);
  }
  
  /* Right side steps */
  .WTB.steps-container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .WTB.step-item {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1);
    padding: 0.25rem 0.25rem 0.25rem 0;
    border-radius: 1.2rem;
  }
  .WTB.step-item:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.7);
    padding-left: 0.75rem;
    box-shadow: 0 8px 18px -8px rgba(0, 0, 0, 0.08);
  }
  .WTB.step-circle {
    width: 35px;
    height: 35px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 1.0rem;
    font-family: 'Inter', monospace;
    color: #1f5e7e;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0,0,0,0.05);
    transition: all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    flex-shrink: 0;
    border: 1px solid rgba(0,0,0,0.02);
  }
  .WTB.step-item:hover .step-circle {
    background: #1f5e7e;
    color: white;
    box-shadow: 0 12px 20px -8px rgba(31,94,126,0.3);
    transform: scale(1.02);
  }
  .WTB.step-title {
    font-size: 16px;
    line-height: 1.45;
    font-weight: 450;
    color: #2c3e3f;
    margin-bottom: 0.25rem;
    color: #111827;
    padding-top:0.22rem;
  }
  .WTB.step-desc {
    font-size: 16px;
    color: #4b5563;
    line-height: 1.4;
    font-weight: 450;
  }
  
  /* ========== VERTICAL GRADIENT DIVIDER (THICKER AT CENTER) ========== */
  .WTB.gradient-divider-col {
    position: relative;
    display: flex;
    justify-content: center;
  }
  .WTB.smart-vertical-rule {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 320px;
    display: flex;
    justify-content: center;
  }
  .WTB.thick-core {
    position: relative;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, 
      rgba(148, 163, 184, 0.2) 0%, 
      rgba(100, 116, 139, 0.6) 15%,
      #334155 35%,
      #1e293b 50%,
      #334155 65%,
      rgba(100, 116, 139, 0.6) 85%,
      rgba(148, 163, 184, 0.2) 100%);
    border-radius: 10px;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  }
  /* Pseudo-element creates visual thickness at center */
  .WTB.thick-core::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(51,65,85,0.5) 0%, rgba(30,41,59,0) 70%);
    filter: blur(2px);
    pointer-events: none;
    border-radius: 8px;
  }
  
  /* Mobile horizontal divider (replaces vertical line on small screens) */
  .WTB.mobile-horizontal-divider {
    display: none;
    width: 100%;
    height: 4px;
    margin: 2rem 0;
    background: linear-gradient(90deg, rgba(200,200,210,0.2) 0%, #64748b 40%, #1e293b 50%, #64748b 60%, rgba(200,200,210,0.2) 100%);
    border-radius: 20px;
  }
  
  /* ========== SCROLL FADE-UP ANIMATION ========== */
  .WTB.fade-up {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1), transform 0.7s ease;
  }
  .WTB.fade-up.appear {
    opacity: 1;
    transform: translateY(0);
  }
  
  /* ========== RESPONSIVE BREAKPOINTS ========== */
  @media (max-width: 991px) {
    .WTB.premium-card {
      padding: 2rem 1.5rem;
    }
    .WTB.gradient-divider-col {
      display: none !important;
    }
    .WTB.mobile-horizontal-divider {
      display: block;
    }
  }
  
  @media (max-width: 576px) {
    .WTB.premium-card {
      padding: 1.8rem;
    }
    .WTB.description-text {
      font-size: 1rem;
    }
    .WTB.step-circle {
      width: 44px;
      height: 44px;
      font-size: 1rem;
    }
    .WTB.step-title {
      font-size: 1rem;
    }
    .WTB.heading-left h3, .WTB.heading-right h3 {
      font-size: 1.25rem;
    }
    .WTB.top-headings-wrapper {
      justify-content: space-between;
    }
    .WTB.heading-divider {
      display: none;
    }
  }

/* dawood css for small sc */
  .WTB.small-sc h3 {
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 1.55rem;
    margin: 0;
    color: #1a1e2b;
  }

  .WTB.small-sc h3 {
    background: linear-gradient(135deg, #2c3e4e 0%, #1a2a3a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }

  @media (max-width: 576px) {
  .WTB.small-sc{
  display:block;
}

  .WTB.heading-right{
    display:none;
  }

}

@media (min-width: 992px) {
  .WTB.small-sc{
  display:none;
}
}
@media (max-width: 991px) {
  .WTB.small-sc{
  display:none;
}
}
  
  @media (min-width: 992px) {
    .WTB.mobile-horizontal-divider {
      display: none;
    }
  }


  /* about section css */


  .page-hero {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
  }
  
  .hero-bg {
    width: 100%;
    height: 100%;
    background-image: url('assets/img/banner.jpg');
    background-size: cover;
    background-position: center 30%;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
  }
  
  .page-hero:hover .hero-bg {
    transform: scale(1.02);
  }
  
  .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  
  .breadcrumb-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    z-index: 2;
  }
  .breadcrumb {
    display: inline-flex;
    list-style: none;
    padding: 12px 24px;
    margin: 0;
    background: transparent;
    backdrop-filter: none;
    border-radius: 50px;
    gap: 8px;
    font-family: 'Inter', -apple-system, sans-serif;
  }
  
  .breadcrumb li {
    display: inline-flex;
    align-items: center;
  }
  
  .breadcrumb a {
    color: #ffffff;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.2s ease;
  }
  
  /* Home page glow effect - only active when on home page */
  .breadcrumb a:hover {
    color: #ffd966;
    text-shadow: 0 0 5px rgba(255, 217, 102, 0.5);
  }
  
  /* For home page active state - add class 'active-home' to home link when on index.php */
  .breadcrumb a.active-home {
    color: #ffd966;
    text-shadow: 0 0 8px rgba(255, 217, 102, 0.6);
    font-weight: 600;
  }
  
  .separator {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
  }
  
  .current {
    color: #ffd966;
    text-shadow: 0 0 5px rgba(255, 217, 102, 0.5);
  }
  
  @media (max-width: 768px) {
    .page-hero {
      height: 300px;
    }
    .breadcrumb {
      padding: 8px 18px;
    }
    .breadcrumb a, .current, .separator {
      font-size: 0.85rem;
    }
  }


      .about.section-founder {
      font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    }
    .about.founder-img {
      width: 80%;
      height: 60%;
      object-fit: cover;
      min-height: 320px;
      border-radius:12px;
      margin-left:90px;
    }
    @media (max-width: 767.98px) {
      .about.founder-img {
        min-height: 280px;
      }
    }

    @media (max-width: 767.98px) {
      .about.founder-img {
        margin-left:30px;
      }
    }


    /* session css */


    /* Outer section: only a border, no background */
    .session.offer-section {
      background: transparent;      /* explicitly no background color */
      margin: 2rem 0;
      transition: border-color 0.2s ease;
    }

    /* inner container keeps content centered & breathable */
    .session.offer-section .container {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }

    /* top heading style: "👉 This explains what you actually offer" */
    .session.section-top-heading {
      font-size: 1.4rem;
      font-weight: 500;
      letter-spacing: -0.01em;
      color: #0f172a;
      background: transparent;
      text-align: center;
      margin-bottom: 2.8rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      flex-wrap: wrap;
    }

    .session.section-top-heading span {
      font-size: 1.6rem;
      display: inline-block;
    }

    /* Card styling: border only, no background, equal height, rounded, clean shadow on hover */
    .session.offer-card {
      border: 2px solid #e2edff;    /* subtle card border */
      border-radius: 24px;
      background: transparent;       /* no background color inside card */
      transition: all 0.25s ease-in-out;
      height: 100%;                 /* ensures equal height for both cards */
      display: flex;
      flex-direction: column;
      padding: 0;                   /* padding handled inside, but outer border structure */
      box-shadow: 0 1px 2px rgba(0,0,0,0.02);
    }

    /* hover effect: modern lift + border accent */
    .session.offer-card:hover {
      transform: translateY(-4px);
      border-color: #cbdffc;
      box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.05), 0 4px 8px -2px rgba(0, 0, 0, 0.02);
    }

    /* image placeholder area: dashed border, responsive height, indicates visual space */
    .session.card-img-placeholder {
      width: 100%;
      height: 200px;
      background: #ffffff;           /* match no-bg style but with subtle pattern */
      border-bottom: 1px solid #f0f2f5;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 24px 24px 0 0;
      position: relative;
      overflow: hidden;
    }

    /* inner placeholder styling: dashed border + icon for visual clarity */
    .session.img-placeholder-inner {
      width: 90%;
      height: 80%;
      border: 2px dashed #cbd5e1;
      border-radius: 20px;
      background: #fefefe;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: all 0.2s;
      color: #94a3b8;
    }

    .session.offer-card:hover .img-placeholder-inner {
      border-color: #a5c9ff;
      background: #fafcff;
    }

    .session.placeholder-icon {
      font-size: 2.5rem;
      margin-bottom: 0.5rem;
      opacity: 0.7;
    }

    .session.placeholder-text {
      font-size: 0.75rem;
      font-weight: 500;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      color: #94a3b8;
    }

    /* card content area (text & title) */
    .session.card-body-content {
      padding: 1.8rem 1.8rem 2rem 1.8rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .session.card-title {
      font-size: 1.55rem;
      font-weight: 700;
      color: #0a2540;
      margin-bottom: 1.1rem;
      letter-spacing: -0.3px;
      line-height: 1.3;
    }

    .session.card-text {
      font-size: 1rem;
      font-weight: 400;
      color: #2d3e50;
      line-height: 1.55;
      margin-bottom: 0.5rem;
    }

    /* subtle divider between cards on desktop? not needed, but spacing handled by grid gutters */
    /* ensure both cards have same height regardless of content length */
    .session.row.g-4 {
      --bs-gutter-y: 1.5rem;
    }

    /* responsiveness fine-tuning */
    @media (max-width: 768px) {
      .session.offer-section .container {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
      .session.section-top-heading {
        font-size: 1.25rem;
        margin-bottom: 2rem;
      }
      .session.card-title {
        font-size: 1.4rem;
      }
      .session.card-body-content {
        padding: 1.5rem;
      }
      .session.card-img-placeholder {
        height: 170px;
      }
    }

    @media (max-width: 576px) {
      .session.section-top-heading {
        font-size: 1.2rem;
      }
      .session.card-title {
        font-size: 1.3rem;
      }
      .session.card-text {
        font-size: 0.95rem;
      }
      .session.card-img-placeholder {
        height: 150px;
      }
    }

    /* optional utility: no background on any card or section ensures transparency */
    /* but outer section border remains clean */
    .session.offer-card, .offer-card * {
      background-color: transparent; 
    }
    /* ensure image placeholder inner has slight background for contrast but still clean */
    .session.img-placeholder-inner {
      background: #ffffff;
    }



    

    /* ========== NEW SECTION: Common Situations ========== */
    .session.common-situations-section {
      margin: 2rem 0;
      border: 1px solid #e2e8f0;
      border-radius: 28px;
      background: transparent;
    }

    .session.common-situations-section .container {
      padding-top: 2.8rem;
      padding-bottom: 2.8rem;
    }

    .session.situations-heading {
      text-align: center;
      font-size: 2rem;
      font-weight: 700;
      color: #0f172a;
      margin-bottom: 2rem;
      letter-spacing: -0.02em;
      position: relative;
      display: inline-block;
      width: 100%;
    }

    .session.situations-heading:after {
      content: '';
      display: block;
      width: 60px;
      height: 3px;
      background: linear-gradient(90deg, #3b82f6, #a5c9ff);
      margin: 0.75rem auto 0;
      border-radius: 4px;
    }

    /* Centered bullet points container */
    .session.situations-list-wrapper {
      display: flex;
      justify-content: center;
      margin-bottom: 2.5rem;
    }

    .session.situations-list {
      max-width: 680px;
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .session.situations-list li {
      display: flex;
      align-items: center;
      gap: 1rem;
      font-size: 1.05rem;
      font-weight: 500;
      color: #1e293b;
      padding: 0.9rem 1rem;
      background: transparent;
      border-bottom: 1px solid #f0f2f5;
      transition: all 0.2s ease;
    }

    .session.situations-list li:last-child {
      border-bottom: none;
    }

    .session.situations-list li:hover {
      transform: translateX(6px);
      color: #0f172a;
    }

    /* custom bullet icon */
    .session.bullet-icon {
      width: 32px;
      height: 32px;
      background: #eff6ff;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #3b82f6;
      font-size: 0.9rem;
      flex-shrink: 0;
      transition: all 0.2s;
    }

    .session.situations-list li:hover .bullet-icon {
      background: #3b82f6;
      color: white;
      transform: scale(1.05);
    }

    .session.situation-text {
      flex: 1;
      line-height: 1.45;
    }



        /* CTA Button container (center) */
    .session.cta-wrapper {
      text-align: center;
      margin-top: 1.5rem;
    }

    .session.btn-request {
      background: transparent;
      border: 2px solid #3b82f6;
      padding: 0.85rem 2.8rem;
      font-size: 1.1rem;
      font-weight: 600;
      border-radius: 50px;
      color: #1e40af;
      transition: all 0.3s ease;
      letter-spacing: 0.3px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      backdrop-filter: blur(2px);
    }

    .session.btn-request i {
      font-size: 1.1rem;
      transition: transform 0.2s;
    }

    .session.btn-request:hover {
      background: #3b82f6;
      color: white;
      border-color: #3b82f6;
      transform: translateY(-3px);
      box-shadow: 0 12px 20px -12px rgba(59, 130, 246, 0.4);
    }

    .session.btn-request:hover i {
      transform: translateX(4px);
      color: white;
    }

    /* subtle spacing between sections */
    .session.spacer-between {
      margin: 1.5rem 0;
    }

    @media (max-width: 768px) {
      .session.offer-section .container,
      .session.common-situations-section .container {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
      .session.section-top-heading {
        font-size: 1.25rem;
        margin-bottom: 2rem;
      }
      .session.card-title {
        font-size: 1.4rem;
      }
      .session.card-body-content {
        padding: 1.5rem;
      }
      .session.card-img-placeholder {
        height: 170px;
      }
      .session.situations-heading {
        font-size: 1.8rem;
      }
      .session.situations-list li {
        font-size: 0.95rem;
        padding: 0.8rem 0.5rem;
        gap: 0.8rem;
      }
      .session.bullet-icon {
        width: 28px;
        height: 28px;
        font-size: 0.8rem;
      }
      .session.btn-request {
        padding: 0.7rem 2rem;
        font-size: 1rem;
      }
    }

    @media (max-width: 576px) {
      .session.section-top-heading {
        font-size: 1.2rem;
      }
      .session.card-title {
        font-size: 1.3rem;
      }
      .session.card-text {
        font-size: 0.95rem;
      }
      .session.card-img-placeholder {
        height: 150px;
      }
      .session.situations-heading {
        font-size: 1.6rem;
      }
      .session.situations-list li {
        font-size: 0.9rem;
        padding: 0.7rem 0;
      }
      .session.btn-request {
        padding: 0.65rem 1.8rem;
        font-size: 0.95rem;
      }
    }


    /* Sales & Closing */


        /* ----- RESET & GLOBAL STYLES (clean, minimal, no JS) ----- */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
}

        /* main section container: full width, clean white background, large vertical rhythm */
        .sale_closing.value-prop-section {
            background-color: #ffffff;
            width: 100%;
            padding-top: 6rem;      /* large top spacing */
            padding-bottom: 6rem;    /* large bottom spacing */
        }

        /* centered max-width container with elegant inner spacing */
        .sale_closing.premium-container {
            max-width: 1000px;        /* comfortable reading width for headlines and body */
            
        }

        /* --- typography: clean, confident hierarchy, subtle weights --- */
        .sale_closing.main-headline {
            font-size: 3.4rem;
            font-weight: 700;
            letter-spacing: -0.02em;
            line-height: 1.2;
            color: #0B1120;           /* richer dark tone for prominence */
            margin-bottom: 1.5rem;
        }

        .sale_closing.subheadline {
            font-size: 1.5rem;
            font-weight: 450;
            color: #4B5565;           /* muted gray, still crisp */
            line-height: 1.4;
            margin-bottom: 2rem;
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
        }

        .sale_closing.body-text {
            font-size: 1.125rem;
            line-height: 1.65;
            color: #2D3748;            /* soft dark gray for easy reading */
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
        }

        /* paragraph spacing for better flow */
        .sale_closing.body-text p {
            margin-bottom: 1.35rem;
        }

        .sale_closing.body-text p:last-child {
            margin-bottom: 0;
        }

        /* subtle accent divider – premium minimal line with soft gray */
        .sale_closing.elegant-divider {
            width: 70px;
            height: 2px;
            background-color: #E2E8F0;   /* light gray, elegant and thin */
            margin: 2.25rem auto 2rem auto;
            border-radius: 2px;
        }

        /* optional micro accent element: very delicate to indicate sophistication */
        .sale_closing.accent-dot {
            display: inline-block;
            width: 6px;
            height: 6px;
            background-color: #CBD5E1;
            border-radius: 50%;
            margin: 0 0.5rem;
            vertical-align: middle;
        }

        /* enhance the body text first letter or any slight nuance? but keep minimal.
           We add a subtle line-height adjustment and a soft hover effect on no interactive elements 
           but purely for readability. no JS, no actual interactive effect that changes functionality.
           Also ensure responsive typography */
        
        /* responsive adjustments: smaller screens get nicely scaled headlines */
        @media (max-width: 768px) {
            .sale_closing.value-prop-section {
                padding-top: 4rem;
                padding-bottom: 4rem;
            }
            .sale_closing.main-headline {
                font-size: 2.4rem;
                letter-spacing: -0.01em;
            }
            .sale_closing.subheadline {
                font-size: 1.25rem;
                margin-bottom: 1.75rem;
            }
            .sale_closing.body-text {
                font-size: 1rem;
                line-height: 1.6;
            }
            .sale_closing.elegant-divider {
                margin: 1.75rem auto;
                width: 56px;
            }
        }

        @media (max-width: 480px) {
            .sale_closing.main-headline {
                font-size: 2rem;
            }
            .sale_closing.subheadline {
                font-size: 1.15rem;
            }
            .sale_closing.premium-container {
                padding-left: 1.25rem;
                padding-right: 1.25rem;
            }
        }

        /* optional: very subtle focus on text selection for readability (premium) */
        ::selection {
            background: #E2E8F0;
            color: #0F172A;
        }

        /* make sure there is no margin collapse issues */
        .sale_closing.text-center-center {
            text-align: center;
        }

        /* additional refinement: limit width of subheadline and body for long lines */
        .sale_closing.centered-block {
            text-align: center;
        }


  .sale_closing.premium-card {
    background: #f7f7f9;
    border-radius: 2rem;
    box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0,0,0,0.02);
    padding: 3rem 2rem;
    transition: box-shadow 0.3s ease;
  }
  .sale_closing.premium-card:hover {
    box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.2);
  }
  
  /* Top headings row */
  .sale_closing.top-headings-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 1.25rem;
  }
  .sale_closing.heading-left h3, .heading-right h3 {
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 1.55rem;
    margin: 0;
    color: #1a1e2b;
  }
  .sale_closing.heading-left h3 {
    background: linear-gradient(135deg, #1E2A3E 0%, #2c3e4e 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    margin: 4px;
  }
  .sale_closing.heading-right h3 {
    background: linear-gradient(135deg, #2c3e4e 0%, #1a2a3a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  
  
  /* Bullet list modern style */
  .sale_closing.bullet-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  .sale_closing.bullet-list li {
    display: flex;
    align-items: center;
    justify-content:center;
    gap: 1rem;
    transition: transform 0.2s ease;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 450;
    color: #2c3e3f;
    margin-bottom: 1.2rem;
    color: #111827;
    padding-top:0.25rem;
  }
  .sale_closing.bullet-list li i {
    width: 28px;
    height: 28px;
    background: #f1f5f9;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1f4e6e;
    font-size: 0.85rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02);
    transition: all 0.2s;
  }
  .sale_closing.bullet-list li:hover {
    transform: translateX(5px);
  }
  .sale_closing.bullet-list li:hover i {
    background: #fff;
    color: #0a4b6e;
    box-shadow: 0 6px 12px rgba(0,0,0,0.05);
  }
  
  /* Right side steps */
  .sale_closing.steps-container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .sale_closing.step-item {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1);
    padding: 0.25rem 0.25rem 0.25rem 0;
    border-radius: 1.2rem;
  }
  .sale_closing.step-item:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.7);
    padding-left: 0.75rem;
    box-shadow: 0 8px 18px -8px rgba(0, 0, 0, 0.08);
  }

  .sale_closing.step-item:hover .step-circle {
    background: #1f5e7e;
    color: white;
    box-shadow: 0 12px 20px -8px rgba(31,94,126,0.3);
    transform: scale(1.02);
  }
  .sale_closing.step-title {
    font-size: 16px;
    line-height: 1.45;
    font-weight: 450;
    color: #2c3e3f;
    margin-bottom: 0.25rem;
    color: #111827;
    padding-top:0.22rem;
  }
  
  /* ========== VERTICAL GRADIENT DIVIDER (THICKER AT CENTER) ========== */
  .sale_closing.gradient-divider-col {
    position: relative;
    display: flex;
    justify-content: center;
  }

  .sale_closing.thick-core {
    position: relative;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, 
      rgba(148, 163, 184, 0.2) 0%, 
      rgba(100, 116, 139, 0.6) 15%,
      #334155 35%,
      #1e293b 50%,
      #334155 65%,
      rgba(100, 116, 139, 0.6) 85%,
      rgba(148, 163, 184, 0.2) 100%);
    border-radius: 10px;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  }
  /* Pseudo-element creates visual thickness at center */
  .sale_closing.thick-core::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(51,65,85,0.5) 0%, rgba(30,41,59,0) 70%);
    filter: blur(2px);
    pointer-events: none;
    border-radius: 8px;
  }
  
  /* Mobile horizontal divider (replaces vertical line on small screens) */
  .sale_closing.mobile-horizontal-divider {
    display: none;
    width: 100%;
    height: 4px;
    margin: 2rem 0;
    background: linear-gradient(90deg, rgba(200,200,210,0.2) 0%, #64748b 40%, #1e293b 50%, #64748b 60%, rgba(200,200,210,0.2) 100%);
    border-radius: 20px;
  }
  
  /* ========== SCROLL FADE-UP ANIMATION ========== */
  .sale_closing.fade-up {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1), transform 0.7s ease;
  }
  .sale_closing.fade-up.appear {
    opacity: 1;
    transform: translateY(0);
  }
  
  /* ========== RESPONSIVE BREAKPOINTS ========== */
  @media (max-width: 991px) {
    .sale_closing.premium-card {
      padding: 2rem 1.5rem;
    }
    .sale_closing.gradient-divider-col {
      display: none !important;
    }
    .sale_closing.mobile-horizontal-divider {
      display: block;
    }
  }
  
  @media (max-width: 576px) {
    .sale_closing.premium-card {
      padding: 1.8rem;
    }
    .sale_closing.description-text {
      font-size: 1rem;
    }
    .sale_closing.step-circle {
      width: 44px;
      height: 44px;
      font-size: 1rem;
    }
    .sale_closing.step-title {
      font-size: 1rem;
    }
    .sale_closing.heading-left h3, .heading-right h3 {
      font-size: 1.25rem;
    }
    .sale_closing.top-headings-wrapper {
      justify-content: space-between;
    }
    .sale_closing.heading-divider {
      display: none;
    }
  }

/* dawood css for small sc */
  .sale_closing.small-sc h3 {
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 1.55rem;
    margin: 0;
    color: #1a1e2b;
  }

  .sale_closing.small-sc h3 {
    background: linear-gradient(135deg, #2c3e4e 0%, #1a2a3a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }

  @media (max-width: 576px) {
.sale_closing.small-sc{
  display:block;
}

  .sale_closing.heading-right{
    display:none;
  }

}

@media (min-width: 992px) {
  .sale_closing.small-sc{
  display:none;
}
}
@media (max-width: 991px) {
  .sale_closing.small-sc{
  display:none;
}
}
  
  @media (min-width: 992px) {
    .sale_closing.mobile-horizontal-divider {
      display: none;
    }
  }


      /* ----- RESET & GLOBAL STYLES (premium, conversion-focused) ----- */


    /* Full-width premium section with generous spacing */
    .sale_closing.conversion-section {
      width: 100%;
      padding: 5rem 0;
      background-color: transparent;
    }

    /* Max-width container for readability */
    .sale_closing.premium-container {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    /* Left column styling */
    .sale_closing.left-content {
      position: relative;
      padding-right: 1rem;
    }

    /* Small label (uppercase, subtle) */
    .sale_closing.premium-label {
      font-size: 0.85rem;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-weight: 600;
      color: #5b6e8c;
      margin-bottom: 1.2rem;
      display: inline-block;
    }

    /* Main heading bold & large */
    .sale_closing.main-heading {
      font-size: 3.2rem;
      font-weight: 600;
      line-height: 1.2;
      letter-spacing: -0.02em;
      color: #0a1c2f;
      margin-bottom: 1.5rem;
    }

    /* Supporting paragraphs clean & readable */
    .sale_closing.supporting-text {
      font-size: 1.08rem;
      line-height: 1.65;
      color: #2c3e50;
      margin-bottom: 1.2rem;
    }

    /* Subtle visual element: accent border + soft background highlight block */
    .sale_closing.accent-highlight {
      margin-top: 1rem;
      padding: 1.5rem 0 0.5rem 0;
      position: relative;
    }


    .sale_closing.soft-bg-highlight {
      background-color: rgba(44, 110, 79, 0.04);
      border-left: 3px solid #2c6e4f;
      padding: 1.2rem 1.5rem;
      border-radius: 16px;
      font-size: 0.98rem;
      color: #1e2f3d;
      line-height: 1.6;
      font-weight: 450;
    }

    /* Right column styling */
    .sale_closing.right-content {
      padding-left: 1rem;
    }

    /* Premium card styling (elevated, soft shadow, rounded corners) */
    .sale_closing.offer-card {
      background: #ffffff;
      border-radius: 28px;
      padding: 0.8rem 1.8rem;
      box-shadow: 0 12px 28px -10px rgba(0, 0, 0, 0.05), 0 2px 6px rgba(0, 0, 0, 0.02);
      transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
      border: 1px solid #eef2f6;
      margin-bottom: 2.0rem;
    }

    /* Hover lift effect on cards */
    .sale_closing.offer-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 24px 36px -14px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.04);
      border-color: #e2e8f0;
    }

    .sale_closing.offer-card:last-child {
      margin-bottom: 0;
    }

    .sale_closing.card-title {
      font-size: 1.3rem;
      font-weight: 600;
      color: #0f2b3b;
      margin-bottom: 0.75rem;
      letter-spacing: -0.3px;
    }

    .sale_closing.card-text-content {
      font-size: 1rem;
      line-height: 1.55;
      color: #3a5468;
      margin-bottom: 0.5rem;
    }

    /* CTA area styling */
    .sale_closing.cta-area {
      margin-top: 1rem;
      background: #fefefe;
      border-radius: 24px;
      padding: 1.3rem 1.8rem;
      border: 1px solid #eef2f8;
      box-shadow: 0 6px 14px -6px rgba(0, 0, 0, 0.02);
      transition: all 0.2s ease;
    }

    .sale_closing.cta-area:hover {
      border-color: #dee6ef;
      box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.06);
    }

    .sale_closing.closing-line {
      font-size: 1.12rem;
      font-weight: 500;
      color: #1a2c3e;
      margin-bottom: 1.2rem;
      line-height: 1.45;
    }

    /* Primary button styling (modern, smooth hover) */
    .sale_closing.btn-primary-premium {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: #1f4d3c;
      border: none;
      padding: 0.85rem 2rem;
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 0.2px;
      color: white;
      border-radius: 60px;
      transition: all 0.25s ease;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
      text-decoration: none;
      cursor: pointer;
    }

    .sale_closing.btn-primary-premium:hover {
      background-color: #123d2f;
      transform: scale(1.02) translateY(-2px);
      box-shadow: 0 12px 20px -10px rgba(31, 77, 60, 0.3);
      color: white;
    }

    .sale_closing.btn-primary-premium:active {
      transform: scale(0.98);
    }

    /* Subtle divider line between sections within left column */
    .sale_closing.subtle-divider {
      width: 100%;
      height: 1px;
      background: linear-gradient(90deg, transparent, #dce5ec, transparent);
      margin: 1.8rem 0 1.2rem 0;
    }

    /* Responsive adjustments */
    @media (max-width: 992px) {
      .sale_closing.conversion-section {
        padding: 4rem 0;
      }
      .sale_closing.main-heading {
        font-size: 2.7rem;
      }
      .sale_closing.premium-label {
        font-size: 0.8rem;
      }
      .sale_closing.supporting-text {
        font-size: 1rem;
      }
      .sale_closing.card-title {
        font-size: 1.45rem;
      }
      .sale_closing.right-content {
        padding-left: 0;
        margin-top: 2rem;
      }
      .sale_closing.left-content {
        padding-right: 0;
        margin-bottom: 0.5rem;
      }
      .sale_closing.cta-area {
        padding: 1.5rem;
      }
      .sale_closing.closing-line {
        font-size: 1.05rem;
      }
    }

    @media (max-width: 768px) {
      .sale_closing.conversion-section {
        padding: 3rem 0;
      }
      .sale_closing.premium-container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
      .sale_closing.main-heading {
        font-size: 2.3rem;
      }
      .sale_closing.offer-card {
        padding: 1.5rem;
      }
      .sale_closing.card-title {
        font-size: 1.4rem;
      }
      .sale_closing.cta-area {
        margin-top: 1.8rem;
        padding: 1.3rem;
      }
      .sale_closing.btn-primary-premium {
        padding: 0.75rem 1.8rem;
        width: 100%;
      }
      .sale_closing.closing-line {
        font-size: 1rem;
        text-align: center;
      }
      .sale_closing.cta-area {
        text-align: center;
      }
    }

    @media (max-width: 576px) {
      .sale_closing.main-heading {
        font-size: 2rem;
      }
      .sale_closing.supporting-text {
        font-size: 0.95rem;
      }
      .sale_closing.card-text-content {
        font-size: 0.93rem;
      }
      .sale_closing.premium-label {
        font-size: 0.75rem;
        letter-spacing: 1.5px;
      }
      .sale_closing.soft-bg-highlight {
        padding: 1rem 1.2rem;
      }
      .sale_closing.offer-card {
        padding: 1.3rem;
      }
    }

    /* Smooth hover effect for the whole section cards & cta */
    .sale_closing.offer-card, .cta-area, .btn-primary-premium {
      will-change: transform;
    }

    /* disclaimer page */


/* contact us  */

 /* refund Policy  */

         /* Ensure body background is pure white, no extra shadows or distractions */
        /* Additional safe border-box & readable line-heights (clean but minimal) */
        .refund.refund-policy-section {
            background-color: #ffffff;
        }
        /* No extra fancy shadows/borders — pure minimal design. 
           But paragraphs retain natural Bootstrap legibility */
        .refund.policy-content p, .refund.policy-content ul, .refund.policy-subsection {
            font-weight: normal;
        }
        /* subtle consistent link (none exist here but just in case) */
        a {
            text-decoration: none;
        }
        /* left alignment is already Bootstrap default but ensure nested elements align properly */
        .refund.policy-text-block {
            text-align: left;
        }
        /* ensure headings left aligned as well */
        h1, h2, h3, h4, p, .refund.policy-subsection {
            text-align: left;
        }


        /* Terms and condition */



        /* main container – clean, readable width, centered layout */
    .terms-container {
      width: 100%;        /* full width */
      max-width: none;    /* remove width restriction */
      margin: 0;          /* remove centering */
      padding: 4rem 2rem 4rem 4rem; /* keep spacing */
}

        /* ensure all text sits directly on black background (no containers with backgrounds) */
        /* no background, no border, no shadow, no card effect */

        /* Typography – simple, professional, clean */
        h1.terms {
            font-size: 2.5rem;
            font-weight: 600;
            letter-spacing: -0.01em;
            margin-bottom: 0.5rem;
            line-height: 1.2;
        }

        .terms.subtitle {
            font-size: 1.25rem;
            font-weight: 400;
            color:  #000000;        /* soft white, still highly readable, but not pure #fff to keep hierarchy */
            margin-bottom: 2rem;
            border: none;
            padding: 0;
            background: none;
        }

        /* intro paragraph – first body text */
        .terms.intro-text {
            font-size: 1rem;
            margin-bottom: 2.5rem;
            color:  #000000;
            max-width: 85%;
        }

        /* section headings (h2) */
        h2.terms {
            font-size: 1.5rem;
            font-weight: 600;
            margin-top: 2rem;
            margin-bottom: 0.75rem;
            letter-spacing: -0.2px;
            border: none;
            background: none;
        }

        /* regular paragraphs and list items */
        p.terms {
            margin-bottom: 1rem;
            
        }

        /* unordered list for user responsibilities */
        ul.terms {
            margin: 0.5rem 0 1.2rem;
            list-style-type: disc;
        }

        li.terms {
            margin-bottom: 0.4rem;
            color:  #000000;
        }

        /* spacing between sections: consistent and clean */
        .terms.section-spacer {
            margin-top: 0.25rem;
        }

        /* no extra background elements, no cards, no borders */
        a.terms {
            color:  #000000;
            text-decoration: underline;
            text-underline-offset: 2px;
            transition: opacity 0.2s ease;
        }

        a.terms:hover {
            opacity: 0.8;
            text-decoration: none;
        }

        /* email address inline styling: keep simple */
        .terms.contact-email {
            display: inline-block;
            margin-top: 0.25rem;
            font-weight: 500;
        }

        /* small adjustments for better readability on mobile */
        @media (max-width: 700px) {
            .terms.terms-container {
                padding: 2rem 1.5rem;
            }
            h1.terms {
                font-size: 2rem;
            }
            .terms.subtitle {
                font-size: 1.1rem;
            }
            .terms.intro-text {
                max-width: 100%;
            }
            h2.terms {
                font-size: 1.35rem;
                margin-top: 1.75rem;
            }
        }

        /* keep everything minimal — no rounded corners on text, no extra boxes */
        hr.terms {
            display: none; /* ensures no decorative lines interfere */
        }

        /* last paragraph margin fine-tuning */
        .terms.last-update-note {
            margin-top: 0.5rem;
        }



        /* privacy css  */


  /* ----- CUSTOM STYLES: ONLY SPACING, TYPOGRAPHY & COLOR OVERRIDES ----- */
    /* solid white background, black text, no cards, no boxes, no shadows, no borders */
    body {
      background-color: #ffffff;   /* solid white background */
      color: #000000;              /* pure black text for maximum readability */
      font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
      line-height: 1.5;
      font-weight: 400;
      font-size: 1rem;
      margin: 0;
      padding: 0;
    }

    /* full-width content: container-fluid ensures edge-to-edge but keeps readable gutters */
    /* No max-width restrictions, no centered narrow containers — full width with responsive padding */
    .privacy.privacy-wrapper {
      width: 100%;
      background: #ffffff;        /* solid white background, matches body */
    }

    /* main content block: left-aligned, full-width but with sensible side spacing on large screens */
    .privacy.privacy-content {
      width: 100%;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-top: 3rem;
      padding-bottom: 4rem;
      margin: 0 auto;
      background: transparent;    /* no extra backgrounds, no cards */
    }

    /* For very large screens we keep full width but inner text block still left-aligned.
       We DO NOT center the text container. The text remains left-aligned, and paragraphs
       stretch naturally. To maintain readability without a "narrow container", 
       we only limit line length on ultra-wide displays but background remains full width.
       This respects "full width" design while ensuring comfortable reading.
       No boxes, no borders — just pure content. */
    @media (min-width: 1400px) {
      .privacy.privacy-content {
        padding-left: 10%;
        padding-right: 10%;
      }
    }

    /* headings: simple, clean, no decoration */
    h1.privacy {
      font-size: 2.75rem;
      font-weight: 600;
      letter-spacing: -0.01em;
      margin-bottom: 0.5rem;
      line-height: 1.2;
      color: #000000;
      background: transparent;
    }

    .privacy.subtitle {
      font-size: 1.35rem;
      font-weight: 450;
      color: #2c2c2c;          /* dark gray but still very high contrast, black-ish */
      margin-bottom: 1.5rem;
      border: none;
      background: none;
    }

    /* intro paragraph style */
    .privacy.intro-text {
      font-size: 1rem;
      margin-bottom: 2.25rem;
      color: #000000;
      max-width: 100%;          /* full width left aligned */
    }

    /* section headings (h2) */
    h2.privacy {
      font-size: 1.65rem;
      font-weight: 600;
      margin-top: 2rem;
      margin-bottom: 0.85rem;
      color: #000000;
      letter-spacing: -0.2px;
      border: none;
      background: none;
    }

    /* regular paragraphs */
    p.privacy {
      margin-bottom: 1rem;
      color: #000000;
    }

    /* unordered list styling – clean spacing, no extra background */
    ul.privacy.bullets{
      margin: 0.5rem 0 1.2rem 1.8rem;
      padding-left: 0;
      list-style-type: disc;
      color: #000000;
    }

    li.privacy {
      margin-bottom: 0.45rem;
      line-height: 1.5;
      color: #000000;
    }

    /* contact email & link styling: simple, matches text */
    a.privacy {
      color: #000000;
      text-decoration: underline;
      text-underline-offset: 2px;
      transition: opacity 0.2s;
      font-weight: 500;
    }

    a.privacy:hover {
      opacity: 0.7;
      text-decoration: none;
    }

    /* ensure no borders, no cards, no box-shadows on any element */
    div.privacy, section.privacy, article.privacy, .container.privacy, .row, .col, .privacy.privacy-content, .privacy.privacy-wrapper {
      box-shadow: none !important;
      border: none !important;
      outline: none !important;
      background-color: transparent; /* ensures white background only from body/wrapper */
    }

    /* remove any default bootstrap border radius or card-like behavior */
    .privacy.privacy-content * {
      border-radius: 0;
    }

    /* custom spacing for lists inside sections to keep readability */
    .privacy.list-spacer {
      margin-bottom: 0.25rem;
    }

    /* fine-tune for mobile devices */
    @media (max-width: 768px) {
      .privacy.privacy-content {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 2rem;
        padding-bottom: 3rem;
      }
      h1.privacy {
        font-size: 2rem;
      }
      .privacy.subtitle {
        font-size: 1.2rem;
      }
      h2.privacy {
        font-size: 1.45rem;
        margin-top: 1.75rem;
      }
    }

    /* maintain full width on all viewports, text remains left-aligned */
    /* ensure no container restricts max-width in a way that creates a "narrow box" effect */
    .row, .col {
      margin: 0;
      padding: 0;
    }

    /* no background on any pseudo-element, no extra decorative lines */
    hr.privacy {
      display: none;
    }

    /* small extra for better touch spacing, but still minimal */
    .contact-block.privacy {
      margin-top: 0.25rem;
    }


  /* send page css */