/* Responsive CSS Document */



@media (min-width: 1600px) {
  .container.xxl {max-width: 1560px;}
}


@media (min-width: 1450px) {
  .container.lg {max-width: 1420px;}
}



@media (min-width: 992px) {
  .container {padding-right: 0;padding-left: 0;}
}

/* Wide desktop tweaks (1400px–1749px) */
@media (min-width: 1400px) and (max-width: 1749px) {
  .btn-four {font-size: 20px;}
  .title-three h2 {font-size: 200px;}
  .title-three .sec-title {font-size: 35px;}
  .title-three .sec-title .line {height: 26px;}
  .title-three h2.sm {font-size: 185px;}
  .project-block-two .info li:first-child {font-size: 25px; padding: 22px 39px 16px;}
  .form-style-one h3 {font-size: 65px;}
  .title-three .sec-title-two {font-size: 55px;}
}




/* XXL container (1400px–1599px) */
@media (min-width: 1400px) and (max-width: 1599px) {
  .p-lr-25 {padding-left: 20px; padding-right: 20px;}
  .hero-banner-two .main-bg {margin-top: 20px; padding-top: 400px;}
  .inner-banner-one {margin-top: 20px;}
  .theme-main-menu.gap-two {padding: 40px 45px;}
  .theme-main-menu.menu-style-two .bg-shape {top:-10px; max-width: 670px;}
  .hero-banner-two .hero-heading {font-size: 120px;}
  .fancy-banner-one h3 {font-size: 120px; margin: 350px 0 25px;}
  .title-one h2 {font-size: 60px;}
  .service-section-one .accordion-container .accordion-item.active .content {padding-right: 0;}
  .feedback-section-one .feedback-wrapper blockquote {font-size: 40px;}
  .client-logos .logo {width: 287px; height: 287px;}
  .title-five h2 {font-size: 80px;}
  .feature-block-six .card-wrapper .card-block {width: 430px; height: 430px;}
  .title-five h4 {font-size: 66px;}
  .feedback-section-four .feedback-block blockquote {font-size: 36px;}
  .hero-banner-seven .hero-heading {font-size: 85px;}
  .hero-banner-seven p {font-size: 22px;}
  .hero-banner-seven .screen-wrapper {padding: 80px 80px 60px;}
  .feature-block-thirteen .nav-tab-wrapper .nav-link .text {font-size: 18px;}
  .title-eight h2 {font-size: 60px;}
  .feature-block-fifteen .tab-content h2 {font-size: 55px;}
  .feature-block-fifteen .nav-tab-wrapper .nav-link {padding: 25px 70px;}
  .feedback-section-seven .wrapper {padding: 50px;}
  .feedback-section-seven .feedback-wrapper {padding: 40px 45px;}
  .feedback-section-seven .feedback-block blockquote {font-size: 28px;}
  .fancy-banner-six .bg-wrapper h2 {font-size: 90px;}
  .inner-banner-one h2 {font-size: 85px;}
  .project-details-one .project-info ul li:before {left: -40px;}
  .feedback-section-nine .feedback-block {padding: 50px 20px 50px 80px;}
  .feedback-section-nine .feedback-block blockquote {font-size: 28px;}
}




/*Grid xl Start*/
@media (max-width: 1399px) {
  body {font-size: 18px;}
  .btn-four {font-size: 18px; line-height: 50px; min-width: 150px; padding: 0 40px;}
  .project-block-two .info li:first-child {font-size: 20px; padding: 17px 25px 11px;}
  .project-block-two .info li a {width: 58px; height: 58px; font-size: 28px;}
  .project-block-two .info {left: 15px; bottom: 20px;}
  .card-style-one .title h4 {font-size: 22px;}
  .card-style-one .arrow-icon {width: 45px;}
  .card-style-one .main-count {font-size: 60px;}
  .card-style-one p {font-size: 22px;}
  .blog-section-one .slider-wrapper .slick-slider {margin: 0 -12px;}
  .blog-section-one .slider-wrapper .slick-slider .item {margin: 0 12px;}
  .title-five .upper-title {font-size: 16px;}
  .feedback-section-seven .feedback-block .name {font-size: 20px;}
  .card-style-five {padding: 35px 20px 30px;}
  .card-style-five h4 {font-size: 24px; margin-top: 50px;}
  .team-block-three h4 {font-size: 24px;}
  .project-details-one .project-info {padding: 15px 20px 40px;}
  .project-details-one .project-info ul li .text h6 {margin-bottom: 0;}
  .project-details-one .project-info ul li:before {display: none;}
  .service-details-one .sidebar .sidebar-banner h3 {font-size: 28px;}
}

