@font-face {
    font-family: 'elmessiri';
    src: url('../fonts/elmessiri/elmessiri-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/ARIAL.ttf') format('truetype');
}
@font-face {
    font-family: 'helvetica';
    src: url('../fonts/helvetica.ttf') format('truetype');
}
.SliderTitle {
    white-space: normal !important;
    width: 200% !important;
    /* position: absolute; */
    /* display: block; */
    font-size: 50px !important;
    line-height: 1 !important;
}
.blog-content.MatchHeight2 {
    PADDING: 0 30px;
    MARGIN: 0 0 30px 0;
}
.JoinUs {
    font-size: 21px;
    line-height: 1.2;
}

.ClientItems img {
    width: 100% !important;
    height: auto !important;
}

.pq-post-media img {
height : auto ;
}

.pq-footer-recent-post-media {
    max-width: 100px;
}

.pq-blog-post .pq-post-media img {
    width: 100%;
}
.pq-button {
    margin: 0 10px;
    padding: 10px 30px;
}


*  {
    font-family: ARIAL !important;
}
.fa {
    font-family: "Font Awesome 6 Free" !important;
}

.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands" !important;
}
[class^="ti-"], [class*=" ti-"] {
    font-family: 'themify'!important;
}


/*a.pq-button.Login {
    background: no-repeat;
}*/

header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-brand {
    position: relative;
    left: -600px; /* البداية من خارج الشاشة */
    opacity: 0;
    animation: slideIn 2.5s ease-out forwards;
    /* تقدر تتحكم في مدة الأنيميشن من خلال الرقم (1s) */
}

@keyframes slideIn {
    to {
        left: -15px;
        opacity: 1;
    }
}

header#pq-header .pq-bottom-header .navbar .navbar-brand img {
    height: 60px;
}
header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-brand {
    padding: 15px 20px;
}
.pq-button span {
    font-weight: bold;
    z-index: 9;
    position: relative;
}


div#pq-loading-center {
    background: #000;
    padding: 10px 20px;
    border-radius: 9px;
}
#pq-loading {
background: none;
color:white;
}

.loading {
    font-size: 24px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    display: inline-block;
    position: relative;
}

.dots::after {
    content: '';
    display: inline-block;
    width: 1em;
    text-align: left;
    animation: dots 1.2s steps(3, end) infinite;
}

@keyframes dots {
    0% {
        content: '';
    }

    33% {
        content: '.';
    }

    66% {
        content: '..';
    }

    100% {
        content: '...';
    }
}


.pq-loading-center img{
    animation: spin 1s linear infinite;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}




.blog-sidebar {
    margin-top: 0;
    margin-left: 0;
    position: sticky;
    top: 15%;
    margin-right: 20px;
}
    .blog-sidebar .sidebar-widget-1 {
        margin-top: 0;
    }

.sidebar-widget {
    margin-top: 45px;
}
    .sidebar-widget .widget-title {
        margin-bottom: 25px;
    }
        .sidebar-widget .widget-title .title {
            font-size: 20px;
            font-family: "Barlow", sans-serif;
            font-weight: 700;
            color: #0e0e0e;
            display: inline-block;
        }
    .sidebar-widget .category .cate-item:first-child {
        border-top: 0;
        padding-top: 0;
        margin-top: 0;
    }

    .sidebar-widget .category .cate-item a {
        display: flex;
        font-size: 15px;
        font-family: "Barlow", sans-serif;
        font-weight: 500;
        color: #29303c;
        transition: all 0.3s linear;
    }



.pq-widget {
    background: none;
    padding: 0 0;
}

    .pq-widget.pq-widget-port .menu li a {
        background: #ffffff;
        /* color: white; */
        border: 1px solid #efefef;
    }

        .pq-widget.pq-widget-port .menu li a:hover {
            background: var(--primary-color);
            color: white;
        }


.widget-title .title {
    padding: 0 0 25px 0;
}

.PartnersATPs .single-blog {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0px 0 5px #e3b71f;
}
.blog-details-post .single-blog-post.single-blog .blog-content {
    padding: 30px 0px 0px;
}

.single-blog {
    margin-top: 30px;
}
    .single-blog:hover .blog-image a img {
        transform: scale(1.1);
    }


    .single-blog .blog-image a img {
        transition: all 0.3s linear;
    }
a, button, img, input {
    transition: all 0.3s linear;
    outline: 0;
}
.single-blog .blog-image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free" !important;
}
p {
    line-height: 20px;
}
table.table.table-striped {
    font-size: 12px;
    font-weight: bolder;
}
a, button {
    cursor: pointer;
}

.table.table-striped tr:hover {
    transform: scale(1.1);
    position: relative;
    -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3);
}
.table.table-striped tr {
    transition: all 0.3s linear;
}

.Question button.btn.btn-primary {
    width: 100%;
    text-align: left;
}

.collapse.show {
    margin: -10px 0 15px 0;
}

.Question {
    margin: 0 0 10px 0;
}

:root {
    --primary-color: #971916;
}

.btn-check:active + .btn, .btn-check:checked + .btn, .btn.active, .btn.show, .btn:active, .btn-check:focus + .btn, .btn:focus {
    background-color: #e1b628;
    border-color: #e1b628;
}

.btn-primary {
    --bs-btn-focus-shadow-rgb: #e1b628;
}

.MainSliderTitle {
    z-index: 99999999;
    color: white;
    position: absolute;
    text-align: center;
    width: 60%;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    line-height: 1;
    font-family: montserrat !important;
    font-weight: bold;
    background-color: #00000057;
    padding: 15px 0;
}
header#pq-header.pq-header-style-1.pq-has-sticky {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    background: #ffffff;
    z-index: 999;
    padding: 0 0;
    box-shadow: none;
}
header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-nav li > a {
    color: var(--dark-color);
    font-weight: bold;
}

@media (max-width: 767px) {
    .MainSliderTitle {
        z-index: 99999999;
        color: white;
        position: absolute;
        text-align: center;
        width: 90%;
        top: 65%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 18px;
        line-height: 1;
        font-family: montserrat !important;
        font-weight: bold;
    }
    .partner .pq-section-title {
        font-size: 18px;
        line-height: 2;
    }

    .pq-img-overflow {
        width: 40%;
        left: 42%;
        position: relative;
    }


    .pq-menu-search-block, .pq-sidebar, .pq-toggle-btn, header#pq-header.pq-header-style-1 .pq-header-info-box {
        display: block !important;
    }

    header#pq-header .pq-bottom-header .navbar .navbar-brand img {
        height: 30px;
    }
    .pq-button {
        margin: 0 0px;
        padding: 0px 5px;
    }
    .pq-button {
        font-family: var(--title-fonts);
        font-size: 13px;
        padding: 0 5px;
        line-height: 2;
        position: relative;
        width: auto;
        background: var(--primary-color);
        color: var(--white-color);
        vertical-align: middle;
        display: inline-block;
        overflow: hidden;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    header#pq-header .pq-bottom-header .navbar-toggler {
        font-size: 11px;
        padding: 10px 14px;
        line-height: normal;
        float: right;
        outline: none;
        background: var(--primary-color);
        color: var(--white-color);
        border-radius: 3px;
        margin: 0 0 0 0;
    }

    .MainContainer {
        margin-top: 5%;
    }
    .share-btns {
        display: flex;
        left: 22% !important;
        position: absolute;
    }
}