/* ===================================
    Crafto - Consulting
====================================== */
/* font */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* variable */
:root {
    --base-color: #b3c026;
    --dark-gray: #292d36;
    --medium-gray: #808291;
    --primary-font: "Inseyab", sans-serif;
    --alt-font: "FrutigerLTArabic", sans-serif;
}
/* reset */
body {
    font-size: 17px;
    line-height: 30px;
}

a {
    color: #808291;
}
/* bg gradient color */
.bg-gradient-black-dark-orange {
    background-image: linear-gradient(to right top, #353332, #312b28, #15110f, #4a3229, #5a2611);
}

.bg-gradient-dark-orange-transparent {
    background-image: linear-gradient(to right top, rgba(212, 110, 66,.8), rgba(197, 105, 66,.8), rgba(184, 101, 66,.8), rgba(158, 93, 67,.8), rgba(111, 80, 70,.8));
}
/* header */
.header-icon .icon > a {
    font-size: 20px;
}

.navbar .navbar-nav .nav-link {
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .5px;
}

.navbar .navbar-nav .dropdown .dropdown-menu a {
    font-size: 16px;
    line-height: 28px;
}

.push-menu {
    width: 400px;
}

header .navbar-brand img {
    max-height: 70px;
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu {
    border-radius: 5px;
}

    .navbar .navbar-nav .simple-dropdown .dropdown-menu li a {
        padding: 9px 0 11px;
        border-bottom: 1px solid var(--light-medium-gray);
    }

    .navbar .navbar-nav .simple-dropdown .dropdown-menu li:first-child a {
        padding-top: 0;
    }

    .navbar .navbar-nav .simple-dropdown .dropdown-menu li:last-child a {
        border: 0;
        padding-bottom: 0;
    }

.push-menu .close-menu {
    right: 30px;
    top: 30px;
}
/* typography */
h1 {
    line-height: 4.5rem;
}
/* subcribe style 02 */
.newsletter-style-02 .btn {
    padding: 7px 18px 9px 18px;
}
/* footer */
footer .input-small, footer .textarea-small {
    font-size: 15px;
    padding-left: 20px;
}

footer .footer-logo img {
    max-height: 35px;
}
/* page title */
.page-title-extra-small h1 {
    font-size: 22px;
    line-height: 32px;
}
/* subcribe style 02 */
.newsletter-style-02 input {
    padding-right: 65px;
}




/* media query responsive */
@media (max-width: 1600px) {
    .newsletter-style-02 input {
        padding-left: 15px;
    }

    .navbar .navbar-nav .nav-link {
        font-size: 15px;
    }

    .text-black-shadow {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    .navbar .navbar-nav .simple-dropdown .dropdown-menu {
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .page-title-extra-small h1 {
        font-size: 20px;
        line-height: 28px;
    }

    .process-step-style-02 .progress-step-separator {
        display: block;
    }
}

@media (max-width: 575px) {
    .process-step-style-02 .progress-step-separator {
        display: none;
    }
}



.swiper-slide {
    background: #fff;
    overflow: hidden;
}

    .swiper-slide video {
        width: 100%;
    }

.video-container {
    width: 100%;
    position: relative;
    padding-bottom: 67%;
}

    .video-play,
    .video-container iframe,
    .video-container object,
    .video-container embed,
    .video-container video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed,
    .video-container video {
        pointer-events: none;
    }

.bg-dark-black {
    background-color: #000;
}

.opacity-light.bg-dark-black {
    z-index: 1;
}

header, .swiper, .top-content {
    z-index: 2;
}

.bg-dark {
    background: #695e4a;
    color: #e0b50f;
}

    .bg-dark .text-dark-gray, .bg-dark .btn-link.text-dark-gray, .bg-dark a.text-dark-gray-hover:hover,
    .bg-dark .text-base-color, .bg-dark .btn-link.text-base-color {
        color: #e0b50f;
    }

.navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link {
    color: #e0b50f;
    opacity: 1;
}


header .navbar-brand {
    padding: 5px 0;
}

header .navbar {
    background: transparent url('../img/Back1-20.png');
}

header.header-with-topbar.sticky .navbar {
    background-color: rgba(0,0,0,0.9) !important;
}

@media (min-width: 1200px) {
    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media (min-width: 992px) {
    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 16.6%;
    }
}


.text-black-shadow {
    text-shadow: 0 0 1px #b47d2b;
    color: #000000 !important;
}

.pricing-table-style-11 li {
    /*border-color: #b47d2b !important;*/
}

.img-100 {
    width: 100px;
}

.p-20px {
    padding: 20px 20px !important;
}

.bg-gradient-gray-light-dark-transparent {
    background-image: none;
}

.atropos-inner figcaption span, .atropos-inner figcaption p {
    text-shadow: 0 0 1px #000;
}

.atropos-inner figcaption span {
    font-weight: 600 !important;
}

.time-line-date-icon {
    width: 16px;
    margin: 0;
    padding: 0;
}

/* bg gradient color */
.bg-gradient-top-very-light-gray {
    background-image: linear-gradient(to right, #fbf3e9, #f9f4eb, #f4f4f0, #f2f4f2, #eff4f4);
}

.bg-linen {
    background: #f6f4f3;
}

.bg-gradient-orange-transparent {
    background: linear-gradient(to right, rgba(233, 117, 34, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%);
}

.bg-gradient-blue-transparent {
    background: linear-gradient(to right, rgba(30, 163, 177, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%);
}

.dir-ltr {
    direction: ltr;
}

.dir-rtl {
    direction: rtl;
}

.bg-Color1 {
    background: #72b052;
}

.bg-Color2 {
    background: #b5bd34;
}

.bg-Color3 {
    background: #45793b;
}

.bg-Color4 {
    background: #3bbfad;
}

.bg-Color5 {
    background: #b57e2d;
}

.text-right {
    text-align: right !important;
}

.background-attachment-fixed {
    background-attachment: fixed;
    position: relative;
}

    .background-attachment-fixed::before {
        background-color: rgba(255,255,255,0.95);
        width: 100%;
        height: 120vh;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
    }

.back-white {
    background-color: #fff !important;
}

.Scope-image {
    border-radius: 5px;
}

.scope-h-100 {
}

.figcaption-min-h {
    min-height: 470px;
}

.scope-paragraph {
    margin-bottom: 0;
    text-align: justify;
    text-shadow: 0 0 2px #fff, 0 0 3px #000;
}

@media (max-width: 400px) {
    .figcaption-min-h {
        min-height: auto;
    }
}

.text-md-start {
    text-align: right !important;
}

.portfolio-filter li {
    padding: 0 15px;
}

    .portfolio-filter li:last-child {
        padding-left: 0;
        padding-right: 15px;
    }

    .portfolio-filter li:first-child {
        padding-left: 15px;
        padding-right: 0;
    }

.bg-white-opacity-8 {
    --bs-bg-opacity: 0.8;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.w-64px {
    width: 64px;
}

.w-48px {
    width: 48px;
    margin: 0 5px;
}

@media (min-width: 992px) {
    .text-lg-start {
        text-align: right !important;
    }
}

section.Page-title {
    padding-top: 140px;
    padding-bottom: 10px;
}

.menu-side.tab-style-07 .nav-tabs .nav-item .nav-link {
    padding: 15px 20px 15px 20px;
}

.bg-dark-red {
    background: #5a2611;
}

.bg-dark-brown {
    background: #5e594f;
}

#pageContent {
    font-size: 15px;
}

.tab-style-04 .nav-tabs .nav-item .nav-link {
    line-height: 1.67;
}

    .tab-style-04 .nav-tabs .nav-item .nav-link.active .tab-border, .tab-style-04 .nav-tabs .nav-item .nav-link.show .tab-border, .tab-style-04 .nav-tabs .nav-item .nav-link:hover .tab-border {
        margin-top: 10px;
    }


input[type="checkbox"] {
    width: 16px !important;
    height: 16px;
}


img.winner-img {
    max-width: 200px;
    height: auto;
    width: auto;
    max-height: 200px;
    margin: 35px auto 15px auto;
}

.full-dir-ltr {
    direction: ltr;
    text-align: left;
    display: inline-block;
}

.contact-form-style-03 .form-control, .contact-form-style-03 .form-control.is-invalid, .contact-form-style-03 .was-validated .form-control:invalid {
    background-position: left 0px center !important;
    background-color: #fff !important;
    padding-right: 25px !important;
    padding-left: 25px !important;
}


.award-about-img-content {
    max-width: 100px;
    max-height: 100px;
}

.award-about-img {
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
    object-fit: cover;
}

.iti--inline-dropdown .iti__dropdown-content {
    left: 0;
}

.select2-search--dropdown .select2-search__field {
    text-align: right;
}

ul li {
    list-style: initial;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.form-check {
    padding-right: 1.5em;
    padding-left: initial;
}
.form-check-input:checked[type=radio] {
    padding: 10px;
}
.form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: initial;
}
.nav-link {
    font-size: 14px;
    font-family: "Inseyab";
}