@font-face {
    font-family: Sarchia_Qaisy;
    src: url("./font/72_Sarchia_Qaisy/72_Sarchia_Qaisy.ttf");
}

:root {
    /* vars */
    --fs-16: 16px;
    --fs-20: 20px;
    --fs-30: 30px;
    --fs-40: 35px;
    --fs-50: 45px;
    --fs-60: 55px;
    --fs-95: 40px;
}

body,
.button-more,
.section .side .text-content .uper-text,
.section .side .text-content .intro-text,
.section .side .text-content .under-text,
.section#download .side .text-content .par-text,
.section .side .text-content .user-box .text,
.section .side .text-content .btn-container .one-btn,
.section .side .car-content .icon-list .li-icon .the-text .big-title,
.section .services .services-title,
.section .services .services-list .services-num .num,
.section .services .services-list .services-num .num-title .big-title,
.section .side .map-text .map-header,
.section .side .map-text .button-more,
.section .contact .contact-title,
.section .footer-contnt .footer .footer-part .footer-title,
.fqa-container .intro-text,
.fqa-container .questions .column .fqa .question-text .q-text {
    font-family: Sarchia_Qaisy;
}

.header .link-list a {
    font-size: .8em;
}

.section .side .text-content .uper-text,
.section .side .text-content .intro-text {
    padding-bottom: .5em;
}

.section .side .map-text .map-header {
    font-size: var(--fs-50);
}

.section .services .services-list .services-num .num {
    padding-inline-end: .1em;
}

.section .side .map-iframe iframe {
    width: 110%;
}

.section .footer-contnt .footer .footer-part .footer-title {
    padding-bottom: .5em;
}

.section .side .car-content .icon-list {
    width: 350px;
}

.section .footer-contnt .footer .footer-part .footer-title {
    font-size: var(--fs-20);
}

.section .side .car-content .icon-list .li-icon:nth-child(2) .circle {
    width: 90px;
    height: 60px;
}

@media (max-width:1300px) {
    .header .brand-logo img {
        max-width: 135px;
    }

    .header .link-list a {
        font-size: .7em;
    }
}

@media (max-width:997px) {
    :root {
        --fs-95: 30px;
    }

    .header .brand-logo img {
        max-width: 155px;
    }

    .header .link-list a {
        font-size: .9em;
    }

    .section .side .map-iframe iframe {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .section .services .services-list .services-num .num-title .big-title {
        font-size: 25px;
    }
}

@media (max-width: 650px) {
    .section .contact .contact-title {
        font-size: var(--fs-30);
    }

    .section .contact a {
        font-size: var(--fs-20);
    }

    .fqa-container .intro-text{
        font-size: var(--fs-30);
    }
}