@media screen and (max-width: 1199px) {
    .py-160 {
        padding-block: 120px;
    }

    .py-60 {
        padding-block: 54px;
    }

    .navbar-brand img {
        width: 50px;
    }

    .experience-badge {
        padding: 8px 12px;
        border-radius: 16px;
    }

    .experience-badge h6 {
        font-size: 16px;
        font-weight: 500;
    }

    /* RECENT POST CARD STYLE START  */
    .recent-post-card {
        padding: 20px;
    }

    .recent-post-card h4 {
        font-size: 20px;
    }

    .recent-post-card .card .img-wrapper {
        width: 60px;
        height: 60px;
    }

    /* RECENT POST CARD STYLE END  */
    /* NEWSLETTER CARD STYLE START */
    .newsletter-box .card {
        padding: 20px;
        margin-inline: 16px;
    }

    .newsletter-box .card h4 {
        font-size: 18px;
    }

    .newsletter-box .newsletter-input button {
        width: 36px;
        height: 36px;
        font-size: 14px;
        right: 8px;
    }

    /* NEWSLETTER CARD STYLE END */
    /* META BADGES STYLE START */
    .meta-badges {
        column-gap: 8px;
        row-gap: 8px;
    }

    /* META BADGES STYLE END */
    /* WORK IMG STYLE START */
    .work-img-wrapper img {
        height: 230px;
    }

    /*  WORK IMG STYLE END */
    /* CATEGORIES CARD STYLE START  */
    .categories-card {
        padding: 20px;
    }

    .categories-card h4 {
        font-size: 20px;
    }

    .categories-card a {
        padding: 16px 16px 16px 0;
    }

    .categories-card p {
        font-size: 15px;
    }

    /* CATEGORIES CARD STYLE END  */
    /*  SHARE SOCIAL STYLE START */
    .share-social-wrapper h4 {
        font-size: 20px;
    }

    /*  SHARE SOCIAL STYLE END */
    /* KEYWORD CARD START */
    .keyword-wrapper {
        padding: 20px;
    }

    .keyword-wrapper .keyword-input button {
        width: 36px;
        height: 36px;
        font-size: 14px;
        right: 8px;
    }

    /* KEYWORD CARD END */
    /* TAGS WRAPPER START */
    .tags-wrapper {
        padding: 20px;
    }

    /* TAGS WRAPPER END */
    /* BANNER WRAPPER START */
    .banner-wrapper {
        padding: 26px;
    }

    /* BANNER WRAPPER END */
    /* WHY CHOOSE BANNER START */
    .why-choose-banner {
        padding: 20px;
    }

    /* WHY CHOOSE BANNER END */
    /* WORK PROGRESS BANNER START */
    .work-progress-banner {
        padding: 20px;
    }

    /* WORK PROGRESS BANNER END */
    /* SERVING CITIES SECTION START */
    .serving-cities-section .card {
        padding: 30px;
    }

    /* SERVING CITIES SECTION END */
}

@media only screen and (min-width: 992px) {
    /* FOOTER SECTION STYLE START */
    .footer-links.footer-dropdown {
        display: block !important;
    }

    /* FOOTER SECTION STYLE END */
}

@media screen and (max-width: 991px) {
    .mb-100 {
        margin-bottom: 80px;
    }

    .py-160 {
        padding-block: 100px;
    }

    .py-120 {
        padding-block: 100px;
    }

    .py-80 {
        padding-block: 70px;
    }

    .py-60 {
        padding-block: 48px;
    }

    .py-40 {
        padding-block: 36px;
    }

    .xl-heading {
        font-size: 42px;
    }

    /*  HEADER STYLE START   */
    header .navbar-nav .nav-link {
        font-size: 15px;
        padding: 0 8px 10px 0 !important;
    }

    /*  HEADER STYLE END   */
    /* HERO SECTION STYLE START  */
    .hero-section h1 {
        font-size: 54px;
    }

    /* HERO SECTION STYLE END  */
    .experience-badge {
        padding: 12px 16px;
        border-radius: 16px;
    }

    .experience-badge h6 {
        font-size: 16px;
        font-weight: 500;
    }

    .bg-shape {
        width: 280px;
    }

    /* FOOTER SECTION STYLE START */
    .footer .footer-heading {
        font-size: 16px;
    }

    .footer-links.footer-dropdown {
        display: none;
    }

    .footer-heading .heading-res {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        display: block;
        text-align: right;
        padding-right: 10px;
        cursor: pointer;
    }

    /* FOOTER SECTION STYLE END */
    /* OUR SKILLS SECTION STYLE START */
    .ourskills-section .bg-container {
        background-image: none;
    }

    /* OUR SKILLS SECTION STYLE END */
    /* COUNTER SECTION STYLE START */
    .couter-section .border-right:nth-child(2) {
        border-right: none;
    }

    /* COUNTER SECTION STYLE END */
    /* TESTIMONIAL SECTION STYLE START */
    .testimonial-carousel {
        margin-top: 0;
    }

    /* TESTIMONIAL SECTION STYLE END */
    /* NEWSLETTER CARD STYLE START */
    .newsletter-box {
        min-height: 360px;
    }

    .newsletter-box .card {
        padding: 18px;
        margin-inline: 14px;
    }

    /* NEWSLETTER CARD STYLE END */
}

