@media only screen and (min-width: 1921px) {
}
@media only screen and (max-width: 1832px) {
}
@media only screen and (max-width: 1799px) {
}
@media only screen and (max-width: 1699px) {
}
@media only screen and (max-width: 1599px) {
  :root {
    --c2c-container: 1360px;
    --fs-72: 68px;
    --fs-64: 60px;
    --fs-58: 54px;
    --fs-48: 42px;
    --fs-40: 36px;
    --fs-32: 28px;
    --fs-26: 24px;
    --fs-24: 22px;
    --fs-22: 20px;
    --fs-20: 18px;
    --fs-18: 16px;
    --fs-16: 15px;
  }

  .footer-grid {
    grid-gap: 76px;
  }
  .vertical-slider .swiper-slide {
    height: 310px !important;
  }
  .vertical-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
  }
  .what-different-grid:nth-child(3) {
    grid-template-columns: 1fr 650px;
    margin-top: 100px;
  }
  .what-different-detail h3 {
    text-align: start;
  }
}
@media only screen and (max-width: 1535px) {
}
@media only screen and (max-width: 1499px) {
  .social-media a {
    width: 50px;
    height: 50px;
  }
  .pricing-full-details {
    margin: 0;
  }
}
@media only screen and (max-width: 1439px) {
  :root {
    --c2c-container: 1200px;
    --fs-72: 60px;
    --fs-64: 56px;
    --fs-58: 48px;
    --fs-48: 38px;
    --fs-40: 34px;
    --fs-32: 26px;
    --fs-24: 22px;
    --fs-20: 18px;
    --fs-16: 15px;
  }
  .vertical-slider .swiper-slide {
    height: 266px !important;
  }
  .ai-first-growth-grid > .ai-first-growth-card:nth-child(5) {
    grid-template-columns: 1fr;
    grid-gap: 0px;
  }
  .ai-first-growth-grid > .ai-first-growth-card:nth-child(5) img {
    max-height: 250px;
    border-radius: 8px 8px 0 0;
  }
  .pricing-grid {
    padding: 0 40px;
  }
  .form-grid {
    grid-template-columns: 1fr 406px;
    grid-gap: 28px;
  }
  .about-cc {
    grid-template-columns: 1fr 406px;
    gap: 68px;
  }
  .framwork-card {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .ai-platform p {
    max-width: 70%;
  }
  .pricing-plan-image {
    max-width: 50%;
  }
}
@media only screen and (max-width: 1365px) {
}
@media only screen and (max-width: 1299px) {
  .ai-doctor-image img {
    width: 100%;
  }
  .ai-doctor-grid {
    display: grid;
    grid-template-columns: 1fr 348px;
    grid-gap: 16px;
    align-items: center;
  }
  .frequently-asked-questions-grid {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  .vision-mission-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
  }
  .challenges-grid {
    margin-top: 25px;
  }
  .framework-header ul,
  .one-line-header,
  .what-we-do-feature h2,
  .what-matter-content h3,
  .what-different h2,
  .what-different-detail h3,
  .ss-vd-header,
  .partner-main h2,
  .google-search-header,
  .all-pricing-plan h2 {
    margin-bottom: 25px;
  }
  .framwork-main {
    gap: 25px;
  }
  .what-different-grid,
  .what-different-grid:nth-child(3) {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --c2c-container: 980px;
    --fs-72: 58px;
    --fs-64: 50px;
    --fs-58: 44px;
    --fs-48: 34px;
    --fs-40: 30px;
    --fs-32: 24px;
    --fs-24: 20px;
    --fs-22: 18px;
    --fs-20: 17px;
    --fs-18: 16px;
    --fs-16: 14px;
    --fs-12: 10px;
  }
  .footer-grid {
    grid-gap: 20px;
  }
  .py-100 {
    padding: 60px 0;
  }
  .frequently-asked-questions-main,
  .success-story,
  .core-value {
    padding-top: 60px;
  }
  .booking-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 16px;
    margin-top: 16px;
  }

  .hero-grid {
    grid-gap: 20px;
  }
  .vertical-slider .swiper-slide {
    height: 236px !important;
  }

  .hero-content {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 12px;
  }
  .pricing-grid {
    grid-gap: 30px;
  }
  .pricing-grid {
    padding: 20px;
  }
  .our-team-grid {
    grid-template-columns: 1fr 1fr;
  }
  .our-team-flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .our-team-flex .our-team-cards {
    max-width: 100%;
  }
  .privacy-policy-inner {
    padding: 60px 0;
  }
  .what-we-do-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  .what-matter-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    padding: 30px 30px;
    overflow: hidden;
  }
  .what-matter-grid img {
    margin-bottom: -104px;
  }
  .what-different-grid:nth-child(3) {
    margin-top: 50px;
  }
  .google-search-header p {
    min-width: 100%;
  }
  .schedule-grid {
    min-height: 300px;
  }
  .post-plan {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 1023px) {
  :root {
    --c2c-container: 90%;
    --fs-72: 52px;
    --fs-64: 44px;
    --fs-40: 28px;
    --fs-32: 24px;
    --fs-24: 18px;
    --fs-20: 16px;
    --fs-16: 14px;
  }
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 70px;
    row-gap: 40px;
  }
  .vertical-slider .swiper-slide {
    height: 206px !important;
  }
  .vertical-slider {
    display: flex;
    gap: 20px;
    height: 340px;
    position: relative;
  }
  .ai-doctor-grid {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ai-doctor-image img {
    width: auto;
  }
  .ai-first-growth-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* On tablet: card 5 becomes full width */
  .ai-first-growth-grid > .ai-first-growth-card:nth-child(5) {
    grid-column: span 2;
  }
  .banner-image {
    display: none;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .custom-header .navbar-nav,
  .custom-header .header-gap {
    gap: 20px;
  }
  .features-header {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .success-story-header h1 {
    max-width: 100%;
  }
  .schedule-card-details {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .custom-header .navbar-collapse {
    position: absolute;
    left: 0px;
    background: rgba(255, 255, 255, 96%);
    backdrop-filter: blur(7px);
    width: 100%;
    top: 64px;
    padding: 10px 0px;
    box-shadow: 0px 15px 10px -15px #ababab;
  }
  .custom-header .navbar-collapse .navbar-nav {
    width: 90%;
    margin: 0 auto;
    grid-gap: 10px;
  }
  .header-gap {
    margin-left: 14px;
  }
  .custom-header .header-gap {
    gap: 0px;
  }
  .custom-header .navbar-brand img {
    width: 200px;
  }
  .ai-platform p {
    max-width: 100%;
  }
  .vertical-slider .swiper-slide {
    height: 196px !important;
  }
  .doctor-growth-grid {
    grid-gap: 18px;
    margin-top: 18px;
  }
  .ai-first-growth-grid > .ai-first-growth-card:nth-child(8) {
    grid-column: span 2;
  }
  .common-header,
  .pricing-desc,
  .feature-section .common-title,
  .what-we-do-main p,
  .our-team-header,
  .vision-mission h2,
  .core-value h2,
  .what-we-do-main p,
  .about-cc-detail h2,
  .all-pricing-plan h2 {
    margin-bottom: 18px;
  }
  .pricing-grid {
    grid-gap: 16px;
  }
  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .about-cc {
    grid-template-columns: 1fr 1fr;
    gap: 38px;
  }
  .navbar-nav li a {
    border-bottom: 1px solid #282c324f;
    color: var(--dark-grey);
    font-size: var(--fs-18);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    display: block;
    width: 100%;
    padding-bottom: 10px;
  }
  .navbar-nav li:last-child a {
    border-bottom: none;
    padding-bottom: 4px;
  }
  .framwork-card,
  .what-different-grid,
  .what-different-grid:nth-child(3) {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .what-different-grid:nth-child(3) {
    display: flex;
    flex-direction: column-reverse;
    gap: 25px;
  }
  .pricing-plan-image {
    position: static;
    text-align: center;
  }
  .schedule-card-details,
  .pricing-plan-image {
    max-width: 100%;
  }
  .schedule-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px 30px 0;
  }
  .pricing-plan-image img {
    width: 60%;
  }
  .schedule-card-details {
    text-align: center;
  }
  .schedule-card-details {
    padding: 0px;
  }
}
@media only screen and (max-width: 800px) {
  .footer-grid {
    column-gap: 40px;
  }
  .hero-grid {
    display: flex;
    flex-direction: column-reverse;
  }
  .vertical-slider .swiper-slide {
    height: 290px !important;
  }
  .doctor-growth-card {
    background-color: var(--white);
    border-radius: 16px;
    padding: 16px;
    height: 150px;
    position: relative;
    overflow: hidden;
  }
  .ss-vd-grid,
  .google-search-grid {
    gap: 18px;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --c2c-container: 90%;
    --fs-72: 46px;
    --fs-64: 38px;
    --fs-58: 34px;
    --fs-48: 26px;
    --fs-40: 24px;
    --fs-32: 22px;
    --fs-24: 16px;
    --fs-20: 15px;
    --fs-16: 14px;
  }
  .footer-grid {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 28px;
  }
  .footer-links ul {
    grid-gap: 6px;
  }
  .footer-links h3 {
    margin-bottom: 6px;
  }
  .copyright {
    flex-wrap: wrap;
    gap: 10px;
    text-align: start;
  }
  .footer-main {
    padding: 24px 0px 14px;
  }
  .ai-first-growth-grid {
    grid-template-columns: 1fr;
  }
  .ai-first-growth-card,
  .ai-first-growth-grid > .ai-first-growth-card:nth-child(4) {
    grid-column: span 2;
  }
  .ai-doctor-detail {
    grid-gap: 18px;
  }
  .faq-card-inner {
    padding: 18px;
  }
  .why-cc-cards h3 {
    margin: 12px 0 12px;
  }
  .about-cc {
    display: flex;
    flex-direction: column;
    gap: 38px;
  }
  .privacy-policy-inner {
    padding: 40px 0;
  }
  .features-header p {
    max-width: 100%;
  }
  .one-line-main iframe,
  .framwork-video iframe {
    max-height: 300px;
    min-height: 300px;
  }
  .what-matter-grid {
    display: flex;
    flex-direction: column-reverse;
  }
  .what-matter-grid img {
    margin-bottom: 0;
    max-width: 300px;
  }
  .pricing-plan-image img {
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .footer-logo-image {
    min-width: 300px;
  }
  .py-100 {
    padding: 30px 0;
  }
  .frequently-asked-questions-main,
  .success-story,
  .core-value {
    padding-top: 30px;
  }
  .ai-doctor-image img {
    width: 100%;
  }
  .doctor-growth-grid {
    grid-template-columns: 1fr;
  }
  .why-cc-grid {
    grid-template-columns: 1fr;
    grid-gap: 18px;
  }
  .ss-main-grid {
    grid-template-columns: 1fr;
  }
  .form-links {
    grid-gap: 28px;
  }
  .cc-media-grid a {
    width: 54px;
    height: 54px;
  }
  .cc-media-grid {
    grid-gap: 8px;
  }
  .our-team-grid {
    grid-template-columns: 1fr;
    grid-gap: 18px;
  }
  .our-team-flex,
  .vision-mission-grid {
    grid-template-columns: 1fr;
    grid-gap: 18px;
    margin-top: 18px;
  }
  .vision-mission .common-header-bg {
    padding: 30px 0px;
  }
  .challenges-grid {
    grid-gap: 18px;
  }
  .framework-header ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-left: 30px;
  }
  .what-different-grid:nth-child(3) {
    margin-top: 25px;
  }
  .what-different-grid:nth-child(3) {
    gap: 15px;
  }
  .ss-vd-grid,
  .google-search-grid {
    grid-template-columns: 1fr;
  }
  .post-plan-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    row-gap: 80px;
}
.post-plan-card{
  min-height: 238px;
}
.post-plan{
  padding-bottom: 80px;
}
.pricing-check-list {
  min-width: 100px;
}
.pricing-check-list img{
  width: 16px;
  height: 16px;
}
.pricing-heading{
  flex-direction: column;
  align-items: start;
  justify-content: start;
}
.main-pricing-plan-card{
      gap: 18px;
}
}
@media only screen and (max-width: 480px) {
  :root {
    --c2c-container: 90%;
    --fs-72: 40px;
    --fs-64: 30px;
    --fs-58: 28px;
    --fs-48: 22px;
    --fs-40: 20px;
    --fs-32: 20px;
    --fs-26: 20px;
    --fs-24: 15px;
    --fs-22: 14px;
    --fs-20: 14px;
    --fs-18: 13px;
    --fs-14: 11px;
    --fs-12: 10px;
  }
  .custom-header .navbar-brand img {
    width: 150px;
  }
  .custom-header .navbar-collapse {
    top: 50px;
  }
  .booking-btn {
    flex-wrap: wrap;
  }
  .frequently-asked-questions-main .accordion-button.collapsed {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .what-different-detail tbody td {
    padding: 8px 14px;
  }
  .what-we-do-card {
    padding: 15px 10px;
  }
  .challenges-grid {
    display: grid;
    grid-template-columns: 1fr;
  }
  .what-matter-content ul {
    gap: 5px;
    padding-left: 18px;
  }
  .what-matter-grid {
    padding: 14px;
  }
  .framwork-list ul {
    gap: 8px;
  }
  .main-pricing-plan-card {
    padding: 14px;
  }
}
@media only screen and (max-width: 398px) {
  .header-gap {
    margin-left: 8px;
  }
  .custom-header .common-btn {
    background: var(--blue);
    padding: 6px 12px;
  }
}
@media only screen and (max-width: 384px) {
  .custom-header .common-btn-light {
    padding: 8px 10px;
  }
}
@media only screen and (max-width: 374px) {
  :root {
    --c2c-container: 96%;
    --fs-64: 30px;
    --fs-58: 24px;

    --fs-40: 20px;
    --fs-24: 15px;
  }
  .custom-header .navbar-brand {
    margin-right: 0;
  }
  .booking-btn {
    grid-gap: 8px;
  }
  .booking-btn .common-btn,
  .booking-btn .common-btn-light {
    padding: 8px 12px;
  }
}