.section1 {
    background-color: #fff;
    border-bottom: 0.5px solid black;
    padding: 1%;
    padding-bottom: 30px;
}

.section-background {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50px;
    animation: bgcimageAnimation 40s linear infinite; /* Slower animation for better visibility */
    position: relative;
}

@keyframes bgcimageAnimation {
    0% {
        background-image: url('/Assets/Images/banner-img/banner-img1.webp');
        opacity: 0.8; /* Partially visible */
    }
    10% {
        opacity: 1; /* Fully visible */
    }
    18% {
        opacity: 1; /* Stay fully visible */
    }
    20% {
        opacity: 0.8; /* Fade to partially visible */
    }

    22% {
        background-image: url('/Assets/Images/banner-img/banner-img2.webp');
        opacity: 0.8; /* Start at partially visible */
    }
    32% {
        opacity: 1; /* Fully visible */
    }
    40% {
        opacity: 1; /* Stay fully visible */
    }
    42% {
        opacity: 0.8; /* Fade to partially visible */
    }

    44% {
        background-image: url('/Assets/Images/banner-img/banner-img3.webp');
        opacity: 0.8; /* Start at partially visible */
    }
    54% {
        opacity: 1; /* Fully visible */
    }
    62% {
        opacity: 1; /* Stay fully visible */
    }
    64% {
        opacity: 0.8; /* Fade to partially visible */
    }

    66% {
        background-image: url('/Assets/Images/banner-img/banner-img4.webp');
        opacity: 0.8; /* Start at partially visible */
    }
    76% {
        opacity: 1; /* Fully visible */
    }
    84% {
        opacity: 1; /* Stay fully visible */
    }
    86% {
        opacity: 0.8; /* Fade to partially visible */
    }

    88% {
        background-image: url('/Assets/Images/banner-img/banner-img5.webp');
        opacity: 0.8; /* Start at partially visible */
    }
    98% {
        opacity: 1; /* Fully visible */
    }
    100% {
        opacity: 1; /* Stay fully visible */
    }
}

.section1-heading {
    visibility: hidden;
    width: 62%;
    overflow: hidden !important;
    padding-left: 50px;
}

.section1-heading-content {
    display: flex;
    justify-content: end;
    width: 100%;
    padding-left: 80px;
    padding-top: 100px;
    padding-bottom: 80px;
}

.section1-heading-text {
    font-size: 0px;
}

#dream {
    color: white;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 0.7px;
}

.section1-heading-caption {
    color: white;
    font-family: var(--font2);
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 1.5px;
    padding-top: 10px;
}

.getcontainer {
    width: 100%;
    text-align: end;
    margin-top: 450px;
    padding-right: 10%;
    height: 50px;
    transform: translateY(50px);
}

.getbtn {
    height: 40px;
    width: 180px;
    border: none;
    background: transparent;
    font-size: 20px;
    cursor: pointer;
    transition: 0.8s;
    position: relative;
    overflow: hidden;
}

.getbtn1 {
    color: #fff;
}

.getbtn1:hover {
    color: #fff;
}

.getbtn::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 15%;
    height: 100%;
    background: #FFFFFF26 !important;
    /* z-index: 1; */
    transition: 0.8s;
}

.getbtn1::before {
    top: 0;
    border-radius: 20px;
}

.getbtn1:hover::before {
    width: 100%;
}

#getInTouch {
    text-decoration: none;
    color: white;
    font-family: var(--font2);
    font-size: 20px;
    font-weight: 400;
    position: relative;
    left: 5px;
    top: -6px;
}

#getArrow {
    width: 30px;
    height: 30px;
    /* border: 2px solid red; */
    position: relative;
    top: 9px;
    left: 5px;
    visibility: hidden;
    z-index: 45;
}

.section1-heading .slick-dots {
    padding-top: 70px;
    display: flex;
    gap: 10px;
}

.section1-heading .slick-dots li {
    list-style-type: none;
}

.section1-heading .slick-dots li button {
    width: 0px;
    height: 0px;
    color: transparent;
    /* color: red; */
    border-radius: 50%;
    border: none;
    background-color: transparent;
    font-size: 0px;
    transition: all 1s linear;
}

