/* Start header nav menu */
.header.dark-text .logo-dark {display: block;}
.header.light-text .logo-light {display: block;}

nav.nav-list {
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    transition: all .4s ease-in-out;
    z-index: 10;
}
nav.nav-list.open {
    top: 0;
}
nav.nav-list ul li a {font-size: 50px; margin-left: 100px;}
.nav-list a {
    display: inline-block;
    position: relative;
}

.nav-list a .char {
    display: inline-block;
    transition: transform 0.3s ease;
    pointer-events: none;
    color: white !important;
}
#nav-btn {
    position: fixed;       /* ضروري ليعمل z-index */
    z-index: 9999;            /* أعلى من الـ nav-list */
    background: transparent;
    border: 0;
    top: 36px;
    right: 34px;
    mix-blend-mode: difference;
    -webkit-font-smoothing: antialiased;
    color: white;
}
body.sk__scrolling-started #nav-btn {
    top: 23px;
    right: 26px;
}
@media (max-width: 768px) {
    #nav-btn {
        top: 16px !important;
        right: 21px !important;
    }
    body.sk__scrolling-started #nav-btn {
        top: 11px !important;
        right: 16px !important;
    }
}

#nav-btn .lines span {transition: all .2s ease-in-out;}
#nav-btn.open .lines span:nth-child(3){
    opacity: 0;
}
#nav-btn.open .lines span:nth-child(1){
    transform: rotate(45deg) translate(3px, -4px)
}
#nav-btn.open .lines span:nth-child(2){
    transform: rotate(-45deg) translate(-4px, -5px);
}

header.light-text #nav-btn {
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
header.dark-text #nav-btn {color: #000; /* text-shadow: 0 2px 4px rgba(255,255,255,0.3); */}
@media (max-width: 1899px) {
    .sk__mobile-menu-logo img {
        height: 35px;
    }
    li.custom-content.sk__mobile-menu-logo {top: 30px; padding-bottom: 10px;}
}
@media (max-width: 992px) {
    body.sk__scrolling-started li.custom-content.sk__mobile-menu-logo {top: 19px;}
    nav.nav-list ul li a {font-size: 32px; margin-left: 50px;}
}

@media (max-width: 768px) {
    .sk__mobile-main-logo {top: 15px !important;}
    body.sk__scrolling-started .sk__mobile-main-logo {
        top: 8px !important;
        left: 15px;
    }
    body.sk__scrolling-started .sk__mobile-main-logo img {height: 26px;}
    .sk__mobile-main-logo {left: 20px;}
    h2.super-heading, span.super-heading.sk__gradient-fancy-text-back {
        font-size: 36.75px !important;
        letter-spacing: -2.1px !important;
    }
    h1.super-heading {
        font-size: 36.75px !important;
        letter-spacing: -0.1px !important;
    }
    nav.nav-list ul li a {font-size: 20px; margin-left: 30px;}
}
@media (max-width: 576px) {
    nav.nav-list ul li a {font-size: 18px; margin-left: 20px;}
}
@media (min-width: 1900px) {
    .navbar-brand img {height: 50px; margin-left: 35px;}
        body.sk__scrolling-started .sk__navbar .navbar-brand img {
        height: 43px;}
        .sk__mobile-main-logo {
            position: fixed;
            display: block;
            z-index: 99;
        }
}
@media (min-width: 1899px) and (max-width: 1921px) {
    .sk__mobile-main-logo img {
        height: auto;
        width: auto;
        z-index: 99;
    }
}



/* End header nav menu */

h1.h1-hero-mega-text {font-size: 17vw; margin-top: 2vh;}


h2.super-heading, span.super-heading.sk__gradient-fancy-text-back{
      font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 60.75px;
	letter-spacing: -5.1px;
	text-transform: inherit;
	line-height: 1.35;
	margin-bottom: 0.3em;
}
h2.h2-large {font-size: 18px; letter-spacing: 2px;}