/*Between Grid xl*/
@media (min-width: 1200px) and (max-width: 1399px) {
  .title-three h2 {font-size: 120px; letter-spacing: 0;}
  .title-three .sec-title {font-size: 30px;}
  .title-three .sec-title .line {height: 24px; margin-top: 0;}
  .title-three h2.sm {font-size: 150px;}
  .project-section-three .title-three {margin-bottom: -25px;}
  .form-style-one h3 {font-size: 50px;}
  .title-three .sec-title-two {font-size: 45px;}
  .p-lr-25 {padding-left: 15px; padding-right: 15px;}
  .hero-banner-two .main-bg {margin-top: 15px; padding-top: 350px;}
  .inner-banner-one {margin-top: 15px;}
  .theme-main-menu.gap-two {padding: 30px;}
  .theme-main-menu.menu-style-two .bg-shape {top:-10px; max-width: 640px;}
  .border-30 {border-radius: 20px;}
  .theme-main-menu.menu-style-two .nav-item .nav-link {font-size: 18px; margin: 0 35px;}
  .theme-main-menu.menu-style-two .nav-item .nav-link:before {right: -38px;}
  .theme-main-menu.menu-style-two .navbar {top:25px}
  .hero-banner-two .hero-heading {font-size: 90px;}
  .fs-24 {font-size: 22px;}
  .fs-28 {font-size: 26px;}
  .title-one h2 {font-size: 52px;}
  .service-section-one .accordion-container .accordion-item .label {width: 150px; font-size: 30px;}
  .service-section-one .accordion-container .accordion-item.active .label {width: 150px;}
  .service-section-one .accordion-container .accordion-item.active .content {width: calc(100% - 150px);}
  .fancy-banner-one h3 {font-size: 90px; margin: 300px 0 25px;}
  .feedback-section-one .feedback-wrapper {padding: 55px 50px 0;}
  .feedback-section-one .feedback-wrapper blockquote {font-size: 34px;}
  .client-logos .logo {width: 250px; height: 250px;}
  .blog-meta-one .blog-title {font-size: 30px;}
  .title-five h2 {font-size: 56px;}
  .title-five h4 {font-size: 60px;}
  .title-five h3 {font-size: 62px;}
  .feature-block-six .card-wrapper .card-block {width: 365px; height: 365px;}
  .feature-block-six .card-wrapper .card-block .main-count {font-size: 75px;}
  .feature-block-six .card-wrapper .card-block p {font-size: 30px;}
  .feedback-section-four .feedback-block blockquote {font-size: 30px;}
  .feedback-section-four .slider-bg .slider-arrows li:last-child {right: -65px;}
  .feedback-section-four .slider-bg .slider-arrows li {left: -65px;}
  .hero-banner-seven .hero-heading {font-size: 70px;}
  .hero-banner-seven .screen-wrapper {padding: 70px 50px;}
  .hero-banner-seven .shape_01 {max-width: 94%; left: 4%;}
  .title-eight h2 {font-size: 50px;}
  .feature-block-thirteen .nav-tab-wrapper .nav-link {padding: 35px 20px 35px 25px;}
  .feature-block-thirteen .nav-tab-wrapper .nav-link .text {font-size: 18px;}
  .feature-block-thirteen .nav-tab-wrapper .nav-link .text strong {font-size: 24px;}
  .feature-block-fifteen .nav-tab-wrapper .nav-link {font-size: 24px; padding: 15px 60px;}
  .feature-block-fifteen .tab-content .icon {width: 65px; height: 65px; padding: 15px;}
  .feature-block-fifteen .tab-content h2 {font-size: 45px;}
  .feedback-section-seven .wrapper {padding: 40px;}
  .feedback-section-seven .feedback-wrapper {padding: 40px 35px;}
  .feedback-section-seven .feedback-block blockquote {font-size: 26px;}
  .fancy-banner-six .bg-wrapper h2 {font-size: 70px;}
  .inner-banner-one h2 {font-size: 75px;}
  .inner-banner-one .bg-wrapper {padding: 170px 0 120px;}
  .feature-block-one h3 {font-size: 65px; max-width: 640px;}
  .contact-section-three h2 {font-size: 70px;}
  .feature-block-nineteen .bg-wrapper {padding: 60px 50px 0;}
  .feature-block-nineteen .list-style li span {font-size: 22px;}
  .feature-block-nineteen .list-style li {padding: 25px 15px 25px 100px;}
  .feedback-section-nine .feedback-block {padding: 40px 20px 40px 80px;}
  .feedback-section-nine .feedback-block blockquote {font-size: 28px;}
  .feedback-section-nine .feedback-block .name {font-size: 20px;}
  .title-eight h3 {font-size: 48px;}
  .service-details-one h4 {font-size: 30px;}
  .blog-details-meta .quote-wrapper .text blockquote {font-size: 30px;}
  .blog-details-meta h4 {font-size: 32px;}
}


