:root {
    --clr-primary-100: #f0e5e9;
    --clr-primary-200: #deadbd;
    --clr-primary-300: #720026;
    --clr-primary-400: #390013;
    --clr-primary-500: #21000b;

    --clr-secondary-200: #5c7c80;
    --clr-secondary-300: #00272b;
    --clr-secondary-400: #001315;

    --clr-success: #007800;
    --clr-error: #c81414;
    --clr-info: #005bb9;

    --gray-800: #0e0e0e;
    --gray-700: #3c3c3c;
    --gray-600: #656565;
    --gray-500: #d0d0d0;
    --gray-400: #f4f4f4;
    --white: #ffffff;

    --primary-font: "Manrope", sans-serif;

    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;

    --border-radius: 0.375rem;
}

/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
    list-style: none;
}

/* Set core root defaults */
html:focus-within {
    scroll-behavior: smooth;
}

/* Set core body defaults */
body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
    text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
    max-width: 100%;
    display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/**
    *
    *  =================== Table of Contents ===================
    *
    *       1. Typography
    *       2. Utilities
    *       3. Header
    *       4. Footer
    *
    */

/* =================== Typography =================== */
h1,
.h1 {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 86px;
    line-height: 118%;
    text-transform: capitalize;
}

h2,
.h2 {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 132.69%;
    text-transform: capitalize;
}

h3,
.h3 {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 132.69%;
    text-transform: capitalize;
}

h4,
.h4 {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 132.6%;
    text-transform: capitalize;
}

h5,
.h5 {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

h6,
.h6 {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.16px;
    color: #9c9c9c;
}

p {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 184.19%;
}

.icon-18 {
    font-size: 18px;
    padding-left: 0.8125rem;
}

.txt-footer {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
}

.txt-button {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    color: var(--white);
    background-color: var(--clr-primary-300);
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--clr-primary-300);
    padding: 16px 0px;
    background-color: var(--white);
    width: 150px;
    border: 0;
}

.txt-button:hover {
    color: var(--white);
    background-color: var(--clr-primary-300);
    transition: all 0.3s ease-in-out;
}

.txt-button-2 {
    font-family: "Manrope", sans-serif;
    background-color: var(--clr-primary-300);
    color: var(--white);
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.02em;
    padding: 16px 0px;
    width: 150px;
    border: 0;
}

.txt-button-2:hover {
    color: var(--clr-primary-400);
    background-color: var(--clr-primary-100);
    transition: all 0.3s ease-in-out;
}

.txt-body {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 33.008px;
}

