:root
{
    --base-color: #fff;
    --darker-base-color:#f2f2f2;
    --border-color:#c1c1c1;
    --dark-border-color:#aaa7a7;
    --dark-color:#58585a;
    --dark-blue-color:#05396a;
    --light-blue-color:#7c9dbc;
    --background:rgba(5,57,106,0.7);
    --bold-success-color:#43deaf;

    --normal-font-size:0.9vw;
    --middle-font-size:1.1vw;
    --big-font-size:2.1vw;

}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
/*background: var(--base-color);*/
/*color: var(--dark-color);*/
/*font-family: "DUBAIREGULAR", sans-serif!important;*/
@font-face {
    font-family: DUBAIBOLD;
    src: url(../fonts/DubaiW23-Bold.ttf);
}
@font-face {
    font-family: DUBAILIGHT;
    src: url(../fonts/DubaiW23-Light.ttf);
}
@font-face {
    font-family: DUBAIMEDIUM;
    src: url(../fonts/DubaiW23-Medium.ttf);
}

@font-face {
    font-family:DUBAIREGULAR;
    src: url(../fonts/DubaiW23-Regular.ttf);
}
}

a {  transition: 0.5s;  }
a:hover,
a:active,
a:focus {  outline: none;  text-decoration: none;  }
p {  padding: 0;  }
/* Back to top button */

.back-to-top {
    position: fixed;
    display: none;
    background: var(--bold-success-color);
    color: var( --base-color);
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    border-radius: 50%;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s;
    z-index: 11;
}
.back-to-top i {
    padding-top: 12px;
    color: var( --base-color);
}

.container {
    max-width: 70vw!important;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    z-index: 997;
    height: 5.65vw;
    border-bottom: 0.05vw solid rgba(255,255,255,0.2);
    background-color:transparent;
    background-size:100% 500%;
    transition: 1s;
}
#header.header-scrolled {
    background-image: linear-gradient(90deg, rgba(38,145,143,1) 0%, rgba(11,73,112,1) 50%, rgba(5,57,106,0) 100%);
    background-size:100% 100%;
    background-color:#05396a;
    transition: 1s;
}
#header .logo{
    position: relative;
    top: -2vw;
    width: 10vw;
    right: 3vw;
    height: 3.35vw;}
#header .logo a img{width: 75%}
#header .logo .logo-1{
    width: 10vw;
    height: 3vw;
    position: relative;
    top: 0.7vw;
    background-image: url(../img/new/logo-1-w.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 80%;
    left: 0;
    /* opacity: 1; */
    transition-duration: 0.3s;
}
#header .logo .logo-2{
    width: 4vw;
    height: 4vw;
    position: relative;
    top: -4.85vw;
    background-image: url(../img/logo-2.png);
    background-repeat: no-repeat;
    background-position: 9px 6px;
    background-size: 53%;
    transition-duration: 0.3s;
}

/*Top Navbar*/
.top-nav{
    overflow-y: hidden;
    height: 2.5vw;
    /*background-color: transparent;*/
    -ms-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -webkit-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;

}
.top-nav .inner-nav{  height: 2.5vw;  max-width: 80vw;  position: relative; font-size: var(--middle-font-size);font-family: "DUBAILIGHT" }
.top-nav .inner-nav .package{  width: 30vw;    float: right;  height: 2.5vw;  }
.top-nav .inner-nav .package ul{
    margin: 0;
    padding-right: 0;
    list-style: none;
    text-align: center;
    height: 100%;
}
.top-nav .inner-nav .package ul li{float: right;height: 100%; transition: all 0.5s; white-space: nowrap; line-height: 2.7}
.top-nav .inner-nav .package ul li a{  color: var(--base-color); transition: all 0.5s; padding: 0 0.9vw; display: inherit ;font-size: var(--middle-font-size)}
.top-nav .inner-nav .package ul li a:hover{ font-family: 'DUBAIMEDIUM'; }
.top-nav .package ul li.active a{  font-weight: 700;font-family: 'DUBAIMEDIUM';  }
.top-nav .inner-nav .language{  height: 100%;  float: left;  font-weight: 600; width: 20vw; }
.top-nav .inner-nav .language a{
    color: var(--base-color);
    padding: 0.65vw 0.9vw;
    width: 20vw;
    line-height: 2.9;
}
.top-nav .inner-nav .language span{    font-size: 1.5vw;  font-weight: 100;color: var(--base-color);}
/*Bottom Navbar*/
.bottom-nav{  background-size: 1% 200%;  height: 3.15vw;  }
/* Desktop Navigation */
.main-nav, .main-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 3.15vw;
    font-family: "DUBAIMEDIUM", sans-serif;
}
nav{  height: 3.15vw;  }
.bottom-nav .main-nav ul {height: 100%;}
.bottom-nav .main-nav ul li {  position: relative;  white-space: nowrap;  float: right;  }
.bottom-nav .main-nav ul li a {
    display: block;
    position: relative;
    color: var(--base-color);
    padding:0 0.9vw;
    transition: all 0.5s;
    font-size: var(--middle-font-size);
}
.bottom-nav .main-nav ul li a:hover,
.bottom-nav .main-nav ul li.active a,
.bottom-nav .main-nav li:hover a { text-decoration: none; border-bottom: 0.05vw solid var(--bold-success-color); }
/* Mobile Navigation */
.mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;  }
.mobile-nav a {
    display: block;
    position: relative;
    color: var(--base-color);
    padding: 10px 20px;
    font-weight: 500;
}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {  color: var(--bold-success-color);  text-decoration: none;}
.mobile-nav-toggle i {  margin: 18px 0 0 0px;  color: var(--base-color);  }
.mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(5, 57,103, 0.8);
    overflow: hidden;
    display: none;
}
.mobile-nav-active {  overflow: hidden;  }
.mobile-nav-active .mobile-nav-toggle i {  color: var(--base-color);  }

.sizeh3Main{
    font-family: 'DUBAILIGHT';
    height:25px;
}