.section1-heading .slick-dots .slick-active button {
    width: 0px;
    height: 0px;
    border-radius: 20px;
    border: none;
    background-color: transparent;
    font-size: 0px;
}

/* --------------------------------------Our Services----------- */

.section2 {
    padding: 30px 1%;
    /* padding-bottom: 0px; */
    background-color: white;
    border-bottom: 1px solid black;

    /* overflow: hidden !important; */
}

.ourservice-section {
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.section2-ourservices-aside1 {
    width: 36%;
}

.section2-ourserives-aside2 {
    width: 61%;
}

.our {
    font-family: var(--font2);
    font-weight: 500;
    padding-top: 30px;
}

.ourserviceOur {
    /* margin-left: 5%; */
    color: black;
}

.ourserviceService {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 15px;
    padding-top: 0;
    margin-left: 10%;
    margin-bottom: -20px;
}

.ourservicesCaption {
    font-size: 20px;
    margin-left: 10%;
}

.oursercaption {
    padding-top: 10%;
}

.miniheading {
    color: var(--brown-color);
    font-size: 36px;
    /* padding-top: 50px; */
    margin-left: 10%;
}

.miniheading-caption {
    font-size: 20px;
    margin-top: 10px;
    margin-left: 10%;
}

.our-service-slider {
    padding-top: 50px;
    /* display: flex;
    flex-direction: row; */
}

.text-arrow-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* .our_ser_Arrow {
    padding-left: 450px !important;
    transform: translateY(-150px);
} */

.ourService-aside-slider2 .slick_btn {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    color: black;
    font-size: 16px;
    font-weight: 900;
    padding-left: 50px;
    position: absolute;
    cursor: pointer !important;
    /* left: -50px;
    top: 355px; */
}

.ourService-aside-slider2 .next_btn {
    right: 40px;
    bottom: -60px;
}

.ourService-aside-slider2 .prev_btn {
    /* top: 0px; */
    bottom: -60px;
    left: -15px;
}

.ourService-aside-slider2 .slick-dots li {
    list-style-type: none;
    height: 25%;
}

.ourService-aside-slider2 .slick-dots {
    width: 1px;
    height: 95%;
    border-radius: 10px;
    position: absolute;
    top: 16px;
    left: -10px;
    /* transform: translateY(-517px); */
    background-color: #D9D9D9;
    gap: 0px;
}

.ourService-aside-slider2 .slick-dots li button {
    width: 5px;
    height: 100%;
    color: transparent;
    /* padding-right: 2px; */
    transform: translateX(-2px);
    border-radius: 10px;
    border: none;
    background-color: transparent;
    font-size: 5px;
    transition: all 1s linear;
    cursor: pointer !important;
}

.ourService-aside-slider2 .slick-dots .slick-active button {
    border-radius: 20px;
    border: none;
    background-color: #51372A;
    font-size: 5px;
}


/*   section part 2*/
.ourservices-images {
    /* overflow: hidden !important; */
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between;
    width: 100%;
}

.ourser-images1,
.ourser-images2 {
    width: 48%;
    height: 70vh;
    border-radius: 30px;
}


/* ------------------------------------section3 about company------- */

.section3 {
    background-color: #fff;
    border-bottom: 1px solid black;
    padding: 1%;
    padding-bottom: 30px;
    padding-top: 30px;
    overflow: hidden;
}

.about-company-section {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.company-text {
    padding-left: 7%;
}

#aboutCompanyline {
    padding-left: 160px;
    margin-bottom: 10px !important;
}

.aboutText {
    padding-top: 50px;
}

.aboutcompany-caption {
    /* padding-top: 40px; */
    /* padding-left: 5%; */
    /* margin-left: 0; */
}

.aboutcompany-block {
    /* width: 80%; */
    display: flex;
    padding: 10px;
    flex-direction: column;
    margin-left: 15%;
    /* justify-content: space-evenly; */
    gap: 25%;
    /* align-items: center; */
    position: relative;
}

.aboutcompanyaside1-card1 {
    padding-top: 3%;
    display: flex;
    flex-direction: row;
}

.aboutcompanyaside1-card2 {
    margin-top: -4%;
    padding-top: 4%;
    display: flex;
    flex-direction: row;
}

.aboutcompanyaside1-card3 {
    margin-top: -10px;
    padding-top: 1%;
    display: flex;
    flex-direction: row;
}

.aboutcompany-block * {
    position: relative;
    z-index: 1;
}

.aboutcompany-block .about-bg-border {
    position: absolute;
    top: 5%;
    left: -6%;
    width: 70%;
    height: 95%;
    z-index: 0;
    border-radius: 30px;
    border: 1px solid black;
}

.aboutcompany-text,
.about-text-caption {
    font-family: var(--font2);
    font-size: 36px;
    font-weight: 400;
}

.about-text-caption {
    font-size: 20px;
}


.aboutcompany-aside2 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-right: 100px;
}

