/*
 * ============================================
 * AMC Digital - Responsive Stylesheet
 * ============================================
 * Custom responsive styles (Bootstrap handles most responsive behavior)
 * Only add custom overrides here
 */

/* ============================================
   CUSTOM RESPONSIVE TYPOGRAPHY
   Bootstrap handles base responsive, these are custom overrides
   ============================================ */

/* Desktop Large (1400px+) */
@media (min-width: 1400px) {
    :root {
        --text-9xl: 124px;
        --text-8xl: 120px;
        --text-hero: 200px;
    }

    .singler .entry-header h1 {
        font-size: 80px;
    }

    .singler .entry-content h2 {
        font-size: 45px;
    }
}

/* Desktop (1200px - 1399px) */
@media (max-width: 1399.98px) {
    :root {
        --text-9xl: 100px;
        --text-8xl: 96px;
        --text-hero: 160px;
    }

    .hero .hero-back {
        width: 1200px;
        height: 700px;
        object-position: top;
        max-width: 1200px;
        top: 42%;
    }

    .projects-header .hero-back {
        width: 100%;
        height: 700px;
        object-position: top;
        top: 36%;
        border-radius: 20px !important;
    }

    .hero .hero-back {
        top: 45%;
    }

    .amc-header:after {
        background: transparent;
    }

}

/* Laptop (992px - 1199px) */
@media (max-width: 1199.98px) {
    :root {
        --text-9xl: 80px;
        --text-8xl: 72px;
        --text-7xl: 64px;
        --text-hero: 120px;
    }

    .section-title {
        font-size: var(--text-7xl);
    }

}

/* Tablet (768px - 991px) */
@media (max-width: 991.98px) {
    :root {
        --text-9xl: 64px;
        --text-8xl: 56px;
        --text-7xl: 48px;
        --text-6xl: 42px;
        --text-hero: 80px;
        --text-3xl: 38px;
    }

    h1 {
        font-size: var(--text-9xl);

    }

    h2 {
        font-size: var(--text-6xl);
    }

    .section-title {
        font-size: var(--text-6xl);
    }

    .section-subtitle {
        font-size: 22px;
    }


}

/* Mobile Landscape (576px - 767px) */
@media (max-width: 767.98px) {
    :root {
        --text-9xl: 48px;
        --text-8xl: 42px;
        --text-7xl: 36px;
        --text-6xl: 32px;
        --text-5xl: 28px;
        --text-hero: 56px;
        --text-3xl: 28px;
        --text-2xl: 22px;
    }

    h1 {
        font-size: var(--text-9xl);
    }

    h2 {
        font-size: var(--text-5xl);
    }

    h3 {
        font-size: var(--text-3xl);
    }

    .section-title {
        font-size: var(--text-5xl);
    }

    .section-subtitle {
        font-size: 18px;
    }

    p {
        font-size: 14px;
    }
}

/* Mobile Portrait (< 576px) */
@media (max-width: 575.98px) {
    :root {
        --text-9xl: 36px;
        --text-8xl: 32px;
        --text-7xl: 28px;
        --text-6xl: 24px;
        --text-5xl: 22px;
        --text-hero: 42px;
        --text-3xl: 22px;
        --text-2xl: 18px;
    }

    h1 {
        font-size: var(--text-8xl);
    }

    h2 {
        font-size: 35px;
        line-height: 40px;

    }

    p {
        font-size: 14px;
        line-height: 18px;
    }

    h3 {
        font-size: 30px;
        line-height: 35px;
    }

    .section-title {
        font-size: var(--text-3xl);
    }

    .section-subtitle {
        font-size: 16px;
    }
}

/* zaada sey zada itna 1400px tak */
@media (max-width: 1800px) {
    .amc-header:after {
        width: 655px;
    }
}

/* bootstrap breack point */

@media (min-width: 1438px) {
    .section-title {
        font-size: 110px !important;
    }

    .services-header-left .section-title {
        font-size: 94px;
    }
}