.mobile-nav-toggle{display: none}
.header {
    height: 70px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 997;
    display: none;
}
@media (min-width: 768px) {  .mobile-nav-wrap { /* display: none; */  }  }
.mobile-header-nav {
    background-color: var(--dark-blue-color);
    display: none;
    position: absolute;
    top: 0;
    height: auto;
    width: 100%;
    padding: 10px 20px 20px 20px;
}
.mobile-header-nav .mobile-language{margin: 10px 0;  color: var(--base-color);  font-size: 15px;   font-weight: 700;height: 45px; }
.mobile-header-nav .mobile-language a{
    color: var(--base-color);
    padding: 10px;
    position: relative;
    top: 7px;
}
.mobile-header-nav .mobile-language span{
    position: relative;
    top: 7px;
    font-size: 20px;
    font-weight: 100;
}
.mobile-header-nav .mobile-package{height:200px;margin: 10px 0;}
.mobile-header-nav .mobile-package ul{ list-style: none;  margin: 0;  padding: 0;  width: 100%; ;font-size: 15px;}
.mobile-header-nav .mobile-package ul li{
    float: right;
    text-align: center;
    height: 100px;
    padding:5px;
    /*background: #042a4f;*/
    width: 50%;

}
.mobile-header-nav .mobile-package ul li a{
    color: var(--base-color);
    /* padding: 0 10px; */
    height: 100%;
    width: 100%;
    display: block;
    margin: auto 0;
    background: #042a4f;
}
.mobile-header-nav .mobile-package ul li a img{width: 30px;    margin-top: 12px;  }
.mobile-header-nav .mobile-package ul .training a img{width: 40px}
.mobile-header-nav .mobile-package ul .business a img{width: 45px}
.mobile-header-nav .mobile-package ul li a span{  font-size: 15px;  position: relative;  top:8px;  }
.mobile-header-nav .mobile-package ul .business a span {  top:12px;  }
.mobile-header-nav .main-list{padding: 0 5px;}
.mobile-header-nav .main-list p{
    font-size: 15px;
    text-align: right;
    font-weight: 700;
    margin: 0;
    color: var(--base-color);
}
.mobile-header-nav .main-list hr{
    border: 0;
    border-bottom: 0.2rem solid #1a5f83;
    width: 75%;
    position: relative;
    top: -10px;
    margin: 0;
}
.mobile-header-nav .main-list ul{
    list-style: none;
    margin: 0;
    padding: 0px;
    width: 100%;
}
.mobile-header-nav .main-list li {  border-bottom: 1px solid rgba(255, 255, 255, 0.1);  }
.mobile-header-nav .main-list li a {
    color: white;
    display: block;
    padding: 10px 0;
    text-align: right;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.mobile-header-nav .main-list li a i{color: var(--bold-success-color);font-size: 10px;margin-left: 5px;}
.mobile-header-nav .main-list li.active a{color: var(--bold-success-color)}
.mobile-header-nav .main-list li a:hover { color: var(--bold-success-color);  }
.mobile-header-nav .main-list li:last-child{border-bottom: none}
.hamburger-menu {
    display: inline-block;

    /*height: 100%;*/
    padding: 15px 25px;
    transition: all 0.3s ease-in-out;
}
.hamburger-menu:hover {  cursor: pointer;  }
.hamburger-menu .menu-item {
    background: var(--base-color);
    display: block;
    height: 3px;
    margin: 0 0 5px;
    transition: all 0.3s ease-in-out;
    width: 31px;
}
.hamburger-menu.open .menu-item {  margin: 0 0 2px;  }
.hamburger-menu.open .menu-item:first-child {  transform: rotate(45deg);  transform-origin: 10px;  }
.hamburger-menu.open .menu-item:nth-child(2) {  opacity: 0;  }
.hamburger-menu.open .menu-item:nth-child(3) {  transform: rotate(-45deg);  transform-origin: 8px;  }



#main{  position: relative; }
/* Sections Header
--------------------------------*/
.section-header h3 {
    font-size: var(--big-font-size);
    color: var(--dark-border-color);
    text-align: center;
    position: relative;
    padding-bottom: 1vw;
    font-family: 'DUBAIMEDIUM';
}

/*--------------------------------------------------------------
 # Home Page
--------------------------------------------------------------*/
/*Intro Section
--------------------------------------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}
.Grid1k {
    padding: 0 15px;
    max-width: 1200px;
    margin: auto;
}
.blocks-box,
.slick-slider {  margin: 0 0;  padding: 0!important;  }
.slick-slide {  float: left /* If RTL Make This Right */ ;  padding: 0px;  }
/* ==== Slider Style === */
.main-slider{  position:relative;  }
.main-slider .NextArrow{
    position:absolute;
    top:50%;
    right:0px;
    width:45px;
    height:45px;
    background:rgba(0,0,0,.50);
    border:0 none;
    margin-top:-22.5px;
    text-align:center;
    font:20px/45px FontAwesome;
    color:#FFF;
    z-index:5;
}
.main-slider .NextArrow:before{content:'\f105';}
.main-slider .PrevArrow{
    position:absolute;
    top:50%;
    left:0px;
    width:45px;
    height:45px;
    background:rgba(0,0,0,.50);
    border:0 none;
    margin-top:-22.5px;
    text-align:center;
    font:20px/45px FontAwesome;
    color:#FFF;
    z-index:5;
}
.main-slider .PrevArrow:before{content:'\f104';}
.main-slider .img-fill {
    /*height: 500px;*/
    /*background:#000;*/
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 40vw;
}
.main-slider .img-fill img{
    height: 40vw;
    min-width: 100%;
    position: relative;
    display: inline-block;
    max-width: none;
}
.main-slider .img-fill .info {
    height: 100%;
    position: absolute;
    /*top: 0px;*/
    /*left: 0px;*/
    /*right: 17vw;*/
    text-align: right;
    width: 50%;
    z-index:3;
    top:30%;
    /*padding:0 20px;*/
}
.main-slider .img-fill h3{
    /*font:22px/50px RalewayB;*/
    font-size: var(--big-font-size);
    color:var(--base-color);
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    visibility:hidden;
    /*text-transform:uppercase;*/
    line-height: 1;
    margin-bottom: 2vw;
}
.main-slider .img-fill h3 span{color: var(--bold-success-color);font-size: 4vw;  font-weight: 700;}
.main-slider .img-fill p{
    max-width:24vw;
    /*margin:auto;*/
    margin-top:15px;
    font-size: var(--middle-font-size);
    /*font:14px/22px NeoSansR;*/
    color:#FFF;
    height:66px;
    text-align:justify;
    overflow:hidden;
    visibility:hidden;
    /*text-transform:capitalize;*/
}
.main-slider .img-fill .btn-slider{
    padding: 0.3vw 0.1vw;
    width: 9vw;
    font-size: var(--middle-font-size);
    color: var(--dark-blue-color);
    border-radius: 0;
    background-color: var(--base-color);
    border: 0.1vw solid  var(--base-color);
    overflow:hidden;
    visibility:hidden;
}
.main-slider .img-fill .btn-slider:hover{  background-color: transparent;  color:  var(--base-color);  }
.main-slider .slick-active h3{  animation:fadeInRight 1s both 0.2s;  visibility:visible;  }
/*.main-slider .img-fill p span{*/
/*font-size: 9vw;*/
/*position: absolute;*/
/*top: -8.5vw;*/
/*!*left: 31vw;*!*/
/*font-weight: 700;*/
/*}*/
.main-slider .slick-active p{  animation:fadeInUp 1s both 0.7s;  visibility:visible;  }
/*.main-slider .slick-active p span{animation:fadeInLeft 1.3s both 0.7s;  visibility:visible;}*/
.main-slider .slick-active .btn-slider{  animation:fadeInUp 1s both 1s;  visibility:visible;  }


.imageBrightness{
    /*z-index: -1;*/
    top: 0;
    position: absolute;
    height: 24.8vw;
    left: 0;
    background-size:   cover;
    right: 0;
    filter: brightness(80%);
    background-position: center top;
}
/*Our Mark Section
--------------------------------------------------------------*/
#our-mark{height:4vw;background-color: var(--bold-success-color);text-align: right;position: relative;  top:-0.38vw;  }
#our-mark img{width: 12%; padding-right: 1vw; position: absolute;  top:1vw;}
/* Services Section
--------------------------------*/
#services{  padding: 3vw 0;  }
#services .service-link{
    color: #4a4a4a;
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#services .service-link .business-service {
    background-color: var(--background);
    text-align: right;
    color: var(--base-color);
    max-height:13vw;
    height: 100vh;
    min-height:13vw;
    position: absolute;
    bottom:-150px;
    transition: bottom 0.7s ease-in-out;
}
#services .service-link:hover .business-service{  bottom:0;  }
#services .service-link .business-service span{padding:  0 1vw;}
#services .service-link .business-service span .fa-chevron-up{
    /* Firefox */
    -moz-transition: all 0.5s ease;
    /* WebKit */
    -webkit-transition: all 0.5s ease;
    /* Opera */
    -o-transition: all 0.5s ease;
    /* Standard */
    transition: all 0.5s ease;
}
#services .service-link:hover .business-service span .fa-chevron-up{
    /* Firefox */
    -moz-transform: rotate(-360deg) ;
    /* WebKit */
    -webkit-transform:  rotate(-360deg);
    /* Opera */
    -o-transform: rotate(-360deg) ;
    /* Standard */
    transform: rotate(-360deg) ;
}
#services .service-link:hover .business-service span .fa-chevron-up:before{  content:"\f078";  }
#services .service-link .bs-service-title {
    padding: 1vw 0.5vw;
    font-family: 'DUBAILIGHT';

    font-size: var(--middle-font-size);
    font-weight: 600;
}
#services .service-link .bs-service-desc{
    text-align: justify;
    font-family: 'DUBAILIGHT';
    font-size: var(--normal-font-size);
    padding: 0 4vw 0 2vw;
}
#services .service-link img {  width: 100%;  }
/* Company Name Section
--------------------------------*/
#company-name{ background-color: var(--dark-blue-color);position: relative;}
#company-name .c-n-bg{
    /* The image used */
    background-image: url(../img/new/palm-logo-story.png);

    /* Set a specific height */
    /*height: 500px;*/

    /* Create the parallax scrolling effect */
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--darker-base-color); padding: 2vw 0;
}
#company-name .logo-story{
    width: 9.5vw;
    height: 9.5vw;
    border-radius: 50%;
    background-color: var(--bold-success-color);
    position: absolute;
    top: 1.9vw;
    /*right: 35.5vw;*/
    -webkit-box-shadow: 0px 0px 25px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 25px -1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 25px -1px rgba(0,0,0,0.4);
    /*-webkit-box-shadow: 0px 0px 25px -8px rgba(0,0,0,0.75);*/
    /*-moz-box-shadow: 0px 0px 25px -8px rgba(0,0,0,0.75);*/
    /*box-shadow: 0px 0px 25px -8px rgba(0,0,0,0.75);*/
}
#company-name .logo-story img{width: 60%;display: block;margin: 1.9vw 2.2vw;}
#company-name .c-n-text{  text-align: justify;  color: var(--base-color);        padding: 2vw 8.5vw 2vw 15.5vw;}
#company-name .c-n-text .c-n-text-title{font-size: var(--big-font-size);font-family: 'DUBAILIGHT';line-height: 2.2vw;}
#company-name .c-n-text .c-n-text-title span{font-family: 'DUBAIMEDIUM';}
#company-name .c-n-text .c-n-text-dec{  font-size: var(--normal-font-size); font-family: 'DUBAILIGHT';  }
/* Packages Section
--------------------------------*/
#packages{padding: 2vw 0 0 0;}
#packages .tabs{text-align: right}
#packages .tabs nav{}
#packages .transformer-tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#packages .transformer-tabs li {
    display: inline-block;
    padding: 0;
    vertical-align: bottom;
    position: relative;
}
#packages .transformer-tabs a {
    font-size: var(--middle-font-size);
    display: inline-block;
    color:var(--dark-color);
    text-decoration: none;
    margin: 0.5rem;
    font-family: "DUBAIMEDIUM", sans-serif;
}
#packages .transformer-tabs li .active::after,
#packages .transformer-tabs a.active::after {
    background: var(--bold-success-color);
    content: "";
    position: absolute;
    height: 0.15vw;
    display: block;
    width: 75%;
    bottom: 1px;
    /*left: 0.5vw;*/
    /*margin-top: -7px;*/
    transition: all 0.3s ease-in-out;
}
#packages .tabs .package-type{  padding-top: 3vw;  }
#packages .tabs .package-type .type-title{
    color: var(--dark-color);
    font-size: var(--big-font-size);
    line-height: 2.5vw;
    font-family: 'DUBAILIGHT';
}
#packages .tabs .package-type .type-title span{  font-family: 'DUBAIMEDIUM';  }
#packages .tabs .package-type .type-dec{
    font-family: 'DUBAILIGHT';
    font-size: var(--normal-font-size);
    color: #808285;
    width: 23vw;
    text-align: justify;
}
#packages .tabs .package-type .package-icon{
    width: 23vw;
    height: 2vw;
    margin-bottom: 2vw;}