/*(min-width: 1200px) and (max-width: 1399px)*/



/* *** Important *** Breakpoint */


/* (min-width: 992px) and (max-width: 1399px) */


/*Grid lg Start*/
@media (max-width: 1199px) {
  .border-30 {border-radius: 20px;}
  .p-lr-25 {padding-left: 5px; padding-right: 5px;}
  .hero-banner-two .main-bg {margin-top: 5px; padding: 250px 0 100px;}
  .inner-banner-one {margin-top: 5px;}
  .title-three h2 {font-size: 70px; letter-spacing: 0;}
  .title-three .sec-title {font-size: 24px;}
  .title-three .sec-title .line {height: 20px; margin-top: 0;}
  .title-three h2.sm {font-size: 92px;}
  .project-section-three .title-three {margin-bottom: 0;}
  .form-style-one h3 {font-size: 35px;}
  .title-three .sec-title-two {font-size: 30px;}
  .hero-banner-two .hero-heading {font-size: 55px;}
  .fs-24 {font-size: 20px; line-height: 1.7em;}
  .fs-28 {font-size: 24px;}
  .hero-banner-two .tags li {font-size: 16px; line-height: 48px;}
  .hero-banner-two .tags {left: 12px; bottom: 20px;}
  .hero-banner-two .slider-arrows {right: 12px; bottom: 20px;}
  .title-one .upper-title {margin: 0 0 30px; font-size: 16px;}
  .title-one .upper-title .line {width: 60px;}
  .title-one h2 {font-size: 32px; line-height: 1.25em;}
  .project-section-one .carousel-indicators {margin-top: 50px;}
  .project-section-one .carousel-indicators button {font-size: 24px;}
  .project-section-one .carousel-inner h4 {font-size: 24px; line-height: 1.4em;}
  .service-section-one .accordion-container .accordion-item .content p {margin: 80px 0 30px;}
  .fancy-banner-one h3 {font-size: 55px; margin: 200px 0 25px; line-height: 0.85em;}
  .fancy-banner-one .tags li {font-size: 16px; line-height: 48px;}
  .feedback-section-one .feedback-wrapper {padding: 40px 20px 0;}
  .feedback-section-one .feedback-wrapper blockquote {font-size: 24px; line-height: 1.5em; margin-bottom: 55px;}
  .feedback-section-one .feedback-wrapper h6 {font-size: 20px;}
  .feedback-section-one .feedback-wrapper .icon {width: 40px;}
  .feedback-section-one .feedback-wrapper .slider-arrows {padding: 20px 0;}
  .feedback-section-one .feedback-img .rating-cp {max-width: 180px; left: -75px;}
  .feedback-section-one .feedback-img .rating-cp p {font-size: 18px;}
  .blog-meta-one .author {margin: 25px 0 10px; font-size: 16px;}
  .blog-meta-one .blog-title {font-size: 24px;}
  .blog-meta-one .read-more {width: 60px; height: 60px; font-size: 26px;}
  .blog-meta-one .media img {border-radius: 20px;}
  .feature-block-six .bg-wrapper {padding: 50px 20px;}
  .feature-block-six .card-wrapper .card-block .main-count {font-size: 45px;}
  .feature-block-six .card-wrapper .card-block p {font-size: 22px; margin-top: 0;}
  .feedback-section-four .slider-bg {padding: 20px;}
  .feedback-section-four .slider-bg:before {left: 50%;}
  .feedback-section-four .slider-bg .slider-arrows li {position: static; transform: none; margin: 50px 10px 0;}
  .feedback-section-four .feedback-block .rating li {font-size: 14px;}
  .feedback-section-four .feedback-block blockquote {font-size: 24px; font-weight: normal; line-height: 1.35em; margin-bottom: 45px;}
  .feedback-section-four .feedback-block .name {font-size: 20px;}
  .btn-eight, .btn-nine, .btn-ten {line-height: 50px; padding: 0 32px;}
  .hero-banner-seven .screen-wrapper {padding: 20px; border-radius: 20px;}
  .title-eight .upper-title {font-size: 16px;}
  .feature-block-thirteen .nav-tab-wrapper .nav-link {padding: 30px 20px;}
  .feature-block-thirteen .nav-tab-wrapper .nav-link .text {font-size: 17px;}
  .feature-block-thirteen .nav-tab-wrapper .nav-link .text strong {font-size: 20px; margin-bottom: 15px;}
  .feature-block-thirteen .tab-content {padding: 25px;}
  .feature-block-fourteen .img-wrapper {padding: 30px;}
  .feature-block-fifteen .nav-tab-wrapper .nav-link {font-size: 20px; padding: 10px 20px;}
  .feature-block-fifteen .tab-content .icon {width: 50px; height: 50px; padding: 15px;}
  .feature-block-fifteen .tab-content h2 {font-size: 38px; margin: 28px 0 30px; line-height: 1.2em;}
  .feedback-section-seven .wrapper {padding: 20px;}
  .feedback-section-seven .feedback-wrapper {padding: 20px;}
  .feedback-section-seven .feedback-block blockquote {font-size: 24px; margin: 20px 0 30px;}
  .feedback-section-seven .slider-arrows {position: static; margin-top: 25px;}
  .pricing-section-one .pr-column {padding: 35px 18px;}
  .pricing-section-one .pr-column .pr-header .plan-name {font-size: 25px;}
  .pricing-section-one .pr-column .pr-header .price {font-size: 50px;}
  .pricing-section-one .pr-column .package-feature li {font-size: 17px;}
  .fancy-banner-six .bg-wrapper {padding: 60px 5px 0;}
  .fancy-banner-six .bg-wrapper h2 {font-size: 40px; line-height: 1.2em;}
  .inner-banner-one .bg-wrapper {padding: 150px 0 80px;}
  .feature-block-one h3 {font-size: 40px; max-width: 450px; line-height: 1.2em; margin-top: 30px;}
  .project-block-three .icon {width: 100px; height: 100px; padding: 30px;}
  .project-details-one .social-icon li:first-child {margin-right: 15px;}
  .project-details-one .project-pagination {margin-top: 40px; padding-top: 40px;}
  .project-details-one .project-pagination strong {font-size: 20px; margin-top: 0;}
  .project-details-one .project-pagination .pr-img {width: 60px;}
  .contact-section-three h2 {font-size: 40px;}
  .footer-four .border-top-style {padding-top: 80px;}
  .counter-box-two .main-count {font-size: 42px;}
  .card-style-seven .icon {width: 70px; height: 70px; padding: 20px;}
  .card-style-seven h3 {font-size: 24px; margin: 30px 0;}
  .feature-block-nineteen .bg-wrapper {padding: 50px 20px 0;}
  .feature-block-nineteen .list-style li span {font-size: 20px;}
  .feature-block-nineteen .list-style li {padding: 20px 15px 20px 60px;}
  .feature-block-nineteen .list-style li:before {left: 10px; top:25px;}
  .feedback-section-nine .feedback-block {padding: 30px 15px 30px 80px;}
  .feedback-section-nine .feedback-block blockquote {font-size: 20px; line-height: 1.7em; margin: 20px 0 40px;}
  .feedback-section-nine .feedback-block .name {font-size: 20px;}
  .card-style-eight .icon {height: 70px;}
  .card-style-eight h3 {font-size: 24px;}
  .title-eight h3 {font-size: 30px;}
  .service-details-one h4 {font-size: 26px;}
  .blog-sidebar .sidebar-title {font-size: 22px;}
  .blog-sidebar .recent-news .blog-title h3 {font-size: 20px; line-height: 1.4em;}
  .blog-details-meta .quote-wrapper {padding: 40px 20px;}
  .blog-details-meta .quote-wrapper .text blockquote {font-size: 24px; line-height: 1.5em;}
  .blog-details-meta h4 {font-size: 28px;}
  .blog-details-meta .list-style li {font-size: 18px;}
  .blog-details-meta .blog-comment-form {padding: 40px 20px; margin-top: 60px;}
}