.txt-nav-link {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

.txt-body-small {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.24px;
    text-transform: capitalize;
}

.txt-field {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: -0.24px;
}

li a {
    font-family: "Manrope", sans-serif;
    font-weight: 700 !important;
    font-style: normal;
    font-size: 16px !important;
    line-height: 32px;
    color: var(--clr-primary-400) !important;
    text-transform: capitalize;
}

@media (max-width: 768px) {

    h1,
    .h1 {
        font-weight: 700;
        font-size: 48px;
        line-height: 132.69%;
    }

    h2,
    .h2 {
        font-weight: 700;
        font-size: 32px;
        line-height: 132.69%;
    }

    h3,
    .h3 {
        font-weight: 700;
        font-size: 24px;
        line-height: 132.69%;
    }

    h4,
    .h4 {
        font-weight: 700;
        font-size: 24px;
        line-height: 132.69%;
    }

    .txt-footer {
        font-family: "Manrope", sans-serif;
        font-style: normal;
        font-weight: 800;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -0.24px;
    }

    .txt-button {
        font-family: "Manrope", sans-serif;
        text-transform: capitalize;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.24px;
        text-transform: capitalize;
    }

    .txt-body {
        font-family: "Manrope", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 33.008px;
        letter-spacing: -0.24px;
    }

    .txt-nav-link {
        font-family: "Manrope", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.16px;
        color: var(--clr-primary-400) !important;
    }

    .txt-body-small {
        font-family: "Manrope", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.24px;
        text-transform: capitalize;
    }

    .txt-button {
        font-family: "Manrope", sans-serif;
        font-weight: 700;
        font-size: 12px;
        line-height: 100%;
        text-align: center;
        letter-spacing: 0.02em;
        color: var(--clr-primary-300);
        padding: 16px 0px;
        background-color: var(--white);
        width: 150px;
        border: 0;
    }

    .txt-button:hover {
        color: var(--white);
        background-color: var(--clr-primary-300);
        transition: all 0.3s ease-in-out;
    }

    .txt-button-2 {
        font-family: "Manrope", sans-serif;
        background-color: var(--clr-primary-300);
        text-transform: capitalize;
        color: var(--white);
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 100%;
        text-align: center;
        letter-spacing: 0.02em;
        padding: 16px 0px;
        width: 150px;
        border: 0;
    }

    form .txt-button-2 {
        width: 100%;
    }

    .form-check {
        padding-bottom: 16px;
        margin: 0;
        max-width: 311px !important;
        padding-left: 2.2em;
        gap: 16px;
    }

    .modal-body {
        padding: 56px 24px !important;
    }

    .modal-body h3 {
        font-size: 32px;
    }
}

/* =================== End Typography =================== */

/* =================== Utilities =================== */

.primary-font {
    font-family: "Manrope", sans-serif;
}

.secondary-font {
    font-family: "Open Sans", sans-serif;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.clr-primary-100 {
    color: var(--clr-primary-100);
}

.clr-primary-200 {
    color: var(--clr-primary-200);
}

.clr-primary-300 {
    color: var(--clr-primary-300);
}

.clr-primary-400 {
    color: var(--clr-primary-400);
}

.clr-primary-500 {
    color: var(--clr-primary-500);
}

.clr-secondary-200 {
    color: var(--clr-secondary-200);
}

.clr-secondary-300 {
    color: var(--clr-secondary-300);
}

.clr-secondary-400 {
    color: var(--clr-secondary-400);
}

.clr-success {
    color: var(--clr-success);
}

.clr-error {
    color: var(--clr-error);
}

.clr-info {
    color: var(--clr-info);
}

.clr-gray {
    color: var(--gray);
}

.clr-gray-800 {
    color: var(--gray-800);
}

.clr-gray-700 {
    color: var(--gray-700);
}

.clr-gray-600 {
    color: var(--gray-600);
}

.clr-gray-500 {
    color: var(--gray-500);
}

.clr-gray-400 {
    color: var(--gray-400);
}

.white {
    color: var(--white);
}

.bg-primary-100 {
    background-color: var(--clr-primary-100);
}

.bg-primary-200 {
    background-color: var(--clr-primary-200);
}

.bg-primary-300 {
    background-color: var(--clr-primary-300);
}

.bg-primary-400 {
    background-color: var(--clr-primary-400);
}

.bg-primary-500 {
    background-color: var(--clr-primary-500);
}

.bg-secondary-200 {
    background-color: var(--clr-secondary-200);
}

.bg-secondary-300 {
    background-color: var(--clr-secondary-300);
}

.bg-secondary-400 {
    background-color: var(--clr-secondary-400);
}

.bg-gray {
    background-color: var(--gray);
}

.bg-gray-800 {
    background-color: var(--gray-800);
}

.bg-gray-700 {
    background-color: var(--gray-700);
}

.bg-gray-600 {
    background-color: var(--gray-600);
}

.bg-gray-500 {
    background-color: var(--gray-500);
}

.bg-gray-400 {
    background-color: var(--gray-400);
}

.bg-white {
    background-color: var(--white);
}

.bg-success {
    background-color: var(--clr-success);
}

.bg-error {
    background-color: var(--clr-error);
}

.bg-info {
    background-color: var(--clr-info);
}

.border-primary-100 {
    border-color: var(--clr-primary-100);
}

.border-primary-200 {
    border-color: var(--clr-primary-200);
}

.border-primary-300 {
    border-color: var(--clr-primary-300);
}

.border-primary-400 {
    border-color: var(--clr-primary-400);
}

.border-primary-500 {
    border-color: var(--clr-primary-500);
}

.border-secondary-200 {
    border-color: var(--clr-secondary-200);
}

.border-secondary-300 {
    border-color: var(--clr-secondary-300);
}

.border-secondary-400 {
    border-color: var(--clr-secondary-400);
}

.border-gray {
    border-color: var(--gray);
}

.border-gray-800 {
    border-color: var(--gray-800);
}

.border-gray-700 {
    border-color: var(--gray-700);
}

.border-gray-600 {
    border-color: var(--gray-600);
}

.border-gray-500 {
    border-color: var(--gray-500);
}

.border-gray-400 {
    border-color: var(--gray-400);
}

/* Border */
.border-1 {
    border-width: 0.0625rem;
    border-style: solid;
}

.border-2 {
    border-width: 0.125rem;
    border-style: solid;
}

.square {
    border-radius: 0;
}

.rounded {
    border-radius: var(--border-radius);
}

/* Opacity */
.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}

/* Shadow */
.shadow {
    box-shadow: 0rem 0.75rem 1.875rem rgba(94, 156, 49, 0.18);
}

.grid-gap-24 {
    gap: 24px;
}

/* Gaps */
.grid-gap-32 {
    gap: 32px;
}

.grid-gap-48 {
    gap: 48px;
}

.grid-gap-56 {
    gap: 56px;
}

.grid-gap-80 {
    gap: 80px;
}

.letter-spacing {
    letter-spacing: -0.015em;
}

.line-height-60 {
    line-height: 60px;
}

.line-height-32 {
    line-height: 32px;
}

.line-height-42 {
    line-height: 42px;
}

/* Input Field Placeholder */

::-webkit-input-placeholder {
    /* Edge */
    color: var(--clr-primary-400) !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 33px;
    letter-spacing: -0.24px;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--clr-primary-400) !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 33px;
    letter-spacing: -0.24px;
}