.text-overlay {
      background-color: rgba(0,0,0,0.5);
      width: 100%;
      height: 100%;
      top: -100%;
      left: -100%;
      transition: all 0.4s ease-in-out;
}
.service-box:hover .text-overlay {top: 0;left: 0;}
.hero-socials i, .hero-socials span[class^="icon-"] {font-size: 20px;}
.cursor-default {cursor: default;}



/* Start about section in Home page */
.about-right-image {
    background-image: url(../../assets/images/about-1.jpg);
}
h1.super-heading {font-size: 74.75px;}
/* .sk__about-us-section {padding-bottom: 100px} */
/* End about section in Home page */

/* Start portfolio code style code */
a.sk__portfolio-thumblink {padding-top: 130%;}
.sk__portfolio-wrapper.not-slick .sk__portfolio-item {width: 32%;}
@media (max-width: 768px) {
    .sk__portfolio-wrapper.not-slick .sk__portfolio-item {width: 50%;}
}

/* Start partners logos */
.partner.partner-1{
    background-image: url('../../assets/images/partners/logo-1.png');
}
.partner.partner-2{
    background-image: url('../../assets/images/partners/logo-2.png');
}
.partner.partner-3{
    background-image: url('../../assets/images/partners/logo-3.png');
}
.partner.partner-4{
    background-image: url('../../assets/images/partners/logo-4.png');
}
.partner.partner-5{
    background-image: url('../../assets/images/partners/logo-5.png');
}
.sk__partners .partner {
    background-size: contain;    
}

@media (max-width: 575px) {
    .slider-wrap {padding: 0 10px}
}
.partner-logo {background-color: rgba(255,255,255,0.05); aspect-ratio: 1 / .8; background-position: center; background-repeat: no-repeat;}
.partners-slider .slick-slide {
    margin: 0 2px;
}
.partners-slider .slick-list {
    margin: 0 -2px;
}
/* End partners logos */


/* this code to fix theme color */

/*
 * Theme Accent/Brand Colors
 */