#packages .tabs .package-type .package-icon ul {
    list-style: none;
    padding: 0;
    margin: 0;  }
#packages .tabs .package-type .package-icon ul li {  float: right;  padding-right: 2.2vw;  }
#packages .tabs .package-type .package-icon ul li:first-child {padding-right: 0;  }
#packages .tabs .package-type .package-icon ul li img{width: 2vw;}
#packages .tabs .package-type .btn-more{
    padding: 0.3vw 0.1vw;
    width: 9vw;
    font-family: 'DUBAILIGHT';

    font-size: var(--middle-font-size);
    color: var(--base-color);
    border-radius: 0;
    background-color: var(--bold-success-color);
    border: 0.1vw solid  var(--bold-success-color);
}
#packages .tabs .package-type .btn-more:hover{
    border-color:  var(--dark-blue-color);
    color: var(--dark-blue-color);
    background-color: transparent;
}
#packages .package-img img{width: 90%;}
@media (max-width: 700px) {
    #packages .transformer-tabs ul {
        border-bottom: 3px solid var(--base-color);
        overflow: hidden;
        position: relative;
        /*background: #666;*/
        /* fallback */
    }
    /*.transformer-tabs ul::after {*/
    /*content: "☰";*/
    /*position: absolute;*/
    /*top: 8px;*/
    /*right: 15px;*/
    /*z-index: 2;*/
    /*pointer-events: none;*/
    /*}*/
    #packages .transformer-tabs ul.open a {
        position: relative;
        display: block;
    }
    /*.transformer-tabs li {*/
    /*display: block;*/
    /*}*/
    #packages .transformer-tabs li .active {
        color: var(--bold-success-color);
        border-bottom-color: var(--bold-success-color)!important;}
    .transformer-tabs a {

        width: 100%;
        height: 100%;
    }
    #packages .transformer-tabs a.active {
        border: 0;
        z-index: 1;
        /*background: #666;*/
        /* fallback */
    }
}
#packages .tabs > div {  display: none;  padding: 1rem 0.5rem;  }
#packages .tabs > .active {  display: block;  }
/* Partners Section
--------------------------------*/
#partners{padding:2vw 0;background-color: #fafafa;}
#partners .partners {  width: 80%;  position: relative;  right: calc((100% - 90%) );  }
/*    Hotspot Section
--------------------------------*/
#hotspot{
    font-family: DUBAILIGHT;
    padding: 2vw 0;
    background-image: url('../img/new/hotspot-bg.png');
    background-repeat: no-repeat;

    background-position: center;
    background-size: 100%;
    height: 33vw;
    color: var(--base-color);
    /*text-align: left ;*/
    position: relative;
}
#main{overflow: hidden}
#hotspot .hotspot-detail {  padding: 3vw 0 1vw 0;    font-family: DUBAILIGHT;
}
#hotspot .hotspot-title{  font-size: var(--big-font-size);     font-family: DUBAIREGULAR;
}
#hotspot .hotspot-dec{font-size: var(--normal-font-size);width: 23vw;    font-family: DUBAILIGHT;
}
#hotspot .hotspot-detail .hotspot-btn a{
    font-family: DUBAILIGHT;
    padding: 0.3vw 0.1vw;
    width: 9vw;
    font-size: var(--middle-font-size);
    color: var(--base-color);
    border-radius: 0;
    margin-left: 0.5vw;
}
#hotspot .hotspot-detail .hotspot-btn .btn-more{ background-color: var(--dark-blue-color);     font-family: DUBAILIGHT;
    border: 0.1vw solid  var(--dark-blue-color);}
#hotspot .hotspot-detail .hotspot-btn .btn-customer{ background-color: transparent;    font-family: DUBAILIGHT;
    border: 0.1vw solid  var(--base-color);}
#hotspot .customer-slider{padding: 3vw 0 3vw 0}
#hotspot .customer-slider .customer-title{font-size: var(--middle-font-size)}
#hotspot .customer-slider .customers{
    width: 24vw;
    padding: 1vw 0.5vw;
    background-color: rgba(255,255,255,0.5);
}
#hotspot .customer-slider .customers .owl-nav,
#hotspot .customer-slider .customers .owl-dots{display: none;height: 0}
#hotspot .customer-slider .customers .item img{
    width: 80%;
    display: block;
    margin: 0 auto;
}