::placeholder {
    color: var(--clr-primary-400) !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 33px;
    letter-spacing: -0.24px;
}

.padding-16 {
    padding: 16px;
}

.padding-24 {
    padding: 24px;
}

.padding-40 {
    padding: 40px;
}

.pt-16 {
    padding-top: 16px;
}

.py-16 {
    padding: 16px 0;
}

.px-16 {
    padding: 0 16px;
}

.pb-16 {
    padding-bottom: 16px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.py-20 {
    padding: 20px 0;
}

.py-24 {
    padding: 24px 0;
}

.pt-24 {
    padding-top: 24px;
}

.pb-24 {
    padding-bottom: 24px;
}

.py-32 {
    padding: 32px 0;
}

.pt-32 {
    padding-top: 32px;
}

.pb-32 {
    padding-bottom: 32px;
}

.padding-32 {
    padding: 32px;
}

.py-40 {
    padding: 40px 0;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.py-48 {
    padding: 48px 0;
}

.pt-48 {
    padding-top: 48px;
}

.pb-48 {
    padding-bottom: 48px;
}

.py-64 {
    padding: 64px 0;
}

.pt-64 {
    padding-top: 64px;
}

.pb-64 {
    padding-bottom: 64px;
}

.py-80 {
    padding: 80px 0;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

/* =================== End Utilities =================== */

/* ================== common style ================== */

.content-heading {
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    font-size: 57px;
    line-height: 66px;
    letter-spacing: -0.015em;
    text-align: center;
}

label {
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: var(--clr-secondary-200);
}

.form-control {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 151.19%;
    color: var(--clr-primary-400);
}

.form-control:focus {
    box-shadow: 0 0 0 0 #ffffff;
}

.card-1 {
    height: 277.67px;
}

.card-2 {
    height: 363px;
}

.card-3 {
    height: 277.67px;
}

.card-4 {
    height: 277.67px;
}

.card-5 {
    height: 502px;
}

.card-6 {
    height: 374px;
}

.card-7 {
    height: 344px;
}

.card-8 {
    height: 406.67px;
}

.card-9 {
    height: 406.67px;
}

.card-10 {
    height: 406.67px;
}

/* ======= checkout box=========== */
.form-check-input[type="checkbox"] {
    border-radius: 50px;
}

.form-check-input {
    border-color: var(--gray-500);
}

.form-check-input:checked {
    background-color: var(--clr-primary-400);
    border-color: var(--clr-primary-400);
}

.form-check {
    max-width: 305px;
    min-height: 48px;
    padding-left: 35px;
    margin-bottom: 0;
    align-items: center;
    display: flex;
    gap: 12px;
}

.form-check label p {
    text-transform: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 151.19%;
    color: var(--gray-800);
    max-width: 270px;
}

.form-check label p span {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 151.19%;
    color: var(--gray-800);
}

.form-check-input:checked[type=checkbox] {
    background-image: url("../images/Dot.png");
    border-color: var(--gray-500);
}

/* =======End checkout box=========== */

/* =========== Header ============== */

.header-wrapper {
    padding: 32px 0;
    position: fixed;
    max-width: 100%;
    width: 100%;
    height: 100px;
    z-index: 15;
    top: 0;
}

/* ============ END Header ================ */

/* ========= Home page ============ */

.divider hr {
    margin: 1px 0;
}

/* banner section */
#home .banner {
    position: relative;
    top: 100px;
    margin-bottom: 100px;
}

#home .banner .banner-wrapper .banner-video video {
    width: 100%;
    object-fit: cover;
    min-height: 900px;
    height: 900px;
}

#home .banner .banner-wrapper .banner-video-content {
    position: absolute;
    margin: 203px 299px 0;
    max-width: 705px;
    top: 0;
}

