/* general */

body {
    font-family: 'Playfair Display', serif;
    /* background-image: url('../img/bg.jpg'); */
    background: #EEEEEE;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.h-82{
min-height:82vh;
}
.text-justify{
text-align:justify;
}
.body-product{
height:35vh;
overflow-y:auto
}
body{
min-height:100vh!important
}
body.disable-scroll {
    position: fixed;
    width: 100%;
}
.joinus form .ar ::placeholder{
    font-family: 'Tajawal', sans-serif !important;
    color:#707070;
}
input[type="file"] {
    display: none;
}
input[type="image"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
} 
.rotate-270{
    transform: rotate(270deg) !important;
}
.carousel-item{
    height: 90vh;
}
.pl-2rem{
    padding-left: 2rem;
}
.pr-2rem{
    padding-right: 2rem;
}
.right-0{
    right: 0;
}
.mr-10px{
    margin-right: 10px;
}
.ml-10px{
    margin-left: 10px;
}
.mr-40px{
    margin-right: 400px;
}
.ml-auto{
    margin-left: auto;
}
.mr-auto{
    margin-right: auto;
}
.overflow-y-scroll{
    overflow-y: scroll;
}
.overflow-x-scroll{
    overflow-x: hidden;
}
.-bottom-100 {
    bottom: -100px;
}
.bottom-2{
    bottom:2rem
}
.bottom-80 {
    bottom: 80px;
}