.pulse-box {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* pulse in SVG */
svg.pulse-svg {  overflow: visible;  }
svg.pulse-svg .first-circle, svg.pulse-svg .second-circle, svg.pulse-svg .third-circle,
svg.pulse-svg .four-circle, svg.pulse-svg .five-circle, svg.pulse-svg .six-circle{
    fill: rgba(5,58,105,0.7);
    stroke: var(--bold-success-color);
    stroke-width: 0.01vw;
    transform: scale(0.5);
    transform-origin: center center;
    animation: pulse-me 3.8s linear infinite;
}
svg.pulse-svg .first-circle{animation-delay: 0.7s; }
svg.pulse-svg .second-circle {  animation-delay: 1.35s;  }
svg.pulse-svg .third-circle {  animation-delay: 2.1s;  }
svg.pulse-svg .four-circle {  animation-delay: 3s;  }
svg.pulse-svg .five-circle {  animation-delay: 3.7s;  }
svg.pulse-svg .six-circle {  animation-delay: 4.2s;  }
/* pulse in CSS */
.pulse-css {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    /*background:var(--bold-success-color);*/
    position: relative;
}
.pulse-css:before, .pulse-css:after {
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 25px;
    /*background-color: var(--bold-success-color);*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: scale(0.5);
    transform-origin: center center;
    animation: pulse-me 3s linear infinite;
}
.pulse-css:after {  animation-delay: 10s;  }
@keyframes pulse-me {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    70% {
        opacity: 0.09;
    }
    100% {
        transform: scale(15);
        opacity: 0;
    }
}

/*--------------------------------------------------------------
 # Top Banner For All Pages
--------------------------------------------------------------*/
#top-banner{  height: 24.8vw;  background-position: center top;  background-repeat: no-repeat;  background-size: cover;  }
#top-banner .container{  height:100%;}
#top-banner .top-bar-titles {  text-align: right;  position: relative;  top:45%;  }
#top-banner .top-bar-titles .page-title {
    font-weight: bold;
    font-size: var(--big-font-size);
    color: var(--base-color);
    padding: 0 0.9vw;
    margin-bottom: 0.5vw;

}
#top-banner nav .breadcrumb{  background-color: transparent;  padding: 0 0.9vw;  }
#top-banner nav .breadcrumb .breadcrumb-item a{  color: var(--bold-success-color);  font-size: var(--middle-font-size);  }
#top-banner nav .breadcrumb-item+.breadcrumb-item::before{color: var(--base-color)}
#top-banner nav .breadcrumb-item+.breadcrumb-item::before{
    padding: 0 .5vw;
    content: '';
    width: 2vw;
    height: 1vw;
    background-image: url(http://localhost:8000/img/new/arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25%;
    position: relative;
    top: 0.1vw;

}
#top-banner nav .breadcrumb .breadcrumb-item.active{  color: var(--base-color); }

/*--------------------------------------------------------------
 # Personal Page
--------------------------------------------------------------*/
/*# Personal About Section
--------------------------------------------------------------*/
.personal-page #personal-about{  padding: 2vw 0;  height:35vw;  }
.personal-page #personal-about .personal-desc{    padding: 2.5vw 0;}
.personal-page #personal-about P{
    width: 50%;
    font-size: var(--middle-font-size);
    display: block;
    margin: 1vw auto;
    text-align: center;
    color: var(--dark-color);
}
.personal-page #personal-about .title{font-weight:700}
.personal-page #personal-about .Subscription{width: 50%;margin: 0 auto;}
.personal-page #personal-about .Subscription p{font-size: var(--middle-font-size);font-weight: 700;    margin: 0.5vw auto;}
.personal-page #personal-about .Subscription hr{
    width: 70%;
    border-top: 0.1vw solid var(--dark-border-color);
    position: relative;
    top: -6.5vw;;
    z-index: -1;
    margin: 0 auto;}
.personal-page #personal-about .Subscription ul{list-style: none;padding:0;margin: 0;text-align: center;    height: 11vw;}
.personal-page #personal-about .Subscription ul li{float: right; margin: 0 1vw;    width: 9vw;}
.personal-page #personal-about .Subscription ul li .number{
    width: 7vw;height: 7vw;
    background-color: var(--dark-blue-color);
    font-size: var(--big-font-size);
    color: var(--base-color);
    border-radius: 50%;
    line-height: 5vw;
    border: 1vw solid var(--base-color);
}
.personal-page #personal-about .Subscription ul li:nth-child(2) .number{background-color: #1a5f83;}
.personal-page #personal-about .Subscription ul li:nth-child(3) .number{background-color: var(--bold-success-color);}
.personal-page #personal-about .Subscription ul li .text{
    font-size: var(--middle-font-size);
    font-weight: 700;
    width: 100%;
    margin: 0;
}
/*# Packages Style
--------------------------------------------------------------*/
.package-card{
    /*width: 18.5vw;*/
    height: 29.5vw;
    /*background-color: var(--dark-blue-color);*/
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}
.package-card .package-detail{    padding:1.7vw 1.7vw 0 1.7vw;}
.package-card .package-detail .title{
    color: var(--base-color);
    font-size: var(--middle-font-size);
    text-align: right;
    position: relative;
    top:0;
}
.package-card .package-detail .title::after{
    background-color: var(--light-blue-color);
    content: "";
    position: absolute;
    /*height: 0.05vw;*/
    display: block;
    width: 100%;
    top: 2vw;
}
.package-card .package-detail .details p{
    font-size: var(--normal-font-size);
    color: var(--base-color);
    text-align: right;
    margin-bottom: 0;
}
.package-card .package-detail .details .circles {
    /*width: 110px;*/
    /*height: 100px;*/
    display: inline-block;
    text-align: center;
    line-height: 1.2;
    position: relative;
    z-index: 1;
}
.package-card .package-detail .details .circles::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 40px;
    background: var(--dark-blue-color);
    top: 62%;
    right: 0vw;
    left: 0vw;
    margin: auto;
}
.package-card .package-detail .details .circle {
    width: 110px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
}
.package-card .package-detail .details .circles canvas {  vertical-align: top;  position: relative;  }
.package-card .package-detail .details .circles .price-value {
    font-size: 36px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: .74;
    letter-spacing: -.8px;
    text-align: center;
    position: absolute;
    top: 1.5vw;
    left: 0;
    width: 100%;
    z-index: 3;
}
.package-card .package-detail .details .circles .price-value .currency {
    width: 100%;
    text-align: center;
    display: block;
    font-size: var(--big-font-size);
    color: var(--base-color);
}
.package-card .package-detail .details .circles .price-value .mo {
    font-size: var(--middle-font-size);
    line-height: 1.05;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: var(--base-color);
    display: block;
}
.package-card .package-detail .details .circles .price-value .download{
    font-style: normal;
    font-stretch: normal;
    font-size: 10px;
    display: block;
    text-align: center;
}
.package-card .package-detail .details .nights-logo::after{
    background-color: var(--base-color);
    content: "";
    position: absolute;
    height: 3vw;
    display: block;
    width: 0.05vw;
    top: 1vw;
    /*left: 0vw;*/
    transform: rotate(180deg);
}
.package-card .package-detail .details .description{  font-size: var(--normal-font-size);  text-align: justify;height: 4vw;  }
.package-card .package-detail .details ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.package-card .package-detail .details ul li{
    padding: 1.2vw 0;
    position: relative;
    font-size: var(--normal-font-size);
}
.package-card .package-detail .details ul li:first-child{ border-bottom: 0.05vw solid var(--light-blue-color);}
.package-card .package-detail .details ul li img,
.package-card .more-info .text ul li img {
    margin-left: 15px;
    float: right;
    height: 2vw;
    vertical-align: top;
    margin-top: -4px;
}
.package-card .package-detail .details ul li p,
.package-card .more-info .text ul li p {
    width: 50%;
    display: inline-block;
    color:var(--light-blue-color);
    text-align: right;
    margin-bottom: 0;
    font-size: var(--normal-font-size)}
.package-card .package-detail .details ul li span,
.package-card .more-info .text ul li span {color:var(--light-blue-color); font-size: var(--normal-font-size)}
.package-card .more-info{  background: var(--dark-blue-color);  }
.package-card .more-info .button{
    color: var(--light-blue-color);
    font-size: var(--normal-font-size);
    padding: 1.2vw 0;
    text-align: center;
    cursor: pointer;
    /*border-bottom: 0.05vw solid var(--light-blue-color);*/
    margin:0 1.7vw ;
}
.package-card .more-info .button span i{  transition: all 0.5s ease;  }
.package-card .show .button span i{  transform: rotate(180deg);}
.package-card .more-info .text ul{
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--dark-blue-color);
}
.package-card .more-info .text ul li{  padding: 1.2vw 0; margin: 0 1.7vw }
.package-card .more-info .text ul li:first-child{ border-bottom: 0.05vw solid var(--light-blue-color);}
.package-card .price{
    width: 100%;
    height: 3vw;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--light-blue-color);
}
#special-package .package-card .price{    background-color: var(--bold-success-color);}
.package-card .price .currency{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.package-card .price .number{
    font-size: var(--big-font-size);
    text-align: center;
    line-height: 1.6;
    color: var(--base-color);
    font-family: 'DUBAIMEDIUM';
    margin: 0 auto;
}
.package-card .price .number:before{
    content: "شهر/000,";
    font-size: var(--normal-font-size);
    display: inline-block;
    position: relative;
    top: -15px;
    margin-left: 5px;
}
.package-card .price .number:after{
    content: "د.ع";
    font-size: var(--normal-font-size);
    top: -16px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}
/*# Essential & Special Packages Section
--------------------------------------------------------------*/
.personal-page #essential-package{
    padding: 2vw 0;
    background-image: url('../img/new/personal/essential-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 33vw;
    color: var(--base-color);
    text-align: right;
    position: relative;
}
.personal-page #special-package{
    padding: 2vw 0;
    background-image: url('../img/new/personal/special-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 33vw;
    color: var(--base-color);
    text-align: right;
    position: relative;
}
.personal-page #essential-package .essential-details,
.personal-page #special-package .special-details{
    position: absolute;
    top: 25%;
    width: 50%;
    left: 0;
    right: 16.5vw;}

