.section1 {
    padding: 1% 7% 2%;
}

.section1-parent-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 8%;
}

.section1 .mini-container1 {
    width: 42%;
}

.section1 .mini-container2 {
    width: 47%;
}

.image-container {
    width: 90%;
    height: 70vh;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
}

.images {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-heading {
    font-size: 36px;
    font-family: var(--font2);
    font-weight: 400;
}

.fullName {
    width: 100%;
    height: 50px;
    font-size: 18px;
    border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
    border: 1px solid black;
    font-family: var(--font2);
}

.fullName::placeholder {
    font-family: var(--font2);
    font-size: 16px;
}

form {
    padding-top: 10px;
}

.label1 {
    font-size: 18px;
    padding-bottom: 2px;
}

.send {
    width: 25%;
    cursor: pointer;
    margin-top: 20px;
    background-color: #fff;
}

.send i {
    padding-left: 5px;
    font-size: 18px;
    transform: translateY(3px) rotate(-45deg);
}

.comment {
    padding-top: 10px;
    height: 80px;
}

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

/* smaller screen */
@media screen and (min-width:1600px) {
    .section1 {
        padding: 1% 7% 2%;
    }

    .section1-parent-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 8%;
    }

    .section1 .mini-container1 {
        width: 42%;
    }

    .section1 .mini-container2 {
        width: 47%;
    }

    .image-container {
        width: 90%;
        margin: auto;
        height: 55vh;
        object-fit: cover;
        border-radius: 20px;
        overflow: hidden;
    }

    .images {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .form-heading {
        font-size: 30px;
        font-family: var(--font2);
        font-weight: 400;
    }

    .fullName {
        width: 90%;
        height: 50px;
        font-size: 18px;
        border-radius: 15px;
        padding-left: 10px;
        padding-right: 10px;
        border: none;
        border: 1px solid black;
        font-family: var(--font2);
    }

    .fullName::placeholder {
        font-family: var(--font2);
        font-size: 16px;
    }

    form {
        padding-top: 10px;
    }

    .label1 {
        font-size: 18px;
        padding-bottom: 2px;
    }

    .send {
        width: 25%;
        cursor: pointer;
        margin-top: 20px;
        background-color: #fff;
    }

    .send i {
        padding-left: 5px;
        font-size: 18px;
        transform: translateY(3px) rotate(-45deg);
    }

    .comment {
        padding-top: 10px;
        height: 80px;
    }

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

}

@media screen and (min-width:1024px) and (max-width:1280px) {
    .section1 {
        padding: 1% 7% 2%;
    }

    .section1-parent-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 8%;
    }

    .section1 .mini-container1 {
        width: 42%;
    }

    .section1 .mini-container2 {
        width: 47%;
    }


    .form-heading {
        font-size: 30px;
        font-family: var(--font2);
        font-weight: 400;
        margin-top: 8%;
    }

    .fullName {
        width: 100%;
        height: 50px;
        font-size: 18px;
        border-radius: 15px;
        padding-left: 10px;
        padding-right: 10px;
        border: none;
        border: 1px solid black;
        font-family: var(--font2);
    }

    .image-container {
        width: 90%;
        height: 49vh;
        object-fit: cover;
        border-radius: 20px;
        overflow: hidden;
        margin-top: 10%;
    }

    .fullName::placeholder {
        font-family: var(--font2);
        font-size: 16px;
    }

    form {
        padding-top: 10px;
    }

    .label1 {
        font-size: 18px;
        padding-bottom: 2px;
    }

    .send {
        width: 25%;
        cursor: pointer;
        margin-top: 20px;
        background-color: #fff;
    }

    .send i {
        padding-left: 5px;
        font-size: 18px;
        transform: translateY(3px) rotate(-45deg);
    }

    .comment {
        padding-top: 10px;
        height: 80px;
    }

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

}

