/* Bootstrap reset */
.row,
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 3.125rem;
}

@media (min-width: 991px) {
    .thumb-logo-box-new {
        min-width: unset;
        width: 100%;
        max-width: 104px;
        margin: 0 auto;
    }

    .modal-box-inner {
        overflow: hidden;
    }

    .swiper-slide .testimonial-card-new {
        transform: scale(0.9);
        transition: transform 0.3s ease;
        transform-origin: bottom;
    }

    .swiper-slide.swiper-slide-active .testimonial-card-new {
        transform: scale(1);
    }

    .swiper-slide.swiper-slide-prev .testimonial-card-new {
        transform-origin: bottom right;
    }

    .swiper-slide.swiper-slide-next .testimonial-card-new {
        transform-origin: bottom left;
    }

    .page-top-section .row {
        display: flex;
        align-items: flex-end;
    }

    body .page-top-section .our-title-32 {
        margin-top: 10px;
        margin-bottom: 10px !important;
    }
}

@media (min-width: 1200px) {

    .row,
    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        --bs-gutter-x: 5rem;
    }

    .marquee-animation {
        width: 100%;
        position: relative;
        min-height: 400px;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 1500px) {
    .container-xxl {
        max-width: 100%;
    }
}

@media (min-width: 1600px) {
    .page-top-section {
        padding-top: 260px;
    }

    .container-xxl {
        max-width: 1440px;
    }

    .technology-logo-row {
        padding: 0 40px;
    }

    .row.side-by-image {
        --bs-gutter-x: 120px;
    }
}

@media (min-width: 1920px) {
    .container-xxl {
        max-width: 1650px;
    }

    .container-left-space {
        padding-left: calc((100vw - 1840px) / 2);
        /* padding-left: calc((100vw - 1625px) / 2); */
    }
}