#home .banner .divider {
    border-left: 1px solid var(--white);
    height: 100%;
    margin-left: 215.5px;
    padding-top: 234px;
    position: absolute;
    top: 0;
}

#home .banner h5 {
    writing-mode: vertical-rl;
    position: absolute;
    top: 0;
    margin-left: 216px;
    padding-top: 234px;
    height: 100%;
    line-height: 12.5px;
    margin-right: 70px;
    z-index: 2;
}

#home .banner .banner-wrapper {
    min-height: 900px;
}

#home .section-1 .section-wrapper {
    grid-template-columns: 38% 1% auto;
    padding: 80px 0;
    gap: 131px;
}

#home .section-1 .section-wrapper .section-left-col .section-left-col-content {
    max-width: 644px;
    width: 644px;
}

#home .section-1 .section-wrapper .divider {
    writing-mode: vertical-rl;
    height: 100%;
	width: 1px;
	background: #DEADBD;
}

#home .section-1 .section-left-col-content p {
    max-width: 581px;
}

#home .section-1 .section-right-col .section-right-col-content {
    max-width: 350px;
}

#home .section-1 .section-right-col .section-right-col-content .content-body h4 span {
    padding-right: 16px;
}

/* #home .section-1 .section-right-col .section-right-col-content .content-body span {
    margin-right: 16px;
    background: var(--gray-400);
    border-radius: 95px;
    max-width: 40px;
    min-height: 40px;
} */

#home .section-1 .section-right-col .section-right-col-content .content-body p {
    max-width: 327px;
    padding-left: 66px;
    padding-top: 4px;
    margin: 0;
}

#home .section-2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 600px;
}

#home .section-2 .section-2-content {
    max-width: 1033px;
}

#home .section-2 .section-2-content .seconda-heading h2 {
    width: 680px;
}

#home .section-3 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 600px;
}

#home .section-3 .section-3-content {
    max-width: 925px;
}

#home .section-3 .section-3-content .seconda-heading h2 {
    width: 720px;
}

/* ========== Home page END ========== */

/* ========== Our Services page ========== */

.service {
    padding: 80px 0;
}

.service .secvice-content p {
    padding-top: 8px;
}

.service .service-cards .cards-group {
    grid-row-gap: 24px;
    display: grid;
    justify-content: center;
}

.service .service-cards .card {
    width: 402.67px;
    padding: 32px 24px;
    background: linear-gradient(180deg, #fbf8f9 0%, rgba(255, 255, 255, 0) 100%);
    border-image: linear-gradient(to bottom, #DEADBD, rgba(114, 0, 38, 0)) 1 40%;
    border-bottom: 0;
}

.slick-list {
    margin-bottom: 24px;
}

.service .service-cards .card:hover {
    background: transparent;
    border: 0;
    transition: all 0.3s ease-out;
}

.service .service-cards .card:hover p {
    color: var(--clr-primary-300);
}

.mySlider {
    position: relative;
    padding-bottom: 40px;
}

.slick-dots {
    display: block;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    margin: 0;
    bottom: 0px;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
    margin-right: 10px;
}

.slick-dots li button {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 16px;
    background-color: var(--clr-primary-300);
    border: 1px solid #720026;
    color: var(--white);
    border-radius: 39px;
    width: 32px;
    height: 32px;
}

.slick-dots li.slick-active button {
    background-color: var(--white);
    color: var(--clr-primary-300);
    transition: all 0.3s ease-in-out;
}

/* ========== Our Services page END ========== */

/* ========== Get In Touch page ========== */

.get-in-touch .get-in-touch-content {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 566px;
}

.get-in-touch .get-in-touch-content {
    display: grid;
    grid-template-columns: 43% auto;
}

.get-in-touch .get-in-touch-content .get-in-touch-left-col {
    max-width: 610.29px;
}

.get-in-touch .get-in-touch-right-col {
    max-width: 525px;
}

.get-in-touch .get-in-touch-right-col form .form-control {
    border: 0;
    border-bottom: 1px solid var(--clr-secondary-200);
    border-radius: 0;
    padding: 0;
    color: var(--clr-primary-400);
}

.get-in-touch .get-in-touch-right-col form textarea.form-control {
    padding: 0;
}

/* ========== Get In Touch page END ========== */

/* =========== Aboutus ================ */

/* banner section */
#aboutus .banner {
    position: relative;
    top: 100px;
    margin-bottom: 100px;
    min-height: 800px;
}

#aboutus .banner .banner-wrapper .banner-video {
    min-height: 800px;
    height: 800px;
}