/* mobile view  */
@media only screen and (max-width: 768px) {
    .section1 {
        margin-left: 6%;
        margin-top: 15%;
        padding-bottom: 20px;
    }

    .section1-parent-container {
        flex-direction: column;
        align-items: center;
        margin-top: 5%;
    }

    .section1 .mini-container1,
    .section1 .mini-container2 {
        width: 100%;
    }

    .form-heading {
        font-size: 20px;
        text-align: center;
        padding-top: 10px;
        /* Reduced font size for mobile */
    }

    .para {
        font-size: 14px;
        font-family: var(--font2);
        font-weight: 400;
        text-align: center;
        padding-bottom: 15px;
    }

    .fullName {
        height: 40px;
        /* Adjust height for better mobile usability */
        font-size: 16px;
        width: 94%;
        /* Slightly smaller font size for mobile */
    }

    .fullName::placeholder {
        font-size: 14px;
        /* Adjust placeholder font size */
    }

    .send {
        width: 35%;
        font-size: 20px;
    }

    .send i {
        font-size: 20px;
        /* Adjust icon size */
    }

    .comment {
        height: 100px;
        /* Adjust height for better fit */
        font-size: 16px;
        /* Slightly smaller font size for mobile */
    }

    .label1 {
        font-size: 20px;
        /* Adjust font size for mobile view */
    }
}

/*********** section2 */
.section2 {
    padding: 0% 0 0% 7%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #E2DDD04A;
    ;
    overflow: hidden;
}

.section2-mini-block2 {
    width: 51%;
}

.socialmedia-section-parent {
    padding-top: 20px;
}

.socialmedia-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding-top: 20px;
}

.icon-block {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    padding-top: 15px;
    padding-left: 15px;
    background-color: var(--brown-color);
    overflow: hidden;
}

.location {
    height: 40px;
    width: 40px;
    padding-left: 18px;
}

.adderss-text-block {
    width: 90%;
}

.socialmedia-section i {
    font-size: 24px;
    color: #fff;
}

.section2-image-block {
    width: 100%;
    border-radius: 40px 0 0 40px;
    overflow: hidden;
    animation: slideFromTop 2.5s linear forwards;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.section2-mini-block1 {
    width: 42%;
    opacity: 0;
    animation: appearAndSlideFromBottomLeft 4s 1s ease forwards;
}

.section2-image {
    width: 100%;
    height: auto;
}

@media screen and (min-width:1600px) {
    .section2 {
        padding-left: 8%;
    }
}

/* mobile view  */
@media only screen and (max-width: 768px) {
    .section2 {
        padding: 5% 5%;
        /* Adjust padding for mobile */
        flex-direction: column;
        /* Stack elements vertically */
        align-items: center;
        /* Center-align items */
    }

    .section2-mini-block2,
    .section2-mini-block1 {
        width: 100%;
        /* Full width for mobile view */
    }

    .socialmedia-section {
        flex-direction: column;
        /* Stack social media icons vertically */
        align-items: center;
        /* Center-align icons */
        gap: 10px;
        /* Reduced gap for mobile */
    }

    .icon-block {
        height: 30px;
        /* Adjust height for mobile */
        width: 30px;
        /* Adjust width for mobile */
        padding-top: 10px;
        /* Adjust padding for mobile */
        padding-left: 10px;
        /* Adjust padding for mobile */
    }

    .location {
        height: 30px;
        /* Adjust height for mobile */
        width: 30px;
        /* Adjust width for mobile */
        padding-left: 10px;
        /* Adjust padding for mobile */
    }

    .adderss-text-block {
        width: 100%;
        /* Full width for mobile view */
        text-align: center;
        /* Center-align address text */
    }

    .socialmedia-section i {
        font-size: 20px;
        padding: 1.5px;
        /* Reduced icon size for mobile */
    }

    .section2-image-block {
        width: 100%;
        /* Full width for mobile view */
        border-radius: 20px;
        /* Adjust border-radius for mobile */
        animation: slideFromTop 2.5s linear forwards;
    }

    .section2-image {
        height: auto;
        /* Maintain aspect ratio */
    }
}

/********************** section3 */
.section3 {
    padding: 2% 0;
}

.cards {
    padding-left: 10px;
}

.scrolling-image-block {
    width: 100%;
    height: auto;
}

.scrolling-image {
    width: 100%;
    height: 100%;
}