/*Between Grid lg*/
@media (min-width: 992px) and (max-width: 1199px) {
  .theme-main-menu.gap-two {padding: 20px 20px;}
  .theme-main-menu.menu-style-two .navbar {display: none;}
  .service-section-one .accordion-container .accordion-item .label {width: 120px; font-size: 25px;}
  .service-section-one .accordion-container .accordion-item.active .label {width: 120px;}
  .service-section-one .accordion-container .accordion-item.active .content {width: calc(100% - 120px);}
  .client-logos .logo {width: 215px; height: 215px; padding: 50px;}
  .title-five h2 {font-size: 50px;}
  .title-five h4 {font-size: 55px;}
  .title-five h3 {font-size: 58px;}
  .feature-block-six .card-wrapper .card-block {width: 300px; height: 300px;}
  .hero-banner-seven .hero-heading {font-size: 60px; line-height: 1em;}
  .title-eight h2 {font-size: 42px;}
  .hero-banner-seven {padding-top: 180px;}
  .inner-banner-one h2 {font-size: 60px;}
  .project-details-one .project-info ul li {width: 50%;}
}


/*(min-width: 992px) and (max-width: 1199px)*/



/*Grid md Start*/
@media (max-width: 991px) {
  .theme-main-menu .mega-dropdown .col-lg-3 {width: 100%; max-width: 100%;}
  .theme-main-menu .mega-dropdown .home-item {margin: 10px 0;}
  .theme-main-menu .mega-dropdown .home-item span {font-size: 16px;}
  .theme-main-menu.menu-style-two .bg-shape {display: none;}
  .theme-main-menu.gap-two {padding: 20px 20px;}
  .project-section-one .carousel-indicators {margin-bottom: 40px;}
  .project-section-one .arrow-btns {position: relative; width: 100%; bottom: 0; margin-top: 70px;}
  .service-section-one .accordion-container .accordion-item {display: block; border: none; border-bottom: 1px solid rgba(0,0,0,.2);}
  .service-section-one .accordion-container .accordion-item:first-child {border-left: none; border-top: 1px solid rgba(0,0,0,.2);}
  .service-section-one .accordion-container .accordion-item .label {width: 100%; writing-mode:initial; transform: none; font-size: 20px; padding: 25px 0;}
  .service-section-one .accordion-container .accordion-item.active .label {width: 100%;}
  .service-section-one .accordion-container .accordion-item.active .content {width: 100%; padding: 40px 0; height: 100%;}
  .service-section-one .accordion-container .accordion-item .content {width: 100%; height: 0;}
  .service-section-one .accordion-container .accordion-item .content p {margin: 20px 0 20px;}
  .feedback-section-one .feedback-img {width: 100%; height: 350px; margin: 30px 0 0;}
  .feedback-section-one .feedback-img .rating-cp {left: 50%; top:0; transform: translate(-50% , -50px);}
  .feedback-section-one .feedback-wrapper blockquote {padding-right: 0;}
  .client-logos .logo {width: 215px; height: 215px; padding: 50px; margin: -20px -10px;}
  .title-five h2 {font-size: 36px;}
  .title-five h4 {font-size: 40px;}
  .title-five h3 {font-size: 40px;}
  .feature-block-six .card-wrapper .card-block {width: 200px; height: 200px; margin: 5px;}
  .feedback-section-four .slider-bg:before {display: none;}
  .hero-banner-seven {padding-top: 170px;}
  .hero-banner-seven .hero-heading {font-size: 45px; line-height: 1.1em;}
  .title-eight h2 {font-size: 32px; line-height: 1.3em;}
  .feature-block-thirteen .nav-tab-wrapper {max-width: 100%; padding-top: 1px;}
  .feature-block-thirteen .nav-tab-wrapper .nav-link {border-right: none;}
  .inner-banner-one h2 {font-size: 40px; letter-spacing: 1px;}
  .grid-2column {margin: 0 -12px;}
  .grid-2column .grid-sizer, .grid-2column .isotop-item {padding: 0 12px;}
  .feature-block-eighteen .img-wrapper {height: 400px; margin: 60px 0 0 30px;}
  .feature-block-eighteen .img-wrapper .screen_01 {left: -30px; bottom: -50px; max-width: 74%;}
}