#aboutus .banner .banner-wrapper .banner-video video {
    width: 100%;
    object-fit: cover;
    min-height: 800px;
    height: 800px;
}

#aboutus .banner .banner-wrapper .banner-video-content {
    position: absolute;
    margin: 203px 299px 0;
    max-width: 595px;
    top: 0;
}

#aboutus .banner .divider {
    border-left: 1px solid var(--clr-primary-300);
    height: 100%;
    margin-left: 215.5px;
    padding-top: 234px;
    position: absolute;
    top: 0;
}

#aboutus .banner h5 {
    writing-mode: vertical-rl;
    position: absolute;
    top: 0;
    margin-left: 216px;
    padding-top: 234px;
    height: 100%;
    line-height: 12.5px;
    margin-right: 70px;
    z-index: 2;
}

#aboutus .banner .banner-wrapper {
    min-height: 800px;
}

#aboutus .section-2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 600px;
}

#aboutus .section-2 .section-2-content {
    max-width: 859px;
}

#aboutus .section-2 .section-2-content .seconda-heading h2 {
    width: 600px;
}

#aboutus .section-3 {
    grid-template-columns: 42% auto;
    gap: 80px;
}

#aboutus .section-3 .section-left-col h2 {
    max-width: 467px;
}

#aboutus .section-3 .section-left-col p {
    max-width: 467px;
}


#aboutus .section-3 .section-right-col {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 600px;
    max-width: 100%;
}

#aboutus .section-4 {
    grid-template-columns: auto 42%;
    gap: 80px;
}

#aboutus .section-4 .section-left-col h2 {
    max-width: 467px;
}

#aboutus .section-4 .section-left-col p {
    max-width: 467px;
}

#aboutus .section-4 .section-right-col {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 600px;
    max-width: 100%;
}

#aboutus .section-5 {
    grid-template-columns: 42% auto;
    gap: 80px;
}

#aboutus .section-5 .section-left-col h2 {
    max-width: 467px;
}

#aboutus .section-5 .section-left-col p {
    max-width: 467px;
}

#aboutus .section-5 .section-right-col {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 600px;
    max-width: 100%;
}

/* ============ END Aboutus ============ */

/* ============= Service =============== */
/* banner section */
#service .banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 800px;
    position: relative;
    margin-top: 100px;
}

#service .banner .banner-wrapper .banner-video-content {
    position: absolute;
    margin: 203px 299px 0;
    max-width: 595px;
    top: 0;
}

#service .banner .divider {
    border-left: 1px solid var(--clr-primary-300);
    height: 100%;
    margin-left: 215.5px;
    padding-top: 234px;
    position: absolute;
    top: 0;
}

#service .banner h5 {
    writing-mode: vertical-rl;
    position: absolute;
    top: 0;
    margin-left: 216px;
    padding-top: 234px;
    height: 100%;
    line-height: 12.5px;
    margin-right: 70px;
    z-index: 2;
}

#service .banner .banner-wrapper {
    min-height: 800px;
}

/* 
#service .get-in-touch .get-in-touch-content {
    grid-template-columns: 38% auto;
} */
#service .get-in-touch .get-in-touch-body {
    gap: 105px;
    grid-template-columns: auto 49%;
}

