.about-container{
    height: 100svh;
}
.about{
    height: 40vh;
}
.about .img img{
    height: 40vh;
}
.abt-c-c{
    height: fit-content;
}
.overlay-bg{
    background: hsla(0, 0%, 0%, 0.80);
}
.abt .abt-first{
    transition: all 0.6s ease;
    animation: jump 1s linear infinite;
}
@keyframes jump {
    0% {
        transform: translateY(-9px);
    } 50% {
        transform: translateY(0px);
    } 100% {
        transform: translateY(3px);
    }

}
.abt .abt-first img{
    width: 360px;
    height: 350px;
    border-radius: 15px !important;
}
.abt .abt-second{
    position: initial !important;
    height: fit-content;
    width: 360px;
}
.abt .abt-second img{
    width: 330px;
    height: 330px;
}
.about-heading h4{
    font-family: "Urbanist", serif;
    font-size: 28px;
    font-weight: 600;
    animation: slideLeft 0.5s linear;
    transition: all 0.5s ease;
}
@keyframes slideLeft {
    0% {
        transform: translateX(160px);
    } 100% {
        transform: translateY(0px);
    }
}
.about-con p{
    font-family: "Urbanist", serif;
    font-size: 16px;
    font-weight: 500;
}
.abt-c-c span{
    color: #F57920;
}
@media only screen and (min-width: 768px) {
    .about{
        height: 35svh;
    }
    .abt-c-c{
        height: 65svh;
    }
    .abt .abt-second{
        position: initial !important;
    }
    .about .img img{
        height: 35svh;
    }
    .abt .abt-second{
        width: 320px;
    }
    .abt .abt-second img{
        border-radius: 15px;
    }
    .abt-second{
        top: 0px !important;
        right: 0px !important;
    }
}
@media only screen and (min-width: 992px) {
    .about-container{
        height: 100vh;
    }
    .about{
        height: 50vh;
    }
    .about .img img{
        height: 50vh;
    }
    .abt-c-c{
        height: fit-content;
    }
    .abt{
        height: 100vh;
    }
    .abt .abt-second{
        position: absolute !important;
        background: #fff;
        width: 360px;
    }
    .abt .abt-second img{
        width: 350px;
        height: 330px;
        border-radius: 0px;
    }
    .abt-second{
        top: 18em !important;
        right: 9em !important;
    }
    .about-heading h4{
        font-size: 40px;
    }
    .about-con p{
        font-size: 22px;
    }
}
@media only screen and (max-width: 1197px) {
    .abt .abt-first img{
        width: 318px;
        height: 313px;
    }
    .abt .abt-second{
        width: 310px;
    }
    .abt .abt-second img{
        width: 300px;
        height: 285px;
    }
    .abt-second{
        top: 15em !important;
        right: 4em !important;
    }
}