.home_section{
    position: relative;
    top: 5rem;
}

h1{
    font-family:'Estedad';
}

.top{
    height: 300px;
    width: 90%;
    background-color: #fff;
    border-radius: 40px 40px 40px 0;
    display: flex;
    margin: 0 auto;
    position: relative;
}

.bottom{
    display: flex;
}

.right_bottom{
    height: 200px;
    width: 45%;
    background-color: #fff;   
    margin: 0 auto;
    border-radius: 0 0 40px 40px;
}

.left_bottom{
    height: 200px;
    width: 45%;
    background-color: #eee;
    margin: 0 auto;
    margin-left: -5rem;
}

.in_left_bottom{
    width: 98%;
    height: 190px;
    margin-top: 0.6rem;
    background-color: #EFA654;
    border-radius: 40px;
    display: flex;
    padding: 20px;
}

.in_left_bottom h3{
    text-align: center;
    margin: 0 auto;
    margin-top: 3.5rem;
}

.img_div_home{
    margin: 0 auto;
}

.txt_top_home{
    padding: 65px 50px;
    width: 55%;
}

.txt_top_home h1{
    color: #EFA654;
    text-shadow: 0 2px 2px #0000001e;
}

.btn_top_home{
    text-decoration: none;
    padding: 10px 20px;
    background-color: #EFA654;
    border-radius: 20px;
    color: #000;
    transition: 0.2s ease;
    border: 2px solid #EFA654;
}

.btn_top_home:hover{
    background-color: #E4E4E4;
    color: #626C7A;
    transition: 0.2s ease;
    border: 2px solid #EFA654;
}

.image_home{
    width: 400px;
    position: absolute;
    margin-top: 3rem;
    margin-right: -11rem;
    border-radius: 40px;
}

.in_left_bottom span{
    text-shadow: 0 2px 2px #0000003e;
    color: #fff;
}

.follow_us{
    width: 90%;
    height: 100px;
    margin: 0 auto;
    margin-top: 5rem;
    display: flex;
}

.left_follow{
    background-color: none;
    text-align: center;
    width: 60%;
    height: 100px;
    padding-top: 35px;
}

.left_follow h4{
    background-color: #fff;
    color: #5b6467;
    width: 55%;
    margin: 0 auto;
    padding: 15px 20px;
    border-radius: 30px;
}

.right_follow{
    background-color: none;
    width: 55%;
    height: 100px;
    padding: 20px 15px;
}

.right_follow img{
    width: 60px;
    margin-right: 20px;
}

.fade-out-text {
    animation: fadeOut 0.8s ease-in-out forwards;
}
.fade-in-text {
    animation: fadeIn 0.8s ease-in-out forwards;
}
.fade-out-button {
    animation: fadeOut 0.8s ease-in-out forwards;
    opacity: 0;
}
.fade-in-button {
    animation: fadeIn 0.8s ease-in-out forwards;
    opacity: 1;
}
.fade-out-image {
    animation: fadeOut 0.8s ease-in-out forwards;
}
.fade-in-image {
    animation: fadeIn 0.8s ease-in-out forwards;
}
@keyframes fadeOut {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-10px); }
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.btn_top_home {
    position: relative;
    z-index: 1;
}

.image_background_home_section{
    position: absolute;
    margin-right:-10rem;
}

@media (max-width: 1024px){
    .in_left_bottom h3{
        font-size: 15px;
    }
    .image_home{
        margin-right: -14rem;
    }
    .left_bottom{
        width: 45%;
        margin-left: -3.2rem;
    }
    .in_left_bottom{
        width: 95%;
        height: 180px;
        margin-top: 1.3rem;
    }
    .left_follow h4{
        width: 70%;
    }
    .left_follow{
        margin-top: -10px;
    }
}
@media (max-width: 768px) {
    .image_home{
        width: 300px;
        margin-right: -10.5rem;
    }
    .left_bottom{
        margin-left: -2.3rem;
    }
    .in_left_bottom{
        gap: 20px;
    }
    .in_left_bottom h3{
        margin-top: 3rem;
        font-size: 14px;
    }
    .right_follow img{
        width: 45px;
    }
    .left_follow{
        margin-top: -20px;
    }
    .left_follow h4{
        width: 95%;
    }
    .image_background_home_section{
        width:75%;
        margin-right:-4rem;
        margin-top:6rem;
    }
}
@media (max-width: 425px) {
    .home_section{
        top: 2rem;
    }
    .top{
        height: 620px;
    }
    .txt_top_home{
        margin-top: 80%;
        width: 100%;
    }
    .image_home{
        margin-right: -21.3rem;
     }
    .left_bottom{
        margin-left: 5.4rem;
    }
    .right_bottom{
        width: 20%;
    }
    .in_left_bottom{
        width: 145%;
    }
    .left_follow{
        margin-top: -10px;
        width: 75%;
    }
    .left_follow h4{
        width: 100%;
    }
    .image_background_home_section{
        width:95%;
        margin-right:-3rem;
        margin-top:30rem;
    }
}
@media (max-width: 375px) {
    .image_home{
        width: 280px;
        margin-right: -19.3rem;
        margin-top: 2rem;
    }
    .top{
        height: 580px;
    }
    .left_bottom{
        height: 150px;
        margin-left: 4.7rem;
    }
    .right_bottom{
        height: 150px;
    }
    .in_left_bottom{
        height: 130px;
    }
    .in_left_bottom h3{
        margin-top: 1rem;
        font-size: 13px;
    }
    .left_follow{
        margin-top: -10px;
        width: 60%;
    }
    .image_background_home_section{
        width:110%;
        margin-right:-3rem;
        margin-top:30rem;
    }
}
@media (max-width: 320px) {
        .image_home{
        width: 250px;
        margin-right: -16.9rem;
        margin-top: 2rem;
    }
    .txt_top_home h1{
        font-size: 25px;
    }
    .txt_top_home{
        padding: 65px 30px;
    }
    .top{
        height: 520px;
    }
    .left_bottom{
        margin-left: 4rem;
        height: 130px;
    }
    .right_bottom{
        height: 130px;
    }
    .in_left_bottom{
        height: 110px;
    }
    .in_left_bottom h3{
        margin-top: 0.2rem;
    }
    .left_follow{
        margin-top: 60px;
        width: 150%;
    }
}