.personal-page #essential-package .essential-details .title,
.personal-page #special-package .special-details .title
{
    font-size: var(--middle-font-size);
    color: var(--base-color);
    text-align: right;
    font-weight:600 ;
    margin-bottom: 0.4vw;
}
.personal-page #essential-package .essential-details .desc,
.personal-page #special-package .special-details .desc
{
    font-size: var(--normal-font-size);
    color: var(--base-color);
    text-align: justify;
    margin-bottom: 3vw;
}
.personal-page #essential-package .essential-details .btn-subscribe,
.personal-page #special-package .special-details .btn-subscribe
{
    background-color: var(--bold-success-color);
    font-size: var(--middle-font-size);
    color: var(--base-color);
    border-radius: 0;
    padding: 0.3vw 0.1vw;
    width: 9vw;
}
.personal-page #essential-package .essential-slider .PrevArrow {  display: none!important;  }
.personal-page #essential-package .essential-slider .NextArrow {
    outline: none;
    position: absolute;
    top: 40%;
    right: -8%;
    width: 45px;
    height: 45px;
    background: transparent;
    opacity: 0.8;
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    font: 35px/45px FontAwesome;
    color: #FFF;
    z-index: 5;
    cursor: pointer;
}
.personal-page #essential-package .essential-slider .NextArrow:before {  content: '\f054';  }

.personal-page #special-package .special-slider .PrevArrow {  display: none!important;  }
.personal-page #special-package .special-slider .NextArrow {
    outline: none;
    position: absolute;
    top: 40%;
    right: -8%;
    width: 45px;
    height: 45px;
    background: transparent;
    opacity: 0.8;
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    font: 35px/45px FontAwesome;
    color: #FFF;
    z-index: 5;
    cursor: pointer;
}
.personal-page #special-package .special-slider .NextArrow:before {  content: '\f054';  }

/*.personal-page #special-package .special-slider .PrevArrow {*/
/*    display: none!important;*/
/*    !*outline: none;*!*/
/*    !*position: absolute;*!*/
/*    !*top: 40%;*!*/
/*    !*right: -8%;*!*/
/*    !*width: 45px;*!*/
/*    !*height: 45px;*!*/
/*    !*background: transparent;*!*/
/*    !*opacity: 0.8;*!*/
/*    !*border: 0 none;*!*/
/*    !*margin-top: -22.5px;*!*/
/*    !*text-align: center;*!*/
/*    !*font: 60px/45px FontAwesome;*!*/
/*    !*color: #FFF;*!*/
/*    !*z-index: 5;*!*/
/*    !*cursor: pointer;*!*/
/*}*/

/*.personal-page #special-package .special-slider .NextArrow {*/
/*    outline: none;*/
/*    position: absolute;*/
/*    top: 40%;*/
/*    right: -8%;*/
/*    width: 45px;*/
/*    height: 45px;*/
/*    background: transparent;*/
/*    opacity: 0.8;*/
/*    border: 0 none;*/
/*    margin-top: -22.5px;*/
/*    text-align: center;*/
/*    font: 35px/45px FontAwesome;*/
/*    color: #FFF;*/
/*    z-index: 5;*/
/*    cursor: pointer;*/
/*}*/
/*.personal-page #special-package .special-slider .NextArrow:before {*/

/*    content: '\f054';  }*/



.personal-page #essential-package .overlay{
    background-image: url(../img/new/personal/overlay.png);
    width: 31%;
    height: 33vw;
    background-size: 100%;
    background-position: -40% center;
    background-repeat: no-repeat;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 78vw;
}
.personal-page #special-package .overlay{
    background-image: url(../img/new/personal/special-bg-over.png);
    width: 31%;
    height: 33vw;
    background-size: 100%;
    background-position: -40% center;
    background-repeat: no-repeat;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 78vw;
}
/*# Online Game Section
--------------------------------------------------------------*/
#online-game{
    padding: 2vw 0;
    background-image: url(../img/new/personal/game.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 33vw;
    color: var(--base-color);
    text-align: right;
    position: relative;
}
#online-game .details{
    position: absolute;
    top: 11vw;
    width: 75%;
    /*left: 0;*/
    /*right: 16.5vw;*/
}
#online-game .details .title {
    font-size: var(--middle-font-size);
    color: var(--base-color);
    text-align: right;
    font-weight: 600;
    margin-bottom: 0.4vw;
}
#online-game .details .desc {
    font-size: var(--normal-font-size);
    color: var(--base-color);
    text-align: justify;
    margin-bottom: 3vw;
}


/*# Package Services Section in Personal & Business
--------------------------------------------------------------*/
.personal-page #package-services,.business-page #package-services{
    background-color: var(--base-color);
    padding: 4vw 0;
    text-align: right;
}
.business-page #package-services{background-color: var(--dark-blue-color);}
.personal-page #package-services .service-details img{  width: 4vw; margin-right: 0.9vw;  }
.business-page #package-services .service-details img{
    width: 3vw; margin-right: 0.9vw;
}
.personal-page #package-services .service-details p,.business-page #package-services .service-details p{
    font-size: var(--normal-font-size);
    color: var(--dark-color);
    width: 70%;
    display: block;
    margin: 0.5vw 1vw;
}
.business-page #package-services .service-details p{  color: var(--base-color);}

/*# Contact Us Section in Personal & Business & About Sawad Land
--------------------------------------------------------------*/
.personal-page #contact-us,.business-page #contact-us,.about-us-page #contact-us,.training-page #contact-social{  color: var(--light-blue-color);  padding: 4vw 0;  }
.personal-page #contact-us p,.business-page #contact-us p,.about-us-page #contact-us p, .training-page #contact-social p{  font-size:24px;  }
.personal-page #contact-us .icon,.business-page #contact-us .icon,.about-us-page #contact-us .icon,.training-page #contact-social .icon{margin-right: 3vw;}
.personal-page #contact-us .icon ul,.business-page #contact-us ul,.about-us-page #contact-us ul,.training-page #contact-social  ul{  list-style: none;  padding: 0;  margin: 0;  }
.personal-page #contact-us .icon ul li,.business-page #contact-us ul li,.about-us-page #contact-us ul li ,.training-page #contact-social ul li{    float: right;  }
.personal-page #contact-us .icon ul li img,.business-page #contact-us ul li img,.about-us-page #contact-us ul li img,.training-page #contact-social  ul li img{ margin-right: 10px;margin-left: 10px;  }

/*--------------------------------------------------------------
 # Business Page
--------------------------------------------------------------*/
/*# Business About Section
--------------------------------------------------------------*/
.business-page #business-about{  padding: 4vw 0;  }
.business-page #business-about P{
    width: 50%;
    font-size: var(--middle-font-size);
    display: block;
    margin: 1vw auto;
    text-align: center;
    color: var(--dark-color);
}
.business-page #business-about .title{font-weight:700}
/*# Low Voltage System - internet-Service It Solution Sections
--------------------------------------------------------------*/
.business-page #lvs-section,#it-section,#is-section{
    padding: 2vw 0;
    background-image: url(../img/new/business/lvs.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 33vw;
    color: var(--base-color);
    text-align: right;
    position: relative;
}
.business-page #it-section{  background-image: url(../img/new/business/it.png);  }
.business-page #is-section{ background-image: url(../img/new/business/is.png);}
.business-page #lvs-section .details, #it-section .details, #is-section .details{  position: absolute;  top: 11vw;  width: 75%;  }
.business-page #lvs-section .details .title, #it-section .details .title,#is-section .details .title{
    font-size: var(--big-font-size);
    color: var(--base-color);
    text-align: right;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.4vw;
}
.business-page #lvs-section .details .desc, #it-section .details .desc,#is-section .details .desc {
    font-size: var(--middle-font-size);
    color: var(--base-color);
    text-align: justify;
    margin-bottom: 3vw;
}
.business-page #lvs-section .details .btn-more,#it-section .details .btn-more,#is-section .details .btn-more{
    padding: 0.3vw 0.1vw;
    width: 8vw;
    font-size: var(--normal-font-size);
    color:var(--base-color);
    border-radius: 0;
    background-color: var(--bold-success-color);
    border: 0.1vw solid  var(--bold-success-color);
}