.aboutcompany-content-line {
    margin-top: -10px;
    margin-left: -4%;
}

.aboutcompanyaside1-card1-content {
    margin-top: 5%;
    margin-left: -4%;
}

.aboutcompanyaside1-card2-content {
    margin-top: 2%;
}

.aboutcompanyaside1-card3-content {
    margin-top: 2%;
}

.about-company-aside2-card1 {
    margin-left: 10%;
}

.about-company-aside2-card2 {
    margin-top: -20px;
    margin-left: 10%;
}

.about-company-aside2-card3 {
    margin-top: -20px;
    margin-left: 10%;
}

.our-company-text {
    margin-left: 36%;
}

/* ----------------------------------------Our Project------------------- */

/* **************************** */
#ourprojectblock {
    background-color: white;
    border-bottom: 1px solid black;
    padding: 1%;
}

.our-project-pro {
    margin-left: 18%;
}

#ourproject {
    display: flex;
    position: relative;
    left: 65px;
    top: 20px;
}

#ourProjectProject {
    font-family: var(--font1);
    font-weight: 400;
    font-size: 70px;
    position: relative;
    left: 85px;
    color: rgb(74, 21, 21);
}


#ourprojectArrow {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    position: relative;
    left: 372px;
    top: 72px;
    border: none;
}

#ourprojectimage {
    position: relative;
    top: 20px;
    left: -42px;
}

#slider_contentblock {
    width: 70%;
    height: 650px;
    margin: auto;
    overflow: hidden;
}

#slider_content {
    width: 100%;
    padding: 90px 0 0;
}

#slider_content * {
    overflow: visible;
}

.Mini_slider {
    scale: 1;
    transition: all 0.3s linear;
    z-index: 6;
    position: relative;
}

#slider_content .sliderimages {
    width: 100%;
    height: 420px;
    position: relative;
    top: 30px;
    filter: blur(5px);
}

#slider_content .slick-current {
    scale: 1.4 !important;
    z-index: 10;
    position: relative;
    width: 200px !important;
}

.small_slides {
    scale: 1.2;
    z-index: 8;
}

#slider_content .slick-current .sliderimages {
    filter: blur(0px);
}

#our_project_slider_content_caption .slick_btn {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: black;
    color: white;
    font-size: 20px;
    position: absolute;
    /* position: relative; */
    /* top: 50%; */
    z-index: 2000000 !important;
    cursor: pointer !important;
}

#our_project_slider_content_caption .next_btn {
    left: 175%;
    top: -10px;
    cursor: pointer !important;
}

#our_project_slider_content_caption .prev_btn {
    right: 175%;
    top: -10px;
    cursor: pointer !important;
}

#our_project_slider_content_caption .slick-dots {
    position: relative;
    left: 100px;
    display: flex;
    gap: 3px;
}

#our_project_slider_content_caption .slick-dots li {
    list-style-type: none;
}

#our_project_slider_content_caption .slick-dots li button {
    width: 10px;
    height: 10px;
    color: transparent;
    /* color: red; */
    border-radius: 50%;
    border: none;
    background-color: black;
    font-size: 5px;
    transition: all 1s linear;
    cursor: pointer !important;
}