@media screen and (max-width: 767px) {
    .mb-100 {
        margin-bottom: 60px;
    }

    .py-160 {
        padding-block: 70px;
    }

    .py-120 {
        padding-block: 80px;
    }

    .py-80 {
        padding-block: 60px;
    }

    .py-60 {
        padding-block: 42px;
    }

    .py-40 {
        padding-block: 32px;
    }

    .p-48 {
        padding: 24px;
    }

    /* HERO SECTION STYLE START  */
    .hero-section h1 {
        font-size: 44px;
    }

    .lg-text-white {
        font-size: 16px;
    }

    /* HERO SECTION STYLE END  */
    /* FEATURE SECTION STYLE START */
    .feature-section .card:hover {
        transform: unset;
    }

    /* FEATURE SECTION STYLE END */
    .experience-badge {
        padding: 9px 12px;
        border-radius: 16px;
        top: 20px;
        left: 20px;
    }

    .experience-badge h6 {
        font-size: 16px;
        font-weight: 500;
    }

    /* OUR SKILLS SECTION STYLE START */
    .ourskills-section .bg-container {
        background-image: none;
    }

    /* OUR SKILLS SECTION STYLE END */
    /* TEAM SECTION STYLE START */
    .team-section .card h4 {
        font-size: 20px;
    }

    /* TEAM SECTION STYLE END */
    /* TESTIMONIAL SECTION STYLE START */
    .testimonial-carousel .item {
        padding: 0 48px !important;
    }

    /* TESTIMONIAL SECTION STYLE END */
    /* BREADCRUMB SECTION STYLE START */
    .breadcrumb-section .content .shadow-text {
        font-size: 54px;
        margin-bottom: -40px;
    }

    .breadcrumb-section .content h1 {
        font-size: 40px;
        margin-bottom: 40px;
    }

    /* BREADCRUMB SECTION STYLE START */
    /* FEATURE IMAGE */
    .detail-layout .feature-image {
        height: 240px;
        margin-bottom: 20px;
    }

    .detail-layout h2 {
        font-size: 22px;
        margin-bottom: 14px;
    }

    /* FEATURE IMAGE */
    /* NEWSLETTER CARD STYLE START */
    .newsletter-box {
        min-height: 340px;
    }

    /* NEWSLETTER CARD STYLE END */
    /* Navigation Section */
    .navigation .nav-item-prev,
    .navigation .nav-item-next {
        max-width: 260px;
        gap: 20px;
    }

    .navigation .nav-item-prev div,
    .navigation .nav-item-next div {
        gap: 17px;
    }

    .navigation i {
        font-size: 23px;
    }

    .navigation .nav-item-prev img,
    .navigation .nav-item-next img {
        width: 70px;
        height: 70px;
    }

    .navigation .nav-item-prev h5,
    .navigation .nav-item-next h5 {
        font-size: 19px;
    }

    /* Navigation Section */
    /* BANNER WRAPPER START */
    .banner-wrapper {
        padding: 30px;
        text-align: center;
    }
    .banner-wrapper a {
        padding: 14px 30px;
    }

    /* BANNER WRAPPER END */
    /* WHY CHOOSE BANNER START */
    .why-choose-banner {
        padding: 30px;
    }

    /* WHY CHOOSE BANNER END */
    /* WORK PROGRESS BANNER START */
    .work-progress-banner {
        padding: 30px;
    }

    /* WORK PROGRESS BANNER END */
    /* SERVING CITIES SECTION START */
    .serving-cities-section .card {
        padding: 30px;
    }

    /* SERVING CITIES SECTION END */
}