/*--------------------------------------------------------------
 # About Us Page
--------------------------------------------------------------*/
/*# Who We Are Section
--------------------------------------------------------------*/
.about-us-page #who-we-are{padding: 4vw 0;}
.about-us-page #who-we-are .about-desc{text-align: justify;color: var(--dark-color);}
.about-us-page #who-we-are .about-desc .title{font-size: var(--big-font-size);margin-bottom: 0.4vw;}
.about-us-page #who-we-are .about-desc .desc,.about-us-page #who-we-are .about-desc #collapseExample {font-size: var(--middle-font-size);margin-bottom: 0}
.about-us-page #who-we-are .about-desc .desc p,
.about-us-page #who-we-are .about-desc #collapseExample p{  margin-bottom: 0.2vw!important;  }
.about-us-page #who-we-are .about-desc .btn-more{
    outline: none;
    font-size: var(--middle-font-size);
    color: var(--dark-color);
    padding: 0;
    margin-top: 1vw;
}
.about-us-page #who-we-are .who-we-are-img{  position: relative;  }
.about-us-page #who-we-are .who-we-are-img img{
    display: block;
    margin:  0 auto;
    width: 85%}
.about-us-page #who-we-are .who-we-are-img .our-mark{
    position: absolute;
    /*left: 2vw;*/
    top: 15vw;
    background-color: var(--dark-blue-color);
    width: 12vw;
    height: 5vw;
}
.about-us-page #who-we-are .who-we-are-img .our-mark img{
    width: 75%;
    display: block;
    margin: 1.3vw auto;
}
/*# Vision Section
--------------------------------------------------------------*/
.about-us-page #vision{
    padding: 4vw 0;
    background-image: url(../img/new/about/vision.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 33vw;
    color: var(--base-color);
    text-align: right;
    position: relative;
}
.about-us-page #vision .details .title,.about-us-page #mission .details .title{
    font-size: var(--big-font-size);
    color: var(--base-color);
    text-align: right;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.4vw;
}
.about-us-page #vision .details .desc {
    font-size: var(--middle-font-size);
    color: var(--base-color);
    text-align: justify;
    margin-bottom: 3vw;
}
/*# Mission Section
--------------------------------------------------------------*/
.about-us-page #mission{
    /*padding: 4vw 0;*/
    /*height: 33vw;*/
    background-color: var(--dark-blue-color);
    color: var(--base-color);
    text-align: right;
}
.about-us-page #mission .mission-img{
    background-image: url(../img/new/about/mission.png);
    background-size: 100%;
    background-position: 70% 66%;
    /*background-size: cover;*/
    /*background-position: center;*/
    background-repeat: no-repeat;
}
.about-us-page #mission .mission-text{  padding: 3vw 3vw 1.5vw 3vw;  }
.about-us-page #mission .mission-text .mission-1{  padding: 20px 0;  }
.about-us-page #mission .mission-text .mission-1 .mission-section{  margin-bottom: 1.5vw;  }
.about-us-page #mission .mission-text .mission-1 .m-icon{  width: 13%;  margin: 0 0 10px 0;  }
.about-us-page #mission .mission-text .mission-1 .m-title {
    font-size: var(--middle-font-size);
    font-weight: 700;
    margin: 0 0 0.1vw 0;
}
.about-us-page #mission .mission-text .mission-1 .m-dec{
    width: 80%;
    text-align: justify;
    font-size: var(--middle-font-size);

}

/*--------------------------------------------------------------
 # Partners Page
--------------------------------------------------------------*/
/*# About Partners Section
--------------------------------------------------------------*/
.partners-page #partners-about {  padding: 4vw 0;  }
.partners-page #partners-about P{
    width: 50%;
    font-size: var(--middle-font-size);
    display: block;
    margin: 1vw auto;
    text-align: center;
    color: var(--dark-color);
}
/*# Our Partners Section
--------------------------------------------------------------*/
.partners-page #our-partners{padding: 0 0 4vw 0;}
.partners-page #our-partners .partner-details .row{  margin: 2vw auto;  }
.partners-page #our-partners .partner-details{text-align: right;}
.partners-page #our-partners .partner-details .content{  height: 29vw;  overflow-y: auto;  }
.partners-page #our-partners .partner-details .content .partner-icon{
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    width: 12vw;
    height: 7vw;
    border: 1px solid var(--border-color);
}
.partners-page #our-partners .partner-details .content .details .title{
    font-size: var(--middle-font-size);
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1;
}
.partners-page #our-partners .partner-details .content .details .website-link{  font-size: var(--normal-font-size);  color: var(--bold-success-color);  }
.partners-page #our-partners .partner-details .content .details hr{
    border: 0;
    border-bottom: 1px solid var(--border-color);
    width: 100%;
    position: relative;
    top: -10px;
    margin-bottom: 0.4vw;
    margin-top: 0.6vw;
}
.partners-page #our-partners .partner-details .content .details .desc{
    font-size: var(--middle-font-size);
    color: var(--dark-color);
    text-align: justify;
}

/*--------------------------------------------------------------
 # Training Page
--------------------------------------------------------------*/
.training-page #t-contact-us,.training-page #training-about{  padding: 4vw 0;
    font-size: var(--middle-font-size);  color: var(--dark-color)}
.training-page #training-about .t-main-content{
    width: 70%;
    font-size: var(--middle-font-size);
    display: block;
    margin: 1vw auto;
    text-align: center;
    color: var(--dark-color);
}
.training-page #training-about .center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.training-page #t-cisco,.training-page #t-pv{
    padding: 4vw 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 33vw;
    text-align: right;
    position: relative
}
.training-page #t-pv{  background-image: url('../img/new/training/pesvue.png');  }
.training-page #t-cisco{  background-image: url('../img/new/training/cisco.png');  }
.training-page #t-cisco .t-c-block,.training-page #t-pv .t-p-block{
    text-align: right;
    color: var(--base-color);
    width: 38vw;
    /*position: absolute;*/
    top: 7vw;
}
.training-page #t-cisco .t-c-title-1,.training-page #t-pv .t-p-block .t-c-title-1{font-size: var(--big-font-size);}
.training-page #t-cisco .t-c-title-2,.training-page #t-pv .t-p-block .t-c-title-2{  text-align: justify;  font-size: var(--middle-font-size);  width: 75%;  }
.training-page #t-cisco .t-c-block hr, .training-page #t-pv .t-p-block hr {
    border: 0;
    border-bottom: 0.2rem solid #1a5f83;
    width: 75%;
    position: relative;
    top: -10px;
    margin: 0;
}

.buttonStyleMik{
    background: #43DEAF 0% 0% no-repeat padding-box;border-radius: 1px;
}
.buttonStyleCisco{
    background: #43DEAF 0% 0% no-repeat padding-box;border-radius: 1px;

}
.training-page #mik,.training-page #mik{
    padding: 4vw 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 33vw;
    text-align: right;
    position: relative
}
/*.training-page #mik{  background-image: url('../img/new/training/pesvue.png');  }*/
.training-page #mik{  background-image: url('../img/training/mik.jpg');  }
.training-page #mik .t-c-block,.training-page #mik .t-p-block{
    /*text-align: right;*/
    color: var(--base-color);
    width: 38vw;
    position: absolute;
    top: 7vw;
}
.training-page #mik .t-c-title-1,.training-page #t-pv .t-p-block .t-c-title-1{font-size: var(--big-font-size);}
.training-page #mik .t-c-title-2,.training-page #t-pv .t-p-block .t-c-title-2{  text-align: justify; font-size: var(--middle-font-size);  width: 75%;  }
.training-page #mik .t-c-block hr, .training-page #t-pv .t-p-block hr {
    border: 0;
    border-bottom: 0.2rem solid #FFFFFF;
    width: 75%;
    position: relative;
    top: -10px;
    margin: 0;
}