@media (max-width:1439px) {
    h2 {
        font-size: var(--text-7xl);
    }

    /* header */
    .amc-header:after {
        width: 450px;
    }

    nav.navbar.navbar-expand-lg.navbar-dark:after {
        width: 0px;
    }

    .navbar-expand-lg .navbar-nav {
        gap: 0px !important;
    }

    .nav-link {
        font-size: 11px;
        padding: 5px;
    }

    .navbar-logo {
        height: 30px;
    }

    .btn {
        padding: 5px 5px 5px 15px;
    }

    /* hero section */
    .hero {
        height: 100vh !important;
    }


    .homeSlider {
        left: -15%;
        top: 75%;
    }

    .container.position-relative.hero-content.overflow-hidden:after {
        top: 80%;
    }

    .hero-graphic-wrapper:after {
        top: 85%;
    }

    .hero-graphic-3d {
        max-width: 800px;
    }

    .hero-text-top {
        margin-bottom: 45%;
        text-align: start;

    }

    .hero .swiper-slide h2 {
        font-size: 16px;
        line-height: 16px;
    }

    .container.position-relative.hero-content.overflow-hidden:after {
        content: none;
    }

    /* .hero-back {
        top: 289px;
        height: 100%;
    } */

    .projects-title,
    .hero-heading-left,
    .hero-heading-right {
        font-size: 68px;
    }

    .hero-graphic-wrapper {
        top: 15px;
    }

    .hero-graphic-3d {
        width: 400px;
    }

    .glow-pink,
    .glow-purple {
        bottom: 35%;
        width: 150px;
        height: 150px;
    }

    /* hero image */
    .hero .swiper-slide h2:after {
        width: 15px;
        height: 10px;
        top: 5px;
        right: -25%;
    }

    /* about section */
    section.about-sec-three h2,
    .about-left .section-title {
        font-size: 64px;
    }

    .about-left p {
        font-size: 16px;
        line-height: 20px;
    }

    .social-icon-circle {
        width: 55px;
        height: 55px;
    }


    section#about:after {
        width: 1000px;
        height: 1300px;
        top: 290px;
    }

    .leaving-testimonial .container::before {
        width: 80%;
        height: 100%;
        top: 15%;
    }

    .about-cta-bottom {
        bottom: 135px;
    }

    .btn-lets-talk {
        width: 200px;
        height: 200px;
        box-shadow: #8f53ca85 -20px 40px 100px 5px;
    }

    .about .process-line-1 {
        width: 120px;
    }

    .btn-lets-talk {
        font-size: 40px;
    }

    .social-icon-circle svg {
        width: 41px;
        height: 40px;
        overflow: visible;
    }

    /* services */
    .service-image-wrapper {
        max-width: 500px;
    }

    .service-main-content {
        width: 100%;
    }

    /* letest work */
    .see-all-our {
        height: 400px;
    }

    .latest-work-section::before {
        left: 20%;
    }

    /* how we work */
    .step-title {
        font-size: 25px;
    }

    .about-sec-four .main-container {
        padding: 40px 20px;
    }

    .process-step {
        min-height: 325px;
    }

    .process-line-1 {
        top: 80%;
        left: 25%;
        width: 180px;
    }

    .process-line-2 {
        top: 30%;
        width: 100px;
    }

    .single.about-sec-four .container:after {
        width: 60%;
        top: 30%;
    }

    .about-sec-four .stat-number {
        font-size: var(--text-6xl);
    }

    .about-sec-four .stat-desc {
        font-size: 18px;
    }

    /* letest work section */
    .latest-work-section .process-line-2 {
        top: 20%;
        left: 72%;
        width: 200px;
    }

    .mockup-bg img {
        max-width: 100%;
    }

    .mockup-container .mockup-bg,
    .mockup-container .mockup-bg img,
    .mockup-container {
        height: 100%;
        object-fit: cover;
    }

    /* .see-all-our */
    .see-all-our .process-line-2 {
        top: 25%;
        left: 47%;
        width: 130px;
    }

    /* Testiomnial  */
    .services-header {
        margin: 0 !important;
    }

    .testimonial-btns {
        width: 15%;
        top: -10px !important;
    }

    /* contact form  */
    .contact-section .contact-title {
        font-size: var(--text-2xl)
    }

    .contact-section .cont-line p {
        font-size: 11px;
    }

    .contact-section .container:after {
        width: 1000px !important;
        height: 1300px !important;
        top: 85% !important;
        left: -50px !important;
    }

    /* footer */
    .footerimg-one {
        top: 40%;
        z-index: 3;
        width: 15%;
    }

    .get-started-btn {
        font-size: 30px !important;
        width: 150px;
        height: 150px;
    }

    /* project Inner */
    .project-inner .projects-header {
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    .construction-sec-three .heading-style {
        font-size: 54px;
    }

    .construction-hero-section .stat-item {
        padding: 10px;
    }

    .construction-vector {
        width: 25%;
    }

    /* services inner */
    .single-s-sec-one .s-b-one {
        width: 80px;
    }

    .single-s-sec-one .h-text {
        font-size: 16px;
    }

    .services-inner .about-sec-four .container:after {
        top: 80px;
        width: 700px;
        left: 70% !important;
    }
}

