/* ==================== [ 1500px Start ] ==================== */
@media (min-width: 1500px) {

    /* ==================== [ Common Start ] ==================== */
    .container-fluid,
    .container {
        padding-inline: 24px;
        max-width: calc(1270px + 48px);
        margin: 0 auto;
    }

    /* ==================== [ Common End ] ==================== */
}

/* ==================== [ 1500px End ] ==================== */

/* ==================== [ 1299px Start ] ==================== */
@media (max-width: 1299px) {

    /* ==================== [ Header Start ] ==================== */
    .header {
        padding: 10px 20px;
    }

    .header .navbar-nav li {
        padding: 0 0px;
    }

    /* ==================== [ Header End ] ==================== */

}

/* ==================== [ 1299px End ] ==================== */

/* ==================== [ 1199px Start ] ==================== */
@media (max-width: 1199px) {

    /* ==================== [ Typography Start ] ==================== */
    h1 {
        font-size: 50px;
        line-height: normal;
    }

    /* ==================== [ Typography End ] ==================== */

    /* ==================== [ Header Start ] ==================== */
    .header {
        padding: 10px 20px;
    }

    .header .navbar-brand * {
        height: 37px;
    }

    .header .navbar-nav {
        padding-top: 40px;
        text-align: center;
    }

    .header .navbar-nav li a {
        margin: 2px auto;
    }

    /* ==================== [ Header End ] ==================== */

    /* ==================== [ Home Banner Start ] ==================== */
    .home-banner .homeBannerSwiper .banner-card {
        padding: 60px;
    }

    .home-banner .homeBannerSwiper .banner-card .disc * {
        font-size: 18px;
        line-height: normal;
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 40px;
        left: 60px;
        width: fit-content;
    }

    /* ==================== [ Home Banner End ] ==================== */

    /* ==================== [ Vision Mission Start ] ==================== */
    .vision-mission {
        padding: 150px 0;
    }

    .vision-mission .card {
        padding: 40px;
    }

    /* ==================== [ Vision Mission End ] ==================== */

    /* ==================== [ Contact Page Start ] ==================== */
    .contact-banner {
        margin-top: 132px;
        padding: 80px 0;
    }

    .contact-banner .map {
        padding: 80px 0;
    }

    /* ==================== [ Contact Page End ] ==================== */
}

/* ==================== [ 1199px End ] ==================== */


/* ==================== [ 991px Start ] ==================== */
@media (max-width: 991px) {

    /* ==================== [ Typography Start ] ==================== */
    h1 {
        font-size: 40px;
        line-height: normal;
    }

    /* ==================== [ Typography End ] ==================== */

    /* ==================== [ Button Start ] ==================== */
    .btn {
        padding: 10px 20px;
        font-size: 16px;
    }

    /* ==================== [ Button End ] ==================== */

    /* ==================== [ Common Heading Start ] ==================== */
    .heading .title>* {
        font-size: 30px;
        line-height: 42px;
    }

    .heading .title>*::after {
        width: 60px;
    }

    .heading .disc * {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 16px;
    }

    /* ==================== [ Common Heading End ] ==================== */

    /* ==================== [ Header Start ] ==================== */
    .header {
        padding: 10px 20px;
        max-width: 100%;
        border-radius: 0;
        top: 0;
    }

    .header .navbar-brand * {
        height: 37px;
    }

    .header .navbar-nav {
        padding-top: 40px;
        text-align: center;
    }

    .header .navbar-nav li a {
        margin: 2px auto;
    }

    /* ==================== [ Header End ] ==================== */

    /* ==================== [ Home Banner Start ] ==================== */
    .home-banner {
        padding: calc(85px + 24px) 24px 24px;
        min-height: unset;
    }

    .home-banner .homeBannerSwiper .banner-card {
        padding: 200px 40px;
    }

    .home-banner .homeBannerSwiper .banner-card .content {
        max-width: 550px;
    }

    .home-banner .homeBannerSwiper .banner-card .disc * {
        font-size: 18px;
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 40px;
        left: 40px;
    }

    /* ==================== [ Home Banner End ] ==================== */

    /* ==================== [ The Journey Start ] ==================== */
    .the-journey {
        padding: 60px 0;
    }

    .the-journey .card {
        margin-bottom: 24px;
        height: auto;
        width: 100%;
        overflow: hidden;
    }

    .the-journey .card .title * {
        margin-bottom: 8px;
    }

    /* ==================== [ The Journey End ] ==================== */

    /* ==================== [ Vision Mission Start ] ==================== */
    .vision-mission {
        padding: 80px 0;
    }

    .vision-mission .card {
        padding: 24px;
    }

    /* ==================== [ Vision Mission End ] ==================== */

    /* ==================== [ From the Visionary Start ] ==================== */
    .visionary {
        padding: 60px 0;
    }

    .visionary .card {
        padding: 24px;
    }

    .visionary .card .quote-image {
        right: 24px;
        bottom: 24px;
    }

    .visionary .card .author {
        margin-top: 30px;
    }

    .visionary .card .author .image {
        width: 70px;
        height: 70px;
        margin-right: 16px;
    }

    /* ==================== [ From the Visionary End ] ==================== */

    /* ==================== [ Portfolios Start ] ==================== */
    .portfolios {
        padding: 60px 0;
    }

    .portfolios .portfolios-slider {
        margin-top: 48px;
    }

    .portfolios .portfolios-slider .swiper-slide .card-group {
        width: 320px;
    }

    .portfolios .card-front,
    .portfolios .card-back {
        padding: 24px;
    }

    .portfolios .portfolios-slider .swiper-slide .card-group .image {
        height: 180px;
        margin-bottom: 16px;
    }

    .portfolios .portfolios-arrow-group {
        margin-top: 48px;
    }

    .portfolios .portfolios-arrow {
        width: 46px;
        height: 46px;
    }

    .portfolios .portfolios-arrow * {
        width: 18px;
    }

    /* ==================== [ Portfolios End ] ==================== */

    /* ==================== [ Solutions Start ] ==================== */
    .solutions {
        padding: 60px 0;
    }

    /* ==================== [ Solutions End ] ==================== */

    /* ==================== [ Private Process Start ] ==================== */
    .portfolios .private-process-slider {
        margin-top: 48px;
    }

    .portfolios .private-process-slider .swiper-slide .card {
        width: 320px;
    }

    /* ==================== [ Private Process End ] ==================== */

    /* ==================== [ Footer Start ] ==================== */
    .footer {
        padding: 60px 0 24px;
    }

    .footer .brand-footer .logo * {
        height: 38px;
    }

    .footer .brand-footer .social ul {
        gap: 10px;
    }

    /* ==================== [ Footer End ] ==================== */

    /* ==================== [ Contact Page Start ] ==================== */
    .contact-banner {
        margin-top: 85px;
        padding: 60px 0;
    }

    .contact-banner .map {
        padding: 60px 0;
    }

    /* ==================== [ Contact Page End ] ==================== */
}

