﻿/* "Bukra Sans */
@font-face {
    font-family: "PlexSans-Regular";
    src: url("../font/IBMPlexSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ArbFonts";
    src: url("../ArbFonts/ArbFONTS-Somar-Regular.otf");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "PlexSans-Regular";
    src: url("../font/IBMPlexSans-Bold") format("truetype");
    font-weight: 600;
    font-style: normal;
}

body {
    font-family: ArbFonts !important;
}

.statistics-conent {
    /*background-color:red !important;*/
    /*background-image: url('../images/2.gif');*/
    /*background-size: cover;*/
}

.top-title {
    font-size: 40px !important;
    font-weight: 600 !important;
}


button-tab roteate:con .img-service img {
    /*height:400px !important;*/
}

.img-service {
    height: unset !important;
}

    .img-service img {
        border-radius: 16px !important;
        height: unset !important;
    }

.text-item-service {
    position: unset !important;
    width: unset !important;
    right: unset;
}

.about-alawn .wrapper-md .author .img-author {
    min-width: 110px;
    min-height: 110px;
}

    .about-alawn .wrapper-md .author .img-author img {
        min-width: 100px;
        min-height: 100px;
    }

.stat-item .counter-number .counter-type {
    color: black;
}

.partner-item h4 {
    height: 70px;
}

.statistics-conent {
    border: 5px solid var(--alawn-primary-color);
}

.swiper-slide-active .info-banner .btns-item, .swiper-slide-active .info-banner .top-title {
    line-height: 50px;
}

.work-fields-alternate-red {
    background-color: #c62127 !important;
    border-radius: 15px !important;
    height: 100% !important;
}

.work-fields-alternate-black {
    background-color: #231f20 !important;
    border-radius: 15px !important;
    height: 100% !important;
}

.color-white {
    color: white !important;
}

.btn-red {
    background-color: #c62127 !important;
    color: #fff;
}

    .btn-red:hover {
        background-color: #231f20 !important;
        color: #fff;
    }

    .btn-red::after, .btn-red::after {
        background-color: #c62127 !important;
    }

.roteate {
    transform: rotate(45deg) !important;
}

    .roteate.far:before {
        transform: rotate(-45deg) !important;
    }

.service-list .nav-single-card .button-tab {
    gap: 25px !important;
}

.section-title {
    padding-left: 0px;
}

.tabs-control .button-tab {
    padding-right: 0px;
    padding-left: 0px;
}



.twitter svg {
    fill: white;
    height: 34px;
    padding: 7px;
}

    .twitter svg:hover {
        fill: black;
    }
/*--------------- تعديل حجم الخط -----------------------*/

.main-header .nav-links .nav-link {
    font-size: 17px !important;
}

.btn-xl, .btn-video,
.nav-item.has-dropdown > ul.sub-menu li a {
    font-size: 22px !important;
}

.main-header .nav-links {
    gap: 17px;
}

p.text-banner {
    font-size: 30px;
}

.top-title {
    font-size: 55px !important;
}

.about-alawn .wrapper-md p.author-desc,
.text-item-service h3,
.footer-contacts .contact-title h3 {
    font-size: 25px !important;
}

.about-alawn .wrapper-md .author h6,
.text-item-service p,
.section-title p, .section-title-two p {
    font-size: 22px !important;
}

.about-alawn .wrapper-md .author span,
.blog-item h6, .project-item h6,
.footer-contacts .contact-title p,
.contact-item .contact-info a,
.footer-info-text,
.title-widget {
    font-size: 20px !important;
}

.about-alawn .info-about .conent-about p {
    font-size: 20px !important;
}

.vision-mission .conent-item h5 {
    font-size: 28px !important;
}

.vision-mission .conent-item p {
    font-size: 22px !important;
}
.gaol-item h3,
.button, .button-tab {
    font-size: 20px !important;
}
.contact-item p,
.footer-newsletter p {
    font-size: 18px !important;
}
.author-details span,
.booking-holder a {
    font-size: 16px !important;
}
@media (min-width: 1439px){
    .main-header .nav-links .nav-link{
        font-size:22px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    p .text-banner, .btn-xl, .btn-video-play {
            font-size: 19px !important;
        }
    }

    @media (max-width: 575.98px) {
        p.text-banner, .btn-xl, .btn-video-play {
            font-size: 20px !important;
        }
    }

    @media (max-width: 575.98px) {
        .section-title h2, .section-title-two h2 {
            font-size: 30px !important;
        }
    }

    @media (max-width: 575.98px) {
        .vision-mission .conent-item {
            margin: 0 auto 20px !important;
        }
    }
@media (max-width: 575.98px) {
    .button-tab {
        font-size:14px!important
    }
}

        /*----------------------- media ---------*/
        @media screen and (max-width: 374px) {
            .reels-nav {
                display: none !important;
            }
        }

        @media screen and (min-width: 1400px) {
            .service-list .nav-single-card .button-tab i {
                height: 135px !important;
                width: 135px !important;
                font-size: 70px !important;
            }

            .stat-item .counter-number {
                font-size: 45px !important;
            }
        }

        @media screen and (min-width: 1025px) and (max-width:1400px) {
            .service-list .nav-single-card .button-tab i {
                height: 120px !important;
                width: 120px !important;
                font-size: 40px !important;
            }

            .service-list .nav-single-card .button-tab {
                padding: 0px !important
            }

            .stat-item .counter-number {
                font-size: 45px !important;
            }
        }

        @media screen and (min-width: 768px) and (max-width:1024px) {
            .service-list .nav-single-card .button-tab i {
                height: 120px !important;
                width: 120px !important;
                font-size: 40px !important;
            }

            .service-list .nav-single-card .button-tab {
                padding: 0px !important
            }

            .stat-item .counter-number {
                font-size: 45px !important;
            }
            .home-banner .info-banner{
                padding-right:100px !important;
            }
            .img-service img {
                width:580px !important;
            }
            .tabs-component{
                padding-right:10px !important;
            }
            .img-service img{
                width:723px !important;
            }
        }

        @media screen and (min-width: 426px) and (max-width:768px) {
            .service-list .nav-single-card .button-tab i {
                height: 105px !important;
                width: 105px !important;
                font-size: 40px !important;
            }

            .service-list .nav-single-card .button-tab {
                padding: 15px !important
            }

            .stat-item .counter-number {
                font-size: 45px !important;
            }
        }

        @media screen and (min-width: 310px) and (max-width:425px) {
            .service-list .nav-single-card .button-tab i {
                height: 55px !important;
                width: 55px !important;
                font-size: 30px !important;
            }

            .service-list .nav-single-card .button-tab {
                padding: 5px !important
            }

            .stat-item .counter-number {
                font-size: 45px !important;
            }
            
        }
@media screen and (min-width: 400px) and (max-width:426px) {
    .tabs-component .tabs-control {
        gap: 15px !important;
    }
}
    @media screen and (max-width: 768px) {
        /*.service-list .nav-single-card .button-tab i {
        height: 85px !important;
        width: 85px !important;
        font-size: 30px !important;
    }*/

        .stat-item .counter-number {
            font-size: 45px !important;
        }
    }

    @media (max-width: 991.98px) {
        .section-services .text-item-service {
            margin-top: unset !important;
        }

        .img-service {
            margin-top: 5px;
        }

        .about-alawn .wrapper-md .author h6 {
            font-size: 16px;
            line-height: 23px;
        }
    }

    @media screen and (min-width: 769px) /*and (max-width: 1024px)*/ {
        .stat-item .counter-number {
            font-size: 34px !important;
        }

        .stat-item .text {
            font-size: 35px;
        }
    }

    @media screen and (max-width: 768px) {
        .stat-item .counter-number {
            font-size: 23px !important;
        }

        .stat-item .text {
            font-size: 24px !important;
        }
    }

    .btn-faq {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    @media (min-width: 993px) and (max-width: 1300px) {
        .logo-holder .logo img {
            max-width: 200px;
        }
    }

    .about-alawn .info-about .conent-about {
        padding-right: 15px;
    }

    .about-alawn .image-about .popup-video a {
        font-size: 30px;
    }

    .about-alawn .image-about .popup-video {
        max-width: 80px !important;
    }
@media (min-width: 1301px) and (max-width: 2800px) {
    .testimonials .testimonial-text {
        font-size: 26px !important;
    }
    .author-details h6 {
        font-size: 22px;
    }
}
@media (min-width: 993px) and (max-width: 1300px) {
        .testimonials .testimonial-text {
            font-size: 33px;
            font-weight:500 !important;
        }
        .author-details h6 {
            font-size: 22px;
        }
    }

.article-page .post-img img {
    width: auto !important;
}
/*******************03/02/2025******************/
.tabs-support .accordion .accor-item .accordion-head h4{
    font-size:24px !important;
}
.p-desc {
    font-size: 22px !important;
}
.item-file .file-content span{
    font-size:22px !important;
}
.container1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; /* Adjust the gap between columns as needed */
    max-width: 900px;
    margin: 0 auto;
}

.item1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px; /* Adjust the height as needed */
    background-color: #f0f0f0; /* Optional: background color for visibility */
    border: 1px solid #ccc; /* Optional: border for visibility */

}
@media (max-width: 991.98px) {
    .p-desc {
        font-size: 18px;
    }
    .tabs-support .accordion .accor-item .accordion-head h4 {
        font-size: 20px;
    }
}
@media (min-width: 993px) and (max-width: 1300px) {
    .info-banner h1 {
        font-size: 40px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    p.text-banner {
        font-size: 25px !important;
    }
}
@media (max-width: 575.98px) {
    .files-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}
.side-info-text{
    font-size:20px !important;
}
.contact-side h6, .follow-us h6 {
    font-size: 28px !important;
}
.contact-side .contact-item p {
    font-size: 18px !important;
}
.contact-side .contact-item a, .contact-side .contact-item span {
    font-size: 18px !important;
}
.home-banner .top-title{
    max-width:none !important;
}
.partner-item h4{
    font-size:20px !important;
}
.header-breadcrumb .breadcrumb li, .header-breadcrumb .breadcrumb li a{
    font-size:30px !important;
}
@media (max-width: 991.98px) {
    .tabs-component .tabs-control {
        gap: 5px;
    }
    
}

.testimonials .main-slide{
    background-position:unset !important;
}

.contact-side {
    background-color: #c62127 !important;
    border-radius:8px;
    padding:30px
}
.contact-us-meta .contact-info-item .info-cont a, .contact-us-meta .contact-info-item .info-cont p {
    color: #fff !important;
}
.contact-us-meta .contact-info-item .info-cont a {
    color: #fff !important;
    font-size: 20px !important;
}
    .contact-us-meta .contact-info-item .info-cont a:hover {
        color: #231f20 !important;
    }
.head-form-contact h2, .contact-us-meta .contact-info h3 {
    font-size: 30px;
    color: #fff !important;
}
.contact-us-meta .contact-info-item .info-cont p {
    font-size: 20px !important;
}
.contact-us-meta .contact-info-item span {
    color: #231f20 !important;
    font-size: 22px !important;
    opacity: 1;
}
.red-back {
    background-color: #c62127 !important;
    border-radius: 0px 8px 8px 0px;
}
.red-border {
    border: 2px solid #c62127 !important;
}
.form-privacy p{
    font-size:20px;
    max-width:400px;
}
@media (max-width: 991.98px) {
    .red-back {
        background-color: #c62127 !important;
        border-radius: 8px 8px 0px 0px;
    }
}
.news-card h6{
    font-size:20px;
    line-height:26px;
}
.news-img-a {
    width: 120px;
}
.btn-font-16{
    font-size:15px !important;
}
@media (min-width: 321px) {
    #div.d-flex.justify-content-between.align-items-center > a > span{
        font-size:14px;
    }
}