.training-page #t-pv .t-p-block{
    text-align: right;
    position: relative;
    /*right: 43vw;*/
    width: 37vw;
    color: var(--base-color);
}
.training-page #t-contact-us .btn-main{
    padding: 0.3vw 0.1vw;
    width: 8vw;
    font-size: var(--middle-font-size);
    color: var(--base-color);
    border-radius: 0;
    background-color: var(--bold-success-color);
    border:0.1vw solid transparent;
    transition:  all 0.3s ease-in-out;
}
.training-page #t-contact-us .btn-main:hover{
    background: transparent;
    border:2px solid var(--bold-success-color);
    color:  var(--bold-success-color);
}

/*--------------------------------------------------------------
 # Customers Page
--------------------------------------------------------------*/
.customers-page #customers-about{padding: 4vw 0;}
.customers-page #customers-about .desc{
    width: 70%;
    font-size: var(--middle-font-size);
    display: block;
    margin: 1vw auto;
    text-align: center;
    color: var(--dark-color);
}
.customers-page #customer-icon{  padding: 0 0 4vw  0;}
/*.customers-page #customer-icon img{*/
/*display: block;*/
/*margin: 25px auto 25px auto;*/
/*width: 80%;*/
/*}*/
.customers-page #customer-icon .content{  height: 29vw;  overflow-y: auto;overflow-x: hidden;  }
.customers-page #customer-icon .content .icon{
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    width: 12vw;
    height: 7vw;
    border: 1px solid var(--border-color);
    margin:  0 0 3vw 0;
}

/*--------------------------------------------------------------
 # Business  Page-1
--------------------------------------------------------------*/
#business-plane .business-service-link{
    color: #4a4a4a;
    display: block;
    overflow: hidden;
    width: 22vw;
    margin: 0 auto;
    cursor: pointer;
}
#business-plane .business-service-link .img-container{
    position: relative;
    width: 22vw;
    /*height: 192px;*/
    display: block;
    margin: 0 auto;
}
#business-plane .business-service-link .hover{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease-in-out;
    background-color: #000;
}
#business-plane .business-service-link:hover .hover{  opacity: 0.25;  }
#business-plane .business-service-link img{width: 100%;}
#business-plane .business-service-link .business-service{
    padding: 15px;
    padding-right: 0;
    color: var(--dark-color);
    text-align: right;
    margin-top: 1vw;
}
#business-plane .business-service-link .business-service .bs-service-title{  font-size: var(--middle-font-size);  font-weight: 600;  }
#business-plane .business-service-link .business-service .bs-service-title span{  color: var(--bold-success-color);  }
#business-plane .business-service-link .business-service .bs-service-desc{  font-size: var(--normal-font-size);  width: 95%;  }

/*--------------------------------------------------------------
 # Business  Page-2
--------------------------------------------------------------*/
#business-plane-detail{  padding: 4vw 0;  color: var(--dark-color);  }
#business-plane-detail .bs-plane-desc{
    width: 75%;
    text-align: right;
    font-size: var(--middle-font-size);
    margin-bottom: 1.5vw;
}
#business-plane-detail .bs-plane-desc-list{
    font-weight: 600;
    text-align: right;
    padding-right: 0;
    list-style-type: none;
    font-size: var(--middle-font-size);
}
#business-plane-detail .bs-plane-desc-list li{ font-weight: 100;  padding: 0.2rem 0;  }
#business-plane-detail .bs-plane-desc-list li::before {
    content: "";
    height: 6px;
    width: 6px;
    background: var(--bold-success-color);
    display: inline-block;
    margin-left: 15px;
}
#business-plane-detail .bs-plane-select{text-align: right}
#business-plane-detail .btn-plane-select{
    border: 2px solid transparent;
    padding: 0.3vw 0.1vw;
    width: 8vw;
    font-size: var(--normal-font-size);
    color: var(--base-color);
    border-radius: 0;
    background-color: var(--bold-success-color);
}
#business-plane-detail .btn-plane-select:hover{
    background: transparent;
    border: 2px solid var(--bold-success-color);
    color: var(--bold-success-color);
}





.job-page #job{  padding: 4vw 0;  }
.job-page #job .section-header h3{font-size: var(--big-font-size);color: var(--dark-color);text-align: right}
.job-page #job .form-group{  margin: 2vw 0;  }
.job-page #job label{  text-align: right;  font-size: var(--middle-font-size)!important;  }
.job-page #job .form-btn{
    /*float: right;*/
    padding: 0.3vw 0.1vw;
    width: 9vw;
    font-size: var(--middle-font-size);
    color: var(--base-color);
    border-radius: 0;
    background-color: var(--bold-success-color);
    border: 0.1vw solid var(--bold-success-color);
}

.support-page #support{  padding:4vw 0;  }
.support-page #support .section-header h3 {
    font-size: var(--big-font-size);
    color: var(--dark-color);
    text-align: right;
}
.support-page #support  label{font-size: var(--middle-font-size);color: var(--dark-color)}
.support-page #support .tabs{text-align: right}
.support-page #support .tabs nav{margin-right: 0!important; /*padding: 1rem;*/}
.support-page #support .transformer-tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 3px solid var(--base-color);
}
.support-page #support .transformer-tabs ul li {
    display: inline-block;
    padding: 0;
    vertical-align: bottom;
}
.support-page #support .transformer-tabs li .active{  color: var(--bold-success-color);  border-bottom-color: var(--bold-success-color)!important;  }
.support-page #support .transformer-tabs a {
    display: inline-block;
    color:var(--dark-color);
    text-decoration: none;
    padding: 0.5rem;
    font-size: var(--middle-font-size);
}
.support-page #support .transformer-tabs a.active {
    border-bottom: 3px solid transparent;
    position: relative;
    bottom: -3px;
}
.support-page #support .form-btn{
    /*width: 20%;*/
    /*font-size: var(--middle-font-size);*/
    /*color: var(--base-color);*/
    /*background-color: var(--bold-success-color);*/
    /*border: none;*/
    float: right;
    padding: 0.3vw 0.1vw;
    width: 9vw;
    font-size: var(--middle-font-size);
    color: var(--base-color);
    border-radius: 0;
    background-color: var(--bold-success-color);
    border: 0.1vw solid var(--bold-success-color);
}


.contact-page #contact{padding: 4vw 0;}
.contact-page #contact .contact-desc{text-align: right}
.contact-page #contact .contact-desc .title{font-size: var(--big-font-size); color: var(--dark-color);    font-family: 'DUBAIMEDIUM';
}
.contact-page #contact .contact-desc .info{color: var(--dark-color)}
.contact-page #contact .contact-desc .info .info-title,.contact-page #contact .contact-desc .social-links p {
    font-size: var(--middle-font-size);
    font-weight: 600;
    margin-bottom: 0;
    color: var(--dark-color);
}
.contact-page #contact .contact-desc .info .info-desc{  font-size: var(--middle-font-size);  }
.contact-page #contact .contact-desc .social-links a {
    font-size: 1.5vw;
    display: inline-block;
    color: var(--bold-success-color);
    line-height: 1;
    margin-left: 0.3vw;
    text-align: right;
    transition: 0.3s;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer{
    background-color: var(--dark-blue-color);
    color: var(--light-blue-color);
    box-shadow: 0 2px 12px rgba(0,0,0,.2);
    position: relative;
}
footer .main-footer-links{padding: 2vw 0}
footer .main-footer-links ul{ list-style: none;  padding: 0;  margin: 0; text-align: right;font-size:var(--middle-font-size);color: var(--base-color) }
footer .main-footer-links ul li{  font-size: var(--normal-font-size);  text-align: right;  padding: 0.3vw 0 0.3vw 1.5vw;  color: var(--light-blue-color);  }
footer .main-footer-links ul li:first-child{  padding-top: 1vw;}
footer .main-footer-links ul li i{  font-size: 0.6vw;  margin: 0 0 0 0.3vw;  color: var(--bold-success-color);  }
footer .main-footer-links ul li a {  color: var(--light-blue-color);  }
footer .main-footer-links  ul li a:hover{color: var(--bold-success-color)}
footer .main-footer-links .btn-more{
    padding: 0.3vw 0.1vw;
    width: 8vw;
    font-size: var(--normal-font-size);
    color:var(--bold-success-color);
    border-radius: 0;
    background-color: transparent;
    border: 0.1vw solid  var(--bold-success-color);
}
footer .iso-logo {  padding: 0 0 2vw 0;}
footer .iso-logo ul{list-style: none;  padding: 0;  margin: 0;}
footer .iso-logo ul li{
    float: right;
    text-align: right;
    width: 5.5vw;
    height: 4vw;
    padding: 0 0.5vw;
}
footer .iso-logo ul li:last-child{width: 8vw}
footer .iso-logo ul li .iso-img{width: 4.5vw;}
footer .iso-logo ul li .ieee-img{width: 7.5vw;    margin: 0.3vw 0;}
footer .copyright{
    background-color: #052a4b;
    width: 100%;
    text-align: right;
    font-size: var(--normal-font-size);
    line-height: 3vw;
    font-weight: 700;
    color: var(--light-blue-color);
}

