@font-face {
    font-family: 'vazir';
    src: url(../fonts/Vazir.eot);
    src: url(../fonts/Vazir.eot?#iefix) format("embded-opentype");
    src: url(../fonts/Vazir.ttf) format("truetype");
    src: url(../fonts/Vazir.woff2) format("woff2");
    src: url(../fonts/Vazir.woff) format("woff");
}

body {
    font-family: 'vazir';
    font-size: 1.2rem;
    /* font-weight: bold; */
    line-height: 2rem;
}

.header-scrolled { background: #fff; }

.trans { transition: all 0.5s ease; }

@media (max-width: 992px) {
    .trans { background: #fff; }
}

.img_container {
    width: 100vw;
    height: 100vh;
}

.intro {
    width: 100%;
    height: 110vh;
    background: url(../images/intro/intro-bg.png) top center no-repeat;
    background-size: cover;
}
@media (max-width: 768px ) and (max-height: 668px) {
    .intro {
        height: 150vh;
    }
}

.hover-grow { transition: all 0.5s; }

.hover-grow:hover { transform: scale(1.05); }

.about { height: 100vh; }

.bg-1 { background-color: #BBE9FF; }

.bg-2 { background-color: #F8C794; }

.bg-2 i { color: #FC4100; }

.bg-3 { background-color: #9CDBA6; }

.i { line-height: 0; }

.service-1 { transition: all 0.2s linear; }

.service-1:hover {
    background-color: #0d6efd;
    color: #fff;
    cursor: pointer;
}

.service-1:hover .bg-1 { background-color: #fff; }

.service-2 {
    border-bottom: solid 3px #FC4100;
    transition: all 0.2s linear;
}

.service-2:hover {
    background-color: #FC4100;
    color: #fff;
    cursor: pointer;
}

.service-2:hover .bg-2 { background-color: #fff; }

.service-3 { transition: all 0.2s linear; }

.service-3:hover {
    background-color: #198754;
    color: #fff;
    cursor: pointer;
}

.service-3:hover .bg-3 { background-color: #fff; }

.scale-price { transition: all 0.3s linear; }

.scale-price:hover { transform: scale(1.05); }

.price-1 { color: #40F8FF; }

.price-2 { color: #06D001; }

.price-3 { color: #FF8225; }

.price-4 { color: #FF4191; }

.images { border-radius: 1.5rem; }

.Counting-icons {
    width: 60px;
    height: 60px;
}

.accordion-button::after {
    margin-right: auto;
    margin-left: 0;
}

.accordion-item { background-color: #CBCBCB; }

.accordion-button {
    background: linear-gradient(to right, #0575E6, #021B79);
    color: #fff !important;
}

.identity { background-color: #021B79; }

.carousel-comment { background-color: #0575E6; }

.carousel-comment img { width: 120px; }

.Comments {
    width: 50px;
    height: 50px;
}

footer { background-color: #EEEEEE; }

.khedmat { margin-top: 6rem !important; }

.phone-call { color: #198754; }

.login-page {
    margin-top: 8rem;
    margin-bottom: 5rem
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.main { flex: 1; }

#contactUs { scroll-margin-top: 150px; }

#Questions {
    scroll-margin-top: 100px; 
}

.breadcrumb {
    margin-top: 2rem; 
}