.iframe-style{
    border-radius:8px;
    width: 100%;
    height:300px;
}

.p4{
    font-family: 'Inter-Regular', sans-serif;
    color: #2e3c43;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.8rem;
}

.gradient-back{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), color-stop(rgba(255, 255, 255, 0.35)), color-stop(rgba(255, 255, 255, 0.58)), to(rgb(255, 255, 255))), url('../image/18.PNG');
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.58), rgb(255, 255, 255)), url('../image/18.png');
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.58), rgb(255, 255, 255)), url('../image/18.png');
    background-size:cover;
}


/* media query in here */

@media only screen and (max-width: 600px) {
    
    .pt-84 {
        padding-top : 0px !important ; 
    }
    .pb-60 {
        padding-bottom : 0px !important ; 
    }

}



@media screen and (min-width : 768px) and (max-width : 1024px) {
    
    .iframe-style {
        border-radius: 8px;
        width: 100%;
        height: 450px;
    }
    
}