@media (max-width:1023px) {

    .projects-title,
    .hero-heading-left,
    .hero-heading-right {
        font-size: 65px;
    }

    /* header */
    .amc-header:after {
        content: none;
    }

    /* hero  */
    .hero {
        height: 900px !important;
    }

    .hero-back {
        height: 136% !important;
    }

    .hero-layout {
        align-items: center !important;
        width: 100% !important;
        gap: 20px !important;
        height: 100% !important;
    }

    .hero-graphic-wrapper:after {
        width: 100px;
        left: 79%;
    }

    .hero-content {
        top: 0%;
        gap: 20px !important;
        padding: 0 !important;
        padding-top: 40px !important;
    }

    .hero-right,
    .hero-left {
        width: 100% !important;
    }

    .hero-graphic-3d {
        width: 300px;
    }

    .hero-heading-left,
    .hero-heading-right {
        font-size: 60px;
        margin: 0 !important;
    }

    .hero-heading-left .d-block,
    .hero-heading-right .d-block {
        display: inline !important;
    }

    .hero-graphic-3d {
        max-width: 500px;
    }

    .hero-left {
        order: 0;
        align-items: center;
    }

    .hero-center {
        width: 100%;
    }

    .homeSlider {
        width: 50%;
        left: 25%;
        top: 85%;
    }

    .hero-text-top {
        margin-bottom: 4%;
        text-align: center;
    }

    .hero-text-top p {
        margin-bottom: 10px !important;
    }

    .hero-text-top .btn-link {
        margin: 0;
    }

    .hero-headings-bottom {
        justify-content: center;
    }

    .hero-text-top p {
        text-align: start;
    }

    .glow-pink,
    .glow-purple {
        bottom: 55%;
        width: 150px;
        height: 150px;
    }

    .glow-pink {
        left: 35%;
    }

    .glow-purple {
        right: 35%;
    }

    .hero-graphic-wrapper:after {
        left: 50%;
    }

    /* about section */
    section.about {
        margin-top: 50px;
        height: fit-content !important;
        padding-bottom: 0px !important;
    }


    .about-right {
        margin: 0;
    }

    .about-left p,
    .about-left .section-title,
    .about-left {
        text-align: start;
    }

    .about-socials {
        justify-content: start;
    }

    section#about:after {
        width: 100%;
        height: 1100px;
    }

    .about-cta-bottom {
        bottom: 30% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        top: auto;
    }

    .btn-lets-talk {
        font-size: 40px;
    }

    /* services section */
    .services-header {
        margin: 0 !important;
        margin-bottom: 20px !important;
    }

    .service-item.active .service-expanded-content {
        gap: 10px;
        margin: 0 !important;
    }

    .service-image-wrapper {
        max-width: 400px;
    }

    .service-main-content {
        flex: 1;
    }

    .service-item-content {
        gap: 50px;
    }

    /* mockup */
    .mockup-bg img {
        max-width: 100%;
    }

    /* see all our */
    .btn {
        font-size: 14px;
    }

    /* testimonial */
    .testimonial-btns {
        width: 20%;
        top: -30px !important;
    }

    /* footer */
    /* .get-started-btn {
        width: 140px;
        height: 140px;
        font-size: 18px;
        padding: 18px;
    } */

    /* footer */
    .footerimg-two {
        right: 2%;
        top: 35%;
        z-index: 10;
        width: 10%;
    }

    .get-started-btn {
        width: 130px !important;
        height: 130px !important;
        font-size: 25px !important;
    }

    /* reperatble */
    .projects-header .hero-back {
        width: 1600px;
        object-position: top;
        max-width: 1200px;
        top: 35%;
    }

    /* services inner */
    .sr-in {
        order: -1;
    }

}

