/* Responsive Styles */
@media (max-width: 1200px) {
    /* hero-section */
    .hero-section {
        max-width: 1000px; 
        height: 65vh; 
    }
    .text-container p {
        width: 70%;
    }
    /* hero-end */
    /* CTA */
    .cta-txt {
        width: 90%;
        line-height: 1.5;
      }
    /* END */
    .section-overview {
        flex-direction: column; 
        padding: 15px; 
    }

    .image-title-wrapper {
        flex: 0 0 100%; 
        flex-direction: column-reverse;
        margin-bottom: 20px; 
    }
    .image-box img {
        border-radius: 0 0 20px 20px ;
    }
    
    .title-box {
        border-radius:20px 20px 0 0;
    }
    .content-box {
        flex: 0 0 100%; 
        gap: 50px;
    }

    .service-image-left, 
    .service-image-right {
        width: 120px;
    }
    .service-image-right {
        right: 2%;
        bottom: 2%;
    }
    .bottom-image {
        width: 150px; 
}
/* Results */
.heading-container h2 {
    width: 100%;
  }
.result-card {
        flex: 1 1 calc(50% - 20px); 
    }

  .video-section {
    width: 100%;
  }
}
@media (max-width: 768px) {
    /* hero */
    .main-hero{
        max-height: auto;
    }
    .hero-section {
        border-radius: 0;
        height: 100vh;
    }
    .content-wrapper{
        height: 100%;
    }
    .hero-content {
        flex-direction: column; 
        align-items: center;
        text-align: center; 
    }
    .text-container h1 {
        display: flex;
        flex-direction: column; 
        align-items: center;
        font-size: 46px;
    }
.text-container p{
font-size: 22px;
width: 100%;
}
.circle{
    margin-top: 20px;
}
    .text-container h1 span {
        display: block; 
        font-size: 46px;
    }
    
    .text-container h1 span.adlift {
        margin-top: 5px; 
    }
    .circle {
        width: 30vw;
        height: 30vw;
        border-radius: 100vmax;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background-color: transparent; 
    }
    .logo {
        width: 30%;
        height: 50%;
        background: url("./assets/Arrow.svg");
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 100vmax;
        background-position: center;
    }
    
    .rotating-text {
        position: absolute;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: 1.5vw;
        animation: textRotation 8s linear infinite;
    }
    
    @keyframes textRotation {
        to {
            transform: rotate(360deg);
        }
    }
.rotating-text span {
	position: absolute;
	top: 0;
	left: 50%;
    font-weight: 700;
	transform-origin: 0 16vw; 
	transform: translateX(-50%);
	font-size: 1.5em;
}
    /* End */
    /* CTA */
    .cta-txt {
        font-size: 30px; 
        width: 100%; 
        line-height: 1.3; 
    }
.cta-img img{
    width: 80%;
}
    .cta {
        gap: 15px; 
        padding: 15px; 
        height: auto;
    }
    /* END */
    .section-overview {
        padding: 10px; 
    }

    .title-box h2 {
        font-size: 32px; 
    }

    .content-box p {
        font-size: 16px; 
    }

    .services-list h3 {
        font-size: 24px; 
    }

    .services-list ul li {
        font-size: 16px; 
    }

    .service-image-left, 
    .service-image-right {
        width: 100px; 
    }
    .bottom-image {
        width: 100px;
}
    /* stratergy */
    .adlift-strategy {
        height: auto; 
        padding: 40px 20px; 
    }

    .text-overlay {
        padding: 16px; 
        width: 90%; 
    }

    .strategy-title {
        font-size: 32px; 
    }

    .strategy-description {
        font-size: 16px; 
        line-height: 1.4; 
    }
    /* end */
    /* faq */
    .main-wrapper {
        height: auto; 
        padding: 20px; 
    }

    .card-area {
        width: 95%; 
    }

    .info-card {
        flex-direction: column; 
        align-items: center; 
        padding: 15px; 
    }

    .card-image {
        width: 100%; 
        margin-bottom: 15px; 
    }

    .card-title-1 h3,
    .card-title-2 h3 {
        font-size: 20px; 
        max-width: 100%;
        transform: none; 
    }

    .card-description p {
        font-size: 14px; 
    }
    /* end */
    /* Results */
    .result-card {
        flex: 1 1 calc(50% - 20px); 
    }
    .heading-container h2 {
        font-size: 30px;
        width: 100%;
        font-weight: 700;
        margin: 40px auto;
    }
    .result-text h3 {
        font-size: 24px; 
        text-align: left; 
    }

    .result-text p {
        font-size: 16px; 
        text-align: left; 
    }
    /* video */
    .video {
        height: auto; 
        padding: 10px; 
    }

    .video-section {
        flex-direction: column; 
        width: 100%; 
        align-items: center; 
    }

    .video-container {
        width: 90%; 
        max-width: 400px; 
        margin: 0 auto; 
    }

    .text-container h2 {
        font-size: 30px; 
        text-align: center; 
    }
}