#our_project_slider_content_caption .slick-dots .slick-active button {
    width: 23px;
    height: 10px;
    margin-top: 7px;
    /* margin-left: 10px; */
    /* color: red; */
    border-radius: 20px;
    border: none;
    background-color: #D9BC72;
    font-size: 5px;
}

#our_project_caption {
    width: 50%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#our_project_slider_content_caption {
    height: inherit;
    width: inherit;
    position: relative;
    /* top: -10px; */
    /* left: 35px; */
}

.our_project_caption_text {
    font-family: var(--font2);
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    /* color: red; */
}

/* **************************** */

/* -------------------------------------------------Our portfolio-------------------- */

.section4 {
    background-color: #fff;
    border-bottom: 1px solid black;
    padding: 1%;
    padding-bottom: 30px;
    padding-top: 30px;
}

.our-port-section {
    display: flex;
    justify-content: space-between;
}

#aboutportline {
    width: 525px;
    padding-left: 150px;
    margin-bottom: 10px;
}

.our-port-section1 {
    width: 40%;
}

.ourport-caption {
    padding-top: 50px;
    margin-left: 10%;
}

.our_port_Arrow {
    padding-top: 200px;
    padding-left: 10%;
}


.our-port-section2 {
    width: 60%;
    display: flex;
    flex-direction: row;
    padding-left: 53px;
    justify-content: space-between;
    padding-top: 20px;
}

.ourport-section2-block1,
.our-port-section2-block2 {
    width: 100%;
    padding: 10px;
    padding-top: 0;
}

.ourportimage1 {
    width: 100%;
    height: 55vh;
    border-radius: 20px;
}

.ourportimage2 {
    width: 100%;
    height: 20vh;
    border-radius: 20px;
}

/* ---------------------------------------------------testimonial section----------------------- */

.section5 {
    background-color: #fff;
    border-bottom: 1px solid black;
    padding: 1%;
    padding-top: 30px;
    padding-bottom: 40px;
}

.test-aside1 {
    width: 43%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.test-aside2 {
    width: 57%;
}

.testmonial {
    margin-left: 0;
}

.client-says {
    margin-left: 9%;
}

.our_test_Arrow {
    padding-left: 9%;
}

.section5-block {
    display: flex;
    flex-direction: row;
}

.test-content {
    border: 1px solid black;
    border-radius: 30px;
    width: 95%;
    margin: 10px 0px 0 0;
    padding: 30px 0 0px;
    background-image: url(/Assets/Images/quote.png);
    background-size: 22%;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 30px;
}

.test-content-parent {
    padding: 20px 30px;
}

.test-content-parent2 {
    display: flex;
    flex-direction: row;
    gap: 50px;
    padding: 50px 30px;
}

.test-text {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 3%;
    line-height: 23px;
}

.test-name {
    margin-top: 100px;
}

.name-of-person {
    padding-top: 20px;
    font-size: 20px;
    font-weight: 600;
}

.test-image {
    object-fit: cover;
}

#test-smile-image {
    height: 100%;
}

#test-aside2-caresel .slick_btn {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    color: black;
    font-size: 16px;
    font-weight: 900;
    padding-left: 0px;
    position: absolute;
    left: -80px;
    top: 300px;
    cursor: pointer !important;
}

#test-aside2-caresel .next_btn {
    left: -82px;
}

#test-aside2-caresel .prev_btn {
    left: -153px;
}

#test-aside2-caresel .slick-dots li {
    list-style-type: none;
    width: 50%;
}

.text-content-parent2 {
    display: flex;
    flex-direction: row;
}

#test-aside2-caresel .slick-dots {
    width: 95%;
    /* width: 1200px; */
    height: 15px;
    border-radius: 10px;
    position: relative;
    top: 20px;
    display: flex;
    flex-direction: row !important;
    background-color: #D9D9D9;
    /* border: 2px solid black; */
    gap: 0px;
}

#test-aside2-caresel .slick-dots li button {
    /* width: 197px; */
    width: 94%;
    height: 8px;
    position: relative;
    top: -5px;
    left: 4px;
    color: transparent;
    /* color: red; */
    border-radius: 10px;
    border: none;
    background-color: #D9D9D9;
    font-size: 5px;
    transition: all 1s linear;
    cursor: pointer !important;
}