@media (max-width: 991.98px) {

    /* header */
    .amc-header {
        height: fit-content !important;
    }

    .offcanvas.offcanvas-end {
        height: 95vh !important;
        width: 100% !important;
        border-radius: 15px;
        background: var(--gradient-button);
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    }

    .offcanvas-backdrop {
        left: 0;
        height: 100vh;
        right: auto;
    }

    .get-started-btn {
        width: 150px;
        height: 150px;
    }

    .header-wrapper {
        flex-direction: row;
        gap: 0;
    }

    .logo-left {
        width: 50%;
    }

    .navbar-brand {
        margin: 0;
    }

    .header .navbar {
        padding: 0;
        width: auto;
    }

    .header .navbar {
        padding-right: 0 !important;
        position: absolute;
        left: 100%;
        transform: translateX(-98%);
    }

    .offcanvas-body {
        overflow: visible;
    }

    .glow-pink {
        left: 60%;
    }

    .glow-purple {
        right: 60%;
    }

    /* Hero section */
    .hero-back {
        top: 100% !important;
        height: 100%;
        transform: translate(-50%, -100%);
    }

    .hero-graphic-3d {
        max-width: 500px;
    }

    .hero-center,
    .hero-headings-bottom,
    .hero-left {
        margin: 0;
    }

    .homeSlider {
        left: 25%;
    }

    /* about  */
    .about-right {
        min-height: 300px;
    }

    /* mockup  */
    .mockup-bg img {
        transform: none;
    }

    /* why us */
    .about-sec-four .stat-number {
        font-size: var(--text-3xl);
    }

    /* process step */
    .process-steps {
        gap: 0 !important;
    }

    /* letes work */
    .latest-work-section .step-number {
        font-size: 120px;
    }

    .latest-work-section .step-dot {
        left: 125px;
        top: 90px;
    }

    /* see all our section */
    .see-all-our {
        height: fit-content;
    }

    /* footer */
    .footer-links li a {
        font-size: 10px;
    }

    .footer-links {
        gap: 9px !important;
        align-items: center;
    }

    /* reperatble */
    .hero .hero-back,
    .projects-header .hero-back {
        width: 1000px !important;
        height: 900px !important;
        object-position: top;
        max-width: 100% !important;
        top: 40% !important;
        border-radius: 50px;
    }

    .projects-header .hero-back {
        top: 30% !important;
    }

    .hero .hero-back {
        height: 1100px !important;
    }

    .construction-hero-section .col-lg-3,
    .construction-hero-section .col-lg-4 {

        border: none;
    }

    .construction-hero-section .live-link {
        padding: 10px;
    }

    .construction-sec-five .stat-symbol {
        font-size: 50px;
    }
}