/*Grid md Start*/




/*Between Grid md*/
@media (min-width: 768px) and (max-width: 991px) {
  .project-details-one .project-info ul li {width: 50%;}
}


/*(min-width: 768px) and (max-width: 991px)*/



/*Grid sm Start*/
@media (max-width: 767px) {
  .title-three h2.sm {font-size: 55px;}
  .title-three h2 span {
    background: linear-gradient(0.53deg, #C4CCD5 6%, #FFFFFF 113.21%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .feature-block-one .box-wrapper::before, .feature-block-one .box-wrapper::after {display: none;}
  .card-style-one {border-bottom: 1px solid rgba(0,0,0, 0.1);}
  .feature-block-one .sec-btn {position: static;}
  .project-details-one .project-info ul li {width: 100%;}
}

/*Between Grid sm*/
@media (min-width: 576px) and (max-width: 767px) {
  .blog-section-one .slider-wrapper {width: calc(100% + 60vw);}
}


/*(min-width: 576px) and (max-width: 767px)*/




/*Extra Small breakpoints*/
@media (max-width: 575px) {
  .hero-banner-two .tags {position: static; justify-content: center; margin: 15px 0 10px;}
  .hero-banner-two .main-bg {min-height: 650px;}
  .hero-banner-two .hero-heading, .fancy-banner-one h3 {font-size: 48px;}
  .card-style-one .main-count {font-size: 48px;}
  .fancy-banner-one .bg-wrapper {padding: 30px 15px;}
  .client-logos .logo {width: 170px; height: 170px; padding: 50px; margin: -10px -5px;}
  .blog-section-one .slider-wrapper {width: 100%;}
  .grid-2column .grid-sizer, .grid-2column .isotop-item {width: 100%;}
  .feature-block-fifteen .nav-tab-wrapper .nav-link {width: 100%;}
  .blog-details-meta .quote-wrapper {margin: 40px 0;}
  .blog-details-meta .quote-wrapper .text blockquote {font-size: 22px;}
}

/* Index-2: case studies carousel — limit image height (loads after style.css) */
.project-section-one .carousel-inner .project-one-carousel-media {
  max-height: min(520px, 56vh);
  overflow: hidden;
}
.project-section-one .carousel-inner .project-one-carousel-media img {
  width: 100%;
  height: min(520px, 56vh);
  max-height: min(520px, 56vh);
  object-fit: cover;
  object-position: center;
  display: block;
}
@media (max-width: 575px) {
  .project-section-one .carousel-inner .project-one-carousel-media {
    max-height: min(320px, 45vh);
  }
  .project-section-one .carousel-inner .project-one-carousel-media img {
    height: min(320px, 45vh);
    max-height: min(320px, 45vh);
  }
}



/* Index-2: “Notes on AI & custom builds” — cap slider card image height (same idea as case studies) */
.blog-section-one.index-2-blog-notes .blog-meta-one .media {
  max-height: min(520px, 56vh);
  overflow: hidden;
  border-radius: 40px;
}
.blog-section-one.index-2-blog-notes .blog-meta-one .media img {
  width: 100%;
  height: min(520px, 56vh);
  max-height: min(520px, 56vh);
  object-fit: cover;
  object-position: center;
  display: block;
}
@media (max-width: 575px) {
  .blog-section-one.index-2-blog-notes .blog-meta-one .media {
    max-height: min(320px, 45vh);
  }
  .blog-section-one.index-2-blog-notes .blog-meta-one .media img {
    height: min(320px, 45vh);
    max-height: min(320px, 45vh);
  }
}

@media (max-width: 1199px) {
  .blog-section-one.index-2-blog-notes .blog-meta-one .media {
    border-radius: 20px;
  }
}



/* Index-2: testimonial panel — match project / light sections (#F0F0F0 shell, white card, dark type) */
.feedback-section-one .index-2-testimonial-panel {
  background: #f0f0f0;
  color: #111827;
}
.feedback-section-one .index-2-testimonial-slider {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.feedback-section-one .index-2-testimonial-slider:before {
  background: rgba(0, 0, 0, 0.08);
}
.feedback-section-one .index-2-testimonial-panel .feedback-block blockquote {
  color: #111827;
}
.feedback-section-one .index-2-testimonial-panel .feedback-block blockquote span {
  color: rgba(0, 0, 0, 0.45);
}
.feedback-section-one .index-2-testimonial-panel .feedback-block .rating li:last-child {
  color: #111827;
}
.feedback-section-one .index-2-testimonial-panel .feedback-block .name {
  color: #111827;
}
.feedback-section-one .index-2-testimonial-panel .feedback-block .post {
  color: rgba(0, 0, 0, 0.55);
}
/* Arrows: Slick moves .prev_e / .next_e out of ul.slider-arrows — pin to card edges */
.feedback-section-one .index-2-testimonial-panel .slider-bg ul.slider-arrows:empty {
  display: none;
}
.feedback-section-one .index-2-testimonial-panel .slider-bg .prev_e.slick-arrow,
.feedback-section-one .index-2-testimonial-panel .slider-bg .next_e.slick-arrow {
  position: absolute !important;
  z-index: 5;
  top: 50% !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  background: #fff;
  color: #111827;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06);
}
.feedback-section-one .index-2-testimonial-panel .slider-bg .prev_e.slick-arrow {
  left: 16px !important;
  right: auto !important;
}
.feedback-section-one .index-2-testimonial-panel .slider-bg .next_e.slick-arrow {
  right: 16px !important;
  left: auto !important;
}
.feedback-section-one .index-2-testimonial-panel .slider-bg .prev_e.slick-arrow:hover,
.feedback-section-one .index-2-testimonial-panel .slider-bg .next_e.slick-arrow:hover {
  background: #14B8A6;
  color: #fff;
  border-color: #14B8A6;
}
@media (max-width: 575px) {
  .feedback-section-one .index-2-testimonial-panel .slider-bg .prev_e.slick-arrow {
    left: 8px !important;
  }
  .feedback-section-one .index-2-testimonial-panel .slider-bg .next_e.slick-arrow {
    right: 8px !important;
  }
}



/* Universal footer — match index-2 (project-section-one: p-lr-25, #F0F0F0, border-30, dark type) */
.footer-universal-index2 {
  margin-bottom: 25px;
}
.footer-universal-index2__panel {
  background: #f0f0f0;
  border-radius: 30px;
  padding: 100px 40px 90px;
  overflow: hidden;
}
.footer-universal-index2 .footer-four {
  padding-bottom: 0;
}
.footer-universal-index2 .footer-four .shape_01 {
  display: none;
}
.footer-universal-index2 .title-five h4 {
  color: var(--ailixar-navy);
}
.footer-universal-index2 .title-five h4 span {
  color: var(--ailixar-heading-muted);
}
.footer-universal-index2 .address-block {
  color: rgba(0, 0, 0, 0.75);
}
.footer-universal-index2 .footer-four .footer-nav a {
  color: rgba(0, 0, 0, 0.55);
}
.footer-universal-index2 .footer-four .footer-nav a:hover {
  color: #111827;
}
.footer-universal-index2 .copyright-text {
  color: #111827;
}
.footer-universal-index2 .copyright-text span {
  color: var(--ailixar-heading-muted);
}
.footer-universal-index2 .footer-four .social-icon {
  flex-wrap: wrap;
  gap: 10px;
}
.footer-universal-index2 .footer-four .social-icon a {
  width: 60px;
  height: 60px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  text-align: center;
  line-height: 58px;
  margin: 0;
  background: #fff;
  color: #111827;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease-in-out 0s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer-universal-index2 .footer-four .social-icon a:hover {
  background: #111827;
  color: #fff;
  border-color: #111827;
}
@media (max-width: 991px) {
  .footer-universal-index2__panel {
    padding: 70px 24px 60px;
  }
  .footer-universal-index2 .footer-four .ps-xxl-5 {
    padding-left: 0 !important;
  }
}

@media (max-width: 575px) {
  .footer-universal-index2__panel {
    padding: 50px 16px 45px;
    border-radius: 20px;
  }
}



/* About v1: quality-service block (light theme panel + stats) */
.about-quality-section__panel {
  background: #f0f0f0;
  padding: 120px 60px;
}
.about-quality-section__panel h2 span {
  font-style: italic;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}
.about-quality-section__avatar li img {
  outline: 5px solid #fff;
}
.about-quality-section__clients-note {
  color: rgba(0, 0, 0, 0.45);
}
.about-quality-section .feature-block-six .about-quality-section__stats .card-block {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);
  color: #111827;
}
.about-quality-section .feature-block-six .about-quality-section__stats .card-block .main-count {
  color: #111827;
}
.about-quality-section .feature-block-six .about-quality-section__stats .card-block p {
  color: rgba(0, 0, 0, 0.55);
}
@media (max-width: 991px) {
  .about-quality-section__panel {
    padding: 70px 32px;
  }
}

@media (max-width: 575px) {
  .about-quality-section__panel {
    padding: 50px 20px;
    border-radius: 20px;
  }
}



/* Contact v1: form panel — same grey as footer-universal-index2__panel (#f0f0f0) */
.contact-section-three .contact-form-panel {
  background: #f0f0f0;
  border-radius: 30px;
  padding: 70px 50px;
}
.contact-section-three .contact-form-panel .form-style-one {
  background: transparent;
  padding: 0;
  border-radius: 0;
}
.contact-section-three .contact-form-panel .form-style-one .input-group-meta input,
.contact-section-three .contact-form-panel .form-style-one .input-group-meta textarea {
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9);
}
.contact-section-three .contact-form-panel .form-style-one .input-group-meta input {
  height: 60px;
  padding: 0 20px;
  padding-bottom: 0;
}
.contact-section-three .contact-form-panel .form-style-one .input-group-meta textarea {
  min-height: 210px;
  height: 210px;
  padding: 20px;
  resize: vertical;
}
.contact-section-three .contact-form-panel .form-style-one .input-group-meta label {
  margin-bottom: 8px;
}
.contact-section-three .contact-form-panel .btn-eight {
  border-radius: 10px;
}
@media (max-width: 991px) {
  .contact-section-three .contact-form-panel {
    padding: 50px 32px;
  }
}

@media (max-width: 575px) {
  .contact-section-three .contact-form-panel {
    padding: 40px 20px;
    border-radius: 22px;
  }
}