@media (max-width: 1900px) {
    .center-list-link {
        gap: 20px;
    }

    .about-info p {
        font-weight: 300;
        font-size: 32px;
        line-height: 38px;
        letter-spacing: 0.03em;
    }

    .marquee-animation p {
        font-size: 100px;
        line-height: 120px;
    }

    .text-h1-144 {
        font-size: 100px;
    }

    .marquee-img-1 {
        max-width: 200px;
        height: 200px;
    }

    .marquee-img-2 {
        max-width: 300px;
        height: 200px;
    }

    .marquee-img-3 {
        max-width: 200px;
        height: 200px;
    }

    .big-title-line .block-big-title {
        padding-bottom: 14px;
        margin-bottom: 14px;
    }

    .tech-banner-content h3 {
        font-weight: 300;
        font-size: 64px;
        line-height: 59px;
    }

    .data-card {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .big-title-line .block-big-title-text {
        font-size: 72px;
        line-height: 100px;
    }
}

@media (max-width: 1600px) {
    .bottom-footer {
        margin-top: 100px;
    }

    .overlay-content p {
        font-size: 24px;
        max-width: 500px;
        line-height: 26px;
        margin-bottom: 30px;
    }

    .footer-content-top .title-64 {
        font-size: 48px;
        line-height: 50px;
    }

    .navbar-wrapper {
        top: 25px;
    }

    .text-96,
    .general-content-section h1 {
        font-size: 73px;
        line-height: 83px;
    }

    .text-116 {
        font-size: 64px;
        line-height: 1.1;
    }

    .banner-section h1.text-116 {
        letter-spacing: -1.28px;
    }

    .partner-logo {
        max-width: 40%;
        width: 40%;
    }

    .partner-grid {
        flex-wrap: wrap;
        gap: 30px;
    }

    .more-detail-card {
        height: 100%;
    }

    .technology-section picture img {
        height: 500px;
        object-fit: cover;
    }

    .text-96,
    .general-content-section h1 {
        font-size: 48px;
        line-height: 58px;
    }

    .our-banner-info .our-service-informtaiton {
        margin-bottom: 0;
    }

    .our-banner-info .heading-text-collapse {
        margin-bottom: -10px;
    }

    .ourservice-banner .banner-build img {
        height: 525px;
        object-position: left;
    }

    .ourservice-banner .ourservice-box {
        padding-bottom: 40px;
    }

    .our-banner-info .our-service-informtaiton p {
        font-size: 22px;
        line-height: 30px;
    }

    .center-custom-width {
        margin: 50px auto;
    }

    .block-title {
        font-size: 40px;
        line-height: 43px;
    }

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

    .single-quote p {
        font-size: 22px;
        line-height: 30px;
    }

    .banner-box-area p {
        font-size: 24px;
        max-width: 500px;
    }

    .title-64 {
        font-size: 48px;
        line-height: 1.375;
    }

    .our-title-32 {
        font-size: 24px;
        line-height: 1.375;
    }

    .space-y-80 {
        padding-block: 60px;
    }

    .space-y-80+.testimonial-static-section {
        padding-top: 60px;
    }

    .brand-img-padding {
        margin-top: 80px;
    }

    .text-96.case-hero-title {
        font-size: 64px;
        line-height: 68px;
    }

    .testimonial-static-section .single-quote {
        gap: 36px;
        max-width: 730px;
    }

    .testimonial-static-section .single-quote .desc-dv p {
        font-size: 24px;
    }

    .testimonial-static-section {
        padding-top: 120px;
        padding-bottom: 60px;
    }

    .contact-us .page-top-section .row {
        --bs-gutter-x: 5rem;
    }

    .contact-us .gform-theme--foundation {
        --gf-form-gap-x: 80px;
    }

    .number-box-child .number-header {
        font-size: 64px;
        line-height: 1.2;
    }

    .services-block-section .mobile-center-custom {
        padding: 0;
    }

    .gap-lap-30 {
        gap: 30px !important;
    }

    .services-block-section .simple-para-detail p:not(:last-child) {
        margin-bottom: 24px;
    }

    .services-block-section .normal-radius-btn {
        width: 420px;
    }
}

@media (max-width: 1499px) {

    .number-box-child .number-box,
    .number-box-child:not(:first-child) .number-box {
        display: flex;
        flex-direction: column;
        padding-left: 30px;
    }

    .some-box-service h2 {
        font-size: 48px;
        line-height: 52px;
    }

    .service-card h3 {
        font-size: 20px;
        line-height: 22px;
    }

    .about-section {
        padding-bottom: 150px;
    }
}

@media (max-width: 1280px) {
    .ourservice-banner .banner-build img {
        object-position: center;
    }
}

@media (max-width: 1199px) {
    .logo img {
        max-width: 135px;
    }

    .banner-content-wr {
        top: 20% !important;
    }

    .marquee-animation p {
        font-size: 72px;
        line-height: 100px;
    }

    .marquee-img-1 {
        max-width: 100px;
        height: 100px;
    }

    .marquee-img-2 {
        max-width: 150px;
        height: 100px;
    }

    .marquee-img-3 {
        max-width: 100px;
        height: 100px;
        object-fit: contain;
    }

    .data-card {
        font-size: 16px;
        line-height: 19px;
    }

    .more-detail-card {
        padding: 20px;
    }

    .more-detail-card {
        height: 100%;
        background-color: #fff;
    }

    .name-group-detail h4 {
        font-size: 24px;
        line-height: 28px;
    }

    .name-group-detail p {
        font-size: 16px;
        line-height: 19px;
    }

    .more-detail-card .sm-build-circle img {
        max-width: 60px;
        height: 60px;
    }

    .blue-area-name {
        height: 170px;
    }

    .blue-area-name .name-box h4 {
        font-size: 22px;
        line-height: 22px;
    }

    .blue-area-name .name-box span {
        font-size: 18px;
        line-height: 18px;
    }

    .tech-banner-content .tech-bg-blur {
        padding: 36px 28px;
    }

    .simple-branding {
        gap: 20px;
    }

    #slider-modal #modal-description {
        font-size: 16px;
        line-height: 19px;
    }

    .banner-h1 {
        font-size: 48px;
        line-height: 52px;
    }

    .center-main-title p {
        font-size: 22px;
        line-height: 32px;
    }

    .big-title-line .block-big-title-text {
        font-size: 36px;
        line-height: 39px;
    }

    .text-h1-144,
    .center-custom-width .title-70 {
        font-size: 64px;
        line-height: 1.1;
    }

    .center-custom-width .our-title-32 {
        font-size: 24px;
        line-height: 33px;
    }

    .center-custom-width .simple-para-detail p {
        font-size: 16px;
        line-height: 22px;
    }

    .block-desc-p p {
        font-size: 16px;
        line-height: 22px;
    }

    .sub-para {
        margin-bottom: 80px;
    }

    .brand-content .our-title-32 {
        font-size: 24px;
        line-height: 33px;
    }

    .brand-content .title-64 {
        font-size: 48px;
        line-height: 52px;
    }

    .technology-row {
        margin-bottom: 40px;
    }

    .testimonial-quote-new {
        font-size: 24px;
        letter-spacing: 3%;
    }

    .testimonial-card-new {
        grid-template-columns: 1fr 1fr;
    }

    .slider-area.slider-area-new {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .testimonial-arrow {
        width: 48px;
        height: 48px;
    }

    .testimonial-arrow svg {
        width: 20px;
        height: 20px;
    }

    .testimonial-nav-arrows {
        padding: 0 16px;
    }

    .testimonial-avatar-new {
        width: 63px;
        height: 63px;
        border-radius: 12px;
    }

    .testimonial-author-new {
        margin-top: 30px;
        gap: 14px;
    }

    .testimonial-btm-between-row .testimonial-author-new {
        max-width: calc(100% - 120px);
    }

    .brand-img-padding {
        margin-top: 50px;
    }

    .testimonial-static-section .single-quote {
        gap: 32px;
        max-width: 600px;
    }

    .number-box-child:first-child .number-box {
        padding-left: 32px;
    }

    .cta-btn {
        font-size: 16px;
    }

    .footer-navigation-row ul.footer-link {
        max-width: 270px;
    }

    .team-grid .row,
    .new-service-grid-root .row {
        --bs-gutter-x: 40px;
        --bs-gutter-y: 40px;
    }

    .teams-section .heading-block {
        margin-bottom: 50px;
    }

    .team-member-card .team-member-image {
        margin-bottom: 30px;
    }

    .team-member-card h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .team-member-card p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .our-service-para p,
    .team-member-card .link-tm-btn {
        font-size: 14px;
        line-height: 1.375;
        letter-spacing: 0.42px;
    }

    .static-logo-slider {
        gap: 32px;
        margin-top: 40px;
    }

    .page-top-section {
        padding-bottom: 60px;
    }

    .about-info p {
        font-size: 30px;
        line-height: 1.2;
    }

    .about-info .desc-dv {
        margin-bottom: 40px;
    }

    .our-work .about-section {
        padding-top: 10px;
    }

    .our-service-section {
        padding-top: 64px;
    }

    .contact-us .page-top-section .row {
        --bs-gutter-x: 25px;
    }

    .contact-us .gform-theme--foundation {
        --gf-form-gap-x: 50px;
        --gf-form-gap-y: 30px;
    }

    body .gform-theme--framework input[type="text"],
    body .gform-theme--framework input[type="email"],
    body .gform-theme--framework input[type="email"],
    body .gform-theme--framework input[type="tel"],
    body .gform-theme--framework input[type="url"],
    body .gform-theme--framework textarea,
    .ginput_container.ginput_container_checkbox .gform-field-label,
    legend.gfield_label.gform-field-label,
    body .gform_wrapper input::placeholder,
    body .gform_wrapper textarea::placeholder {
        font-size: 16px !important;
    }

    .contact-us-details-info p {
        font-size: 14px;
        line-height: 1.375;
        margin-bottom: 24px;
    }

    .contact-us-details-info .footer-link li {
        font-size: 20px;
    }

    .contact-us-details-info .footer-link li:last-child {
        margin-top: 20px;
    }

    .ginput_container.ginput_container_checkbox input.gfield-choice-input {
        width: 35px;
        height: 35px;
        border-radius: 7px;
    }

    body .gform-theme--framework .gfield--type-choice .gfield_checkbox {
        gap: 24px;
    }

    .contact-us-details-info {
        top: -130px;
        margin-bottom: -130px;
    }

    .tag-container.new-tag-container {
        margin-bottom: 8px;
    }

    .title-64 {
        font-size: 36px;
        line-height: 1.2;
    }

    .our-title-32 {
        font-size: 20px;
    }

    .ourservice-banner .banner-build img {
        height: 425px;
    }

    .new-service-card p {
        font-size: 14px;
        line-height: 20px;
    }

    .new-service-card .service-icon {
        margin-bottom: 24px;
    }

    .services-block-section .normal-radius-btn {
        width: 240px;
        font-size: 13px;
        padding-top: 16px;
        padding-bottom: 0;
    }

    .services-block-section .text-96 {
        font-size: 36px;
        line-height: 1.2;
    }

    .marquee-loop-section::before {
        bottom: -140px;
    }

    .marquee-row {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .testimonial-nav-arrows {
        padding: 0 60px;
        top: 284px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.home .our-work {
        padding-bottom: 12px;
    }
}

@media (max-width: 991px) {
    .navbar-collapse {
        margin-top: 0;
    }

    .nav-link {
        margin: 12px 0;
    }

    .contact-btn {
        width: 100%;
        margin-top: 15px;
    }

    .footer-navigation-row {
        margin-top: 60px;
    }

    .overlay-content {
        padding: 0 30px;
    }

    .footer-bottom .footer-bottom-item:nth-child(2) {
        margin-top: 64px;
    }

    .footer-bottom .footer-bottom-item .list-inline-item {
        text-align: center;
    }

    .footer-bottom .footer-bottom-item .list-inline-item:not(:last-child) {
        margin: 0;
    }

    .bottom-footer {
        margin-top: 20px;
    }

    .footer-content-top {
        padding: 310px 0 50px;
    }

    .work-badge {
        right: auto;
        left: 50px;
    }

    .glass-navbar {
        padding: 13px 16px 13px 24px;
        gap: 16px;
    }

    .counter-1 {
        font-size: 45px;
        line-height: 52px;
    }

    .number-more-information p {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 0;
    }

    .technology-row:nth-child(2) .technology-col:first-child .technology-box picture img,
    .technology-box img,
    .technology-row:first-child .technology-col:last-child .technology-box picture img,
    .technology-row:last-child .technology-col:first-child .technology-box picture img,
    .technology-row:last-child .technology-col:last-child .technology-box picture img,
    .case-studies-crd-section .technology-row:nth-child(2) .technology-col:first-child .technology-box picture img,
    .case-studies-crd-section .technology-row .technology-col .technology-box picture img {
        height: 400px;
        object-fit: cover;
    }

    .block-title-footer .block-title-footer-text {
        font-size: 27px;
        line-height: 30px;
    }

    .block-title-footer img {
        transform: rotate(0deg);
        max-width: 30px;
    }

    .block-big-title-icon img {
        opacity: 1;
        max-width: 70px;
        height: 50px;
    }

    .big-title-line .block-big-title-text {
        position: static;
    }

    .big-title-line {
        margin-top: 60px;
    }

    .modal-box-inner .build-box {
        max-width: 180px;
        width: 100%;
        height: 184px;
        margin-top: -50px;
    }

    .modal-box-inner {
        margin-top: 100px;
    }

    .modal-box-inner .build-box img {
        height: 184px;
    }

    .para-box {
        text-align: center;
        max-width: 290px;
    }

    .flex-gap {
        gap: 15px;
    }

    .data-card {
        margin-bottom: 0;
    }

    .slider-container .swiper-scrollbar {
        max-width: 334px;
    }

    .block-big-title:hover .block-big-title-text {
        transform: none;
    }

    /* header #menu-header-menu .nav-link {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }  */

    .contact-btn {
        justify-content: center;
    }

    .ourservice-box {
        position: static !important;
    }

    .ourservice-banner {
        display: flex;
        flex-direction: column-reverse;
    }

    .our-banner-info .heading-text-collapse {
        font-size: 20px;
        line-height: 27px;
    }

    .ourservice-banner .banner-build img {
        height: auto;
    }

    .ourservice-detail {
        padding: 80px 0;
    }

    .mobile-center-custom {
        margin-bottom: 50px;
    }

    .normal-radius-btn {
        max-width: 290px;
        padding: 10px 20px 10px 30px;
    }

    .some-box-service h2 {
        margin-bottom: 30px;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-card,
    .service-card:first-child,
    .service-card:last-child {
        grid-column: auto;
    }

    .service-card p {
        font-size: 16px;
        line-height: 22px;
    }

    .brand-content,
    .side-by-image {
        margin-bottom: 70px;
    }

    .our-work,
    .ourservice-detail,
    .case-study-section {
        background:
            radial-gradient(23.09% 3.09% at 48.52% 105.3%,
                rgba(215, 255, 250, 0.56) 0%,
                rgba(0, 111, 97, 0) 100%),
            radial-gradient(122.46% 72.46% at 50% 126.72%,
                #00d5bb 0%,
                rgba(33, 33, 33, 0) 60%),
            #212121;
        background-size: 150% 150%;
        background-repeat: no-repeat;
    }

    .thumb-slide-new {
        width: auto !important;
    }

    .testimonial-card-left-new {
        padding: 38px 28px 28px 28px;
    }

    .swiper-testimonial-new .swiper-slide {
        width: 90%;
        max-width: 700px;
    }

    .testimonial-card-new {
        border-radius: 17px;
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .testimonial-card-left-new {
        padding: 32px;
        width: 100%;
        order: 2;
        border-radius: 17px;
        top: -20px;
        margin-bottom: -20px;
    }

    .testimonial-card-right-new {
        order: 1;
    }

    .testimonial-read-more-new {
        margin: 0;
    }

    .testimonial-bg-image-new {
        max-height: 480px;
    }

    .testimonial-quote-new {
        font-size: 25px;
        line-height: 1.3;
    }

    .swiper-testimonial-thumbs {
        max-width: 100%;
        padding: 10px 15px;
    }

    .thumb-logo-box-new {
        height: 48px;
        border-radius: 12px;
    }

    .testimonial-badge-container-new {
        bottom: auto;
        right: 12px;
        top: 14px;
    }

    .testimonial-card-new .cta-btn {
        font-size: 14px;
        min-height: 42px;
        padding: 12px 24px;
    }

    .testimonial-card-new .cta-btn .gap-4 {
        gap: 14px !important;
    }

    .testimonial-card-new .cta-btn img {
        width: 14px;
        object-fit: contain;
    }

    body .slider-container .swiper-testimonial-thumbs {
        margin-top: 14px !important;
    }

    .footer-navigation-row ul.footer-link {
        max-width: 100%;
    }

    .tag-container.new-tag-container {
        justify-content: flex-start;
        margin-top: 24px;
        margin-bottom: 0px;
    }

    .banner-center .banner-center-img img {
        border-radius: 16px;
        height: 422px;
    }

    .banner-box-area p {
        max-width: 450px;
    }

    .about-section {
        padding-bottom: 72px;
    }

    .temphrature-clock p,
    .short-detail p {
        font-size: 14px;
        line-height: 1.375;
    }

    .technology-col .row.flex-column.mb-5 {
        margin-bottom: 0 !important;
    }

    .technology-row {
        margin-bottom: 2rem;
    }

    .technology-row.g-3 {
        --bs-gutter-y: 2rem;
    }

    .header-bg-text {
        font-size: 13px;
        line-height: 20px;
        padding-block: 8px;
    }

    .case-study-header-row {
        margin-bottom: 50px;
    }

    .space-y-80 {
        padding-block: 35px;
    }

    .number-box-child .number-header {
        font-size: 48px;
    }

    .technology-home-section,
    .technology-home-section.space-y-80 {
        padding-bottom: 64px;
    }

    .ourservice-banner .ourservice-box {
        padding-bottom: 50px;
    }

    .services-block-section .mobile-center-custom {
        padding-top: 70px;
        margin-bottom: 0;
    }

    .services-block-section .simple-para-detail p:last-child {
        margin-bottom: 0;
    }

    .new-service-grid-root .row {
        --bs-gutter-y: 50px;
    }

    body .marquee-loop-section+.title-desc-div.light-section {
        padding-top: 60px;
    }

    .testimonial-static-section .single-quote .desc-dv p {
        font-size: 20px;
    }

    .testimonial-static-section .quote-img-box {
        width: 52px;
        height: 52px;
    }

    .testimonial-static-section .quote-img-box svg {
        width: 18px;
    }

    .testimonial-static-section .single-quote p.quote-author {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.42px;
    }

    .ourservice-banner .banner-build {
        padding: 0 25px 5px;
    }

    .ourservice-banner .banner-build img {
        border-radius: 16px;
    }

    .logo-desk {
        display: none;
    }

    .logo-mob {
        display: flex;
    }

    .services-listing .technology-row {
        margin-bottom: 2rem !important;
    }

    section.case-studies-page {
        padding-bottom: 40px !important;
    }

    body.home .our-work {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    body.home .marquee-row {
        padding-top: 30px;
    }
}

@media (max-width: 767px) {

    /* Testimonial arrows: switch from side-positioned to bottom row on mobile */
    /* .testimonial-nav-arrows {
        position: static;
        transform: none;
        justify-content: center;
        gap: 16px;
        margin-top: 24px;
        padding: 0;
        pointer-events: auto;
    } */
    .testimonial-nav-arrows {
        padding: 0 40px;
        top: 174px;
    }

    /* Arrow icon shift on hover */
    .testimonial-arrow-next svg,
    .testimonial-arrow-prev svg {
        transform: translateX(0px);
    }

    .testimonial-arrow {
        width: 44px;
        height: 44px;
    }

    .testimonial-arrow svg {
        width: 24px;
        height: 24px;
    }

    .header-cta-mobile {
        right: 0;
        top: 0;
        border-bottom-left-radius: 8px;
        padding-left: 12px;
        padding-bottom: 12px;
    }

    .bottom-right-box,
    .top-left-box,
    .custom-md-opacity {
        opacity: 0;
    }

    .short-detail {
        margin: 0 auto;
        text-align: center;
    }

    .temphrature-clock {
        justify-content: center;
    }

    .footer-navigation-child:last-child {
        margin-top: 56px;
    }

    .header-bg-cta .header-bg-text:not(:first-child) {
        display: none;
    }

    .expand-mobile {
        height: 660px;
        overflow: hidden;
        border-radius: 16px;
        display: flex;
        flex-wrap: wrap;
    }

    .tech-banner-content::after {
        background: linear-gradient(180deg, rgb(255 255 255 / 0%) 9.23%, rgb(33 33 33 / 0%) 51.1%, rgba(33, 33, 33, 0.00) 66.22%);
        height: 100%;
        width: 100%;
        opacity: 0;
    }

    .technology-section picture img {
        height: 100%;
    }

    .tech-banner-content {
        align-items: flex-end !important;
    }

    .simple-branding {
        flex-wrap: wrap;
    }

    .simple-branding .branding-white {
        width: 40%;
        max-width: 40%;
        text-align: center;
    }

    .banner-content .banner-image {
        max-width: 85px;
    }

    .title-16 {
        font-size: 15px;
        line-height: 18px;
    }

    .simple-branding .branding-white img {
        margin: 0 auto;
    }

    .tech-banner-content {
        justify-content: flex-start;
    }

    .technology-logo-section {
        padding: 50px 25px 28px;
    }

    .technology-home-section {
        padding: 50px 25px;
    }

    .home .technology-home-section {
        background-color: var(--bg-off-white);
    }

    .technology-home-section .text-96 {
        text-align: left;
    }

    .short-detail p,
    .banner-content-bt p {
        font-size: 15px;
        line-height: 20px;
    }

    .cta-btn {
        max-width: 100%;
    }

    footer::after {
        z-index: 4;
    }

    .top-left-box-svg {
        position: absolute;
        top: 0;
        left: -8px;
        width: 8px;
        height: 8px;
        color: var(--bg-marquee-bg);
        display: flex;
    }

    .bottom-right-box-svg {
        position: absolute;
        bottom: -8px;
        right: 0px;
        width: 8px;
        height: 8px;
        color: var(--bg-marquee-bg);
        display: flex;
    }

    .our-banner-info .our-service-informtaiton p {
        font-size: 16px;
        line-height: 20px;
    }

    .ourservice-detail {
        padding: 40px 0;
    }

    .number-box-child {
        margin-block: 35px;
    }

    .number-info p {
        margin-bottom: 0;
        font-size: 20px;
        line-height: 21px;
        padding-right: 20px;
    }

    .some-box-service h2 br {
        display: none;
    }

    .number-counter-service {
        padding-block: 0;
    }

    .services-grid {
        grid-template-columns: 1fr;
    }

    .quote-img-box img {
        height: 125px;
        max-width: 125px;
    }

    .quote-img-box,
    .single-quote {
        text-align: center;
    }

    .quote-img-box img {
        margin: 0 auto;
    }

    .quote-img-box {
        margin-bottom: 50px;
    }

    .quote-author span,
    .single-quote p {
        font-size: 16px;
        line-height: 19px;
    }

    .single-quote {
        gap: 40px !important;
    }

    .quote-author h5 {
        font-size: 24px;
        line-height: 24px;
    }

    .test-monial-link .block-title-footer {
        margin-top: 15px;
    }

    .banner-box-area {
        position: static;
    }

    .banner-center .banner-center-img img {
        border-radius: 16px;
        height: 100%;
    }

    .banner-box-area p {
        font-size: 32px;
        line-height: 1.375;
    }

    .banner-box-area p {
        display: block;
        padding: 0;
        max-width: 100%;
    }

    .banner-center .banner-center-img {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-bottom: 35px;
    }

    .banner-center .corner-radius-left-18,
    .banner-center .corner-radius-right-18 {
        display: none;
    }

    .case-study-header-row .text-96.case-hero-title {
        padding-bottom: 24px;
    }

    .page-top-section,
    .case-study-section {
        padding-top: 150px;
    }

    .tag-container {
        justify-content: flex-start;
    }

    .case-study-header-row h1 {
        padding-bottom: 20px;
        font-size: 64px;
        line-height: 68px;
    }

    .tag-inner {
        padding: 7px 20px;
    }

    .side-by-image .side-col:first-child img {
        max-width: 100%;
    }

    .side-by-image .side-col:last-child {
        padding-top: 48px;
    }

    .brand-img-padding {
        max-width: 100%;
        margin-top: 48px;
    }

    .swiper-testimonial-new .swiper-slide {
        width: 92%;
        max-width: calc(100% - 50px);
    }

    .testimonial-card-left-new {
        padding: 42px 32px 50px;
        width: 100%;
        border-radius: 16px;
    }

    .testimonial-author-new {
        margin-top: 40px;
    }

    .testimonial-card-right-new {
        position: initial;
    }

    .testimonial-badge-container-new {
        bottom: 50px;
        right: 25px;
        top: auto;
    }

    .testimonial-card-new .cta-btn {
        font-size: 13px;
        line-height: 1.375;
        min-height: 55px;
        padding: 12px 24px;
    }

    .overlay-content {
        padding: 0 25px;
    }

    .footer-navigation-row {
        margin-top: 40px;
    }

    .footer-link li {
        margin-bottom: 16px;
    }

    .main-footer {
        padding: 40px 0 24px;
    }

    .thumb-logo-box-new {
        min-width: 30.5vw;
    }

    .cc-hero-new .banner-content-wr {
        bottom: 50%;
        transform: translateY(50%);
    }

    .testimonial-btm-between-row {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 60px;
    }

    .testimonial-btm-between-row .testimonial-author-new {
        max-width: 100%;
    }

    .testimonial-logo-new {
        width: 100%;
    }

    .thumb-logo-box-new img {
        object-position: left;
    }

    .space-y-80 {
        padding-block: 35px;
    }

    .space-y-80+.testimonial-static-section {
        padding-top: 35px;
    }

    .bottom-footer .list-inline.social-links {
        margin-top: 50px;
        justify-content: flex-start !important;
    }

    .testimonial-logo-new .thumb-logo-box-new {
        min-width: auto;
    }

    .testimonial-btm-between-row .testimonial-logo-new {
        max-width: 100px;
    }

    .technology-row .partner-grid .partner-logo {
        flex: auto;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .technology-logo-section .heading-text-collapse {
        text-align: center;
        height: auto;
        justify-content: center;
        margin: 0 0 72px;
    }

    .page-top-section {
        padding-bottom: 36px;
    }

    .our-banner-info h1,
    .teams-section .title-64,
    .awards-section .title-64,
    .page-top-section h1.text-96 {
        font-size: 36px;
        line-height: 1.2;
    }

    .page-top-section h1.text-96 br {
        display: none;
    }

    .awards-section .our-title-32,
    .page-top-section .our-title-32 {
        font-size: 20px;
    }

    .teams-inner {
        margin-top: 36px;
        padding-top: 60px;
    }

    .filter-dropdown-wrap .label-text {
        font-size: 14px;
    }

    .select-default {
        font-size: 14px;
        height: 40px;
        padding-block: 10px;
        background-size: 24px;
        background-position: calc(100% - 10px) center;
    }

    .filter-dropdown-wrap .select2-container .select2-selection--single .select2-selection__rendered {
        height: 40px;
        font-size: 14px;
    }

    .filter-dropdown-wrap .select2-container--default .select2-selection--single,
    .filter-dropdown-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px;
    }

    .filter-dropdown-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 12px;
    }

    .filter-dropdown-wrap .select2-container {
        min-width: 190px;
    }

    body .select2-dropdown {
        margin-top: 10px;
        font-size: 14px;
    }

    .filter-dropdown-wrap {
        margin-bottom: 52px;
        gap: 30px;
    }

    section.case-studies-page {
        padding-top: 10px;
    }

    .testimonial-static-section .single-quote .desc-dv p,
    .block-title-footer .block-title-footer-text {
        font-size: 20px;
        line-height: 27px;
    }

    .testimonial-static-section .single-quote .desc-dv p {
        letter-spacing: 0.6px;
    }

    .technology-col:not(.services-listing .technology-col) .hover-scale:hover .technology-box {
        border-radius: 8px;
    }

    .technology-box {
        border-radius: 8px;
    }

    .technology-row:nth-child(2) .technology-col:last-child .technology-box picture img,
    .technology-row:nth-child(3) .technology-col:first-child .technology-box picture img,
    .technology-row:nth-child(3) .technology-col:last-child .technology-box picture img {
        height: 380px;
    }

    .block-title-footer {
        margin-top: 15px;
    }

    .why-us .block-title-footer img,
    .block-title-footer img {
        max-width: 16px;
    }

    .banner-overlay:after {
        content: "";
        background: radial-gradient(108.58% 63.99% at 80% 30%, rgba(33, 33, 33, 0.00) 55%, #212121 100%), #d3d3d300 -574.668px -175px / 390.88% 120.023% no-repeat;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

    .banner-group-center .cta-btn {
        max-width: fit-content;
        margin: 0 0 40px;
    }

    .header-bg-cta .header-bg-text {
        min-width: 185px;
        text-align: center;
    }

    .contact-us .gform-theme--foundation .gfield--width-half.odd-box,
    .contact-us .gform-theme--foundation .gfield--width-half.even-box {
        grid-column: 1 / -1;
        width: 100%;
    }

    .contact-us .gform-theme--foundation {
        --gf-form-gap-x: 24px;
        --gf-form-gap-y: 24px;
    }

    body .gform-theme--foundation .gfield textarea.small {
        min-height: 260px;
    }

    .contact-us-details-info {
        top: auto;
        margin-bottom: auto;
        border: none;
        padding: 20px 0 40px;
    }

    .contact-us .gform-theme--foundation .gfield--type-html {
        order: 1;
    }

    .contact-us .gform-theme--foundation #field_submit {
        margin-top: 20px;
    }

    body .gform-theme--framework .gform-button.gform-button--white,
    body .gform-theme--framework input[type="submit"] {
        width: 100% !important;
    }

   body .gfield.gfield--type-submit {
        width: 100% !important;
    }

    .simple-back-link {
        font-size: 13px;
        line-height: 18px;
    }

    .technology-home-section .tech-banner-content h3,
    .title-64,
    .text-96.case-hero-title,
    .general-content-section h1 {
        font-size: 36px;
        line-height: 1.2;
    }

    .tag-container.new-tag-container {
        margin-top: 0px;
    }

    .new-tag-container .tag-inner {
        padding: 7px 16px;
        font-size: 11px;
        line-height: 14px;
        letter-spacing: 0;
    }

    .number-box-child:first-child .number-box,
    .number-box-child .number-box {
        padding-left: 46px;
        padding-block: 24px;
    }

    .number-box-child .number-header {
        font-size: 64px;
        line-height: 1.2;
    }

    body .marquee-loop-section {
        padding-top: 30px;
        padding-bottom: 60px;
        background: var(--bg-marquee-bg);
    }

    .home .our-work {
        padding-bottom: 70px;
        background: radial-gradient(91.17% 15.53% at 50% 107.87%, #00D5BB 0%, #212121 100%);
    }

    .marquee-loop-section::before {
        content: "";
        background: radial-gradient(78.77% 8.87% at 50% 105.46%, #00D5BB 0%, #212121 100%);
        width: calc(100% + 300px);
        height: 4498px;
        position: absolute;
        bottom: 0;
        left: -150px;
        z-index: 2;
    }

    .marquee-loop-section::after {
        z-index: 2;
    }

    .technology-home-section .expand-mobile picture,
    .tech-banner-content>div {
        width: 100%;
    }

    .tech-banner-content .tech-bg-blur .cta-container {
        width: max-content;
    }

    body:not(.home) .technology-home-section h3.text-96 br {
        display: none;
    }

    .technology-home-section .tech-banner-content h3 {
        max-width: 340px;
    }

    .big-title-line .block-big-title-icon {
        display: none;
    }

    .big-title-line .block-big-title-text {
        font-size: 42px;
        line-height: 48px;
        font-weight: 400;
        letter-spacing: -0.864px;
    }

    .testimonial-static-section {
        padding-top: 70px;
        padding-bottom: 35px;
    }

    .single-services .banner-content-bt p {
        font-size: 20px;
        line-height: 1.375;
        text-align: left;
        margin: 0 0 20px;
    }

    .single-services .counter-section {
        padding-block: 0;
    }

    .general-content-section li,
    .general-content-section p {
        font-size: 16px;
        line-height: 1.375;
    }

    .general-content-section h2 {
        font-size: 36px;
        line-height: 1.2;
    }

    .general-content-section h3 {
        font-size: 24px;
        line-height: 1.2;
    }

    .teams-section .title-64 {
        max-width: 400px;
        margin: 0 auto;
    }
}

@media (max-width: 575px) {

    body .gform-theme--framework #field_1_19 .select2-selection--multiple .select2-search--inline {
        width: 100%;
    }

    body .gform-theme--framework #field_1_19 .select2-selection--multiple .select2-search__field {
        font-size: 16px !important;
        height: 24px !important;
    }

    .center-list-link li a,
    .center-list-link li span {
        font-size: 13px;
    }

    .testimonial-bg-image-new {
        max-height: 340px;
    }

    .testimonial-nav-arrows {
        gap: 12px;
    }


    .static-logo-slider .awards-logo {
        width: 100%;
        justify-content: flex-start;
    }

    .technology-row:nth-child(2) .technology-col:first-child .technology-box picture img,
    .technology-box img,
    .technology-row:first-child .technology-col:last-child .technology-box picture img,
    .technology-row:last-child .technology-col:first-child .technology-box picture img,
    .technology-row:last-child .technology-col:last-child .technology-box picture img,
    .case-studies-crd-section .technology-row:nth-child(2) .technology-col:first-child .technology-box picture img,
    .case-studies-crd-section .technology-row .technology-col .technology-box picture img {
        height: 380px;
        object-fit: cover;
    }

    .footer-bottom-item .center-list-link {
        justify-content: space-between;
    }

    .text-116 {
        font-size: 48px;
        line-height: 58px;
    }
}

@media (max-width: 400px) {
    .big-title-line .block-big-title-text {
        font-size: 36px;
        line-height: 42px;
    }

    .tech-banner-content h3 {
        font-size: 44px;
        line-height: 48px;
    }

    .tech-banner-content .tech-bg-blur {
        padding: 36px 28px;
    }

    .simple-branding {
        flex-wrap: wrap;
        gap: 20px;
    }

    .banner-h1 {
        font-size: 38px;
        line-height: 48px;
    }

    .center-main-title p {
        font-size: 18px;
        line-height: 24px;
        max-width: 200px;
        margin: 0 auto;
    }

    .expand-mobile {
        height: 610px;
    }

    .footer-bottom-item .center-list-link {
        gap: 10px;
    }

    .shadow-overlay .footer-info .number-row {
        gap: 20px;
    }
}

@media (max-width: 375px) {

    .center-list-link li a,
    .center-list-link li span {
        font-size: 12px;
    }

    .banner-h1 {
        font-size: 32px;
        line-height: 44px;
    }
}

@media screen and (min-width:767px){
 .custom-css-pad{padding-top:85px;}
}