/* ==================== [ 991px End ] ==================== */


/* ==================== [ 767px Start ] ==================== */
@media (max-width: 767px) {

    /* ==================== [ Common Heading Start ] ==================== */
    .heading .title>* {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 24px;
    }

    .heading .title>*::after {
        width: 60px;
    }

    .heading .disc * {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 16px;
    }

    /* ==================== [ Common Heading End ] ==================== */

    /* ==================== [ Home Banner Start ] ==================== */
    .home-banner .homeBannerSwiper .banner-card {
        padding: 150px 24px;
    }

    .home-banner .homeBannerSwiper .banner-card .content {
        max-width: 100%;
    }

    .home-banner .homeBannerSwiper .banner-card .title * {
        margin-bottom: 16px;
    }

    .home-banner .homeBannerSwiper .banner-card .disc * {
        font-size: 16px;
        margin-bottom: 32px;
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 24px;
        left: 24px;
    }

    /* ==================== [ Home Banner End ] ==================== */

    /* ==================== [ The Journey Start ] ==================== */
    .the-journey {
        padding: 40px 0;
    }

    /* ==================== [ The Journey End ] ==================== */

    /* ==================== [ Vision Mission Start ] ==================== */
    .vision-mission {
        padding: 60px 0;
    }

    /* ==================== [ Vision Mission End ] ==================== */

    /* ==================== [ From the Visionary Start ] ==================== */
    .visionary {
        padding: 40px 0;
    }

    /* ==================== [ From the Visionary End ] ==================== */

    /* ==================== [ Portfolios Start ] ==================== */
    .portfolios {
        padding: 40px 0;
    }

    .portfolios .portfolios-slider {
        margin-top: 30px;
    }

    .portfolios .portfolios-slider .swiper-slide .card-group {
        width: 280px;
    }

    .portfolios .card-front,
    .portfolios .card-back {
        padding: 16px;
    }

    .portfolios .portfolios-slider .swiper-slide .card-group .image {
        height: 180px;
        margin-bottom: 16px;
    }

    .portfolios .portfolios-arrow-group {
        margin-top: 30px;
    }

    .portfolios .portfolios-arrow {
        width: 40px;
        height: 40px;
    }

    .portfolios .portfolios-arrow * {
        width: 16px;
    }

    /* ==================== [ Portfolios End ] ==================== */

    /* ==================== [ Solutions Start ] ==================== */
    .solutions {
        padding: 40px 0;
    }

    /* ==================== [ Solutions End ] ==================== */

    /* ==================== [ Private Process Start ] ==================== */
    .portfolios .private-process-slider {
        margin-top: 30px;
    }

    .portfolios .private-process-slider .swiper-slide .card {
        width: 280px;
    }

    /* ==================== [ Private Process End ] ==================== */

    /* ==================== [ Footer Start ] ==================== */
    .footer {
        padding: 40px 0 24px;
    }

    .footer .brand-footer {
        flex-direction: column;
        gap: 24px;
    }

    .footer .brand-footer .logo * {
        height: 38px;
    }

    .footer .brand-footer .social ul {
        gap: 10px;
    }

    /* ==================== [ Footer End ] ==================== */

    /* ==================== [ Contact Page Start ] ==================== */
    .contact-banner {
        margin-top: 85px;
        padding: 40px 0;
    }

    .contact-banner .map {
        padding: 40px 0;
    }

    /* ==================== [ Contact Page End ] ==================== */
}

/* ==================== [ 767px End ] ==================== */


/* ==================== [ 575px Start ] ==================== */
@media (max-width: 575px) {

    /* ==================== [ Common Heading Start ] ==================== */
    .heading .title>* {
        font-size: 24px;
        line-height: normal;
    }

    /* ==================== [ Common Heading End ] ==================== */
}

/* ==================== [ 575px End ] ==================== */