#service .get-in-touch .get-in-touch-content .get-in-touch-left-col {
    max-width: 611px;
}

/* ============== END Service =============== */

/* ============== contactus =============== */

#contactus .navbar ul li a {
    color: var(--clr-primary-100) !important;
}

#contactus .get-in-touch {
    margin-top: 100px;
}

#contactus .get-in-touch .get-in-touch-content {
    grid-template-columns: 37% auto;
    background-size: contain;
}

#contactus .get-in-touch .get-in-touch-right-col form .form-control {
    background-color: transparent;
}

#contactus .contactus-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 64px;
    margin-bottom: 32px;
}

/* ===============Contactus END================= */
/* ============ END Aboutus ============ */

/* ============  Privacy Policy ============  */

#PrivacyPolicy .privacy-policy {
    position: relative;
    top: 100px;
    margin-bottom: 100px;
}

#PrivacyPolicy .privacy-policy .privacy-policy-container {
    max-width: 1204px;
}

#PrivacyPolicy .navbar-expand-lg .navbar-nav .nav-link {
    color: var(--clr-primary-100) !important;
}

#PrivacyPolicy h5 {
    font-size: 20px;
}

/* ============  End Privacy Policy ============  */

/* ============ 404 ============  */

#FourZeroFour .section-404 {
    position: relative;
    top: 100px;
    margin-bottom: 100px;
}

#FourZeroFour .navbar-expand-lg .navbar-nav .nav-link {
    color: var(--clr-primary-100) !important;
}

/* ============  End 404 ============  */

/* ============ Modal Popup ============  */

.modal-dialog {
    max-width: 710px;
}

.modal-body {
    padding: 56px;
    gap: 16px;
    background-color: white;
}
.modal-body h3{
	color: var(--clr-primary-400);
}
.modal-body p{
	color: var(--clr-primary-400);
}

/* ============  End Modal Popup ============  */

/* ========== Footer ========== */

.footer {}

.footer p.copy-right {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 151.19%;
}

.footer .footer-wrapper {
    gap: 36px;
}

.footer h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 132.69%;
    text-transform: capitalize;
}

.footer .footer-links ul {
    padding: 0;
    margin: 0;
}

.footer .footer-links ul li {
    list-style: none;
    padding-bottom: 8px;
}

.footer .footer-links ul li a {
    text-decoration: none;
    color: var(--clr-primary-200) !important;
}

.footer .footer-company p {
    line-height: 184.19%;
}

.footer .footer-contact p {}

/* ========== Footer END========== */

/* All Media */
@media (max-width: 1600px) {
    /* home page */

    #home .banner .divider {
        margin-left: 40px;
    }

    #home .banner h5 {
        margin-left: 40px;
    }

    #home .banner .banner-wrapper .banner-video-content {
        margin-left: 100px;
    }

    #home .section-1 .section-wrapper {
        grid-template-columns: 47% 1% auto;
    }

    .get-in-touch .get-in-touch-content {
        grid-template-columns: 52% auto;
    }

    #aboutus .section-3 {
        grid-template-columns: 37% auto;
    }

    #aboutus .section-4 {
        grid-template-columns: auto 37%;
    }

    #aboutus .section-5 {
        grid-template-columns: 37% auto;
    }

    #contactus .get-in-touch .get-in-touch-content {
        grid-template-columns: 54% auto;
        background-size: cover;
    }
}

@media (max-width: 1400px) {

    #aboutus .section-3 {
        grid-template-columns: 42% auto;
        gap: 40px;
    }

    #aboutus .section-4 {
        grid-template-columns: auto 42%;
        gap: 40px;
    }

    #aboutus .section-5 {
        grid-template-columns: 42% auto;
        gap: 40px;
    }

    /* footer */
    .footer .footer-wrapper {
        gap: 28px;
    }

    .get-in-touch .get-in-touch-content {
        grid-template-columns: 52% auto;
    }
}

@media (max-width: 1400px) {

    /* footer */
    .footer .footer-wrapper {
        gap: 28px;
    }
}

