* {box-sizing: border-box; margin:0; padding:0;}
:root {
    /*colors*/
    --c-primary: #f26b25;
    --c-primary2: #c74f11;
    --c-secondary: #3f4041;
    --c-hover: #3080e3;
    --c-white: #ffffff;
    --c-black: #000000;
    --c-menu: #535457;
    --c-subHeading: #555252;
    /*fonts family*/
    --f-primary: futura-book;
    --f-primary-light: futura-light;
    --f-heading: gothicB;
    --f-heading2: gothic;
    --f-heading3: candaraB;
    --f-subHeading: futura-book;
    --fs-primary: 19px;
    --fs-heading: 34px;
    --fs-subHeading: 1.45em;
}
.c_orange{color:#f26b25;}

html, body { font-family: "Montserrat", sans-serif; color: var(--bs-secondary-text-emphasis);background:#000}
html{background: #000; scroll-behavior: smooth;}

p {font-size: var(--fs-primary)}
a{color:#f26b25;}
a:hover{text-decoration:underline!important;}
    button {cursor: pointer}

.highlight__tag{line-height:1.5;background:var(--c-primary);color:white;padding:0px 10px;border:2px dashed white;border-radius:5px;display:inline-block;margin:0 5px}
.modal-custom-width {max-width: 1026px;padding-left: 33px;padding-right: 30px;}
/* HEADER CSS */
header {z-index: 999;/* display: block; */position: sticky;top:0;background: white;width: 100%;box-shadow: 0 5px 5px rgba(0,0,0,0.14)}
header .brandLogo {transition: width 0.3s ease; transform: translateX(-1000px);animation:slideRight 1.2s ease forwards;}
.responsiveclose {font-size: 30px;position: absolute;right: 20px;top: 20px;width:32px;/*color: var(--c-white);*/background: var(--c-white);line-height: 1;padding-top: 0px;padding-bottom: 0px}
.nav-link {color:var(--c-menu);font-size:16px;background:linear-gradient(45deg, #234c68, #031f32);}

.Section__clientLogos .nav-link img{width:40px;margin-right:5px}

/* SCROLLL TO TOP Button*/
.btn__scrollToTop {position: fixed;bottom: 0;z-index: 999;z-index: 99;width: 60px;right: 10px;bottom: 140px;padding: 10px;cursor: pointer;transition: all 0.3s ease}
.btn__scrollToTop:hover {animation: moveupdown 1s infinite alternate}



/* SCROLL WATCHER */
.scroll-watcher {height: 3px;position: sticky;top: 80px;z-index: 100;background-color: var(--c-primary);width: 100%;scale: 0 1;transform-origin: left;animation: scroll-watcher linear;animation-timeline: scroll();}

footer {display:none;position: sticky;bottom: 0;width: 100%;left: 0;z-index: 2;background-color: #f4f4f4;border-top:1px solid grey;}


.book_btn{background:#ffffff; padding:10px 20px; color:#db921f; text-decoration:none; margin:20px 0px 0px 0px;border-radius:5px}
.book_btn2{background:#db921f; padding:10px 20px; color:#ffffff; text-decoration:none; margin:20px 0px 0px 0px;border-radius:5px}
.book_btn:hover{background:#db921f; text-decoration:none!important;color:#ffffff}
.book_btn2:hover{background:#db921f; text-decoration:none!important;color:#ffffff}
.head_two{font-size:28px;font-weight:bold}

.heading__font {font-style: normal;}
.heading2__font {font-size: 20px; line-height:34px;color:#db921f}
.heading3__font {font-style: normal}
/* KEYFRAMES STARTS */
@keyframes scroll-watcher {
    to {scale: 1 1}}
@keyframes fade-in {to {opacity: 1;visibility: visible}}
@keyframes moveupdown {to {transform: translateY(-10px)}}
@keyframes slideLeft {to {transform: translateX(0px);visibility: visible}}
@keyframes slideRight {to {transform: translateX(0px);visibility: visible}}
/*Keyframes ends*/

.banner__tagline{position:relative;z-index:1}
nav{position:relative;z-index:1}
.Section__clientLogos{position:relative;z-index:1}
.showplace {margin:auto;/*width:50%;border-bottom: 1px dashed #fff*/}
    .showplace .nav-tabs{border:none}
    .showplace .nav-link{border-radius:0;border:1px solid #fff;font-size:22px;font-weight:bold;margin:10px 15px;border-radius:10px;justify-content:center}
        .showplace .nav-link.active {
            background: linear-gradient(45deg, #db921f, #6c4403);
        }
.slider__top .dohabanner {
    min-height: 20vh;
    height: calc(100vh + 100px);
    /* max-height: 100vh; */
    filter: brightness(0.85);
    aspect-ratio: 16 / 6;
}

.videoPlay video{object-fit:cover; aspect-ratio:16/9; width:100%; height:400px; position:relative;}
.videoPlay::before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.9) )}
 
.slider__top .carousel-inner .banner__tagline {background-color: transparent;width:100%;padding: 10px 20px;transform: translateX(50%);visibility: hidden;animation: slideLeft 1.2s alternate;animation-fill-mode: forwards;position: relative;top:0%;left: 0%;z-index:2;}
@media only screen and (max-width: 1199.98px) {
/*TOP SLIDER*/
header .brandLogo.enlarged {width:180px}
.slider__top .carousel-inner .banner__tagline h1{font-size:45px}
}

@media only screen and (max-width: 991.98px) {
    :root {
        --fs-primary: 17px;
        --fs-heading: 30px;
        --fs-subHeading: 1.45em;
    }
.container__business {max-width: 1230px !important;}

/*Header*/
.scroll-watcher {top: 59px}

/*Slider*/
/*.slider__top .carousel-inner .banner__tagline p {font-size: 29px !important}*/
.slider__top .carousel-inner .banner__tagline h1 {font-size: 30px !important;}
.slider__top .carousel-inner .banner__tagline p:nth-of-type(2) {font-size: 12px !important;}
.slider__top .carousel-inner .banner__tagline p:nth-of-type(3) { color:#fff;}
}

@media only screen and (max-width: 767.98px) {
header .brandLogo.enlarged {width: 250px}
.scroll-watcher {top:60px}
}

@media only screen and (max-width: 575.98px) {
        :root {
            --fs-primary: 14px;
            --fs-heading: 28px;
            --fs-subHeading: 1.45em;
        }
.scroll-watcher {top: 38px}
/* Header */
header .brandLogo.enlarged {width:200px}
/*header .brandLogo {width: 100px}*/
header .brandLogo {width: 135px}
.showplace .nav-link{font-size:15px;}
_wrapper img {max-width: 100px;}
}