body {
    font-family: "PT Sans", sans-serif !important;
    background-color: #F0F0F0 !important;
}

/* ୨୧ ⏔⏔⏔⏔♡⏔⏔⏔⏔ ୨୧ ୨୧ ⏔⏔⏔⏔♡⏔⏔⏔⏔ ୨୧ ୨୧ ⏔⏔⏔⏔♡⏔⏔⏔⏔ ୨୧ ୨୧ ⏔⏔⏔⏔♡⏔⏔⏔⏔ ୨୧  */

.social_container {
    text-align: end;
    vertical-align: middle;
    width: 85%;
    margin: auto;
    padding: 2rem 0 0 0;
}

.social_container a {
    text-decoration: none;
    color: #000;
}

.social_container i {
    font-size: 22px;
}

.wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 85%;
    margin: auto;
    height: 100vh;
}


.logo_wrap img{
   width: 100%;
}

.logo_wrap p{
    font-size: 16px;
    text-align: end;
}

.text_continer {
    display: flex;
    justify-content: flex-end;
}

.text_continer p {
    font-size: 16px;
}

.social_container_mb {
    display: none;
}

@media (max-width:991px) {

    .wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 90%;
        align-items: flex-start;
    }

    .text_continer {
        margin: 3rem 0;
    }

    .text_continer p{
        font-size: 16px;
    }

    .social_container {
        display: none ;
    }

    .social_container_mb {
        display: block !important;
    }

    .social_container_mb a {
        text-decoration: none;
        color: #000;
        font-size: 25px;
    }
    
    .logo_wrap p{
        text-align: start;
    }

}

/* ୨୧ ⏔⏔⏔⏔♡⏔⏔⏔⏔ ୨୧ ୨୧ ⏔⏔⏔⏔♡⏔⏔⏔⏔ ୨୧ ୨୧ ⏔⏔⏔⏔♡⏔⏔⏔⏔ ୨୧ ୨୧ ⏔⏔⏔⏔♡⏔⏔⏔⏔ ୨୧  */

.header_about {
    display: flex;
    justify-content: space-between;
    padding: 1rem 3rem;
    text-transform: uppercase;
}

.header_about a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    transition: 0.2s;
}

.header_about a:hover {
    text-decoration: underline;
}

.text_continer_about {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.text_continer_about h2 {
    text-transform: uppercase;
    font-size: 22px;
}

.wrapper_about {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 85%;
    margin: auto;
    height: 100vh;
}

@media (max-width:991px) {

    .header_about {
        display: flex;
        justify-content: space-between;
        padding: 1.4rem;
        text-transform: uppercase;
    }

    .text_continer_about {
        padding-top: 4rem;
    }

    .wrapper_about {
        padding-bottom: 6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 90%;
        align-items: flex-start;
    }

    .text_continer_about h2 {
        text-transform: uppercase;
        font-size: 20px;
    }

}

/* ୨୧ ⏔⏔⏔⏔♡⏔⏔⏔⏔ ୨୧ ୨୧ ⏔⏔⏔⏔♡⏔⏔⏔⏔ ୨୧ ୨୧ ⏔⏔⏔⏔♡⏔⏔⏔⏔ ୨୧ ୨୧ ⏔⏔⏔⏔♡⏔⏔⏔⏔ ୨୧  */

.navbar_home {
    display: flex;
    justify-content: space-between;
    padding: 1rem 3rem;
    text-transform: uppercase;
    background-color: #F0F0F0;
}

.navbar_home a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    transition: 0.2s;
}

.navbar_home a:hover {
    text-decoration: underline;
}

.wrapper_home {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.logo_home{
    width: 20%;
    position: absolute;
    top: 15%;
    left: 33%;
    transform: translateX(-50%);
}

.hero_img {
    width: 35%;
}



@media (max-width:2230px) {
    .hero_img {
        width: 40%;
    }

    .logo_home{
        width: 24%;
        top: 17%;
    }
}

@media (max-width:1995px) {
    .hero_img {
        width: 35%;
    }

     .logo_home{
        width: 21%;
        top: 14%;
    }
}

@media (max-width:1870px) {
    .hero_img {
        width: 35%;
    }

     .logo_home{
        width: 24%;
        top: 17%;
    }
}

@media (max-width:1730px) {
    .hero_img {
        width: 45%;
    }

     .logo_home{
        width: 24%;
        top: 18%;
    }
}

@media (max-width:1510px) {
    .hero_img {
        width: 40%;
    }

    .logo_home{
        width: 24%;
        top: 17%;
    }
}

@media (max-width:1450px) {
    .hero_img {
        width: 40%;
    }

    .logo_home{
        width: 24%;
    }
}

@media (max-width:1370px) {
    .hero_img {
        width: 40%;
    }

    .logo_home{
        width: 22%;
        top: 13%;
    }

}

@media (max-width:1280px) {
    .hero_img {
        width: 40%;
    }

    .logo_home{
        width: 24%;
        top: 15%;
    }

}


@media (max-width:1024px) {
    .hero_img {
        width: 45%;
    }

    .logo_home{
        width: 25%;
        left: 30%;
    }

}

@media (max-width:991px) {
    .hero_img {
        width: 40%;
    }

    .logo_home{
        width: 28%;
        left: 30%;
    }

}

@media (max-width:767px) {

    .navbar_home {
        padding: 1rem 1.3rem;
    }

    .hero_img {
        width: 90%;
        margin: 0 auto;
    }

    .wrapper_home {
        flex-direction: column-reverse;
        align-items: start;
    }

    .logo_home {
        position: relative;
        transform: none;
        top: auto;
        left: auto;
        width: 80%;
        padding: 2rem;
    }

}