::selection {  color: var(--base-color);  background: rgba(27, 170, 131, 0.8);  }
::-moz-selection { /* Code for Firefox */  color: var(--base-color);  background: var(--bold-success-color);  }
.sizeImageTraining{
    width: 90px;
}
@media only screen and (min-width: 240px) and (max-width: 575px){
    .personal-page #contact-us p,.business-page #contact-us p,.about-us-page #contact-us p, .training-page #contact-social p{  font-size:12px;  }

    #header .lang {
        right: -60px;
        top: 15px;
        padding: 5px 4px;
        font-size: 12px;
    }
    #header.header-scrolled .lang { top: 15px; }
    .sizeImageTraining{
        width: 40px;
    }
    .training-page #mik .t-c-block hr, .training-page #t-pv .t-p-block hr{
        border-bottom: 0.1rem solid #FFFFFF;

    }

    .buttonStyleMik{
        font-size: 10px;
    }
    .buttonStyleCisco{
        font-size: 10px;
    }

}
@media only screen and (min-width: 240px) and (max-width: 440px){
    .training-page #mik .t-c-title-2,.training-page #t-pv .t-p-block .t-c-title-2{

    }
    .training-page #mik .t-c-title-1,.training-page #t-pv .t-p-block .t-c-title-1{
        font-size: 14px;}
    .training-page #mik .t-c-title-2,.training-page #t-pv .t-p-block .t-c-title-2{    font-size:10px;  width: 100%;  }
    .training-page #mik .t-c-block hr, .training-page #t-pv .t-p-block hr {
        border: 0;
        border-bottom: 0.2rem solid #FFFFFF;
        width: 75%;
        position: relative;
        top: -10px;
        margin: 0;
    }


    .training-page #mik{
        background-size: cover;
        height: 220px;  }
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    /*.mobile-nav-toggle{left: 9vw;  }*/
    #header .lang {
        right: -15%;
        top: 15px;
        padding: 5px 4px;
        font-size: 12px;
    }
    #header.header-scrolled .lang { top: 15px; }
    .sizeImageTraining{
        width: 70px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    /*.mobile-nav-toggle{left: 8%}*/
    #header .lang {
        right: -12%;
        top: 15px;
        padding: 5px 4px;
        font-size: 12px;
    }
    #header.header-scrolled .lang { top: 15px; }

}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    #contact .footer-top{
        padding:25px 0;
        background-position: 11% 40%;
        background-size: 58%;
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1350px){
    #contact .footer-top{
        padding:25px 0;
        background-position: 11% 50%;
        background-size: 58%;
    }
}
@media only screen and (min-width: 1020px){

    .sizeh3Main{
        height: 43px;
    }

}
@media only screen and (min-width: 1700px){

    .sizeh3Main{
        height: 50px;
    }

}
@media only screen and (min-width: 2000px){

    .sizeh3Main{
        height: 90px;
    }

}
@media only screen and (min-width: 2000px){

    .sizeh3Main{
        height: 150px;
    }

}




#fqa{
    padding: 3vw 0;
    /*position: relative;*/
    /*top: 6.2vw;*/
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{
    font-size: 2.5vw;
    position: absolute;
    transition: all 0.25s ease-in-out;
    animation: attention 4s infinite 2s;
    width: 3.5vw;
    height: 3.5vw;
    border-radius: 50%;
    background: rgba(245,245,245,0.7);
    opacity: 0.6;
    /*cursor: pointer!important;*/
    box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
    outline: none;
}

@-webkit-keyframes attention{
    0%{  -webkit-transform:scale(1);transform:scale(1);opacity:.7}
    12%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}
    25%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}
}
@keyframes attention{
    0%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}
    12%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}
    25%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}
}

.owl-carousel .owl-nav button.owl-prev {  right: 13vw;  }
.partners .owl-nav button.owl-prev{
    right:-5.4vw;
}
.owl-carousel .owl-nav button.owl-prev .fa{;margin-left: 3px; color:var(--dark-color);    cursor: pointer;}
.owl-carousel .owl-nav button.owl-next {  left: 13vw;  }
.partners .owl-nav button.owl-next {
    left: -5.4vw;
}
.owl-carousel .owl-nav button.owl-next .fa{margin-right: 3px; color:var(--dark-color);    cursor: pointer;}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover{
    opacity: 1;
    transform: scale(1.2);
}
.owl-theme .owl-nav [class*=owl-]:hover{
    opacity: 1;
    transform: scale(1.1);
    background:rgba(245,245,245,0.8);
    color: var(--dark-color);
}
.main-owl .owl-dots{
    position: relative;
    top: -2.7vw;}
#partners .partners .owl-dots{
    position: relative;
    top:-25px;
}
.main-owl .owl-dots .owl-dot span,
.partners .owl-dots .owl-dot span,
.services .owl-dots .owl-dot span
{
    width: 8px;
    height: 8px;
    margin: 5px 2px;
    border-radius: 50%;
    background-color: var(--base-color);
}
.partners .owl-dots .owl-dot span,
.services .owl-dots .owl-dot span
{
    background-color: #c1c1c1;
}
.main-owl .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: var(--dark-color);
}
.partners .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span,.services .owl-dots .owl-dot.active span{
    background: var(--bold-success-color);
}
/*.partners .owl-theme .owl-nav{*/
/*position: relative;*/
/*bottom: 6.5vw!important;*/
/*}*/
#partners{  padding:2vw 0;  }
#customers{
    background-color: #fff;
    padding:3vw 0;
}
#partners .item,
#customers .item{
    height: 7vw;
    display: flex;
    align-items: center;
    /*-webkit-filter: grayscale(100%); !* Safari 6.0 - 9.0 *!*/
    /*filter: grayscale(100%);*/
    transition: all 0.5s;
}

.partners .owl-nav {
    position: relative;
    bottom: 7vw;
    margin: 0;}
#partners .item:hover,
#customers .item:hover{
    -webkit-filter: none;
    filter: none;
}
#partners img,
#customers img{
    display: block;
    margin: 0 auto;
    width: 65%;
}
.main-owl .owl-nav {
    position: relative;
    bottom: 22vw;}

.s-bar{
    width: 30px;
    height: 2px;
    background-color: var(--bold-success-color);
    margin: 10px 0;
}
.lg-bar{
    width: 75px;
    height: 2px;
    background-color: var(--bold-success-color);
    margin: 10px 0;
}

.alert-danger{
    text-align: right;
    background-color: rgba(218,44,65,0.1);
    padding: 15px;
    border-radius: 5px;
    color: #141414;
}
.alert-danger li{list-style: none;}

.alert-danger li::before {
    content: "";
    height: 8px;
    width: 8px;
    background: #141414;
    /* color: red; */
    /* font-weight: bold; */
    display: inline-block;
    /* width: 1em; */
    margin-left: 15px;
}
.alert-success {
    color: var(--base-color);
    background-color: rgba(27,170,131,0.8);
    text-align: right;
    /* border-color: #c3e6cb; */
}
.close{
    float: left;
    color: #f3f3f4;
    opacity: 0.7;
}
.close:hover{
    color: #fff;
    opacity: 01;
}