@media (max-width:768px) {

    /* hero section */


    .hero-graphic-3d {
        max-width: 400px;
    }

    .hero-graphic-wrapper:after {
        top: 58%;
        width: 800px;
        height: 200px;
    }

    .hero-heading-left,
    .hero-heading-right {
        font-size: 50px;
    }

    .hero-heading-left span,
    .hero-heading-right span {
        display: inline !important;
    }

    .homeSlider {
        left: 30%;
        top: 86%;
        width: 50%;
    }

    .hero-text-top .btn-link {
        font-size: var(--text-xs);
    }

    .glow-pink,
    .glow-purple {
        bottom: 50%;
        width: 100px;
        height: 100px;
    }

    .glow-pink {
        left: 25%;
    }

    .glow-purple {
        right: 25%;
    }

    /* about section social icon image */
    .social-icon-circle {
        width: 50px;
        height: 50px;
    }

    .social-icon-circle img {
        width: 40px;
        height: 40px;
    }

    /* services collaps */
    .service-item.active .service-expanded-content {
        align-items: start !important;
    }

    /* process cards  */
    .process-steps {
        gap: 0 !important;
    }

    .step-number {
        font-size: 25px;
    }

    .process .col-md-5 {
        width: 49% !important;
    }

    .process-step {
        min-height: 300px;
        margin-bottom: 20px;
        margin-top: 0;
    }



    /* testimonial */
    .testimonial-btns {
        width: 30%;
        top: -30px !important;
        left: 66%;
    }

    .testimonial-pera {
        font-size: 18px !important;
    }

    /* footer */
    .get-started-btn {
        width: 100px;
        height: 100px;
    }


    .custom-cursor {
        display: none !important;
    }

    .service-sec-four .s-three-number,
    h2.gradient-text.s-two-h {
        order: -3;
    }

    .service-sec-three.s-two .t-left {
        transform: translateX(0%);
    }

    /* contact */
    .contact-section .container:after {
        top: 54% !important;
    }
}

