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

    /* ==================== [ Common Start ] ==================== */
    .container-fluid,
    .container {
        max-width: calc(1280px + 40px);
    }

    .container-base {
        max-width: calc(1400px + 40px);
    }

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

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

    h1 {
        font-size: 60px;
        line-height: 70px;
    }

    h2 {
        font-size: 60px;
        line-height: 70px;
    }

    h3 {
        font-size: 50px;
        line-height: 60px;
    }

    h4 {
        font-size: 38px;
        line-height: 48px;
    }

    h5 {
        font-size: 30px;
        line-height: 40px;
    }

    h6 {
        font-size: 24px;
        line-height: 34px;
    }

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

    /* ==================== [ Header Start ] ==================== */
    .header {
        padding: 18px 48px;
    }

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

    /* ==================== [ Home Banner Start ] ==================== */
    .home-banner {
        padding: 250px 0 250px;
    }

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

    /* ==================== [ Our Services Start ] ==================== */
    .our-services {
        padding: 260px 0 180px;
    }

    /* ==================== [ Our Services End ] ==================== */

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

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

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

    h1 {
        font-size: 50px;
        line-height: 60px;
    }

    h2 {
        font-size: 50px;
        line-height: 60px;
    }

    h3 {
        font-size: 40px;
        line-height: 50px;
    }

    h4 {
        font-size: 34px;
        line-height: 44px;
    }

    h5 {
        font-size: 28px;
        line-height: 38px;
    }

    h6 {
        font-size: 24px;
        line-height: 34px;
    }

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

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

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

    /* ==================== [ Home Banner Start ] ==================== */
    .home-banner {
        padding: 200px 0;
    }

    .home-banner .heading .title * {
        margin-bottom: 24px;
    }

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

    /* ==================== [ Our Services Start ] ==================== */
    .our-services {
        padding: 200px 0;
    }

    .our-services .service-container .heading .title * {
        margin-bottom: 20px;
    }

    .our-services .service-container .heading .disc * {
        margin-bottom: 24px;
    }

    /* ==================== [ Our Services End ] ==================== */

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

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

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

    h1 {
        font-size: 40px;
        line-height: 50px;
    }

    h2 {
        font-size: 40px;
        line-height: 50px;
    }

    h3 {
        font-size: 36px;
        line-height: 46px;
    }

    h4 {
        font-size: 32px;
        line-height: 42px;
    }

    h5 {
        font-size: 24px;
        line-height: 34px;
    }

    h6 {
        font-size: 22px;
        line-height: 32px;
    }

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

    /* ==================== [ Header Start ] ==================== */
    .header .header-container .logo img {
        height: 64px;
    }

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

    /* ==================== [ Our Services Start ] ==================== */
    .our-services {
        padding: 180px 0;
    }

    /* ==================== [ Our Services End ] ==================== */

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

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

    /* ==================== [ Contact Page Start ] ==================== */
    .contact-us {
        padding-block: 200px;
    }

    .contact-us .left-block {
        max-width: 450px;
        gap: 20px;
    }

    .action-block .disc * {
        margin-bottom: 10px;
    }

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

/* ==================== [ 991px ] ==================== */
@media (max-width: 991px) {
    body {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.5px;
    }

    /* ==================== [ Typography Start ] ==================== */

    h1 {
        font-size: 36px;
        line-height: 46px;
    }

    h2 {
        font-size: 36px;
        line-height: 46px;
    }

    h3 {
        font-size: 32px;
        line-height: 42px;
    }

    h4 {
        font-size: 28px;
        line-height: 38px;
    }

    h5 {
        font-size: 22px;
        line-height: 32px;
    }

    h6 {
        font-size: 18px;
        line-height: 28px;
    }

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

    /* ==================== [ Header Start ] ==================== */
    .header .header-container .logo img {
        height: 54px;
    }

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

    /* ==================== [ Home Banner Start ] ==================== */
    .home-banner {
        padding-top: 200px;
        padding: 150px 0;
    }

    .home-banner .heading .title * {
        margin-bottom: 24px;
    }

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

    /* ==================== [ Our Services Start ] ==================== */
    .our-services {
        padding: 150px 0;
    }

    .our-services .service-container .heading .title * {
        margin-bottom: 20px;
    }

    .our-services .service-container .heading .disc * {
        margin-bottom: 24px;
    }

    /* ==================== [ Our Services End ] ==================== */

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

    .footer .title * {
        margin-bottom: 6px;
    }

    .footer .disc>* {
        margin-bottom: 10px;
    }

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

    /* ==================== [ Contact Page Start ] ==================== */
    .contact-us {
        padding-block: 200px 120px;
    }

    .contact-us .contact-us-block {
        flex-direction: column;
        gap: 48px;
    }

    .contact-us .heading {
        gap: 0px;
    }

    .contact-us .left-block .heading .disc * {
        margin-bottom: 0;
    }

    .contact-us .left-block {
        max-width: 100%;
        gap: 20px;
    }

    .form-block {
        max-width: 100%;
    }

    .action-block .disc * {
        margin-bottom: 10px;
    }

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

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

    /* ==================== [ Button Start ] ==================== */
    .btn {
        padding: 10px 28px;
    }

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

    /* ==================== [ Header Start ] ==================== */
    .header .header-container .logo img {
        height: 54px;
    }

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

    /* ==================== [ Home Banner Start ] ==================== */
    .home-banner {
        padding-top: 200px;
        padding: 150px 0;
    }

    .home-banner .heading .title * {
        margin-bottom: 24px;
    }

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

    /* ==================== [ Our Services Start ] ==================== */
    .our-services {
        padding: 120px 0;
    }

    .our-services .service-container .heading .title * {
        margin-bottom: 20px;
    }

    .our-services .service-container .heading .disc * {
        margin-bottom: 24px;
    }

    /* ==================== [ Our Services End ] ==================== */

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

    .footer .title * {
        margin-bottom: 6px;
    }

    .footer .disc>* {
        margin-bottom: 10px;
    }

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

    /* ==================== [ Contact Page Start ] ==================== */
    .contact-us {
        padding-block: 160px 100px;
    }
    /* ==================== [ Contact Page End ] ==================== */
}

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

    /* ==================== [ Header Start ] ==================== */
    .header .header-container .logo img {
        height: 44px;
    }

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

    /* ==================== [ Home Banner Start ] ==================== */
    .home-banner {
        padding-top: 200px;
        padding: 150px 0;
    }

    .home-banner .heading .title * {
        margin-bottom: 24px;
    }

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

    /* ==================== [ Our Services Start ] ==================== */
    .our-services {
        padding: 120px 0;
    }

    .our-services .service-container .heading .title * {
        margin-bottom: 20px;
    }

    .our-services .service-container .heading .disc * {
        margin-bottom: 24px;
    }

    /* ==================== [ Our Services End ] ==================== */

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

    .footer .title * {
        margin-bottom: 6px;
    }

    .footer .disc>* {
        margin-bottom: 10px;
    }

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