#test-aside2-caresel .slick-dots .slick-active button {
    /* margin-left: 10px; */
    /* color: red; */
    border-radius: 20px;
    border: none;
    background-color: black;
    font-size: 5px;
}

/* ------------------------------------------contact page----------------------- */

/* section5(contact from) */
.section5 {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    /* margin-bottom: -10%; */
}

.section6-contactus {
    padding-top: 0px;
    width: 100%;
    margin: auto;
    margin: 0;
    margin-top: -15px;
}

.section-contact {
    width: auto;
    height: 100%;
    padding: 30px;
    margin: auto;
    margin-left: 4%;
    display: flex;
    flex-direction: row;
    /* border-radius: 40px; */
    background-image: url(/Assets/Images/form\ bgc.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.slider-contact {
    width: 40% !important;
    height: 500px;
    object-fit: cover;
}

.footer-image-container {
    width: 100%;
}

.footer-images {
    width: 100%;
    height: 69vh;
    border-radius: 40px;
    margin-top: 2%;
}

.form-container {
    width: 50%;
    padding-left: 30px;
}

.form-heading {
    font-family: var(--font2);
    font-weight: 700;
    font-size: 32px;
    color: #E2DDD0;
}

.form-caption {
    color: #E2DDD0;
    font-family: var(--font2);
    font-size: 20px;
    font-weight: 400;
    padding-top: 5px;
}

.label1 {
    color: #E2DDD0;
    font-family: var(--font2);
    font-size: 20px;
}

.fullName {
    width: 570px;
    /* height: 52px; */
    border-radius: 15px;
    padding: 15px;
    color: white;
    background: transparent;
    border: 1.2px solid #E2DDD0;
    font-family: var(--font2);
    font-size: 18px;
}

.form-block {
    padding-top: 20px;
}

.fullName::placeholder {
    padding: 10px;
    font-size: 16px;
}

.comment {
    width: 570px;
    height: 50px;
    border-radius: 15px;
    background: transparent;
    border: 1.2px solid #E2DDD0;
}

.send {
    width: 120px;
    height: 40px;
    border: 1px solid #E2DDD0;
    border-radius: 15px;
    background: transparent;
    color: white;
    cursor: pointer !important;
    margin-top: -13px;
}

#sendimage {
    position: relative;
    top: 7px;
}

#formpre {
    position: relative;
    top: -12px;
    font-family: var(--font2);
    font-size: 14px;
    color: #E2DDD0;
    margin-top: -3px;
}


/* -----------------------------------mail dialog box----- */
.mail-success-box {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0px;
    background-color: rgba(0, 0, 0, .1);
    backdrop-filter: blur(5px);
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 10;
    object-fit: cover;
    display: none;
}

.mail-notification-block {
    border: 2px solid black;
    background-image: url(./Images/form\ bgc.png);
    background-position-y: -50px;
    background-position-x: 0px;
    border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    padding: 20px;
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#mail-message {
    color: white;
    font-family: var(--font1);
    font-size: 40px;
    font-weight: 200;
}

#mail-message-caption {
    color: white;
    font-family: var(--font2);
}

.close {
    background-color: rgb(4, 19, 4);
    color: white;
    margin-top: 20px;
    padding: 7px 10px;
    border-radius: 10px;
    border: 1px solid black;
}