.what-we-do ul {
    padding-inline-start: 2rem !important;
}
.what-we-do  .mySwiper11 ul{
    padding-inline-start: 0rem !important;
}
.body-product .ar ul{
    font-family: 'Tajawal', sans-serif !important;
}
.body-product .en ul{
    font-family: 'Work Sans', sans-serif;
}
.body-product {
    margin-bottom: 0 !important;
}
@keyframes padding-down {
    0% {
        padding-top: 7rem;
    }
    100% {
        padding-top: 0.8rem;
    }
}
@keyframes slide-up {
    0% {
        -webkit-transform: translateY(100% - 13%);
                transform: translateY(100% - 13%);
        /* padding-top: .8rem; */
        max-height: 13%;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        /* padding-top: 7rem; */
        max-height: 100%;
    }
}
@keyframes slide-down {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        /* padding-top: 7rem; */
        max-height: 100%;
    }
    100% {
        -webkit-transform: translateY(100% - 13%);
                transform: translateY(100% - 13%);
        /* padding-top: 0.8rem; */
        max-height: 13%;
    }
}
@keyframes slide-up-text {
    0% {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-130px);
                transform: translateY(-130px);
    }
}
@keyframes slide-down-text {
    0% {
        -webkit-transform: translateY(-150px);
                transform: translateY(-150px);
    }
    100% {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
    }
}
@keyframes slide-up-social {
    0% {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes slide-down-social {
    0% {
        -webkit-transform: translateY(-20);
                transform: translateY(-20);
    }
    100% {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
    }
}
.padding-down{
    animation: padding-down 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.slide-up {
    animation: slide-up 0.5s ease-in-out forwards;
    transition: all 0.1s ease-in-out;
}
.slide-down {
    animation: slide-down 0.5s ease-in-out forwards;
    transition: all 0.1s ease-in-out;
}
.slide-up-text {
    animation: slide-up-text 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.slide-up-social {
    animation: slide-up-social 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.slide-down-text {
    animation: slide-down-text 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.slide-down-social {
    animation: slide-down-social 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
/*
 */

@-webkit-keyframes slide-down {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(88%);
    }
}

.slide-down {
    animation: slide-down 0.2s linear;
    transition: 1s linear;
}

.res-layer {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0%;
    left: 0;
    padding: 0.8rem;
    transition: all 1s;
    background-color: rgba(34, 40, 49, 0.87);
}

.min-h-100 {
    min-height: 100%;
}

.bottom-1 {
    bottom: 0.8rem;
}
.madfox-logo{
    width : 75%;
}
.res-arrow {
    position: relative;
    /* right:2.2rem; */
    text-align: center;
    transition: all 0.2s ease-in;
    transform: rotate(90deg);
    background: transparent;
    border: 1px solid #EEEEEE;
    border-radius: 50%;
    padding: 0.4rem;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
}

.res-arrow img {
    position: absolute;
    top: 30%;
    left: 40%;
    width: 22%;
}
.mySwiper9 .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 80% !important;
    opacity: 24%;
    padding: 1.5rem;
    height: 48vh;
    border: 2px solid #222831;
    border-radius: 5px;
}

.mySwiper9 .swiper-slide-active {
    border: 2px solid #222831;
    opacity: 1 !important;
    background-color: #222831;
    color: white;
}

.mySwiper9 .swiper-slide-active h2 {
    color: #CF9717 !important;
}

.swiper-button-prev.swiper-button-prev10 {
    position: absolute !important;
    border-radius: 50% !important;
    padding: 1.8rem !important;
    color: white !important;
    background-color: #222831 !important;
    filter: drop-shadow(0px 10px 10px #000);
    bottom: 0 !important;
    top: unset !important;
    left: 0 !important;
    margin: auto;
    margin-left: 0;
    margin-left: 80px;
}

.swiper-button-next.swiper-button-next10 {
    position: absolute;
    border-radius: 50% !important;
    padding: 1.8rem!important;
    color: white!important;
    background-color: #222831 !important;
    filter: drop-shadow(0px 10px 10px #000);
    bottom: 0 !important;
    top: unset !important;
    right: 0 !important;
    left: auto !important;
    margin: auto;
    margin-left: auto;
    margin-right: 80px;
}

.news .title {
    margin-bottom: 20px !important;
}

a.btn-primary:hover, a.btn-primary:focus {
    color: #EEEEEE !important;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    background-color: #CF9717 !important;
    border-color: #CF9717 !important;
}

.d-rtl {
    direction: rtl;
}

.d-ltr {
    direction: ltr;
}

.ar.accordion-button::after {
    margin-right: auto !important;
    margin-left: unset !important;
}

.swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
}

.swiper-pagination.disabled {
    display: none;
}

.hidden {
    display: none;
}

.swiper-button-next.swiper-button-next8.swiper-button-disabled, .swiper-button-prev.swiper-button-prev8.swiper-button-disabled {
    display: none !important;
}

.swiper-button-next.swiper-button-next10.swiper-button-disabled, .swiper-button-prev.swiper-button-prev10.swiper-button-disabled {
    display: none !important;
}

._1p6f._1p6g.img {
    max-height: 300px !important;
}

.blackHover:hover {
    color: #222831 !important;
}

.blackHover:hover img {
    stroke: #222831;
    fill: #222831;
}

.copy-rights .f-white {
    color: #afbabc !important;
}

.opacity-50 {
    opacity: 50%;
}

.bottom-100px {
    bottom: 200px;
}

.contact-us .vertical-line::after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #CF9717;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

address {
    text-decoration: none;
    color: #EEEEEE !important;
}

#gg-screen {
    position: absolute !important;
}

#gg-screen .gg-image img {
    border: solid 1px transparent;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.gg-btn {
    /* position: absolute !important;  */
    background: none !important;
}

.gg-btn i {
    color: #0000008a !important;
}

.gg-close, .gg-next {
    right: 0px !important;
}

.gg-prev, .gg-next {
    bottom: 10% !important;
    top: 40%;
}

.gg-prev {
    right: auto !important;
}

.gg-close {
    top: 0 !important;
}

.textRight {
    text-align: right;
}

.textLeft {
    text-align: left;
}

.mySwiper7 .map a {
    text-decoration: none !important;
    color: #CF9717 !important;
}

.rotate-180 {
    transform: rotate(180deg);
}

.b-1 {
    bottom: 1rem;
}

.product-img {
    min-height: 110px;
    max-height: 110px;
}

.res p {
    font-size: 14px !important;
    font-weight: 400;
    font-family: 'Work Sans', sans-serif;
    color: #222831 !important;
}

.values li::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 1px;
    background: #CF9717;
    margin-right: .25rem;
}

.values.en li::before {
    margin-left: -0.5rem;
}

.values.ar li::before {
    margin-right: 0.75rem;
}

.contact-us {
    background: white !important;
}

.lh-2 {
    line-height: 1.9;
}

ul {
    list-style-type: none;
}

.d-initial {
    display: initial;
}

.position-inherit {
    position: inherit!important;
}

.space-between {
    display: flex;
    justify-content: space-between;
}

.align-items-center {
    display: flex;
    align-items: center;
}

.btn-primary {
    color: #EEEEEE;
    background-color: #CF9717;
    border-color: #CF9717;
    border-radius: 0px;
    font-weight: 500;
}

.btn-subs {
    background-color: #E6B31E !important;
    border-color: #E6B31E !important;
}

.row {
    margin-right: 0px!important;
    margin-left: 0px!important;
    width: 100%;
}

.submit-btn {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.btn-primary:hover, .btn-primary:active {
    color: #222831!important;
    background-color: #c89315;
    border-color: #CF9717;
    border-radius: 0px;
}

.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: unset;
}

.text-decoration {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 1.5rem;
    text-decoration-color: #C4C4C4;
}

.no-text-decoration {
    text-decoration: none!important
}

.no-text-decoration:hover {
    text-decoration: none!important
}

.col-1-5 {
    width: 12.499999995%
}

input, textarea,label,select {
    border: 1px solid #707070!important;
}
.form-select:focus{
    box-shadow: unset !important;
}

.flex-column {
    flex-direction: column!important;
}

.only-three-line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news-desc p {
    margin-bottom: 0 !important;
}

.text-justify {
    text-align: justify;
}

.nav-h .d-desktop-none .dropdown.links {
    width: 50.16px;
    text-align: end;
}

.nav-h .d-desktop-none .dropdown-toggle.icon {
    background-image: url('../img/menu.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-h .d-desktop-none .dropdown-toggle.show.icon {
    background-image: url('../img/x.svg');
}

.nav-h .lang.dropdown-toggle::after {
    display: inline-block;
}

.dropdown-toggle::after {
    display: none;
}

/* a{
    color: #CF9717!important;
} */

a:hover {
    text-decoration: none;
    color: #CF9717!important;
}

.left-border {
    border-left: 3px solid #CF9717;
    padding-left: 1.5rem;
}

.right-border {
    border-right: 1px solid #212121;
    padding-right: 0.7rem;
}

.pl-7 {
    padding-left: 0.7rem;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border: 1px solid #707070!important;
    box-shadow: unset!important;
    outline: 0 none!important;
}

.btn:focus, button:focus {
    border: none!important;
    box-shadow: unset!important;
    outline: 0 none!important;
}

/* height */

.h-100vh {
    height: 100vh!important;
}

.h-93 {
    height: 93%;
}

.h-90vh {
    height: 90vh!important;
}

.h-85vh {
    height: 85vh!important;
}

.h-80vh {
    height: 80vh!important;
}

.h-70vh {
    height: 78vh!important;
}

.h-65vh {
    height: 71vh!important;
}

.h-fit-content {
    height: fit-content;
}

.h-60vh {
    height: 60vh!important;
}

.h-48vh {
    height: 40vh;
}

.h-15vh {
    height: 15vh;
}

.h-85 {
    height: 85%!important;
}

.h-10vh {
    height: 10vh;
}

.h-7 {
    height: 7rem;
}

.h-9 {
    height: 9rem;
}

.h-15 {
    height: 15%!important;
}

.h-fit-content {
    height: fit-content;
}

.h-300 {
    height: 300px;
}

.h-auto {
    height: auto;
}

.h-80 {
    height: 80%;
}

/* width */

.w-3 {
    width: 3% !important;
}

.w-100vw {
    width: 100vw;
}

.w-20 {
    width: 20%;
}

.w-50 {
    width: 80% !important;
}

.w-80 {
    width: 100%;
}

.w-40 {
    width: 40%;
}

.w-60 {
    width: 60%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-138 {
    width: 138px;
}

.w-660 {
    width: 660px;
}

.nav-logo-width {
    width: 60%
}

.founder-img-width {
    width: 75%;
}

.w-fit-content {
    width: fit-content;
}

/* margin */

.mt--4 {
    margin-top: -4.5%;
}

.mr-05rem {
    margin-right: 0.5rem;
}

.ml-05rem {
    margin-left: 0.5rem;
}

.mr-1rem {
    margin-right: 1rem;
}

.mr-1rem-ar {
    margin-left: 1rem;
}

.ml-1rem {
    margin-left: 2rem;
}

.mb {
    margin-bottom: 5.7rem!important;
}

.margin-left-auto {
    margin-left: auto;
}

.mt-3rem {
    margin-top: 3rem;
}

.mt-4rem {
    margin-top: 4rem;
}

.mt-5rem {
    margin-top: 5rem;
}

.margin-right-4 {
    margin-right: 1.5rem;
}

/* paddign */

.px-8 {
    padding-left: 8rem;
    padding-right: 8rem;
}

.pl-4rem {
    padding-left: 4rem;
}

.pl-8 {
    padding-left: 8rem;
}

.py-8 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.py-7 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.py-5rem {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.pt-5rem {
    padding-top: 5rem;
}

.pb-6 {
    padding-bottom: 4rem;
}
.pt-5rem {
    padding-top: 5rem;
}

.pt-6 {
    padding-top: 4rem;
}

.pt-7 {
    padding-top: 7rem;
}

.pt-8 {
    padding-top: 8rem!important;
}

.pt-4rem {
    padding-top: 1.5rem;
}

.pr-5rem {
    padding-right: 5rem;
}

.py-5rem {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.pb-12 {
    padding-bottom: 12px;
}

/* font family */

.f-workSans {
    font-family: 'Work Sans', sans-serif;
}

.f-Playfair {
    font-family: 'Playfair Display', serif;
}

.f-kufam {
    font-family: 'Kufam', sans-serif !important;
}

.f-tajawal {
    font-family: 'Tajawal', sans-serif !important;
}

/* font size */

.f-12 {
    font-size: 12px;
}

.f-14 {
    font-size: 14px;
}

.f-16 {
    font-size: 16px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

.f-21 {
    font-size: 21px;
}

.f-24 {
    font-size: 24px;
}

.f-25 {
    font-size: 25px;
}

.f-26 {
    font-size: 26px;
}

.f-30 {
    font-size: 18px;
}

.f-38 {
    font-size: 38px;
}

/* font-wieght */

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

/* font style */

.f-italic {
    font-style: italic;
}

/* z-index */

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.z-100 {
    z-index: 100;
}

/* swiper */

.swiper-button-next.swiper-button-next1:after, .swiper-button-prev.swiper-button-prev1:after {
    font-size: 20px!important;
}

.swiper-button-next2.swiper-button-next:after, .swiper-button-prev2.swiper-button-prev:after {
    font-size: 19px!important;
    color: #CF9717;
}

.swiper-button-next.swiper-button-next3:after, .swiper-button-prev3.swiper-button-prev:after {
    font-size: 13px!important;
    color: #222831;
}

.swiper-button-next.swiper-button-next33:after, .swiper-button-prev33.swiper-button-prev:after {
    font-size: 13px!important;
    color: #222831;
}

.swiper-button-next, .swiper-button-prev {
    background-color: rgb(255 255 255 / 0%)!important;
}

.swiper-button-next, .swiper-button-prev {
    position: inherit!important;
    top: 0!important;
    margin-top: 0px!important;
}

.swiper-button-next2 img, .swiper-button-prev2 img {
    height: 14.27px;
}

.swiper-pagination {
    position: inherit!important;
}

:root {
    --swiper-theme-color: #222831!important;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0px!important;
    left: 0px!important;
}

.swiper-pagination-bullet {
    width: 26px !important;
    height: 4px !important;
    background-color: #6c757d;
    opacity: 1;
    margin-left: 9px;
    border-radius: 0px!important;
}

.swiper-pagination1 .swiper-pagination-bullet {
    height: 2px !important;
}

.swiper-button-next, .swiper-button-prev {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.5);
    right: 10px;
    padding: 30px;
    color: #000 !important;
    fill: black !important;
    stroke: black !important;
}

.swiper-pagination2 .swiper-pagination-bullet-active {
    background-color: #CF9717;
}

.swiper-pagination2 .swiper-pagination-bullet {
    width: 18px !important;
    height: 2px !important;
}

.thin-bullet .swiper-pagination-bullet {
    width: 15px !important;
    height: 1px !important;
    margin-left: 5px;
}

/* position top:t- ,bottom:b- ,left:l- ,right:r-*/

.t-0 {
    top: 0;
}

.b-0 {
    bottom: 0;
}

.l-0 {
    left: 0;
}

.r-0 {
    right: 0;
}

.l-42 {
    left: 42%;
}

.r-3 {
    right: 1rem;
}

.r-1 {
    right: 1rem;
}

.b-10 {
    bottom: 10%!important;
}

.b-50 {
    bottom: 50%!important;
}

.b-3 {
    bottom: 3rem;
}

.t--60 {
    top: -60%
}

.t-45 {
    top: 45%;
}

/* background image*/

.header-bg {
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.narnj-bg {
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.third-bg {
    background-image: url('../img/ourValues.svg');
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 800px; */
}

.values.third-bg {
    background-color: #222831;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: none !important;
    /* height: 800px; */
}

.third-bg {
    background-image: url('../img/ourValues.svg');
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 800px; */
}

.third-bg.img-tabber {
    background-image: url('../img/ourValues.svg');
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 720px;
}

.ourBusinessBg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.about2-bg {
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 100vh; */
}

/* background color*/

.bg-darkBlue {
    background-color: #222831
}

.bg-blackBlue {
    background-color: #181B21
}

.bg-yellow {
    background-color: #CF9717;
    opacity: 1;
    display: flex;
    flex-direction: column;
}

.bg-lightGrey {
    background-color: #EEEEEE;
}

.bg-gray {
    background-color: rgba(194, 194, 194, 0.17);
}

ul.product-ul {
    list-style-image: url('../img/Line 148.svg');
    padding-left: 0.8rem !important;
    margin-bottom: 0 !important;
}

/* .product-img .col-6 img:last-child{
    padding-bottom: 0 !important;
} */

.border-radius-4 {
    border: solid 1px transparent;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.border-radius-7 {
    border: solid 1px transparent;
    border-top-left-radius: 14px!important;
    border-top-right-radius: 14px !important;
    border-bottom-left-radius: 14px!important;
    border-bottom-right-radius: 14px !important;
}

.border-gray {
    border-left: 1px solid #C4C4C4;
}

/* .bg-lightGrey2{
    background-color: ;
} */

/* font-color */

.f-white {
    color: white
}

.f-darkBlue {
    color: #222831 !important;
}

.f-yellow {
    color: #CF9717;
}

.f-lightGrey {
    color: #C4C4C4
}

.f-gray {
    color: #EEEEEE;
}

.f-gray2 {
    color: rgba(238, 238, 238, 50%);
}

.f-gray3 {
    color: #BEBEBE;
}

/* slider */

/* .carousel-control-next-icon {
    background-image: unset;
}

.carousel-control-prev-icon {
    background-image: unset;
} */

.carousel-control-next, .carousel-control-prev {
    opacity: 1!important;
}

.carousel-control-prev span {
    margin-left: auto!important;
}

.carousel-indicators .active {
    background-color: #CF9717;
    opacity: 1;
}

.carousel-control-next, .carousel-control-prev {
    width: 6%;
}

/* navbar */

.nav-link {
    color: white;
    text-decoration: none;
    font-weight: 400;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.nav-link:hover {
    color: #CF9717!important;
}

.show .dropdown-toggle::after {
    transform: rotate(180deg);
    color: #CF9717;
}

.nav-link:focus, .nav-link:hover {
    color: white;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: white;
    background-color: #181B21;
}

.nav-link.selected {
    color: #CF9717;
    border-bottom: 1px solid #CF9717;
    font-weight: 600;
}

.nav-h .d-desktop-none .nav-link.selected {
    color: #CF9717;
    border-bottom: none!important
}

/* hr */

.underline {
    width: 6rem;
    opacity: 1;
}

hr:not([size]) {
    height: 2.5px;
}

/* custom */

/* .fade-left{
    -webkit-animation: fadeLeft 0.3s ease-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: right;
} */

.modal-content {
    background: transparent !important;
}

.btn-close {
    background: transparent url('../img/close.svg');
}

.modal-body {
    border-radius: 7px !important;
}

.swiper-button-prev.swiper-button-prev5:after, .swiper-container-rtl {
    content: 'prev' !important;
}

.swiper-button-prev.swiper-button-prev55:after, .swiper-container-rtl {
    content: 'prev' !important;
}

.swiper-button-next.swiper-button-next55:after {
    content: 'next' !important;
}

.modal-header {
    border-bottom: none !important;
}

.scroll-div {
    height: 60vh;
    overflow-y: scroll;
    padding-right: 2rem;
}

/* .scroll-div::-webkit-scrollbar {}

.scroll-div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px #EEEEEE!important;
    border: 1px solid #222831 !important;
}

.scroll-div::-webkit-scrollbar-thumb {
    background-color: #222831 !important;
    border: 4px solid #222831 !important;
}

.scroll-div::-webkit-scrollbar {
    width: 4px;
    width of the entire scrollbar
} */

footer .bg-darkBlue .services a, footer .bg-darkBlue .contact-info a {
    color: white!important;
}

footer .bg-lightGrey .services a, footer .bg-lightGrey .contact-info a {
    color: #222831!important;
}

.img-decoration {
    background-size: contain;
    background-repeat: no-repeat;
    left: -4%;
    background-position-y: bottom;
    bottom: 0;
}

.shadow {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)!important;
}

.drop-shadow {
    filter: drop-shadow(0px 3px 6px #000000);
}

.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc);
    /* remove if you don't care about IE8 */
}

.type1 {
    width: 50px;
    height: 50px;
    margin-right: 1rem;
    /* background: rgb(255, 255, 255); */
}

.pointer {
    cursor: pointer;
    ;
}

.business {
    cursor: pointer;
}

.business:hover {
    color: #222831
}

.line-after-right:after {
    content: "";
    display: inline-flex;
    width: 40%;
    height: 1px;
    background: #CF9717;
    margin-left: 1.5rem;
    margin-bottom: 0rem;
    margin-top: 0px;
}

.title-tab {
    border-left: 1px solid #CF9717;
    height: 90%;
}

.horizental-line:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #CF9717;
    margin-left: 1.5rem;
    margin-bottom: 0rem;
    margin-top: 0px;
}

.btn.fade {
    transition: opacity 0s linear;
}

.services a, .footer-down a, .contact-info a, a.knowMore {
    text-decoration: none!important;
}

.services a, .contact-info a {
    color: #222831;
}

.footer-down a {
    color: #7D8185;
}

.services a:hover, .footer-down a:hover, .contact-info a:hover {
    text-decoration: none!important;
}

.services a:hover, .footer-down a:hover, .contact-info a:hover {
    color: #222831;
}

.footer-down a:hover {
    color: #ffff!important;
}

.d-tab-none .services-title:after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 2px;
    background: #CF9717;
    margin-top: 1.5rem;
}

.title:after {
    text-align: center;
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #CF9717;
    margin-top: 1.5rem;
}

.gallery .title:after, .forms .title:after {
    background: #BEBEBE;
    margin-top: 0.5rem;
    width: 0px;
}

.news .title:after {
    background: #CF9717;
    margin-top: 0.5rem;
    width: 70px;
}

.people .title {
    margin-bottom: 1.5rem;
}

.decoration {
    position: absolute;
    left: -6.3%;
    height: 100%;
}

/* Navs */

.this .nav-link.active .v {
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
}

.this .nav-link {
    color: #888B8F!important;
    width: 100%!important;
    font-size: 18px;
    display: inline-block;
    font-weight: 400;
}

.this .nav-link .v:hover {
    color: white;
}

.this .nav-link.active .v:hover {
    color: #CF9717;
}

.this .nav-link.active {
    font-size: 20px;
    color: #CF9717!important;
    background-color: #c4c4c400;
    padding-left: .5rem;
    font-weight: 500;
}

.this .nav-link:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 1px;
    background: #CF9717;
    margin-right: .25rem;
    -webkit-animation: animateValueBefore2 0.3s ease-out;
    -webkit-animation-fill-mode: forwards;
}

.this .nav-link.active:before {
    /* width: 15px; */
    margin-right: 1rem;
    -webkit-animation: animateValueBefore 0.3s ease-out;
    -webkit-animation-fill-mode: forwards;
}

.ourBusiness .nav-link.active .v {
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
}

.ourBusiness .nav-link {
    color: #C4C4C4!important;
    width: 100%!important;
    display: inline-block;
    font-weight: 500;
}

.ourBusiness .nav-link:hover {
    color: #222831!important;
}

.ourBusiness .nav-link .v:hover {
    color: white;
}

.ourBusiness .nav-link.active .v:hover {
    color: #CF9717;
}

.ourBusiness .nav-link.active {
    color: #222831!important;
    background-color: unset;
    padding-left: .5rem;
    font-weight: 500;
}

/* .ourBusiness .nav-link.active:after{
    content: "";
    display: inline-block;
    width: 10%;
    height: 2px;
    background: #CF9717;
    margin-right: .25rem;
    -webkit-animation: animateValueUnder 0.5s ease-out;
    -webkit-animation-fill-mode: forwards;
} */

.tab-pane.active {
    display: flex;
}

.tab-pane.fade.show.active .conent .desc:before {
    content: "";
    display: inline-block;
    width: 1px;
    /* height: inherit; */
    background: #CF9717;
    margin-right: .5rem;
    -webkit-animation: animateConentBefore 0.3s ease-out;
    -webkit-animation-fill-mode: forwards;
}

.tab-pane.fade .conent .desc:before {
    content: "";
    display: inline-block;
    width: 1px;
    /* height: inherit; */
    background: #CF9717;
    margin-right: .5rem;
    -webkit-animation: animateConentBefore2 0.3s ease-out;
    -webkit-animation-fill-mode: forwards;
}

.tab-pane.fade.show.active {
    animation: fadeIn linear 0.3s;
    -webkit-animation: fadeIn linear 0.3s;
    -moz-animation: fadeIn linear 0.3s;
    -o-animation: fadeIn linear 0.3s;
    -ms-animation: fadeIn linear 0.3s;
}

.vertical-line-before::before {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #CF9717;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.sm-vertical-line-after::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 4rem;
    background: #CF9717;
    margin-bottom: 1rem;
}

/* animations */

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes animateConentBefore {
    0% {
        height: 0px;
    }
    100% {
        height: 100%;
    }
}

@-webkit-keyframes animateConentBefore2 {
    0% {
        height: 100%;
    }
    100% {
        height: 0px;
    }
}

@-webkit-keyframes animateValueBefore {
    0% {
        width: 5px;
    }
    100% {
        width: 25px;
    }
}

@-webkit-keyframes animateValueBefore2 {
    0% {
        width: 25px;
    }
    100% {
        width: 5px;
    }
}

@-webkit-keyframes animateValueUnder {
    0% {
        width: 0px;
    }
    100% {
        width: 15%;
    }
}

@-webkit-keyframes fullheight {
    0% {
        height: 0px;
    }
    100% {
        height: 10%;
    }
}

@-webkit-keyframes minhight {
    0% {
        height: 0px;
    }
    100% {
        height: 30px;
    }
}

.duration-1-5 {
    animation-duration: 1.5s;
    /* don't forget to set a duration! */
}

.gallery .nav-pills .nav-link, .nav-pills .show>.nav-link , .forms.nav-pills .nav-link, .nav-pills .show>.nav-link{
    background: transparent;
    color: #222831 !important;
    opacity: 49%;
}

.gallery .nav-link.active, .forms .nav-link.active  {
    color: #CF9717!important;
    opacity: 100%;
}

.gallery .nav-link.active.title::after {
    color: #CF9717 !important;
    opacity: 100%;
}

.gallery .nav-link.active.title::after, .forms .nav-link.active.title::after{
   background: #CF9717;
    width: 70px;
    margin-left: auto;
	margin-right: auto;
}

.gallery li .nav-link {
    width: 100%;
    border: none;
    border-radius: 0;
}

.gallery ul {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline-start: 0 !important;
}

.pr {
    padding-right: 0;
}

.pl {
    padding-left: 0;
}

.gallery .h-40vh {
    height: 46vh;
}

.big-image {
    background: url('../img/gallery.png');
    background-position: center;
    background-size: cover;
    border-radius: 5px;
    height: 38rem;
    width: 100%;
}

.sm-image {
    background: url('../img/gallery.png');
    background-position: center;
    background-size: cover;
    border-radius: 5px;
    height: 19rem;
    width: 100%;
}

/* swiper 11 */

.mySwiper11 .nav-pills .nav-item .nav-link .swiper-slide {
    color: #BEBEBE;
}

.mySwiper11 .nav-pills .nav-item .nav-link.active .swiper-slide {
    color: #CF9717;
    font-weight: 600;
}

.mySwiper11 .nav-pills .nav-item .nav-link .swiper-slide {
    border-bottom: 0px solid #BEBEBE;
    padding-bottom: 0.5rem;
}

.mySwiper11 .nav-pills .nav-item .nav-link.active .swiper-slide {
    border-bottom: 2px solid #CF9717;
    padding-bottom: 0.5rem;
}

.mySwiper11 .nav-pills .nav-item .nav-link.active {
    background-color: unset;
    border-radius: 0px!important;
}

.mySwiper11 .nav-pills .nav-item .nav-link {
    display: flex;
    flex-direction: row;
}

.col-05 {
    width: 4.16666666665%
}

.gallery-grid {
    display: grid;
    flex-wrap: wrap;
    grid-gap: 0.1rem;
    grid-auto-rows: minmax(15vh, 100px);
}

.gallery-grid div {
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.gallery-grid.md-1500 div {
    border-bottom: 1px solid #C4C4C4;
}

.gallery-grid.md-1500 div:before, .gallery-grid.md-1500 div:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    height: 4px;
    width: 4px;
    background: #AFBABC;
    border-radius: 5px;
}

.gallery-grid.md-1500 div:nth-of-type(1) {
    background: url('../img/logos/gemini.svg');
}

.gallery-grid.md-1500 div:nth-of-type(2) {
    background: url('../img/logos/narnj.svg');
}

.gallery-grid.md-1500 div:nth-of-type(3) {
    background: url('../img/logos/downtown.svg');
}

.gallery-grid.md-1500 div:nth-of-type(4) {
    background: url('../img/logos/jazeel.svg');
}

.gallery-grid.md-1500 div:nth-of-type(5) {
    background: url('../img/logos/nara.svg');
}

.gallery-grid.md-1500 div:nth-of-type(6) {
    background: url('../img/logos/halanarnj.svg');
}

.gallery-grid.md-1500 div:nth-of-type(7) {
    background: url('../img/logos/pitshop.svg');
}

.gallery-grid.md-1500 div:nth-of-type(8) {
    background: url('../img/logos/nora.svg');
}

.gallery-grid.md-1500 div:nth-of-type(9) {
    background: url('../img/logos/gusto.png');
    background-size: 30% !important;
}

.gallery-grid.md-1500 div:nth-of-type(10) {
    background: url('../img/logos/steed.svg');
}

.ml-3 {
    margin-left: 1rem;
}

.yt-uix-button-subscribe-branded, .yt-uix-button-subscribe-branded[disabled], .yt-uix-button-subscribe-branded[disabled]:hover, .yt-uix-button-subscribe-branded[disabled]:active, .yt-uix-button-subscribe-branded[disabled]:focus {
    color: #222831 !important;
    background-color: #CF9717 !important;
    border-color: #CF9717 !important;
    border-radius: 0px !important;
    font-weight: 500 !important;
}

/* responsive */

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #CF9717;
    border: 1px solid #CF9717;
}

/* scroll section */
.article-body .h-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.article-body .h-content::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.article-body .h-content::-webkit-scrollbar-thumb {
    background-color: #CF9717;
    border: 1px solid #CF9717;
}
.people .swiper-button-prev9 {
    background-color: #222831 !important;
    border-radius: 50%;
    color: white !important;
    padding: 1.8rem;
    margin-right: 3rem;
}

.people .swiper-button-next9 {
    background-color: #222831 !important;
    border-radius: 50%;
    color: white !important;
    padding: 1.8rem;
}

@media (min-width: 200px) {
    body {
        font-family: 'Playfair Display', serif;
        /* background-image: url('../img/bg-mobile.jpg'); */
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    .mr-40px {
        margin-left: unset;
        margin-right: 1.5rem;
    }
    .swiper-button-next11{
        left: -5rem !important;
    }
    .py-m-2{
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }
    .w-80 {
        width: 100%;
    }
    .tab-pane .shadow{
        box-shadow: none !important;
    }
    .news .py-5 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    #what_we_do .py-5{
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .h-150px {
        height: 100px;
    }
    .h-500px{
        height: 200px;
    }
    .cont.en{
        padding-left: 47px;
    }
    .cont.ar{
        padding-right: 47px;
    }
    .what-we-do-img {
        object-fit: cover;
        width: 100%;
        min-height:  200px;
        max-height: 200px;
        height: 100%;
        max-width: 100%;
    }
    .hide-btn{
        display: none !important;
    }
    .f-60{
        font-size: 20px;
    }
    .bio {
        font-size: 13px;
    }
    .pt-6 {
        padding-top: 2rem;
    }
    .img-decoration {
        background-position-y: top;
    }
    .img-decoration-en {
        left: -32%;
    }
    .img-decoration-ar {
        background-position-y: top;
        right: -32%;
    }
    .py-4-5 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }
    .w-m-img-15 {
        width: 15%;
    }
    .gg-image {
        height: 50% !important;
    }
    .col-hidden {
        display: none !important;
    }
    .f-25 {
        font-size: 16px;
    }
    .vertical-line-before::before {
        content: "";
        display: none;
        width: 60px;
        height: 2px;
        background: #CF9717;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    #background_wrap {
        z-index: -1;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-image: url('../img/noura-bg.png');
        background-attachment: scroll !important;
        background-position-x: center;
		background-position-y: bottom;
    }
    .container-tab.h-65vh {
        height: fit-content !important;
        min-height: 100vh;
    }
    .container-tab.h-65vh .my-auto {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    .product-img-header {
        width: 40%;
    }
    .body-product em {
        color: #222831 !important;
        font-family: 'Playfair Display', serif !important;
    }
    .body-product h6 {
        font-size: 12px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product h5 {
        font-size: 13px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product h4 {
        font-size: 14px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
        margin-top: 1rem;
    }
    .body-product h3 {
        font-size: 15px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product h2 {
        font-size: 12px !important;
        font-weight: 400 !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product ul {
        font-size: 14px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
        list-style-type: circle;
        margin-bottom: 0 !important;
    }
    .mb-25rem {
        margin-bottom: 1.5rem;
    }
    .mb-3rem {
        margin-bottom: 1.2rem;
    }
    .mb-5rem {
        margin-bottom: 1.6rem;
    }
    .ml-4d {
        margin-left: 1.5rem;
    }
    .mr-4d {
        margin-right: 1.5rem;
    }
    .my-m-1 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important;
    }
    .px-12-3 {
        padding-right: 1.5px;
        padding-left: 1.5px;
    }
    .gallery-grid.md-1500 {
        display: none;
    }
    .py-15-3 {
        padding-top: 1.25px;
        padding-bottom: 1.25px;
    }
    .justify-content-mobile {
        justify-content: center !important;
    }
    .gt .swiper-button-next.gallery-top-next {
        position: absolute !important;
        left: unset !important;
        top: 67% !important;
        right: 0rem !important;
        padding: 1rem 1rem;
    }
    .gt .swiper-button-next.gallery-top-next:after {
        content: 'next' !important;
        background-color: #C2C2C2!important;
        font-size: 18px !important;
        padding: 0.8rem 0.3rem !important;
    }
    .gt .swiper-button-prev.gallery-top-prev {
        position: absolute !important;
        right: unset !important;
        left: 0 !important;
        top: 67% !important;
        padding: 1rem 1rem;
    }
    .gt .swiper-button-prev.gallery-top-prev:after {
        content: 'prev' !important;
        background-color: #C2C2C2 !important;
        font-size: 18px !important;
        padding: 0.8rem 0.3rem !important;
    }
    .scroll-div {
        height: 35vh;
        overflow-y: scroll;
        padding-right: 2rem;
    }
    .swiper-container.gallery-top {
        height: 20vh;
        width: 100%;
    }
    .swiper-container.gallery-thumbs {
        height: 21vh;
        box-sizing: border-box;
        padding: 5px 0;
    }
    .swiper-container.gallery-thumbs .swiper-slide {
        width: 33%;
        height: 100%;
        opacity: 0.4;
    }
    .mr-1 {
        margin-left: 0.5rem;
    }
    .video-mobile {
        display: block;
    }
    .video-desktop {
        display: none;
    }
    .mySwiper11 .nav-pills .nav-item .nav-link.active {
        font-size: 14px!important;
    }
    .mySwiper11 .nav-pills .nav-item .nav-link {
        font-size: 14px!important;
    }
    .h-60vh {
        height: 40vh!important;
    }
    .about2-bg.h-100vh {
        height: 100%!important;
    }
    .py-5-sm-5 {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }
    .h-sm-100 {
        height: 100%;
    }
    .px-sm-0 {
        padding-right: 0px!important;
        padding-left: 0px!important;
    }
    .pt-5-sm-0 {
        padding-top: 0px!important;
    }
    .image-space {
        width: 100%;
        height: 138px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .h-242 {
        height: 242px!important;
    }
    .nav-h .d-desktop-none .links .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        right: 0;
        margin-top: 0px;
        width: 100%;
        border: none;
        border-radius: 0rem;
    }
    .my-4-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }
    .mb-3-sm-0 {
        margin-bottom: 0px!important;
    }
    .mb-3-sm-3 {
        margin-bottom: 1rem!important;
    }
    .r-sm-0 {
        right: 2px;
    }
    .t--60 {
        top: -25%;
    }
    .sm-vertical-line-after::after {
        content: "";
        display: block;
        width: 60px;
        height: 2px;
        background: #CF9717;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .justify-content-end-sm-center {
        justify-content: center!important;
    }
    .people .py-5 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    /* fonts */
    .f-12 {
        font-size: 10px;
    }
    .f-14 {
        font-size: 12px;
    }
    .body-product .f-16 {
        font-size: 12px !important;
    }
    .f-16 {
        font-size: 14px;
    }
    .f-18 {
        font-size: 16px;
    }
    .f-20 {
        font-size: 18px;
    }
    .f-21 {
        font-size: 17px;
    }
    .f-24 {
        font-size: 20px;
    }
    .f-26 {
        font-size: 16px;
    }
    .f-38 {
        font-size: 30px;
    }
    .px-130 {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .w-30 {
        width: 100%;
    }
    .d-tab-none {
        display: none!important;
    }
    .nav-h {
        height: 75.59px;
    }
    .carousel-inner.h-100vh, .fh-100vh {
        height: calc(100vh - 75.59px)!important;
    }
    .me-3 {
        margin-right: 0rem!important;
    }
    .b-11 {
        bottom: 15%;
    }
    .h-9 {
        height: 7rem;
    }
    .text-align-right {
        text-align: right;
    }
    .ourBusiness .nav-link.active:after {
        display: none;
    }
    .nav-link.business.mb-5 {
        margin-bottom: .6rem!important;
        padding-top: 1rem;
        padding-bottom: 1rem;
        box-shadow: 0 0px 6px #aca9a970!important;
    }
    .nav-link.business.mb-5.active {
        border: 1px solid #cf9717;
        border-radius: 4px!important;
    }
    .text-xs-center {
        text-align: center;
    }
    .shadow-on-tablet {
        padding-top: 1rem;
        padding-bottom: 1rem;
        box-shadow: 0 0px 6px #aca9a970!important;
        margin-bottom: 1.5rem!important;
    }
    .pb-5-sm-0 {
        padding-bottom: 0rem!important;
    }
    .img-tabber .third-inner-bg {
        /* background-image: url('../img/ourValuesInner-am.svg'); */
        background-position-y: center;
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #EEEEEE;
    }
    .tabber .third-inner-bg {
        background-image: url('../img/ourValuesInner-am.svg');
        background-position-y: center;
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #222831;
    }
    .tabber .third-inner-bg p {
        color: white;
    }
    .third-bg .accordion-button {
        background-color: #EEEEEE;
        border: unset!important;
        box-shadow: unset!important;
    }
    .values.third-bg .accordion-button {
        background-color: #222831;
        border: unset!important;
        box-shadow: unset!important;
        color: #A1A1A1;
    }
    footer .bg-darkBlue .accordion-item {
        border: unset!important;
        box-shadow: unset!important;
        border-bottom: #EEEEEE!important;
    }
    footer .d-desktop-none .accordion-button {
        border: unset!important;
        box-shadow: unset!important;
    }
    footer .accordion-button:not(.collapsed) {
        background-color: #EEEEEE!important;
        color: #222831!important;
    }
    footer .bg-darkBlue .accordion-button:not(.collapsed) {
        background-color: #222831!important;
        color: #EEEEEE!important;
    }
    .third-bg .accordion-button::after {
        background-image: url('../img/accrodion_arrow.svg')!important;
    }
    .img-tabber.accordion-button::after {
        background-image: url('../img/Path 25019.svg')!important;
        background-position-y: center;
    }
    .viewall.accordion-button::after {
        content: "";
        background: none !important;
    }
    .third-bg .accordion-button:not(.collapsed) {
        color: #CF9717!important;
    }
    footer .bg-darkBlue .accordion-button {
        color: white;
    }
    footer .bg-darkBlue .accordion-button::after {
        background-image: url('../img/accrodion_arrow.svg')!important;
        filter: brightness(0.5) sepia(1) hue-rotate(5deg) saturate(5);
    }
    .third-bg .accordion-button:not(.collapsed)::after, footer .accordion-button:not(.collapsed)::after, footer .bg-darkBlue .accordion-button:not(.collapsed)::after {
        background-image: url('../img/accrodion_arrow.svg')!important;
        transform: rotate(-180deg);
        filter: brightness(0.5) sepia(1) hue-rotate(5deg) saturate(5);
    }
    .third-bg .viewall.accordion-button:not(.collapsed)::after, footer .viewall.accordion-button:not(.collapsed)::after, footer .bg-darkBlue .viewall.accordion-button:not(.collapsed)::after {
        background: none !important;
    }
    .third-bg .accordion-item {
        box-shadow: 0 3px 6px #00000069!important;
    }
    :focus {
        outline: 0!important;
    }
    .mb-5-sm-3 {
        margin-bottom: 1rem!important;
    }
    .founder-section-bg {
        background-image: unset;
        background-color: #222831;
    }
    .py-5-sm-3 {
        padding-top: 1rem!important;
    }
    .founder-img-width {
        width: 100%;
    }
    .h-48vh {
        height: 55vh;
    }
    .px-4rem {
        padding-left: 0px;
        padding-right: 0px;
    }
    .qutation {
        height: 14px;
        width: 10px;
    }
    .col-d-none {
        display: none;
    }
    .gallery .row.h-85vh {
        justify-content: center;
    }
    .gallery .swiper-slide .row {
        justify-content: center;
    }
    .h-50vh {
        height: 50vh;
    }
    .mt-55 {
        margin-top: 3.3rem;
    }
    .flex-colum-mobile {
        flex-direction: column;
    }
    .subs {
        width: 48%;
        align-self: flex-end;
    }
    .sm-image {
        background: url('../img/gallery.png');
        background-position: center;
        background-size: cover;
        border-radius: 5px;
        height: 11rem;
        margin-top: 0.06rem;
    }
    .gallery .col-10.col-md-7.pl {
        padding-left: 0;
    }
    .about2-bg {
        background-image: url('../img/historyBgSm.svg');
    }
    .swiper-button-next.swiper-button-next5:after, .swiper-button-prev.swiper-button-prev5:after {
        font-size: 12px;
    }
    .swiper-button-next.swiper-button-next55:after, .swiper-button-prev.swiper-button-prev55:after {
        font-size: 12px;
    }
    .swiper-button-next.swiper-button-next6:after, .swiper-button-prev.swiper-button-prev6:after {
        font-size: 12px;
    }
    .swiper-button-next.swiper-button-next7:after, .swiper-button-prev.swiper-button-prev7:after {
        font-size: 12px;
    }
    .swiper-button-next.swiper-button-next8:after, .swiper-button-prev.swiper-button-prev8:after {
        font-size: 12px;
    }
    .swiper-button-next.swiper-button-next10:after, .swiper-button-prev.swiper-button-prev10:after {
        font-size: 12px;
    }
    .swiper-button-next.swiper-button-next9:after, .swiper-button-prev.swiper-button-prev9:after {
        font-size: 12px;
    }
    .swiper-button-next.swiper-button-next11:after, .swiper-button-prev.swiper-button-prev11:after {
        font-size: 12px;
    }
    .swiper-button-prev5 {
        position: absolute !important;
        left: 7rem !important;
        top: 100% !important;
        padding: 1rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 15px !important;
        height: 15px !important;
    }
    .swiper-button-next5 {
        position: absolute !important;
        margin-left: 5.1rem;
        left: 5rem !important;
        top: 100% !important;
        padding: 1rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 15px !important;
        height: 15px !important;
    }
    .swiper-button-prev55 {
        position: absolute !important;
        left: 7rem !important;
        top: 100% !important;
        padding: 1rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 15px !important;
        height: 15px !important;
    }
    .swiper-button-next55 {
        position: relative !important;
        margin-left:5.1rem;
        left: 5rem !important;
        top: 100% !important;
        padding: 1rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 15px !important;
        height: 15px !important;
    }
    .swiper-button-prev11{
        position: relative !important;
        /* margin-left: 3.1rem; */
        left: 0 !important;
        top: 90% !important;
        padding: 1rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 15px !important;
        height: 15px !important;
    }
    .swiper-button-next11{
        position: relative !important;
        /* right: -2rem !important; */
        /* left: -10rem !important; */
        top: 90% !important;
        padding: 1rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 15px !important;
        height: 15px !important;
    }
    .swiper-button-next.swiper-button-next11.swiper-button-disabled, .swiper-button-prev.swiper-button-prev11.swiper-button-disabled {
        opacity: 1;
        cursor: auto;
        pointer-events: none;
        background: #fff !important;
        border: 1px solid #222831;
        color: #222831 !important;
    }
    .swiper-button-next.swiper-button-next11:after, .swiper-button-prev.swiper-button-prev11:after{
        transform: rotate(90deg);
    }
    .bussiness .swiper-button-next6 {
        position: absolute !important;
        right: 7rem !important;
        left: unset !important;
        top: 90% !important;
        padding: 1rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 15px;
        height: 15px;
    }
    .bussiness .swiper-button-prev6 {
        position: absolute !important;
        left: 5rem !important;
        top: 90% !important;
        padding: 1rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 15px;
        height: 15px;
    }
    .swiper-button-prev7 {
        position: absolute !important;
        left: 5rem !important;
        top: 95% !important;
        padding: 1rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 15px!important;
        height: 15px !important;
    }
    .swiper-button-next7 {
        position: absolute !important;
        right: 7rem !important;
        left: unset !important;
        top: 95% !important;
        padding: 1rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 15px !important;
        height: 15px!important;
    }
    .swiper-button-prev8 {
        position: absolute !important;
        left: -3rem !important;
        top: 40% !important;
        padding: 2rem 1.25em !important;
    }
    .swiper-button-next8 {
        position: absolute !important;
        right: -2rem !important;
        left: unset !important;
        top: 40% !important;
        padding: 2rem 1rem !important;
    }

    .w-m-15 {
        width: 20%;
    }
    .fw-700.f-20.f-Playfair.mt-4 {
        margin-top: 1rem !important;
    }
    .f-16.fw-400.f-workSans.little-space.d-desktop-none {
        margin-top: 1rem;
    }
    .btn.btn-primary.f-14.fw-500.f-workSans.position-absolute.bottom-0.right-0 {
        margin-top: 1rem;
    }
    .f-20.fw-700.f-Playfair {
        font-weight: 400;
        margin-top: 1.9rem;
    }
    .w-md-100 {
        width: 100%;
    }
    .business-title-center {
        justify-content: center;
    }
    .gallery-grid.md-1200 {
        grid-template-columns: repeat(auto-fill, minmax(120px, auto));
    }
    .h-40vh {
        height: 55vh;
    }
    #carouselExampleControls .carousel-item {
        height: 100%;
    }
    .gallery-grid.md-1200 div {
        border-bottom: 1px solid #C4C4C4;
    }
    .gallery-grid.md-1200 div:nth-of-type(1) {
        background: url('../img/logos/jazeel.svg');
        background-size: 50%;
    }
    .gallery-grid.md-1200 div:nth-of-type(2) {
        background: url('../img/logos/nara.svg');
        background-size: 50%;
    }
    .gallery-grid.md-1200 div:nth-of-type(3) {
        background: url('../img/logos/gusto.png');
        background-size: 40%;
    }
    .gallery-grid.md-1200 div:nth-of-type(4) {
        background: url('../img/logos/steed.svg');
        background-size: 50%;
    }
    .gallery-grid.md-1200 div:nth-of-type(5) {
        background: url('../img/logos/narnj.svg');
        background-size: 50%;
    }
    .gallery-grid.md-1200 div:nth-of-type(6) {
        background: url('../img/logos/downtown.svg');
        background-size: 50%;
    }
    .gallery-grid.md-1200 div:nth-of-type(7) {
        background: url('../img/logos/pitshop.svg');
        background-size: 50%;
    }
    .gallery-grid.md-1200 div:nth-of-type(8) {
        background: url('../img/logos/nora.svg');
        background-size: 50%;
    }
    .gallery-grid.md-1200 div:nth-of-type(9) {
        background: url('../img/logos/halanarnj.svg');
        background-size: 75%;
        border-bottom: none;
    }
    .gallery-grid.md-1200 div:nth-of-type(10) {
        background: url('../img/logos/gemini.svg');
        background-size: 60%;
        border-bottom: none;
    }
    .gallery-grid.md-1200.en div:nth-of-type(2n+1) {
        border-right: 1px solid #C4C4C4;
    }
    .gallery-grid.md-1200.ar div:nth-of-type(2n+1) {
        border-left: 1px solid #C4C4C4;
    }

    .bottom-100px {
        bottom: 250px;
    }

}
@media (min-width:300px) and (max-height:600px) {
    .h-40vh {
        height: 180vh;
    }
}
@media (min-width: 400px) {
    .t--60 {
        top: -53%;
    }
}
@media (min-width: 500px) {
    .fw-700.f-20.f-Playfair.mt-4 {
        margin-top: 0rem !important;
    }
    .t--60 {
        top: -61%;
    }
    .qutation {
        height: 27px;
        width: 27px;
    }
    .business-title-center {
        justify-content: end;
    }
    .gallery-grid.md-1200 div:nth-of-type(1) {
        background: url('../img/logos/gemini.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(2) {
        background: url('../img/logos/narnj.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(3) {
        background: url('../img/logos/downtown.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(4) {
        background: url('../img/logos/jazeel.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(5) {
        background: url('../img/logos/nara.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(6) {
        background: url('../img/logos/halanarnj.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(7) {
        background: url('../img/logos/pitshop.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(8) {
        background: url('../img/logos/nora.svg');
    }
    /* .gallery-grid.md-1200 div:nth-of-type(9) {
        background: unset;
    } */
    .gallery-grid.md-1200 div:nth-of-type(10) {
        background: url('../img/logos/gusto.png');
        background-size: 40%;
    }
    .gallery-grid.md-1200 div:nth-of-type(11) {
        background: url('../img/logos/steed.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(12) {}
}
@media (min-width: 768px) {
    .mySwiper11 .nav-pills .nav-item .nav-link.active {
        font-size: 17px!important;
    }
    .swiper-button-next11 {
        left: 1rem !important;
    }
    .mr-40px {
        margin-left: 300px;
        margin-right: 50px;
    }
    .hide-btn{
        display: none !important;
    }
    #what_we_do .py-5{
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .h-150px {
        height: 135px;
    }
    .h-500px{
        height: 300px;
    }
    .cont.en{
        padding-left: 76px;
    }
    .cont.ar{
        padding-right: 76px;
    }
    .what-we-do-img {
        object-fit: cover;
        width: 100%;
        min-height:  300px;
        max-height: 300px;
        height: 100%;
        max-width: 100%;
    }
    .img-decoration-en {
        left: -18%;
    }
    .img-decoration-ar {
        right: -18%;
    }
    .h-40vh {
        height: 110vh;
    }
    .gallery-grid.md-1200 {
        grid-template-columns: repeat(auto-fill, minmax(190px, auto));
    }
    .bottom-100px {
        bottom: 200px;
    }
    .my-m-1 {
        margin-top: 0rem!important;
        margin-bottom: 0rem!important;
    }
    /* .border-gray-mobile{
        border-bottom: none;
    } */
    .scroll-div {
        height: 70vh;
    }
    .swiper-container.gallery-top {
        height: 50vh;
        width: 100%;
    }
    .gt .swiper-button-next.gallery-top-next {
        top: 62% !important;
    }
    .gt .swiper-button-prev.gallery-top-prev {
        top: 62% !important;
    }
    .swiper-container.gallery-thumbs {
        height: 21vh;
        box-sizing: border-box;
        padding: 5px 0;
    }
    .mySwiper11 .nav-pills .nav-item .nav-link {
        font-size: 17px!important;
    }
    /* .product-img img{
        width: 50%;
    } */
    .w-m-15 {
        width: 15%;
    }
    .px-12-3 {
        padding-right: 1.5px;
        padding-left: 1.5px;
    }
    .py-15-3 {
        padding-top: 1.25px;
        padding-bottom: 1.25px;
    }
    .t--60 {
        top: -83%;
    }
    .h-sm-100 {
        height: auto;
    }
    .h-80 {
        height: 72%;
    }
    .image-space {
        width: 100%!important;
        height: 274px!important;
    }
    .subs {
        width: auto;
        align-self: unset;
    }
    .col-5.pr.col-d-none {
        display: block;
    }
    .flex-colum-mobile {
        flex-direction: row;
    }
    .big-image {
        background: url('../img/gallery.png');
        background-position: center;
        background-size: cover;
        border-radius: 5px;
        height: 30rem;
        width: 100%;
    }
    .sm-image {
        background: url('../img/gallery.png');
        background-position: center;
        background-size: cover;
        border-radius: 5px;
        height: 14.94rem;
        margin-top: 0.06rem;
    }
    .pt-140 {
        padding-top: 6rem;
    }
    .mt-69 {
        margin-top: 3.5rem;
    }
    .swiper-button-prev5 {
        position: absolute !important;
        left: -4rem !important;
        top: 50% !important;
        padding: 3rem 1.5rem !important;
    }
    .swiper-button-next5 {
        position: absolute !important;
        right: -4rem !important;
        left: unset !important;
        top: 50% !important;
        padding: 3rem 1.5rem !important;
    }
    .h-50vh {
        height: 50vh;
    }
    .mt-55 {
        margin-top: 3.3rem;
    }
    .mb-55 {
        margin-bottom: 3.3rem;
    }
    .swiper-button-next.swiper-button-next6:after, .swiper-button-prev.swiper-button-prev6:after {
        font-size: 12px;
    }
    .swiper-button-next.swiper-button-next7:after, .swiper-button-prev.swiper-button-prev7:after {
        font-size: 12px;
    }
    .swiper-button-next.swiper-button-next8:after, .swiper-button-prev.swiper-button-prev8:after {
        font-size: 12px;
    }
    .swiper-button-next.swiper-button-next9:after, .swiper-button-prev.swiper-button-prev9:after {
        font-size: 12px;
    }
    .swiper-button-next.swiper-button-next10:after, .swiper-button-prev.swiper-button-prev10:after {
        font-size: 12px;
    }
    .swiper-button-next.swiper-button-next11:after, .swiper-button-prev.swiper-button-prev11:after {
        font-size: 12px;
    }
    .bussiness .swiper-button-prev6 {
        position: absolute !important;
        left: -3rem !important;
        top: 30% !important;
        padding: 2rem 1.25em !important;
    }
    .bussiness .swiper-button-next6 {
        position: absolute !important;
        right: -3rem !important;
        left: unset !important;
        top: 30% !important;
        padding: 2rem 1.25em !important;
    }
    .swiper-button-prev7 {
        position: absolute !important;
        left: -3rem !important;
        top: 30% !important;
        padding: 2rem 1.25em !important;
    }
    .swiper-button-next7 {
        position: absolute !important;
        right: -3rem !important;
        left: unset !important;
        top: 30% !important;
        padding: 2rem 1.25em !important;
    }
    .swiper-button-prev8 {
        position: absolute !important;
        left: -3rem !important;
        top: 30% !important;
        padding: 2rem 1.25em !important;
    }
    .swiper-button-next8 {
        position: absolute !important;
        right: -3rem !important;
        left: unset !important;
        top: 30% !important;
        padding: 2rem 1.25em !important;
    }
    .swiper-button-prev10 {
        position: absolute !important;
        left: -3rem !important;
        top: 30% !important;
        padding: 2rem 1.25em !important;
    }
    .swiper-button-next10 {
        position: absolute !important;
        right: -3rem !important;
        left: unset !important;
        top: 30% !important;
        padding: 2rem 1.25em !important;
    }
    .f-20.fw-700.f-Playfair {
        font-weight: 400;
        margin-top: 1.9rem;
    }
}
@media  (max-width: 768px) {
        /* 2n+1 */
        .gallery-grid.md-1200.en div:nth-of-type(n+2):before,
        .gallery-grid.md-1200.en div:nth-of-type(n+2):after
        {
            content: "";
            position: absolute;
            bottom: -3px;
            left: -5px;
            height: 5px;
            width: 5px;
            background: #AFBABC;
            border-radius: 5px;
        }
        .gallery-grid.md-1200.ar div:nth-of-type(2n+1):before,
        .gallery-grid.md-1200.ar div:nth-of-type(2n+1):after
            {
            content: "";
            position: absolute;
            bottom: -3px;
            left: -3px;
            height: 5px;
            width: 5px;
            background: #AFBABC;
            border-radius: 5px;
        }
        .gallery-grid.md-1200.en div:nth-of-type(2n+1):before,
        .gallery-grid.md-1200.en div:nth-of-type(2n+1):after,
        .gallery-grid.md-1200.en div:nth-of-type(10):before,
        .gallery-grid.md-1200.en div:nth-of-type(10):after,
        .gallery-grid.md-1200.ar div:nth-of-type(9):before,
        .gallery-grid.md-1200.ar div:nth-of-type(9):after
        {
            content: "";
            position: absolute;
            bottom: -3px;
            left: -5px;
            height: 0px;
            width: 0px;
            background: #AFBABC;
            border-radius: 5px;
        }
        .h-video{
            height: 275px;
        } 
        .h-facebook-post{
            height: 275px !important;
        }
        .object-fit-cover{
            object-fit: cover;
            width: 100%;
            min-height: 275px;
            max-height: 275px;
            height: 100%;
            max-width: 100%;
        }
        .object-fit-cover-half{
            object-fit: cover;
            width: 100%;
            min-height: 132px;
            max-height: 132px;
            height: 100%;
            max-width: 100%;
        }
}
@media (min-width: 992px) {
    body {
        font-family: 'Playfair Display', serif;
        /* background-image: url('../img/bg.jpg'); */
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    #carouselExampleControls .carousel-item {
        height: 90vh;
    }
    .mt-3per {
        margin-top: 1.5%;
        margin-bottom: 1.5%;
    }
    .swiper-button-next11 {
        left: 1rem !important;
    }
    .mr-40px {
        margin-left: 15rem;
        margin-right: 0;
    }
    .py-8 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .h-video{
        height: 336px;
    } 
    .h-facebook-post{
        height: 336px !important; 
    }
    .object-fit-cover{
        object-fit: cover;
        width: 100%;
        min-height: 336px;
        max-height: 336px;
        height: 100%;
        max-width: 100%;
    }
    .object-fit-cover-half{
        object-fit: cover;
        width: 100%;
        min-height: 160px;
        max-height: 160px;
        height: 100%;
        max-width: 100%;
    }
    .what-we-do-img {
        object-fit: cover;
        width: 100%;
        min-height: 320px;
        max-height: 320px;
        height: 100%;
        max-width: 100%;
    }
    .what-we-do ul {
        padding-inline-start: 0rem !important;
    }
	.what-we-do ul li{
        font-size:16px !important;
    }
    .body-product ul{
        padding-inline-start: 20px !important;  
    }
    .w-80 {
        width: 80%;
    }
    .py-m-2{
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
    .tab-pane .shadow{
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)!important;

    }
    .bussiness .swiper-button-prev6 {
        position: absolute !important;
        left: -5rem !important;
        top: 40% !important;
        padding: 1.8rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 25px;
        height: 25px;
    }
    .bussiness .swiper-button-next6 {
        position: absolute !important;
        right: -5rem !important;
        left: unset !important;
        top: 40% !important;
        padding: 1.8rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 25px;
        height: 25px;
    }
    .swiper-button-prev5 {
        position: absolute !important;
        left: -5rem !important;
        top: 40% !important;
        padding: 1.8rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 25px;
        height: 25px;
    }
    .swiper-button-next5 {
        position: absolute !important;
        right: -5rem !important;
        left: unset !important;
        top: 40% !important;
        padding: 1.8rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 25px;
        height: 25px;
    }
    .swiper-button-prev55 {
        position: absolute !important;
        left: -5rem !important;
        top: 40% !important;
        padding: 1.8rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 25px;
        height: 25px;
    }
    .swiper-button-next55 {
        position: absolute !important;
        right: -5rem !important;
        left: unset !important;
        top: 40% !important;
        padding: 1.8rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 25px;
        height: 25px;
    }
    .hide-btn{
        display: flex !important;
    }
    .h-150px{
        height:94px;
    }

    .cont.en{
        padding-left: 3.1rem;
    }
    .cont.ar{
        padding-right: 3.1rem;
        margin-left: 1rem;
    }

    .bg-res {
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        height: 332px;
        transition: all 250ms linear;
    }
    .text-decoration {
        text-decoration: none;
    }
    .w-m-img-15 {
        width: auto;
    }
    .col-hidden {
        display: flex !important;
    }
    #background_wrap {
        z-index: -1;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-image: url('../img/bg.jpg');
        background-attachment: scroll !important;
    }
    .gg-image {
        height: 90% !important;
    }
    .f-30 {
        font-size: 18px;
    }
    .container-tab.h-65vh {
        min-height: fit-content;
    }
    .container-tab.h-65vh .my-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }
    .vertical-line-before::before {
        content: "";
        display: block;
        width: 60px;
        height: 2px;
        background: #CF9717;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .body-product em {
        color: #222831 !important;
        font-family: 'Playfair Display', serif !important;
    }
    .body-product h6 {
        font-size: 12px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product h5 {
        font-size: 13px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product h4 {
        font-size: 14px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
        margin-top: 1rem;
    }
    .body-product h3 {
        font-size: 15px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product h2 {
        font-size: 12px !important;
        font-weight: 400 !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product ul {
        font-size: 12px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
        list-style-type: circle;
    }
    .container-tab.h-65vh {
        height: 67.3vh!important;
    }
    .gallery-grid.md-1200 {
        grid-template-columns: repeat(auto-fill, minmax(150px, auto));
    }
    .gallery-grid.md-1200 div {
        background-size: 40% !important;
    }
    .gallery-grid.md-1200 div:nth-of-type(n+6) {
        border-bottom: none;
    }
    .gallery-grid.md-1200.en div:nth-of-type(n) {
        border-right: 1px solid #C4C4C4;
    }
    .gallery-grid.md-1200.en div:nth-of-type(n):after,
    .gallery-grid.md-1200.en div:nth-of-type(n):after{
        content: "";
        position: absolute;
        bottom: -3px;
        left: -4px;
        height: 5px;
        width: 5px;
        background: #AFBABC;
        border-radius: 5px;
    }
    .gallery-grid.md-1200.ar div:nth-of-type(n):after,
    .gallery-grid.md-1200.ar div:nth-of-type(n):after ,
    .gallery-grid.md-1200.ar div:nth-of-type(1):after,
    .gallery-grid.md-1200.ar div:nth-of-type(1):after{
        content: "";
        position: absolute;
        bottom: -3px;
        left: -3px;
        height: 5px;
        width: 5px;
        background: #AFBABC;
        border-radius: 5px;
    }
    .gallery-grid.md-1200.en div:nth-of-type(n+6):before,
    .gallery-grid.md-1200.ar div:nth-of-type(n+6):before,
    .gallery-grid.md-1200.en div:nth-of-type(n+6):after,
    .gallery-grid.md-1200.ar div:nth-of-type(n+6):after,
    .gallery-grid.md-1200.en div:nth-of-type(1):before,
    .gallery-grid.md-1200.en div:nth-of-type(1):after,
    .gallery-grid.md-1200.ar div:nth-of-type(5):after,
    .gallery-grid.md-1200.ar div:nth-of-type(5):before
    {
        content: "";
        position: absolute;
        bottom: -3px;
        left: -4px;
        height: 0px;
        width: 0px;
        background: #AFBABC;
        border-radius: 5px;
    }

    .gallery-grid.md-1200.ar div:nth-of-type(n) {
        border-left: 1px solid #C4C4C4;
    }
    .gallery-grid.md-1200.en div:nth-of-type(5n) {
        border-right: none !important;
    }
    .gallery-grid.md-1200.ar div:nth-of-type(5n) {
        border-left: none !important;
    }
    .gallery-grid.md-1200 div:nth-of-type(1) {
        background: url('../img/logos/gemini.svg');
        background-size: 60% !important;
    }
    .gallery-grid.md-1200 div:nth-of-type(2) {
        background: url('../img/logos/narnj.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(3) {
        background: url('../img/logos/downtown.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(4) {
        background: url('../img/logos/jazeel.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(5) {
        background: url('../img/logos/nara.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(6) {
        background: url('../img/logos/halanarnj.svg');
        background-size: 70% !important;
    }
    .gallery-grid.md-1200 div:nth-of-type(7) {
        background: url('../img/logos/pitshop.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(8) {
        background: url('../img/logos/nora.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(9) {
        background: url('../img/logos/gusto.png');
        background-size: 30% !important;
    }
    .gallery-grid.md-1200 div:nth-of-type(10) {
        background: url('../img/logos/steed.svg');
    }
    .gallery-grid.md-1200 div:nth-of-type(11) {
        background: none;
    }
    .px-130 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    .h-40vh {
        height: 20vh;
    }
    .gg-logo {
        width: 36%;
    }
    .f-20 {
        font-size: 14px;
    }
    .f-34 {
        font-size: 34px;
    }
    .f-38 {
        font-size: 25px;
    }
    .f-50 {
        font-size: 50px;
    }
    .f-60 {
        font-size: 37.5px;
    }
    .justify-content-mobile {
        justify-content: unset;
    }
    .video-mobile {
        display: none;
    }
    .video-desktop {
        display: block;
    }
    nav.d-tab-none a.mx-5 {
        margin-right: 1rem!important;
        margin-left: 1rem!important;
    }
    .about2-bg {
        background-image: url('../img/Component 15 – 1.png');
    }
    .about2-bg.h-100vh {
        height: 100vh!important;
    }
    .py-5-sm-5 {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
    .px-130 {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .f-18 {
        font-size: 14px;
    }
    .h-80 {
        height: 80%;
    }
    .px-sm-0 {
        padding-right: calc(var(--bs-gutter-x)/ 2)!important;
        padding-left: calc(var(--bs-gutter-x)/ 2)!important;
    }
    .pt-5-sm-0 {
        padding-top: 3rem!important;
    }
    .image-space {
        width: 100%;
        height: 32.3rem;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .qutation {
        height: 27px;
        width: 27px;
    }
    .h-60vh {
        height: 60vh!important;
    }
    .px-4rem {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .h-48vh {
        height: 40vh;
    }
    .my-4-sm-3 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }
    .mb-3-sm-3 {
        margin-bottom: 0rem!important;
    }
    .mb-3-sm-0 {
        margin-bottom: 1rem!important;
    }
    .founder-img-width {
        width: 92%;
    }
    .py-5-sm-3 {
        padding-top: 8rem!important;
        padding-bottom: 8rem!important;
    }
    .founder-section-bg {
        background-image: url('../img/bg-owner.png');
        background-position-y: center;
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: contain;
        /* height: 100vh; */
    }
    .sm-vertical-line-after::after {
        display: none;
    }
    .justify-content-end-sm-center {
        justify-content: flex-end!important;
    }
    .d-desktop-none {
        display: none!important;
    }
    .d-tab-none {
        display: inherit!important;
    }
    .d-flex-tab-none {
        display: flex !important;
    }
    .w-30 {
        width: 42.5%;
    }
    .b-11 {
        bottom: 14%;
    }
    .h-9 {
        height: 9rem;
    }
    .ourBusiness .nav-link.active:after {
        display: inline-block;
    }
    .text-md-left {
        text-align: left!important;
    }
    .nav-link.business.mb-5 {
        margin-bottom: 3rem!important;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        border: none;
        box-shadow: unset!important
    }
    .text-xs-center {
        text-align: left;
    }
    .nav-link.business.mb-5.active {
        border: none;
        box-shadow: unset!important
    }
    .shadow-on-tablet {
        padding-top: 0rem;
        padding-bottom: 0rem;
        margin-bottom: 1.3rem!important;
        box-shadow: unset!important;
    }
    .pb-5-sm-0 {
        padding-bottom: 3rem!important;
    }
    .third-inner-bg {
        background-image: url('../img/ourValuesInner.svg');
        background-position-y: center;
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #222831;
    }
    .mb-5-sm-3 {
        margin-bottom: 3rem!important;
    }
    .t--60 {
        top: -60%;
    }
    .r-sm-0 {
        right: auto;
    }
    .nav-h .d-tab-none .col-8 {
        flex: 0 0 auto!important;
        width: 83.3333333333%!important;
    }
    .nav-h .d-tab-none .col-2 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .f-20.fw-700.f-Playfair {
        font-weight: 700;
        margin-top: 0;
    }
    .res-layer {
        padding-left: 2.2rem;
        padding-right: 2.2rem;
    }
    .intro{
        padding-right: 2.2rem;
    }
    .swiper-button-next.swiper-button-next10 {
        right: -10.47rem !important;
        margin-right: 0 !important;
        bottom: unset !important;
        top: 40% !important;
    }
    .swiper-button-prev.swiper-button-prev10 {
        left: -10.47rem !important;
        margin-left: 0 !important;
        bottom: unset !important;
        top: 40% !important;
    }
    .first-img {
        object-fit: cover;
        width: 100%;
        min-height: 200px;
        max-height: 200px;
        height: 100%;
        max-width: 83.5%;
    }
    .sec-img {
        object-fit: cover;
        width: 100%;
        min-height: 85px;
        max-height: 85px;
        height: 100%;
        max-width: 99px;
    }
    .gg-box img.sec-img:nth-child(2) {
        margin-left: 0 !important;
    }
    .gg-box img.sec-img:nth-child(4) {
        margin-right: 0 !important;
    }
    .h-500px{
        height: 265px;
    }
    .what-we-do-img {
        object-fit: cover;
        width: 100%;
        min-height:  265px;
        max-height:  265px;
        height: 100%;
        max-width: 100%;
    }

}
@media (min-width: 992px) and (max-height:600px) {
    .py-5-sm-3 {
        padding-top: 12rem!important;
        padding-bottom: 15rem!important;
    }
}
@media (min-width: 1200px) {
    html {
        font-size: 13px;
    }
    .fa-icon{
        width: 22px;
    }
    .insta-icon{
        width: 22px;
    }
    .material-icons{
        font-size: 24px !important;
    }
    .mr-40px {
        margin-left: 16.3rem;
        margin-right: 0;
    }
    .res-arrow{
        width: 22px;
        height: 22px;
    }
    .swiper-button-prev11 {
        width: 32px !important;
        height: 32px !important;
    }
    .swiper-button-next11 {
        width: 32px !important;
        height: 32px !important;
    }
    .swiper-button-next11 {
        left: 2rem !important;
    }
    .h-500px{
        height: 320px;
    }
    .h-facebook-post{
        height: 438px!important;  
    }
    .h-video{
        height: 438px;
    }
    .object-fit-cover{
        object-fit: cover;
        width: 100%;
        min-height: 438px;
        max-height: 438px;
        height: 100%;
        max-width: 100%;
    }
   
    .object-fit-cover-half{
        object-fit: cover;
        width: 100%;
        min-height: 212px;
        max-height: 212px;
        height: 100%;
        max-width: 100%;
    }
    .what-we-do-img {
        object-fit: cover;
        width: 100%;
        min-height: 320px;
        max-height: 320px;
        height: 100%;
        max-width: 100%;
    }
    .container-fluid.contact-us {
        height: 120vh;
        overflow: hidden;
    }
    .news-title {
        margin-bottom: 30px;
    }
    .w-50 {
        width: 65% !important;
    }
    .w-80 {
        width: 85%;
    }
    .gallery-grid.md-1500 {
        display: none;
    }
    .mx-5-5rem {
        margin-right: 3.47rem;
        margin-left: 3.47rem;
    }
    .ml-5-5rem {
        margin-left: 3.47rem;
    }
    .ourBusinessBg {
        max-height: 400px;
        width: auto;
        height: 320px;
    }
    nav.d-tab-none a.mx-5 {
        margin-right: 2rem!important;
        margin-left: 2rem!important;
    }
    .px-12-3 {
        padding-right: 5.15px;
        padding-left: 5.15px;
    }
    .py-15-3 {
        padding-top: 6.15px;
        padding-bottom: 6.15px;
    }
    .img.py-15-3:first-child() {
        padding-top: 0px;
    }
    .gt .swiper-button-next.gallery-top-next {
        position: absolute !important;
        left: unset !important;
        top: 83% !important;
        right: 0rem !important;
    }
    .gt .swiper-button-next.gallery-top-next:after {
        content: 'next' !important;
        background-color: #C2C2C2!important;
        font-size: 18px !important;
        padding: 1rem 0.6rem;
    }
    .gt .swiper-button-prev.gallery-top-prev {
        position: absolute !important;
        right: unset !important;
        top: 83% !important;
        left: 0rem !important;
    }
    .gt .swiper-button-prev.gallery-top-prev:after {
        content: 'prev' !important;
        background-color: #C2C2C2 !important;
        font-size: 18px !important;
        padding: 1rem 0.6rem;
    }
    .product-img-header {
        width: 25%;
    }
    .py-9 {
        padding-top: 9.1px;
        padding-bottom: 9.1px;
    }
    .founder-img-width {
        width: 63%;
    }
    .nav-h .d-tab-none .col-8 {
        flex: 0 0 auto!important;
        width: 66.6666666667%!important;
    }
    .nav-h .d-tab-none .col-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .px-130 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    /* margin & padding */
    .mb-5 {
        margin-bottom: 3.2rem!important;
    }
    .px-8 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    /* width & height */
    .w-660 {
        width: 481px;
    }
    .h-300 {
        height: 264px;
    }
    .h-9 {
        height: 7.2rem;
    }
    .f-25 {
        font-size: 16px;
    }
    .f-30 {
        font-size: 21px;
    }
    .w-30 {
        width: 39.5%;
    }
    .nav-h {
        height: 70.72px;
    }
    .carousel-inner.h-100vh, .fh-100vh {
        height: calc(100vh - 70.72px)!important;
    }
    .t--60 {
        top: -64%;
    }
    .b-11 {
        bottom: 15%;
    }
    .col-d-none {
        display: block;
    }
    .html {
        font-size: 13px;
    }
    .pt-140 {
        padding-top: 6rem;
    }
    .mt-69 {
        margin-top: 3.5rem;
    }
    .h-50vh {
        height: 50vh;
    }
    .mt-55 {
        margin-top: 3.3rem;
    }
    .mb-55 {
        margin-bottom: 3.3rem;
    }
    .bussiness .swiper-button-prev6 {
        position: absolute !important;
        left: -5rem !important;
        top: 45% !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        padding: 1.8rem !important;
        width: 35px;
        height: 35px;
    }
    .bussiness .swiper-button-next6 {
        position: absolute !important;
        right: -5rem !important;
        left: unset !important;
        top: 45% !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        padding: 1.8rem !important;
        width: 35px;
        height: 35px;
    }
    .swiper-button-prev8 {
        position: absolute !important;
        left: -4rem !important;
        top: 30% !important;
        padding: 4rem 2.5rem !important;
    }
    .swiper-button-next8 {
        position: absolute !important;
        right: -5rem !important;
        left: unset !important;
        top: 30% !important;
        padding: 4rem 2.5rem !important;
    }
    .swiper-button-prev7 {
        position: absolute !important;
        left: -5rem !important;
        top: 45% !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        padding: 1.8rem !important;
        width: 35px;
        height: 35px;
    }
    .swiper-button-next7 {
        position: absolute !important;
        right: -5rem !important;
        left: unset !important;
        top: 45% !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        padding: 1.8rem !important;
        width: 35px;
        height: 35px;
    }
    .swiper-button-prev10 {
        position: absolute !important;
        padding: 4rem 2.5rem !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 25px !important;
        height: 25px !important;
        padding: 1.8rem !important;
        top: 38% !important;
        left: -10rem !important;
        filter: drop-shadow(0px 10px 10px #000000);
    }
    .swiper-button-next10 {
        position: absolute !important;
        background-color: #222831 !important;
        border-radius: 50%;
        color: white !important;
        width: 25px !important;
        height: 25px !important;
        padding: 1.8rem !important;
        top: 38% !important;
        right: -10rem !important;
        filter: drop-shadow(0px 10px 10px #000000);
    }
    .w-m-15 {
        width: 15%;
    }
    .w-md-100 {
        object-fit: cover;
        width: 100%;
        min-height: 285px;
        max-height: 285px;
        height: 100%;
        max-width: 285px;
    }
    .h-content{
        min-height: 285px;
        max-height: 285px;
        height: 100%;
    }
    .little-space {
        line-height: 1.5;
    }
    .swiper-button-next.swiper-button-next5:after, .swiper-button-prev.swiper-button-prev5:after {
        font-size: 14px;
    }
    .swiper-button-next.swiper-button-next55:after, .swiper-button-prev.swiper-button-prev55:after {
        font-size: 14px;
    }
    .swiper-button-next.swiper-button-next55:after, .swiper-button-prev.swiper-button-prev55:after {
        font-size: 14px;
    }
    .swiper-button-next.swiper-button-next6:after, .swiper-button-prev.swiper-button-prev6:after {
        font-size: 14px;
    }
    .swiper-button-next.swiper-button-next7:after, .swiper-button-prev.swiper-button-prev7:after {
        font-size: 14px;
    }
    .swiper-button-next.swiper-button-next9:after, .swiper-button-prev.swiper-button-prev9:after {
        font-size: 14px;
    }
    .swiper-button-next.swiper-button-next11:after, .swiper-button-prev.swiper-button-prev11:after {
        font-size: 14px;
    }
    .swiper-container.gallery-top {
        height: 65vh;
        width: 100%;
    }
    .swiper-container.gallery-thumbs {
        height: 21vh;
        box-sizing: border-box;
        padding: 5px 0;
    }
    .swiper-container.gallery-thumbs .swiper-slide {
        width: 33%;
        height: 100%;
        opacity: 0.4;
    }
    .swiper-container.gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }
    .mySwiper9 .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        width: 30% !important;
        opacity: 24%;
        padding: 3.5rem;
       // padding-right: 7rem;
        height: 59vh;
        border: 2px solid #222831;
        border-radius: 5px;
    }
    .img-slide {
        object-fit: cover;
        width: 100%;
        height: 365px;
    }
    .swiper-container.gallery-top {
        height: 60vh;
        width: 100%;
    }
    .swiper-container.gallery-thumbs {
        height: 25vh;
        box-sizing: border-box;
        padding: 5px 0;
    }
    .img-thumb {
        object-fit: cover;
        width: 100%;
        height: 150px;
    }
    .tabber .img-decoration-en {
        left: -10% !important;
    }
    .tabber .img-decoration-ar {
        right: -10% !important;
    }
    .third-bg .img-decoration-en {
        left: -10% !important;
        background-position-x: right;
    }
    .third-bg .img-decoration-ar {
        right: -10% !important;
        background-position-x: left;
    }
    .btn-primary {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    #what_we_do .btn-primary {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .bio {
      //  font-size: 10px !important;
        height: 13.5rem;
        margin-right: 2.5rem;
        text-align: justify;
        letter-spacing: -0.02em;
    }
    .bio.ar {
        font-size: 10px !important;
        height: 13.5rem;
        margin-right: unset;
        margin-left: 2.5rem;
        text-align: justify;
        letter-spacing: -0.02em;
    }
    .people .py-5 {
        padding-top: 2rem !important;
        padding-top: 2rem !important;
    }

}

@media (min-width: 1350px) {
    html {
        font-size: 14px;
    }
    .fa-icon{
        width: 25px;
    }
    .insta-icon{
        width: 25px;
    }
    .material-icons{
        font-size: 32px !important;
    }
    .mr-40px {
        margin-left: 17.3rem;
        margin-right: 0;
    }
    .res-arrow{
        width:  25px;
        height:  25px;
    }
    .swiper-button-prev11 {
        width: 35px !important;
        height: 35px !important;
    }
    .swiper-button-next11 {
        width: 35px !important;
        height: 35px !important;
    }
    .py-8 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }
    .product-img-header {
        width: 30%;
    }
    .first-img {
        object-fit: cover;
        width: 100%;
        min-height: 230px;
        max-height: 230px;
        height: 100%;
        max-width: 88.5%;
    }
    .sec-img {
        object-fit: cover;
        width: 100%;
        min-height: 95px;
        max-height: 95px;
        height: 100%;
        max-width: 112px;
    }
    .cont.en{
        padding-left: 4rem;
    }
    .cont.ar{
        padding-right: 4rem;
    }
    .body-product ul {
        font-size: 16px !important;
    }
    .bg-res {
        height: 374px;
    }
    .py-5-sm-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }
    .tabber .img-decoration-en {
        left: -9% !important;
    }
    .tabber .img-decoration-ar {
        right: -9% !important;
    }
    .mr-1rem {
        margin-right: 0.7rem;
    }
    .gg-logo {
        width: 26%;
    }
    .swiper-container.gallery-top {
        height: 63vh;
        width: 100%;
    }
    .img-slide {
        object-fit: cover;
        width: 100%;
        height: 455px;
    }
    .px-130 {
        padding-right: 7rem;
        padding-left: 7rem;
    }
    .ourBusinessBg {
        max-height: 400px;
        width: auto;
        height: 350px;
    }
    .gallery-grid.md-1500 {
        grid-template-columns: repeat(auto-fill, minmax(150px, auto));
    }
    .gallery-grid.md-1200 {
        display: none;
    }
    .gallery-grid.md-1500 {
        grid-template-columns: repeat(auto-fill, minmax(165px, auto));
    }
    .gallery-grid.md-1500 div {
        background-size: 40% !important;
    }
    .gallery-grid.md-1500 div:nth-of-type(n+6) {
        border-bottom: none;
    }
    .gallery-grid.md-1500.en div:nth-of-type(n) {
        border-right: 1px solid #C4C4C4;
    }
    .gallery-grid.md-1500 div:nth-of-type(n):before, .gallery-grid.md-1500 div:nth-of-type(n):after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: -3px;
        height: 5px;
        width: 5px;
        background: #AFBABC;
        border-radius: 5px;
    }
    .gallery-grid.md-1500.ar div:nth-of-type(n) {
        border-left: 1px solid #C4C4C4;
    }
    .gallery-grid.md-1500.en div:nth-of-type(5n) {
        border-right: none !important;
    }
    .gallery-grid.md-1500 div:nth-of-type(1):before, .gallery-grid.md-1500 div:nth-of-type(1):after {
        height: 0px;
        width: 0px;
    }
    .gallery-grid.md-1500 div:nth-of-type(6n):before, .gallery-grid.md-1500 div:nth-of-type(6n):after {
        content: "";
        position: absolute;
        bottom: -5px;
        left: -3px;
        height: 0px;
        width: 0px;
        background: #AFBABC;
        border-radius: 5px;
    }
    .gallery-grid.md-1500.ar div:nth-of-type(5n) {
        border-left: none !important;
    }
    .gallery-grid.md-1500.ar div:nth-of-type(5n):before, .gallery-grid.md-1500 div:nth-of-type(5n):after {
        content: "";
        position: absolute;
        bottom: -5px;
        left: -3px;
        height: 0px;
        width: 0px;
        background: #AFBABC;
        border-radius: 5px;
    }
    .gallery-grid.md-1500 div:nth-of-type(n+6):before, .gallery-grid.md-1500 div:nth-of-type(n+6):after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: -3px;
        height: 0px;
        width: 0px;
        background: #AFBABC;
        border-radius: 5px;
    }
    .gallery-grid.md-1500 div:nth-of-type(1) {
        background-size: 60% !important;
    }
    .gallery-grid.md-1500 div:nth-of-type(6) {
        background-size: 70% !important;
    }
    .gallery-grid.md-1500 {
        display: grid;
    }
    .container-tab.h-65vh {
        height: 71vh !important;
    }
	    .w-30 {
        width: 42.5%;
    }
    .f-25 {
        font-size: 18px;
    }
    .f-30 {
        font-size: 23px;
    }
    .f-30 {
        font-size: 40px;
    }
    .h-500px{
        height: 360px;
    }
    .what-we-do-img {
        object-fit: cover;
        width: 100%;
        min-height: 360px;
        max-height: 360px;
        height: 100%;
        max-width: 100%;
    }
    .h-video{
        height: 467px;
    }
    .h-facebook-post{
        height: 467px!important; 
    }
    .object-fit-cover {
        min-height: 467px;
        max-height: 467px;
    }
    .object-fit-cover-half {
        min-height: 225px;
        max-height: 225px;
    }
    .material-icons{
        font-size: 32px !important;
    }
}

@media (min-width: 1500px) {    .tabber .img-decoration-en {        left: -4% !important;    }    .tabber .img-decoration-ar {        right: -4% !important;    }
    .gallery-grid.md-1500 {
        grid-template-columns: repeat(auto-fill, minmax(175px, auto));
    }
    .fa-icon{
        width: 19px;
    }
    .insta-icon{
        width: 20px;
    }
    .mr-40px {
        margin-left: 18.3rem;
        margin-right: 0;
    }
    .material-icons{
        font-size: 24px !important;
    }
	 .res-arrow {
		width: 22px;
		height: 22px;
	}
    .h-500px{
        height: 400px;
    }
    .what-we-do-img {
        object-fit: cover;
        width: 100%;
        min-height: 400px;
        max-height: 400px;
        height: 100%;
        max-width: 100%;
    }
    .first-img{
        max-width: 77.5%;
    }
    .cont.en{
        padding-left: 4.6rem;
    }
    .cont.ar{
        padding-right: 4.6rem;
    }
    .bg-res {
        height: 415px;
    }
    .mb-3rem {
        margin-bottom: 2.2rem;
    }
    .mb-5rem {
        margin-bottom: 2.6rem;
    }
    .mb-25rem {
        margin-bottom: 2rem;
    }
    .container-fluid.contact-us {
        height: 81.2vh;
        overflow: hidden;
    }
    .h-9 {
        height: 8.6rem;
    }
    .f-25 {
        font-size: 20px;
    }
    .f-30 {
        font-size: 25px;
    }
    .f-60{
        font-size: 47px;
    }
    .w-30 {
        width: 42.5%;
    }
    .h-150px{
        height:118px;
    }
    .h-video{
        height: 526px;
    }
    .h-facebook-post{
        height: 526px;
    }
    .object-fit-cover-half{
        min-height: 252px;
        max-height: 252px;
    }
    .object-fit-cover{
        min-height: 526px;
        max-height: 526px;
    }
    .swiper-button-prev11 {
        width: 40px !important;
        height: 40px !important;
    }
    .swiper-button-next11 {
        width: 40px !important;
        height: 40px !important;
    }
}

@media (min-width: 1900px) {
    .mb-3rem {
        margin-bottom: 2.2rem;
    }
    .fa-icon{
        width:22px;
    }
    .insta-icon{
        width: 22px;
    }
    .mr-40px {
        margin-left: 24.3rem;
        margin-right: 0;
    }
    .material-icons{
        font-size: 39px !important;
    }
    .res-arrow{
        width: 22px;
        height: 22px;
        
    }
    .py-8 {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .body-product ul {
        font-size: 16px !important;
    }
    .bg-res {
        height: 525px;
    }
    .res-layer {
        padding-left: 5.4rem;
        padding-right: 5.4rem;
    }
    .news-title {
        margin-bottom: 50px;
    }
    .product-img-header {
        width: 40%;
    }
    .container-tab.h-65vh {
        height: 74.8vh !important;
    }
    .body-product h6 {
        font-size: 16px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product h5 {
        font-size: 15px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product h4 {
        font-size: 14px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product h3 {
        font-size: 15px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product h2 {
        font-size: 16px !important;
        font-weight: 400 !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
    }
    .body-product ul {
        font-size: 15px !important;
        font-family: 'Work Sans', sans-serif;
        color: #222831 !important;
        list-style-type: circle;
    }
    .container-fluid.contact-us {
        height: 84.1vh;
        overflow: hidden;
    }
    .mb-5rem {
        margin-bottom: 4.6rem;
    }
    .mb-25rem {
        margin-bottom: 3.2rem;
    }
    nav.d-tab-none a.mx-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important;
    }
    .gallery-grid.md-1500 {
        grid-template-columns: repeat(auto-fill, minmax(220px, auto));
    }
    .w-md-100 {
        object-fit: initial;
        width: 100%;
        max-height: 450px;
        height: 100%;
        max-width: 450px;
    }
    .h-content{
        min-height: 450px;
        max-height: 450px;
        height: 100%;
    }
    .ourBusinessBg {
        max-height: 450px;
        width: auto;
        height: 400px;
    }
    .img-slide {
        object-fit: cover;
        width: 100%;
        height: 700px;
    }
    .nav-link.business.active p {
        font-size: 18px !important;
    }
    .ourBusiness p {
        font-size: 18px !important;
    }
    .article-body p {
        font-size: 18px !important;
    }
    .res p {
        font-size: 18px !important;
    }
    .px-12-3 {
        padding-right: 6.15px;
        padding-left: 6.15px;
    }
    .py-9 {
        padding-top: 9.1px;
        padding-bottom: 9.1px;
    }
    .py-15-3 {
        padding-top: 7.15px;
        padding-bottom: 7.15px;
    }
    .image-space {
        width: 100%;
        height: 32.3rem;
    }
    .mySwiper11 .nav-pills .nav-item .nav-link.active {
        font-size: 22px!important;
    }
    .mySwiper11 .nav-pills .nav-item .nav-link {
        font-size: 22px!important;
    }
    .nav-logo-width {
        width: 100%
    }
    /* font size */
    .f-12 {
        font-size: 14px;
    }
    .f-14 {
        font-size: 14px;
    }
    .f-16 {
        font-size: 16px;
    }
    .f-18 {
        font-size: 18px;
    }
    .f-20 {
        font-size: 20px;
    }
    .f-21 {
        font-size: 21px;
    }
    .f-22 {
        font-size: 22px;
    }
    .f-24 {
        font-size: 24px;
    }
    .f-26 {
        font-size: 26px;
    }
    .f-38 {
        font-size: 38px;
    }
    .mb-5 {
        margin-bottom: 5.2rem!important;
    }
    .nav-pills .nav-link.active {
        font-size: 24px;
    }
    .this .nav-link.active:before {
        width: 35px;
    }
    .this .nav-link {
        font-size: 20px;
    }
    .this .nav-link {
        font-size: 20px;
    }
    .this .nav-link.active {
        font-size: 24px;
    }
    .this .nav-link:before {
        width: 10px;
    }
    .this .nav-link.active .v1 {
        background-image: url('../img/v1.svg');
    }
    .tab-pane.fade.show.active .conent .desc:before {
        margin-right: 1rem;
    }
    .pt-4rem {
        padding-top: 2.5rem;
    }
    .pt-6 {
        padding-top: 4rem;
    }
    .pb-6 {
        padding-bottom: 6rem;
    }
    .decoration {
        position: absolute;
        left: -4.3%;
    }
    .founder-img-width {
        width: 58%;
    }
    .t--60 {
        top: -70%
    }
    @-webkit-keyframes animateValueBefore {
        0% {
            width: 10px;
        }
        100% {
            width: 35px;
        }
    }
    @-webkit-keyframes animateValueBefore2 {
        0% {
            width: 35px;
        }
        100% {
            width: 5px;
        }
    }
    .t--60 {
        top: -74%;
    }
    .nav-h {
        height: 103.78px;
    }
    .carousel-inner.h-100vh, .fh-100vh {
        height: calc(100vh - 103.78px)!important;
    }
    .b-11 {
        bottom: 11%;
    }
    .html {
        font-size: 21px;
    }
    .mt-69 {
        margin-top: 5rem;
    }
    .mt-55 {
        margin-top: 4.3rem;
    }
    .mb-55 {
        margin-top: 4.3rem;
    }
    .little-space {
        line-height: 2;
    }
    .w-md-100 {
        width: 100%;
    }
    .w-m-15 {
        width: 15%;
    }
    .swiper-button-next.swiper-button-next6:after, .swiper-button-prev.swiper-button-prev6:after {
        font-size: 24px !important;
    }
    .col-7.col-xxl-7.offset-xxl-1 {
        margin-left: 2.5rem !important
    }
    .modal-xxl {
        max-width: 1600px;
    }
    .swiper-button-next.swiper-button-next6:after, .swiper-container-rtl .swiper-button-prev.swiper-button-prev6:after {
        font-size: 24px !important;
    }
    .gt .swiper-button-next.gallery-top-next:after {
        padding: 1.2rem 0.8rem !important;
    }
    .gt .swiper-button-prev.gallery-top-prev:after {
        padding: 1.2rem 0.8rem !important;
    }
    .modal .swiper-slide-container {
        width: 100%;
    }
    .h-9 {
        height: 10.8rem;
    }
    .w-30 {
        width: 42.5%;
    }
    .f-25 {
        font-size: 25px;
    }
    .f-30 {
        font-size: 30px;
    }
    .f-60{
        font-size: 60px;
    }
    .line-height-2 {
        line-height: 2;
    }
    .letter-space-1-8 {
        letter-spacing: 1.8px;
    }
    .letter-space-2 {
        letter-spacing: 2px;
    }
    .btn-primary {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .bio {
        font-size: 14px !important;
        height: 11.5rem;
        margin-right: 8rem;
        text-align: justify;
        letter-spacing: -0.009em;
    }
    .bio.ar {
        font-size: 14px !important;
        margin-right: unset;
        height: 11.5rem;
        margin-left: 8rem;
        text-align: justify;
        letter-spacing: -0.009em;
    }
    .w-80 {
        width: 68% !important;
    }
    .w-50 {
        width: 60% !important;
    }
    .first-img {
        min-height: 315px;
        max-height: 315px;
        max-width: 83.5%;
    }
    .sec-img {
        min-height: 135px;
        max-height: 135px;
        max-width: 157px;
    }
    .cont.en{
        padding-left: 6rem;
    }
    .cont.ar{
        padding-right: 6rem;
    }
    .h-150px{
        height:150px;
    }
    .h-500px{
        height: 512px;
    }
    .h-video{
        height: 512px;
    }
    .h-facebook-post{
        height: 512px !important;
    }
    .what-we-do-img {
        object-fit: cover;
        width: 100%;
        min-height: 512px;
        max-height: 512px;
        height: 100%;
        max-width: 100%;
    }
    .object-fit-cover-half{
        min-height: 314px;
        max-height: 314px;
    }
    .object-fit-cover{
        min-height: 650px;
        max-height: 650px;
    }
    .intro.w-80{
        width: 78% !important;
    }
    .swiper-button-next11 {
        width: 50px !important;
        height: 50px !important;
    }
    .swiper-button-prev11 {
        width:  50px!important;
        height: 50px !important;
    }

}

@media screen and (min-width:1925px) {
    .w-50 {
        width: 50% !important;
    }
}
#name-error{
    border: 0 !important;
    color: #e53935;	
}
#email-error{
    border: 0 !important;
    color: #e53935;	
}
#tel-error{
    border: 0 !important;
    color: #e53935;	
}