body{
    font-family: "Questrial", sans-serif !important;
}
p, pre{
    color: #F0E1CC !important;
}
.head-yellow{
    color: #F79A01 !important;
}
h1{
    font-size: 120px !important;
}
h2{
    font-size: 64px;
    color: #F0E1CC;
}
h3{
    font-size: 50px !important;
    color: #F0E1CC;
}
h4{
    color: #F0E1CC;
    font-size:30px;
}
.btn-yellow-white{
    background-color: #F79A01;
    color: white;
    font-weight: 500;
    transition: 0.3s ease;
}
.btn-yellow-white:hover{
    background-color: #F79A01;
    color: white;
    font-weight: 500;
    scale: 1.1;
    transition: 0.3s ease;
}

.f-keania{
    font-family: "Keania One", sans-serif !important;
}
.f-questrial{
    font-family: "Questrial", sans-serif !important;
}

@media(max-width:1400px){}
@media(max-width:1400px){}
@media(max-width:1200px){
    .contact-section .person-with-phone-img{
        width: 55%;
    }
    h1{
        font-size: 90px !important;
    }
    h2{
        font-size: 55px !important;
    }
    .service-page .any-question{
        font-size:70px !important;
    }
    h3{
        font-size: 40px !important;
    }
    h4{
        font-size: 22px;
    }
}
@media(max-width:992px){
    .contact-section .roman-pillar-img{
        width: 70%;
    }
    .aesthetic-img{
        width:70%;
    }
}
@media(max-width:768px){
    h1{
        font-size: 70px !important;
    }
    h2{
        font-size: 45px !important;
    }
    .service-page .any-question{
        font-size:45px !important;
    }
    h3{
        font-size: 35px !important;
    }
    h4{
        font-size: 22px;
    }
    .creative-circle{
        font-size: 18px;
        color: #F0E1CC;
        border:1px solid #FFFFFF66;
        border-radius: 150px;
        width: 180px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 180px;
        right: 0;
    }
}
@media(max-width:576px){
    h1{
        font-size: 60px !important;
    }
    h2{
        font-size: 40px !important;
    }
    .service-page .any-question{
        font-size:35px !important;
    }
    h3{
        font-size: 28px !important;
    }
    p{
        font-size: 14px !important;
    }
    .intro .intro-content .pre{
        font-size: 14px;
    }
    h4{
        font-size: 20px;
    }
    .intro .intro-content .num{
        font-size: 35px !important;
    }
    h5{
        font-size: 18px !important;
    }
    .specialize-structure p{
        font-size: 12px !important;
    }
}
@media(max-width:400px){
    h1{
        font-size: 40px !important;
    }
    h2{
        font-size: 30px !important;
    }
    .service-page .any-question{
        font-size:30px !important;
    }
    h3{
        font-size: 24px !important;
    }
    h5{
        font-size: 16px;
    }
    p{
        font-size: 12px !important;
    }
    .intro .intro-content .pre{
        font-size: 12px;
    }
    .intro .intro-content .num{
        font-size: 35px !important;
    }
    .specialize-structure p{
        font-size: 10px !important;
    }
    .specialize-structure a{
        font-size: 12px !important;
    }
    .specialize-structure .btn-more{
        width: 75%;
      }
}