@media screen and (max-width: 575px) {
    .form-control {
        padding: 12px 16px !important;
    }

    .back-to-top.show {
        width: 40px;
        height: 40px;
        line-height: 40px;
        bottom: 20px;
        right: 20px;
    }

    .theme-btn {
        font-size: 14px;
        padding: 10px 24px;
    }

    .play-btn span {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .mb-100 {
        margin-bottom: 40px;
    }

    .py-160 {
        padding-block: 50px;
    }

    .py-120 {
        padding-block: 60px;
    }

    .py-80 {
        padding-block: 48px;
    }

    .py-60 {
        padding-block: 36px;
    }

    .py-40 {
        padding-block: 24px;
    }

    .p-48 {
        padding: 16px;
    }

    .mt-130 {
        margin-top: 40px;
    }


    .lg-text-white {
        font-size: 16px;
    }

    .theme-btn {
        font-size: 15px;
        padding: 8.5px 18px;
    }

    .play-btn {
        font-size: 15px;
        gap: 12px;
    }

    .play-btn span {
        width: 40px;
        height: 40px;
    }

    /*  HEADER STYLE START   */
    .navbar-brand img {
        width: 50px;
    }

    header .offcanvas-header,
    header .offcanvas-body {
        padding: 20px;
    }

    .page-header nav.navbar {
        padding: 10px 0;
    }

    .page-header.is-sticky nav.navbar {
        padding: 10px 0;
    }

    header .navbar-toggler {
        width: 40px;
        height: 40px;
        font-size: 18px;
        margin-right: 8px;
    }

    .navbar-brand img {
        width: 40px;
    }

    .offcanvas-btn {
        width: 40px;
        height: 40px;
    }

    .offcanvas-btn i {
        font-size: 18px;
    }

    .offcanvas-body .text-wrap p {
        color: var(--secondary-color);
        font-size: 14px;
    }

    .offcanvas-body .text-wrap i {
        font-size: 18px;
    }

    .contact-item {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 5px;
    }

    .timing-item {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 5px;
    }

    /*  HEADER STYLE END   */
    /* HERO SECTION STYLE START */
    .hero-section.py-120 {
        padding-block: 40px;
    }
    .hero-section h1 {
        font-size: 28px;
    }

    .hero-section .py-120 {
        padding-block: 50px;
    }

    .hero-wrap {
        gap: 12px;
    }

    .hero-section h6 {
        font-size: 15px;
    }

    .lg-text-white {
        font-size: 16px;
        line-height: 1.3;
    }

    /* HERO SECTION STYLE END */
    /* TRADEMARK SECTION STYLE START */
    .trademark-section i {
        font-size: 20px;
    }

    .trademark-section p {
        font-size: 15px;
    }

    /* TRADEMARK SECTION STYLE END */
    /* ABOUT SECTION STYLE START */
    .experience-badge {
        padding: 9px 12px;
        border-radius: 16px;
        top: 20px;
        left: 0px;
    }

    .experience-badge h1 {
        font-size: 24px;
    }

    .experience-badge h6 {
        font-size: 14px;
        font-weight: 500;
    }

    .about-section .content h1 {
        font-size: 24px;
    }

    .about-section .content p.gray-text {
        font-size: 14px;
    }

    .tech-service,
    .consulting-service {
        gap: 8px;
    }

    .tech-service span,
    .consulting-service span {
        width: 40px;
        height: 40px;
        background-color: var(--primary-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .tech-service h6, .consulting-service h6 {
        font-size: 14px;
    }

    .about-section .content .col-sm-6 span {
        width: 40px;
        height: 40px;
    }

    .about-section .content .col-sm-6 h6 {
        font-size: 15px;
    }

    .about-section .content .check-text {
        gap: 8px;
    }

    .check-text .check-item {
        display: flex;
        gap: 12px;
    }

    .about-section .content .check-text p {
        font-size: 15px;
    }

    /* ABOUT SECTION STYLE END */
    /* FEATURE SECTION STYLE START */
    .feature-section .card {
        padding: 20px 14px;
        gap: 12px;
        box-shadow: none;
    }

    .feature-section .card h4 {
        font-size: 20px;
    }

    .feature-section .card p {
        font-size: 14px;
    }

    .feature-section .card span {
        width: 44px;
        height: 44px;
    }

    .feature-section .card span i {
        font-size: 18px;
    }

    .feature-section .card:hover span i {
        transform: scale(1.1);
    }

    /* FEATURE SECTION STYLE END */
    /* COUNTER SECTION STYLE START */
    .couter-section .border-right {
        border-right: none;
    }

    .couter-section .card {
        gap: 8px;
    }

    .couter-section .card span {
        width: 60px;
        height: 60px;
    }

    .couter-section .card span img {
        width: 34px;
        height: auto;
    }

    .couter-section .card h5 {
        font-size: 16px;
    }

    /* COUNTER SECTION STYLE END */
    /* SERVICES SECTION STYLE START */
    .mb-100-fixed {
        margin-bottom: 80px;
    }

    .services-section .card {
        padding: 44px 14px 20px;
        gap: 10px;
    }

    .services-section .card span {
        width: 60px;
        height: 60px;
        top: -30px;
    }

    .services-section .owl-stage > .owl-item:nth-child(1) .card span {
        background: linear-gradient(315.55deg, #EF4444 0%, #FF8989 92.87%);
    }

    .services-section .owl-stage > .owl-item:nth-child(2) .card span {
        background: linear-gradient(318.24deg, #3B82F6 0%, #86B4FF 94.95%);
    }

    .services-section .owl-stage > .owl-item:nth-child(3) .card span {
        background: linear-gradient(314.44deg, #F59E0B 0%, #FFD285 91.08%);
    }

    .services-section .owl-stage > .owl-item:nth-child(4) .card span {
        background: linear-gradient(314.44deg, #14B8A6 0%, #48DFCE 91.08%);
    }

    .services-section .owl-stage > .owl-item:nth-child(5) .card span {
        background: linear-gradient(314.44deg, #8261C5 0%, #C6AAFF 91.08%);
    }

    .services-section .owl-stage > .owl-item:nth-child(6) .card span {
        background: linear-gradient(314.44deg, #342B2B 0%, #8E8E8E 91.08%);
    }


    .services-section .card span img {
        width: 28px;
    }

    .services-section .card h4 {
        font-size: 20px;
    }

    .services-section .card p {
        font-size: 14px;
    }

    .services-section .card a {
        font-size: 15px;
    }

    /* SERVICES SECTION STYLE END */
    /* STEP SECTION STYLE START */
    .steps-section .card {
        gap: 10px;
    }

    .steps-section .card h4 {
        font-size: 20px;
    }

    .steps-section .card p {
        font-size: 14px;
    }

    /* STEP SECTION STYLE END */
    /* OUR SKILLS SECTION STYLE START */
    .ourskills-section .bg-container {
        background-image: none;
    }

    .ourskills-section .content p {
        font-size: 14px;
    }

    .ourskills-section .content .col-sm-6 span {
        width: 50px;
        height: 50px;
    }

    .ourskills-section .content .col-sm-6 span img {
        width: 25px;
    }

    .ourskills-section .content .col-sm-6 p {
        font-size: 15px;
    }

    .strategy-item,
    .solution-item {
        gap: 12px;
    }

    /* OUR SKILLS SECTION END */
    /* TEAM SECTION STYLE START */
    .team-section .card {
        gap: 16px;
    }

    .team-section .card h4 {
        font-size: 18px;
    }

    .team-section .card p {
        font-size: 14px;
    }

    /* TEAM SECTION STYLE END */
    /* OUR WORK SECTION STYLE START */
    .nav-pills {
        gap: 10px;
    }

    .ourwork-section .nav-pills .nav-link {
        font-size: 12px;
        padding: 6px 12px;
    }

    .ourwork-section .card {
        border-radius: 16px;
    }

    .ourwork-section .card .img-wrapper {
        height: 220px;
    }

    .ourwork-section .card .card-body {
        padding: 18px 14px;
        gap: 10px;
    }

    .ourwork-section .card h4 {
        font-size: 20px;
    }

    .ourwork-section .card p {
        font-size: 14px;
    }

    .ourwork-section .card .type,
    .ourwork-section .card .date {
        font-size: 12px;
    }

    .ourwork-section .card .link-btn {
        width: 50px;
        height: 50px;
        font-size: 20px;
        right: 15px;
        bottom: 15px;
    }

    /* OUR WORK SECTION STYLE END */
    /* BANNER SECTION STYLE START */
    .banner-section a {
        font-size: 14px;
        padding: 12px 24px;
    }

    /* BANNER SECTION STYLE END */
    /* TESTIMONIAL SECTION STYLE START */
    .testimonial-carousel {
        position: unset;
    }

    .testimonial-carousel .item {
        padding-inline: 0 !important;
    }

    .testimonial-carousel .owl-next,
    .testimonial-carousel .owl-prev {
        position: unset;
        margin-inline: 10px !important;
    }

    .testimonial-carousel .card {
        gap: 16px;
    }

    .testimonial-carousel .card p {
        font-size: 14px;
    }

    .testimonial-carousel .img-wrapper {
        width: 50px;
        height: 50px;
    }

    .testimonial-carousel .card h5 {
        font-size: 18px;
    }

    .rating-wrapper .rating-stars label {
        font-size: 24px;
    }

    /* TESTIMONIAL SECTION STYLE END */
    /* BLOGS SECTION STYLE START */
    .blogs-section .blog-publish-date {
        padding: 16px;
        line-height: 1.3;
        right: 20px;
        top: 20px;
    }

    .blogs-section .blog-publish-date .date {
        font-size: 24px;
    }

    .blogs-section .blog-publish-date .month {
        font-size: 12px;
    }

    .blogs-section .blogger {
        padding: 10px 14px;
    }

    .blogs-section .card {
        border-radius: 16px;
    }

    .blogs-section .card-body {
        padding: 18px 14px;
        gap: 10px;
        border-radius: 16px;
    }

    /* BLOGS SECTION STYLE END */
    /* CONTACT SECTION STYLE START */
    .contact-form input::placeholder,
    .contact-form textarea::placeholder {
        font-size: 14px;
    }

    .contact-form input, .contact-form textarea {
        padding: 12px 16px;
        font-size: 14px;
    }

    .contact-detail .icon {
        width: 40px;
        height: 40px;
    }

    .contact-detail .icon i {
        font-size: 16px;
    }

    .contact-detail .text p {
        font-size: 14px;
    }

    .contact-detail .text h5 {
        font-size: 17px;
    }

    .contact-detail .detail-wrapper {
        gap: 14px;
    }

    /* CONTACT SECTION STYLE END */
    /* FOOTER SECTION STYLE START */
    .footer-2 a,
    .footer-4 p {
        font-size: 14px;
    }

    .navbar-nav .nav-link {
        padding: 7px 0px !important;
    }

    /* FOOTER SECTION STYLE END */
    /* BREADCRUMB SECTION STYLE START */
    .breadcrumb-section.py-100 {
        padding-block: 40px;
    }

    .breadcrumb-section .content .shadow-text {
        font-size: 36px;
        margin-bottom: -24px;
    }

    .breadcrumb-section .content h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .breadcrumb-section .content .breadcrumb-item {
        font-size: 15px;
    }

    .breadcrumb-section .content .breadcrumb-item a {
        font-size: 15px;
    }

    /* BREADCRUMB SECTION STYLE START */
    /* FEATURE IMAGE */
    .detail-layout .circles {
        height: 160px;
        width: 160px;
    }

    .detail-layout .feature-video {
        height: 240px;
        margin-bottom: 20px;
    }

    .detail-layout .circles > i {
        width: 50px;
        height: 50px;
        font-size: 14px;
    }

    .detail-text p {
        font-size: 14px;
        margin-bottom: 14px !important;
    }

    /* FEATURE IMAGE */
    /* NEWSLETTER CARD STYLE START */
    .newsletter-box {
        min-height: 320px;
    }

    .newsletter-box .card {
        padding: 20px;
        margin-inline: 16px;
    }

    /* NEWSLETTER CARD STYLE END */
    /* CATEGORIES CARD STYLE START  */
    .categories-card {
        padding: 20px;
    }

    /* CATEGORIES CARD STYLE END  */
    /* KEYWORD CARD START */
    .keyword-wrapper {
        padding: 20px;
    }

    /* KEYWORD CARD END */
    /* TAGS WRAPPER START */
    .tags-wrapper {
        padding: 20px;
    }

    /* TAGS WRAPPER END */
    /* Navigation Section */
    .navigation {
        padding: 20px 0;
    }

    .navigation .nav-item-prev,
    .navigation .nav-item-next {
        max-width: 240px;
        gap: 18px;
    }

    .navigation .nav-item-prev div,
    .navigation .nav-item-next div {
        gap: 14px;
    }

    .navigation i {
        font-size: 20px;
    }

    .navigation .nav-item-prev img,
    .navigation .nav-item-next img {
        width: 60px;
        height: 60px;
    }

    .navigation .nav-item-prev h5,
    .navigation .nav-item-next h5 {
        font-size: 18px;
    }

    /* Navigation Section */
    /* Comments Section */
    .comment {
        gap: 10px;
    }

    .comments-count i {
        font-size: 18px;
    }

    .comment {
        padding: 20px 0;
    }

    .comment-body {
        gap: 12px;
    }

    .comment-body .comment-text {
        font-size: 14px;
    }

    .comments-count {
        padding: 16px 0;
    }

    .comments-count h4 {
        font-size: 20px;
    }

    .comments-count h5 {
        font-size: 18px;
    }

    .comment-author img {
        width: 50px;
        height: 50px;
    }

    .comment-body h6 {
        font-size: 15px;
        margin-bottom: 3px;
    }

    .comment-body .date {
        font-size: 13px;
    }

    /* Comments Section */
    /* SERVICES BADGES START */
    .services-badges-wrapper {
        margin-block: 24px;
    }

    .services-badges {
        gap: 10px;
    }

    .services-badges .subservices {
        padding: 8px 16px;
    }

    .services-badges-wrapper h4 {
        font-size: 20px;
    }

    .services-badges div {
        font-size: 12px;
        padding: 10px 15px;
    }

    /* SERVICES BADGES END */
    /* BANNER WRAPPER START */
    .banner-wrapper {
        padding: 20px 16px;
    }

    .banner-wrapper h2 {
        font-size: 22px;
        margin-bottom: 0;
    }

    .banner-wrapper a {
        font-size: 14px;
        padding: 12px 24px;
    }

    /* BANNER WRAPPER END */
    /* WHY CHOOSE SECTION START */
    .why-choose-section {
        gap: 15px;
    }

    .why-choose-section p {
        font-size: 14px;
    }

    .check-list {
        gap: 12px;
    }

    .check-list .check-item {
        gap: 12px;
    }

    .check-list span {
        width: 24px;
        height: 24px;
    }

    .check-list i {
        font-size: 13px;
        line-height: 24px;
    }

    .check-list h6 {
        font-size: 15px;
    }

    /* WHY CHOOSE SECTION END */
    /* KEYWORD CARD START */
    .keyword-wrapper .keyword-input button {
        right: 8px;
    }

    /* KEYWORD CARD END */
    /* BANNER WRAPPER START */
    .banner-wrapper a {
        padding: 10px 18px;
    }

    /* BANNER WRAPPER END */
    /*  RECENT WORK CARD START */
    .recent-work {
        padding: 20px 16px;
    }

    .recent-work h4 {
        font-size: 20px;
        margin-bottom: 16px !important;
    }

    .recent-work .card a {
        max-width: 95px;
        height: 80px;
    }

    /*  RECENT WORK CARD END */
    /* WHY CHOOSE BANNER START */
    .why-choose-banner {
        padding: 20px 16px;
    }

    .why-choose-banner h4 {
        font-size: 20px;
        margin-bottom: 16px !important;
    }

    /* WHY CHOOSE BANNER END */
    /* WORK PROGRESS BANNER START */
    .work-progress-banner {
        padding: 20px;
    }

    .work-progress-banner {
        padding: 20px 16px;
    }

    .work-progress-banner h4 {
        font-size: 20px;
        margin-bottom: 16px !important;
    }

    /* WORK PROGRESS BANNER END */
    /* SERVING CITIES SECTION START */
    .serving-cities-section .card {
        padding: 16px;
        gap: 5px;
    }

    .serving-cities-section .card h4 {
        font-size: 20px;
    }

    .serving-cities-section .card p {
        font-size: 14px;
    }

    /* SERVING CITIES SECTION END */
    /* FAQ SECTION STYLE START */
    .faq-section .accordion {
        gap: 18px;
    }

    .faq-section .content {
        gap: 16px;
    }

    .faq-section .content p {
        font-size: 14px;
    }

    .faq-section .accordion-button {
        font-size: 15px;
        padding: 20px 16px;
    }

    .faq-section .accordion-item .accordion-body {
        padding: 16px 16px 0 16px;
    }

    .faq-section .accordion-item p {
        font-size: 14px;
    }

    /* FAQ SECTION STYLE END */
}