@media (max-width: 577px) {
    h2 {
        font-size: var(--text-5xl);
    }

    /* hero heading */
    .hero {
        height: 850px !important;
        margin: 0;
    }

    .hero-graphic-wrapper:after {
        top: 70%;
        width: 300px;
        height: 300px;
        left: 50%;
    }

    .hero-heading-left,
    .hero-heading-right {
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

    .hero-content {
        padding: 40px 12px 0px 12px !important;
    }

    .hero-text-top p {
        text-align: start;
        font-size: 12px;
    }

    .hero-graphic-3d {
        max-width: 300px;
    }

    .homeSlider {
        top: 87%;
        width: 45%;
        left: 10%;
    }

    .hero-layout {
        gap: 40px !important;
    }

    .hero-heading-left,
    .hero-heading-right {
        font-size: 40px;
    }

    .hero-center,
    .hero-headings-bottom,
    .hero-left {
        padding: 0px;
        justify-content: start;
    }

    .hero-left,
    .hero-text-top {
        align-items: start;
        text-align: start;
    }

    .hero .swiper-slide h2:after {
        top: 0px;
        right: -30px;
    }

    .about-cta-bottom {
        width: 200px;
    }

    /* services image */
    .service-image-wrapper {
        max-width: 100%;
        width: 100%;
    }

    .service-item-content {
        gap: 20px;
    }

    .service-image {
        width: 100%;
    }

    /* testimonial */
    .testimonial-btns {
        width: 140px;
        left: 55%;
        top: -20px !important;
    }


    .about-right {
        min-height: 400px;
    }

    .about-cta-bottom,
    .about-left {
        margin: 0 !important;
    }

    .about-right,
    .about-left {
        padding-left: 12px;
        padding-right: 12px;
    }

    h2 {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    h3 {
        font-size: 30px;
        line-height: 35px;
    }

    p {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .hero .swiper-slide h2 {
        font-size: 16px !important;
        line-height: 16px !important;
    }

    .service-item {
        padding: 30px 0px;
    }

    .process-step {
        min-height: 200px;
        margin-bottom: 0px;
        padding: 20px 15px !important;
        margin-top: 20px;
    }

    .step-number,
    .step-title {
        font-size: 20px;
        line-height: 21px;
        margin: 0px !important;
    }

    .step-title {
        margin-bottom: 10px !important;
    }

    .step-desc {
        margin: 0 !important;
    }

    .step-dot {
        left: 90px;
        top: 30px;
    }

    .about-sec-four .main-container .container,
    .about-sec-four .main-container {
        padding: 0px 0px;
        border-radius: 0px;
    }

    .single.about-sec-four {
        margin: 0px 12px !important;
    }

    .about-sec-four .stat {
        margin-top: 0px;
    }

    .about-sec-four .stat-box {
        padding: 0 !important;
    }

    .services-header-right,
    .process-subtitle {
        display: block;
        width: 33%;
    }

    .swiper.testimonial .swiper-slide-active {
        border-right: none;
    }

    .section-title {
        text-align: start;
    }

    .project-info {
        padding-left: 0 !important;
    }

    .about-sec-four .stat-number {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    .contact-section .container:after {
        top: 62% !important;
    }

    .webServices .swiper-slide {
        padding: 30px 20px;
        min-height: fit-content;
        gap: 20px !important;
    }

    .webServices .swiper-slide h4 {
        line-height: 10px;
        margin: 0 !important;
    }

    /* footer */
    .cta-small-text {

        margin-bottom: 50px !important;
    }

    .cta-big-text {
        font-size: 115px !important;
    }

    .about-sec-four .stat-number {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    .contact-section .container:after {
        top: 62% !important;
    }

    .webServices .swiper-slide {
        padding: 30px 20px;
        min-height: fit-content;
        gap: 20px !important;
    }

    .webServices .swiper-slide h4 {
        line-height: 10px;
        margin: 0 !important;
    }

    .single-s-sec-one h1 {
        font-size: 64px;
    }

    .showcaseswiper {
        margin-right: 12px;
        margin-left: 12px;
    }

    .single.about-sec-four .container:after {
        top: 45%;
    }
}

/* after 577px */
@media (max-width: 400px) {
    .hero-graphic-3d {
        max-width: 230px;
    }

    .projects-title,
    .hero-heading-left,
    .hero-heading-right {
        font-size: 30px;
    }

    .homeSlider {
        top: 85%;
        width: 55%;
        left: 10%;
    }


}



/* --------------------------------------------------PROJECTS-PAGE--------------------------------- */

@media (max-width: 767px) {
    .projects-header .description-text {
        margin-top: 20px;
        font-size: var(--text-xs);
    }

    .portfolio-section .project-desc {
        font-size: var(--text-sm);

    }

    .projects-header .container:after {
        top: 50%;
    }

    .view-project-btn {
        font-size: 16px;
        width: 150px;
        height: 150px;
    }

    .card-two {
        margin-top: 3rem !important;
    }

}

@media (max-width: 575px) {
    .projects-header {
        margin: 0% !important;
    }

    .projects-header .container {
        padding: 12px !important;

    }

    .portfolio-section .project-info {
        padding: 0 !important;
    }

    /* hero  */
    .hero .hero-back {
        height: 1050px !important;
    }
}



/* --------------------------------------------------FOOTER------------------------------------------- */

@media (max-width: 767px) {}


/*   -------------------------------------------------------------------------CONSTRUCITON-PAGE-------------------------------  */


@media (max-width: 992px) {
    .construction-hero-section .stat-item {
        border-right: none;
    }
}

@media (max-width: 575px) {
    .main-heading.gradient-text {
        padding-top: 10px;
    }

    .construction-hero-section .sub-text {
        font-size: 1rem;
        line-height: 25px;
    }

    .mobile-fs {
        font-size: 1rem !important;
    }

    .construction-sec-six .project-info {
        padding: 0 !important;
    }


}

@media (max-width: 991px) {
    .mt-mobile {
        margin-top: 3rem !important;

    }

    .construction-sec-five.stats-section {
        margin: 30px 10px !important;
        padding: 40px 0 !important;
        border-radius: 25px !important;
    }

    .construction-sec-five .stat-number {
        font-size: 3rem;
        line-height: 1;
        margin-top: 10px;
    }

    .footer-links {
        align-items: center !important;
        justify-content: center !important;
    }

    .footer-logo {
        margin: 0 auto !important;
    }

    .copyright-text {
        text-align: center !important;
    }
}

/* --------------------------------------------------------CONTACT-PAGE---------------- */
@media (max-width: 1199px) {
    .contact-section .container:after {
        background: url('data:image/svg+xml,<svg width="1886" height="270" viewBox="0 0 1886 270" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1885.5 265L1084 265L876 5.00019L-189 5" stroke="white" stroke-opacity="0.1" stroke-width="10"/><path d="M770.999 5.00073H877.499L1085 264.501H1247" stroke="%236C4DE9" stroke-width="5"/></svg>') center / contain no-repeat;
        top: 30%;
        left: -1%;
        content: "";
        position: absolute;
        width: 200%;
        height: 400px;
        z-index: -1;
        transform: translate(-50%, -50%);
    }

    .contact-section .container:after {
        width: 1600px !important;
        height: 1300px !important;
        top: 29.4% !important;
        left: 10px !important;
    }

    .contact-section .mx-auto img {
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .contact-section .container:after {
        background: url('data:image/svg+xml,<svg width="1886" height="270" viewBox="0 0 1886 270" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1885.5 265L1084 265L876 5.00019L-189 5" stroke="white" stroke-opacity="0.1" stroke-width="10"/><path d="M770.999 5.00073H877.499L1085 264.501H1247" stroke="%236C4DE9" stroke-width="5"/></svg>') center / contain no-repeat;
        top: 33%;
        left: -1%;
        content: "";
        position: absolute;
        width: 200%;
        height: 400px;
        z-index: -1;
        transform: translate(-50%, -50%);
    }

    .contact-section .container:after {
        width: 100% !important;
        height: 10% !important;
        top: 37% !important;
        left: 45% !important;
    }
}

@media (max-width: 767px) {
    body {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .contact-section .contact-column {
        border-right: none;
        padding: 0;
    }

    .contact-section .container:after {
        background: url('data:image/svg+xml,<svg width="1886" height="270" viewBox="0 0 1886 270" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1885.5 265L1084 265L876 5.00019L-189 5" stroke="white" stroke-opacity="0.1" stroke-width="10"/><path d="M770.999 5.00073H877.499L1085 264.501H1247" stroke="%236C4DE9" stroke-width="5"/></svg>') center / contain no-repeat;
        top: 51.5%;
        left: -1%;
        content: "";
        position: absolute;
        width: 200%;
        height: 400px;
        z-index: -1;
        transform: translate(-50%, -50%);
    }

    .contact-section .c-blur {
        bottom: 0;
    }

    /* project hero */
    .projects-header {
        min-height: 500px;
    }

    .projects-header .hero-back {
        width: 1000px !important;
        height: 905px !important;
        object-position: top;
        max-width: 100% !important;
        top: 20% !important;
        border-radius: 50px;
    }

    section#about:after {
        display: none !important;
    }

    .contact-section .container:after {
        top: 54.3% !important;
    }

    .contact-section .cont-line p {
        font-size: 16px;
    }

    .contact-info {
        margin-bottom: 20px;
    }

}

@media (max-width: 575px) {

    .contact-section .container:after {
        background: url('data:image/svg+xml,<svg width="1886" height="270" viewBox="0 0 1886 270" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1885.5 265L1084 265L876 5.00019L-189 5" stroke="white" stroke-opacity="0.1" stroke-width="10"/><path d="M770.999 5.00073H877.499L1085 264.501H1247" stroke="%236C4DE9" stroke-width="5"/></svg>') center / contain no-repeat;
        top: 61%;
        left: -1%;
        content: "";
        position: absolute;
        width: 200%;
        height: 400px;
        z-index: -1;
        transform: translate(-50%, -50%);
    }

    /* .contact-section .social-btn {
        height: 40px;
        width: 40px;
        padding: 10px;
    } */

    .contact-section .contact-column {
        padding: 0px 12px;
    }

    /* header */
    .amc-header {
        top: 5px !important;
    }

    .contact-section .container:after {
        top: 675px !important;
        content: none;
        display: none;
    }

    .social-icons-container {
        margin-top: 0 !important;
    }
}




/* -----------------------------------------------------------ABOUT-PAGE------------------------------ */


@media (max-width: 575px) {
    .about-sec-three .glass-card {
        padding: 40px 20px !important;
    }
}



/* ----------------------------------------------------------------SERVICE-PAGE----------------------- */
@media (max-width: 991px) {
    .s-two-p {
        margin: 5% 0% !important;

    }

    .service-sec-three.s-sec-five.s-two .s-four-h {
        transform: translateX(0%);
    }
}


/* -----------------------------------------------------------------SERVICE-INNER-PAGE------------------- */

@media(max-width: 991px) {
    .services-inner .about-sec-four .container:after {
        background: url('data:image/svg+xml,<svg width="1266" height="280" viewBox="0 0 1266 280" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1676.62 5H1220L1065.27 274.5H0" stroke="white" stroke-opacity="0.1" stroke-width="10"/><path d="M1676.62 5H1220L1065.27 274.5H829" stroke="%23C6A8FF" stroke-width="5"/></svg>') center/contain no-repeat;
        top: 80%;
        z-index: 1;
        width: 70%;
        height: 100%;

    }
}

@media(max-width: 575px) {
    .about-sec-four .desc {
        width: 100% !important;
    }

    .about-sec-four .main-container {
        padding: 15% 12px !important;
        border-radius: 7% !important;
    }


    /* header */
    .nav-link {
        font-size: 20px;
        padding: 5px;
        line-height: 40px;
    }

    /* footer */
    .projects-header {
        min-height: 400px;
        padding: 60px 0;
        height: 550px !important;
    }

    .projects-header .container:after {
        top: 50%;
    }

    .projects-header .description-text {
        margin-top: 10px;
    }

    /* repetable */
    .projects-header .hero-back {
        width: 1000px !important;
        height: 800px !important;
        object-position: top;
        max-width: 100% !important;
        top: 25% !important;
        border-radius: 50px;
    }
}


@media (max-width: 767.98px) {
    .single-s-sec-one .header-cta .btn-primary {
        padding: 5px 8px;
        font-size: 14px;
    }

    .single-s-sec-one .header-cta .btn-icon {
        width: 25px;
        height: 25px;
        margin-left: 0px;
    }

    .single-s-sec-one .header-cta .btn-icon svg {
        width: 12px;
        height: 10px;
    }
}

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

    .step-dot {
        left: 60%;
        top: 12%;
    }
} */


@media (max-width: 500px) {

    /* footer */
    .cta-small-text {
        margin-bottom: 10vw !important;
    }

    .cta-big-text {
        font-size: 20vw !important;
    }

    .get-started-btn {
        width: 100px !important;
        height: 100px !important;
        font-size: 22px !important;
    }

    .footerimg-one {
        top: 19% !important;
        width: 40px;
    }

    .footerimg-two {
        top: 16%;
    }

    .offcanvas-body {
        padding: 6px !important;
    }

}