@media (max-width: 768px) {

    /* header */
    .header-wrapper {
        padding: 16px 24px;
        position: fixed;
        max-width: 100%;
        width: 100%;
        height: 80px;
        z-index: 15;
    }

    .header-wrapper ul {
        gap: 37px;
        padding: 40px 24px;
        text-align: end;
    }

    .header-wrapper ul li a {
        font-weight: 600 !important;
        font-size: 20px !important;
        line-height: 132.69%;
        padding: 0;
        color: var(--white) !important;
    }

    .header-wrapper button {
        font-family: "Manrope";
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 32px;
        text-transform: capitalize;
        padding: 0;
    }

    .header-wrapper .navbar-brand {
        display: grid;
        align-items: center;
    }

    .navbar-collapse {
        position: absolute;
        top: 80px;
        right: 0;
        text-align: center;
        width: 100%;
        z-index: 15;
        transition: all ease-in-out 0.3s;
        background-image: url("../images/header/overlay.png");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .navbar-collapse.collapsing {
        right: -100%;
        transition: all 0.3s ease-in-out;
    }

    .navbar-collapse.show {
        right: 0;
        transition: all 0.3s ease-in-out;
    }

    .navbar-toggler.collapsed~.navbar-collapse {
        transition: right 0.3s ease-in-out;
    }

    .navbar button.navbar-toggler.collapsed::after {
        content: "menu";
    }

    .navbar button.navbar-toggler::after {
        content: "close";
    }

    /* cards */
    /* cards */
    .card-1 {
        height: 292px;
    }

    .card-2 {
        height: 402px;
    }

    .card-3 {
        height: 347px;
    }

    .card-4 {
        height: auto;
    }

    .card-5 {
        height: 522px;
    }

    .card-6 {
        height: 412px;
    }

    .card-7 {
        height: auto;
    }

    .card-8 {
        height: 411.67px;
    }

    .card-9 {
        height: 441.67px;
    }

    .card-10 {
        height: auto;
    }

    /* banner section */
    #home .banner {
        position: relative;
        top: 80px;
        margin-bottom: 74px;
    }

    #home .banner .banner-wrapper .banner-video video {
        width: 100%;
        object-fit: cover;
        min-height: auto;
        height: 600px;
    }

    #home .banner .banner-wrapper {
        min-height: auto;
    }

    #home .banner .banner-wrapper .banner-video-content {
        position: absolute;
        top: 0px;
        padding: 88px 22px 88px 24px;
        margin: 0;
    }

    #home .section-1 .section-wrapper {
        padding: 40px 24px;
        gap: 35px;
        grid-template-columns: 100%;
    }

    #home .section-1 .section-wrapper .section-left-col .section-left-col-content {
        width: auto;
    }

    #home .section-1 .section-right-col .section-right-col-content .content-body p {
        padding-left: 65px;
    }

    #home .section-1 .section-wrapper .divider {
        writing-mode: horizontal-tb;
        height: auto;
    }

    #home .section-2 {
        background-image: url("../images/home/section-2-mobile-bg.png") !important;
    }

    #home .section-2 .section-2-content {
        padding: 60px 24px;
    }

    #home .section-2 .section-2-content .seconda-heading h2 {
        width: auto;
    }

    #home .section-3 {
        background-image: url("../images/home/section-3-mobile-bg.png") !important;
    }

    .service {
        padding: 32px 24px;
        display: block !important;
    }

    .service .service-content p {
        max-width: 327px;
        width: 204px;
    }

    .service-cards {
        display: block !important;
    }

    .service .service-cards .card {
        width: 327px;
    }

    #home .section-3-content {
        width: auto;
        padding: 40px 24px;
    }

    #home .section-3 .section-3-content .seconda-heading h2 {
        width: auto;
    }

    .get-in-touch {
        padding: 0;
    }

    .get-in-touch .get-in-touch-content {
        background-image: none !important;
        grid-template-columns: 100%;
        padding: 0;
    }

    .get-in-touch .get-in-touch-left-col {
        background-image: url("../images/home/get-in-touch-bg-mobile.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding: 32px 24px;
    }

    .get-in-touch .get-in-touch-right-col {
        padding: 32px;
    }

    /* 404 */
    #FourZeroFour .section {
        position: relative;
        top: 80px;
        margin-bottom: 74px;
    }

    /* End 404 */

    /* Privacy Policy */
    #PrivacyPolicy .privacy-policy .privacy-policy-container {
        padding: 0 24px;
    }

    #PrivacyPolicy .privacy-policy {
        padding: 32px 0;
        position: relative;
        top: 80px;
        margin-bottom: 74px;
    }

    /* End Privacy Policy */

    /* Aboutus */
    #aboutus .banner {
        position: relative;
        top: 80px;
        margin-bottom: 74px;
        min-height: auto;
        height: auto;
    }

    #aboutus .banner .banner-wrapper .banner-video {
        min-height: auto;
        height: auto;
    }

    #aboutus .banner .banner-wrapper .banner-video video {
        width: 100%;
        object-fit: cover;
        min-height: auto;
        height: 600px;
    }

    #aboutus .banner .banner-wrapper {
        min-height: auto;
    }

    #aboutus .banner .banner-wrapper .banner-video-content {
        position: absolute;
        top: 0px;
        padding: 88px 24px;
        margin: 0;
    }

    #aboutus .section-2 {
        background-image: url("../images/aboutus/section-2-mobile-bg.png") !important;
        min-height: auto;
        height: 600px;
        padding: 65px 0 74px;
    }

    #aboutus .section-2 .section-2-content {
        padding: 0 24px;
    }

    #aboutus .section-2 .section-2-content .seconda-heading h2 {
        width: auto;
    }

    #aboutus .section-3 {
        grid-template-columns: 100%;
        display: flex !important;
        flex-direction: column-reverse;
        gap: 0;
    }

    #aboutus .section-3 .section-left-col {
        padding: 24px !important;
    }

    #aboutus .section-3 .section-right-col {
        background-image: url("../images/aboutus/section-2-mobile-img.png") !important;
        min-height: 278px;
        height: 278px;
        width: 100%;
    }

    #aboutus .section-4 {
        grid-template-columns: 100%;
        gap: 0;
    }

    #aboutus .section-4 .section-left-col {
        padding: 24px !important;
    }

    #aboutus .section-4 .section-right-col {
        background-image: url("../images/aboutus/section-4-mobile-img.png") !important;
        min-height: 278px;
        height: 278px;
        width: 100%;
    }

    #aboutus .section-5 {
        grid-template-columns: 100%;
        display: flex !important;
        flex-direction: column-reverse;
        gap: 0;
    }

    #aboutus .section-5 .section-left-col {
        padding: 24px !important;
    }

    #aboutus .section-5 .section-right-col {
        background-image: url("../images/aboutus/section-5-mobile-img.png") !important;
        min-height: 278px;
        height: 278px;
        width: 100%;
    }

    /* service */

    #service .banner {
        background-image: url("../images/service/banner-mobile-bg.png") !important;
        margin-top: 82px;
        min-height: 597px;
    }

    #service .banner .banner-wrapper {
        min-height: 597px;
    }

    #service .banner .banner-wrapper .divider {
        display: none;
    }

    #service .banner .banner-wrapper h5 {
        display: none;
    }

    #service .banner .banner-wrapper .banner-video-content {
        margin: 0;
        padding: 154px 24px;
    }

    #service .get-in-touch .get-in-touch-content {
        grid-template-columns: 100%;
    }

    #service .get-in-touch .get-in-touch-body {
        grid-template-columns: 100%;
        gap: 0;
    }

    /* contactus */
    #contactus .get-in-touch {
        margin-top: 80px;
    }

    #contactus .get-in-touch .get-in-touch-content {
        grid-template-columns: 100%;
    }

    #contactus .get-in-touch .get-in-touch-left-col {
        background-color: transparent;
        background-image: none;
    }

    #contactus .contactus-img {
        margin-bottom: 16px;
    }

    /* 404 */
    .section-404 button {
        margin-top: 16px;
    }

    /* Footer */
    footer {
        padding: 64px 24px !important;
    }

    /* Footer */
    footer {
        padding: 64px 24px !important;
    }

    .footer .footer-wrapper {
        gap: 24px;
    }

    .footer p.copy-right {
        text-align: center;
    }

    footer .footer-wrapper .footer-logo {
        display: grid;
        justify-content: center;
    }

    footer .footer-wrapper .footer-links {
        text-align: center;
    }

    footer .footer-wrapper .footer-company {
        text-align: center;
    }

    footer .footer-wrapper .footer-contact {
        text-align: center;
    }

    footer .footer-wrapper h5 {
        padding-bottom: 8px;
    }

    .footer .footer-company p {
        padding-top: 8px;
    }
}