.sk__gradient-back-v1, .sk__gradient-back-v1-hover:hover, .btn:not([class*="btn-"]):before, .btn-gradient:before, .btn-gradient-outline, .btn-gradient-outline:before, span.sk__underliner:before {
    background: rgb(255, 255, 255);
    background: -o-linear-gradient(left, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 50%, rgba(255, 255, 255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255,1)), color-stop(50%, rgba(255, 255, 255,1)), to(rgba(255, 255, 255,1)));
    background: linear-gradient(90deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 50%, rgba(255, 255, 255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

span.sk__iconbox-icon-dash {
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear,left top, left bottom,from(#000),to(#000)) padding-box, -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255,1)), color-stop(50%, rgba(255, 255, 255,1)), to(rgba(255, 255, 255,1))) border-box;
    background: -o-linear-gradient(#000,#000) padding-box, -o-linear-gradient(left, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 50%, rgba(255, 255, 255,1) 100%) border-box;
    background: linear-gradient(#000,#000) padding-box, linear-gradient(90deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 50%, rgba(255, 255, 255,1) 100%) border-box;
}

.sk__clipped-text, .sk__clipped-text-hover:hover {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sk__gradient-fancy-text, a.sk__iconbox-icon-link:hover span[class^="icon-"].sk__gradient-fancy-text {
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255,1)), color-stop(52%, rgba(255, 255, 255,1)), to(rgba(255, 255, 255,1)));
    background: -o-linear-gradient(left, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 52%, rgba(255, 255, 255,1) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 52%, rgba(255, 255, 255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    -webkit-background-clip: text;
    color: #000000;
    padding: 0.065em;
}

a.sk__iconbox-icon-link:hover span[class^="icon-"].sk__gradient-fancy-text {
    color: rgba(0,0,0,0.65);
}

.sk__gradient-fancy-text-back {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    -webkit-transform: translate(5px, 5px);
    -ms-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
    z-index: -1;
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255,0.7035189075630253)), color-stop(52%, rgba(255, 255, 255,0.4990371148459384)), to(rgba(255, 255, 255,0.4009978991596639)));
    background: -o-linear-gradient(left, rgba(255, 255, 255,0.7035189075630253) 0%, rgba(255, 255, 255,0.4990371148459384) 52%, rgba(255, 255, 255,0.4009978991596639) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255,0.7035189075630253) 0%, rgba(255, 255, 255,0.4990371148459384) 52%, rgba(255, 255, 255,0.4009978991596639) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    -webkit-background-clip: text;
    color: #000000;
    padding: 0.065em;
}

.sk__gradient-background-tint {
    background: rgb(255, 255, 255);
    background: -o-linear-gradient(315deg, rgba(255, 255, 255,0.12290266106442575) 0%, rgba(255, 255, 255,0.07007352941176472) 11%, rgba(255, 255, 255,0) 20%);
    background: linear-gradient(135deg, rgba(255, 255, 255,0.12290266106442575) 0%, rgba(255, 255, 255,0.07007352941176472) 11%, rgba(255, 255, 255,0) 20%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.sk__subtle-divider {
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255,0.3169642857142857)), color-stop(52%, rgba(255, 255, 255,0.20772058823529416)), to(rgba(255, 255, 255,0.14)));
    background: -o-linear-gradient(left, rgba(255, 255, 255,0.3169642857142857) 0%, rgba(255, 255, 255,0.20772058823529416) 52%, rgba(255, 255, 255,0.14) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255,0.3169642857142857) 0%, rgba(255, 255, 255,0.20772058823529416) 52%, rgba(255, 255, 255,0.14) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.gradient-links {
    background: rgb(198,198,198);
    background: -webkit-gradient(linear, left top, right top, from(rgba(198,198,198,1)), color-stop(25%, rgba(198,198,198,1)), color-stop(43%, rgba(255, 255, 255,1)), color-stop(72%, rgba(255, 255, 255,1)), to(rgba(255, 255, 255,1)));
    background: -o-linear-gradient(left, rgba(198,198,198,1) 0%, rgba(198,198,198,1) 25%, rgba(255, 255, 255,1) 43%, rgba(255, 255, 255,1) 72%, rgba(255, 255, 255,1) 100%);
    background: linear-gradient(90deg, rgba(198,198,198,1) 0%, rgba(198,198,198,1) 25%, rgba(255, 255, 255,1) 43%, rgba(255, 255, 255,1) 72%, rgba(255, 255, 255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6c6c6",endColorstr="#ffffff",GradientType=1);
}

.gradient-links-bright {
    background: rgb(255,255,255);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), color-stop(25%, rgba(255,255,255,1)), color-stop(43%, rgba(255, 255, 255,1)), color-stop(72%, rgba(255, 255, 255,1)), to(rgba(255, 255, 255,1)));
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255, 255, 255,1) 43%, rgba(255, 255, 255,1) 72%, rgba(255, 255, 255,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255, 255, 255,1) 43%, rgba(255, 255, 255,1) 72%, rgba(255, 255, 255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.gradient-links, .gradient-links-bright {
    display: table;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 400% 400%;
    background-position: 0% 100%;
}

a.sk__iconbox-icon-link > span.sk__iconbox-icon > span.sk__iconbox-trail {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255,0) 45%, rgba(255, 255, 255,0.25253851540616246) 62%, rgba(255, 255, 255,0.35898109243697474) 85%, rgba(255, 255, 255,0.5158438375350141) 99%, rgba(255,169,17,0.8239670868347339) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255,0) 45%, rgba(255, 255, 255,0.25253851540616246) 62%, rgba(255, 255, 255,0.35898109243697474) 85%, rgba(255, 255, 255,0.5158438375350141) 99%, rgba(255,169,17,0.8239670868347339) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255,0) 45%, rgba(255, 255, 255,0.25253851540616246) 62%, rgba(255, 255, 255,0.35898109243697474) 85%, rgba(255, 255, 255,0.5158438375350141) 99%, rgba(255,169,17,0.8239670868347339) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffa911",GradientType=1);
}

h1.super-heading.font-size-60 {font-size: 60.75px ;}