/* large screens */
@media screen and (min-width: 1600px) {
    .section5 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section6-contactus {
        width: 100%;
        margin: 0;
        padding-top: 0;
    }

    .section-contact {
        width: 75%;
        /* Adjusted for large screens while maintaining the layout */
        height: auto;
        margin: auto;
        padding: 30px;
        display: flex;
        flex-direction: row;
        background-image: url(/Assets/Images/form\ bgc.png);
        background-size: cover;
        /* Ensures the background image covers the section */
        background-repeat: no-repeat;
        background-position: center;
        /* Center the background image */
        border-radius: 40px;
        /* Optional: Add border-radius if needed for design consistency */
    }

    .slider-contact {
        width: 45%;
        /* Adjusted width to fit larger screens */
        height: 500px;
        /* Fixed height for consistency */
        object-fit: cover;
        /* Ensures images cover their container */
    }

    .footer-image-container {
        width: 100%;
    }

    .footer-images {
        width: 100%;
        height: 55vh;
        /* Adjusted height to fit well within the container */
        border-radius: 40px;
        padding-left: 5px;
        object-fit: cover;
        /* Ensures images cover their container */
    }

    .form-container {
        width: 50%;
        padding-left: 30px;
    }

    .form-heading {
        font-family: var(--font2);
        font-weight: 700;
        font-size: 32px;
        color: #E2DDD0;
    }

    .form-caption {
        color: #E2DDD0;
        font-family: var(--font2);
        font-size: 20px;
        font-weight: 400;
        padding-top: 5px;
    }

    .label1 {
        color: #E2DDD0;
        font-family: var(--font2);
        font-size: 20px;
    }

    .fullName,
    .comment {
        width: 100%;
        max-width: 570px;
        /* Ensures form fields don't exceed desired width */
        border-radius: 15px;
        padding: 15px;
        background: transparent;
        border: 1.2px solid #E2DDD0;
        font-family: var(--font2);
        font-size: 18px;
    }

    .fullName::placeholder {
        font-size: 16px;
    }

    .comment {
        height: 100px;
        /* Increased height for better usability on larger screens */
    }

    .send {
        width: auto;
        max-width: 157px;
        height: 40px;
        border: 1.5px solid #E2DDD0;
        border-radius: 15px;
        background: transparent;
        color: white;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #sendimage {
        width: 20px;
    }

    #formpre {
        font-family: var(--font2);
        font-size: 14px;
        color: #E2DDD0;
        padding-top: 25px;
    }
}

/* small screens */
@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .section5 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section6-contactus {
        width: 100%;
    }

    .section-contact {
        width: 80%;
        height: auto;
        margin: auto;
        padding: 30px;
        flex-direction: row;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .slider-contact {
        width: 40% !important;
        height: auto;
        /* Adjust height based on content */
    }

    .footer-images {
        width: 100%;
        height: 400px;
    }

    .form-container {
        width: 50%;
        padding-left: 30px;
    }

    .fullName,
    .comment {
        width: 100%;
        height: 15px;
    }

    .send {
        width: auto;
    }

    #sendimage {
        position: relative;
        /* top: 7px; */
        width: 20px;
    }

    #formpre {
        position: relative;
        top: -15px;
        font-family: var(--font2);
        font-size: 14px;
        color: #E2DDD0;
    }
}

/* mobile view  */
@media (max-width: 767px) {
    .section5 {
        padding: 5%;
        margin-bottom: 0;
    }

    .section6-contactus {
        padding-top: 0px;
    }

    .section-contact {
        flex-direction: column;
        height: auto;
        padding: 25px;
        background-size: cover;
        background-position: center;
        border-radius: 40px;
    }

    .slider-contact {
        width: 100% !important;
        height: auto;
    }

    .footer-images {
        height: 200px;
        border-radius: 20px;
    }

    .form-container {
        width: 100%;
        padding-left: 0;
        padding-top: 5px;
    }

    .form-heading {
        font-size: 20px;
        padding-top: 15px;
    }

    .form-caption {
        font-size: 14px;
    }

    .fullName,
    .comment {
        width: 100%;
        font-size: 14px;
        box-sizing: border-box;
    }

    .comment {
        height: auto;
        font-size: 14px;
    }

    .send {
        width: 35%;
        height: auto;
        padding: 5px;
        padding-bottom: 10px;
        font-size: 14px;
    }

    #sendimage {
        position: relative;
        top: 3px;
        width: 20px;
    }

    #formpre {
        position: relative;
        top: 0;
        font-size: 20px;
        padding-top: 5px;
    }

    /* Mobile view for mail dialog box */
    .mail-notification-block {
        width: 90%;
        padding: 15px;
    }

    #mail-message {
        font-size: 24px;
    }

    #mail-message-caption {
        font-size: 14px;
    }
}