body {
    direction: rtl !important;
    text-align: right !important;
}

.ltr {
    direction: rtl !important;
    text-align: right !important;
}

.text-title{
    font-weight: bold;
    font-size: 27px;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
    font-family: 'DUBAILIGHT';
}
.text-detail{
    font-size: 18px;
    font-family: 'DUBAILIGHT';

    letter-spacing: 0px;
    opacity: 1;
    color: #707070;
}

.main-slider .img-fill .info{
    /*left: 10vw;*/
    right: 15vw;
}
.main-slider .img-fill p span{left: 31vw;}

#company-name .logo-story{right: 35.5vw;}
.pulse-box{left: -2%;}

/* ==== Slick Slider Css Ruls === */
.slick-slider{  height:40vw;  position:relative;  display:block;  -webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none;  -webkit-touch-callout:none;
    -khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-dotted.slick-slider{margin-bottom: 0}
.slick-dots{      bottom: 1.5vw;  }
.slick-dots li,.slick-dots li button{width: 0.5vw;height: 0.5vw;}
.slick-dots li.slick-active button:before{        background-color: var(--dark-blue-color);  }
.slick-dots li button:before{
    content: '';
    background-color: var(--light-blue-color);
    width: 0.5vw;
    height: 0.5vw;
    opacity: 1;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity: 1}
.bar{position: relative;top: -0.4vw;width: 100%;  height:0.4vw;}
.bar::after {
    content: "";
    height:0.4vw;
    display: inline-block;
    position: absolute;
    left: 0;
    background: rgba(255,255,255,0.25);
    transition: all;
    animation: underline-animated 10s infinite;
}
@keyframes underline-animated {
    0% {  right: 100%;  }
    50% {  right: 0;  left: 0;  }
    100% {  right: 0;  left: 100%;  }
}
.main-slider .img-fill .slider-p{
    font-size: 3vw;color: var(--dark-blue-color);
    max-width: 24vw;
    /* margin: auto; */
    margin-top: 15px;
    height: 66px;
    text-align: justify;
    overflow: hidden;
    visibility: hidden;
}
.main-slider .slick-active .slider-p{  animation:fadeInUp 1s both 0.7s;  visibility:visible;  }
.main-slider .img-fill .r{
    color: var(--dark-blue-color);
    left: 31vw;
    font-size: 9vw;
    position: absolute;
    top: -8.5vw;
    /*left: 31vw;*/
    font-weight: 700;}
.main-slider .slick-active .r{animation:fadeInLeft 1.3s both 0.7s;  visibility:visible;}


@media only screen and (max-width: 480px) and (min-width: 240px){

    #services .service-link{  margin: 0 auto 20px auto;  }
    #services .service-link .business-service{
        max-height: 190px;
        height: 100vh;
        min-height: 150px;

    }
    #services .service-link .bs-service-title{  padding: 10px 5px;  font-size: 15px;  }
    #services .service-link .bs-service-desc{    font-size: 13px;  padding: 0 30px;}

    #company-name .c-n-bg{padding: 100px 0;}
    #company-name .logo-story{
        width: 80px;
        height: 80px;
        top: 160px;
        right:200px;
    }
    #company-name .logo-story img{  margin: 16px 16px;  }
    #company-name .c-n-text{  padding:20px 8.5vw 20px 8.5vw;  }
    #company-name .c-n-text .c-n-text-title{    font-size: 20px;  line-height: 7.2vw;}
    #company-name .c-n-text .c-n-text-dec{font-size: 15px;}

    #packages{    padding: 30px 0 0 0;}
    #packages .transformer-tabs a{font-size: 15px;}
    #packages .transformer-tabs li .active::after, #packages .transformer-tabs a.active::after{height: 1px;}
    #packages .tabs .package-type{padding: 30px 0;}
    #packages .tabs .package-type .type-title{  font-size: 15px;  line-height: 1.2;  }
    #packages .tabs .package-type .type-dec{  font-size: 13px;width: 100%;  }
    #packages .tabs .package-type .package-icon{  width: 100%; height: 35px;margin-bottom: 30px; }
    #packages .tabs .package-type .package-icon ul li{width: 20%}
    #packages .tabs .package-type .package-icon ul li img{  width: 60%;  }
    #packages .tabs .package-type .btn-more{
        padding: 5px 5px;
        width: 40%;
        font-size: 12px;
        border: 1px solid var(--bold-success-color);
    }
    #partners{padding: 20px 0 10px 0;}
    #partners .item{height: 90px;}
    #partners .partners{height: 90px;}

    #hotspot{  height: 350px;  background-size: cover;  }
    #hotspot .hotspot-title{font-size: 20px;}
    #hotspot .hotspot-dec{font-size: 15px;width: 100%}
    #hotspot .hotspot-detail .hotspot-btn .btn-more,#hotspot .hotspot-detail .hotspot-btn .btn-customer{padding: 5px 5px;  width: 40%;  font-size: 12px;}
    #hotspot .customer-slider .customer-title{font-size: 15px}
    #hotspot .customer-slider .customers{width: 70%}

    .main-slider .img-fill img{height: 100%}
    .main-slider .img-fill,.slick-slider{height: 600px;}
    /*.slick-track{width: 100%!important;}*/
    .slick-slider{width: 100%!important;}
    .main-slider .img-fill .info{  top:20%;  height: auto;width: 70%;    right: 35px;}
    .main-slider .img-fill h3{font-size: 20px;margin-bottom: 20px}
    .main-slider .img-fill h3 span{font-size: 35px;}
    .main-slider .img-fill p{max-width: 100%;font-size: 15px}
    .main-slider .slick-active .btn-slider{
        padding: 5px 5px;
        width: 95px;
        font-size: 12px;
        border: 1px solid var(--bold-success-color);
    }
    .main-slider .img-fill .slider-p {
        height:auto;
        font-size: 25px;
        max-width: 100%;}
    .main-slider .img-fill .r  {
        left: 75px;
        font-size: 65px;
        position: absolute;
        top: -51px;
        /* left: 31vw; */
        font-weight: 700;
    }
    #our-mark {  height: 35px;  }
    #our-mark img {  width: 105px;  top: 8px;  }


    #random{display: none}

    /*.blocks-box, .slick-slider, .slick-slider .item{width: 318px!important;  margin: 0 auto;}*/
    .pulse-box{
        display: none;
    }

}
@media only screen and (max-width: 767px) and (min-width: 480px){
    .section-header h3{font-size: 20px}
    #services .service-link{  margin: 0 auto 20px auto; width: 350px; }
    #services .service-link .business-service{
        max-height: 190px;
        height: 100vh;
        min-height: 150px;

    }
    #services .service-link:hover .business-service {
        bottom: -35px;
    }
    #services .service-link .bs-service-title{  padding: 10px 5px;  font-size: 15px;  }
    #services .service-link .bs-service-desc{    font-size: 13px;  padding: 0 30px;}

    #company-name .c-n-bg{padding: 100px 0;}
    #company-name .logo-story{
        width: 80px;
        height: 80px;
        top: 160px;
        right:350px;
    }
    #company-name .logo-story img{  margin: 16px 18px;  }
    #company-name .c-n-text{  padding:20px 8.5vw 20px 8.5vw;  }
    #company-name .c-n-text .c-n-text-title{    font-size: 20px;  line-height: 1}
    #company-name .c-n-text .c-n-text-dec{font-size: 15px;}

    #packages{    padding: 30px 0 0 0;}
    #packages .transformer-tabs a{font-size: 15px;}
    #packages .transformer-tabs li .active::after, #packages .transformer-tabs a.active::after{height: 1px;}
    #packages .tabs .package-type{padding: 30px 0 0 0;}
    #packages .tabs .package-type .type-title{  font-size: 17px;  line-height: 1.2;  }
    #packages .tabs .package-type .type-dec{  font-size: 15px;width: 98%;  }
    #packages .tabs .package-type .package-icon{  width: 100%; height: 35px;margin-bottom: 30px; }
    #packages .tabs .package-type .package-icon ul li{width: 45px;padding-right: 0}
    #packages .tabs .package-type .package-icon ul li img{  width:30px;  }
    #packages .tabs .package-type .btn-more{
        padding: 5px 5px;
        width: 88px;
        font-size: 13px;
        border: 1px solid var(--bold-success-color);
    }
    #packages .package-img img{width: 50%;margin: 0 auto;display: block;}
    #partners{padding: 30px 0;}
    #partners .item{height: 90px;}
    #partners .partners{height: 90px;}

    #hotspot{  height: 350px;  background-size: cover;  }
    #hotspot .hotspot-title{font-size: 20px;}
    #hotspot .hotspot-dec{font-size: 15px;width: 70%}
    #hotspot .hotspot-detail .hotspot-btn .btn-more,#hotspot .hotspot-detail .hotspot-btn .btn-customer{
        padding: 5px 5px;
        width: 88px;
        font-size: 13px;  }
    #hotspot .customer-slider .customer-title{font-size: 15px}
    #hotspot .customer-slider .customers{width: 70%}

    .slick-slider{height: 400px;}
    .main-slider .img-fill{height: 100%}
    .main-slider .img-fill img{height: 400px;}
    .main-slider .img-fill .info{right: 60px;top: 35%;}
    .main-slider .img-fill h3{font-size: 20px;}
    .main-slider .img-fill p{font-size: 15px;height: auto;  max-width: 80%;}
    .main-slider .img-fill .btn-slider {
        padding: 5px;
        margin-right: 30px;
        width: 88px;
        font-size: 13px;}
    .main-slider .img-fill .slider-p{height: auto}
    .main-slider .img-fill .r{    top: -43px;}
    #random{display: none}

    /*.blocks-box, .slick-slider, .slick-slider .item{width: 318px!important;  margin: 0 auto;}*/
    .pulse-box{
        display: none;
    }

    #our-mark {
        height: 35px;
    }

    #our-mark img {
        width: 105px;
        top: 8px;
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
    .slick-slider{height: 41vw;}
    .main-slider .img-fill{height: 100%}
    .main-slider .img-fill img{height: 41vw;}
    .main-slider .img-fill .info{right: 12vw;}
    .main-slider .img-fill p{height: auto;font-size: 15px;max-width: 40vw}
    .main-slider .slick-active .slider-p{height: auto;}
    .main-slider .img-fill h3{margin-bottom: 0}
    .main-slider .img-fill .r {  top: -7.5vw;}
    .main-slider .img-fill .btn-slider{
        padding: 5px 5px;
        width: 88px;
        font-size: 13px;
    }

    .section-header h3{font-size: 20px;}
    #services .service-link .business-service{    bottom: -79px;}
    #services .service-link .bs-service-title{  font-size:15px;  }
    #company-name .logo-story {  right: 37vw;  }
    #company-name .c-n-text .c-n-text-title{font-size: 20px;line-height: 1}
    #company-name .c-n-text .c-n-text-dec{font-size: 15px;}
    #company-name .c-n-text{    padding: 3vw 8.5vw 2vw 11.5vw;}
    #packages{padding: 30px 0 0 0}
    #packages .transformer-tabs a{font-size: 15px;}
    #packages .tabs .package-type .type-title{font-size: 20px;}
    #packages .tabs .package-type .type-dec{font-size: 15px; width: 85%;}
    #packages .tabs .package-type .package-icon{height: 40px;}
    #packages .tabs .package-type .package-icon ul li img{width: 30px;}
    #packages .tabs .package-type .btn-more{
        padding: 5px 5px;
        width: 88px;
        font-size: 13px;
        border: 1px solid var(--bold-success-color);
    }

    #hotspot{  height: 350px;  background-size: cover; padding: 30px 0; }
    #hotspot .hotspot-detail{padding: 0}
    #hotspot .hotspot-title{font-size: 20px;}
    #hotspot .hotspot-dec{font-size: 15px;width: 90%}
    #hotspot .hotspot-detail .hotspot-btn .btn-more,#hotspot .hotspot-detail .hotspot-btn .btn-customer{padding: 5px 5px;  width: 88px;  font-size: 13px;}
    #hotspot .customer-slider .customer-title{font-size: 15px}
    #hotspot .customer-slider .customers{width: 60%}

    #our-mark {  height: 45px;  }
    #our-mark img {     width: 115px;  top: 12px;  }
    .pulse-box{
        display: none;
    }
}
@media  (min-width: 1800px) {
    .main-slider .img-fill p{height: auto}
    .main-slider .NextArrow,.main-slider .PrevArrow{width: 3vw;height: 3vw;font: 2vw/1.5vw FontAwesome;}
    #services .service-link .business-service{bottom: -9.5vw;}
    #packages .transformer-tabs a{margin: 1rem;}
    .main-owl .owl-dots .owl-dot span, .partners .owl-dots .owl-dot span, .services .owl-dots .owl-dot span{width: 0.5vw;
        height: 0.5vw;
        margin: 0.3vw 0.1vw;}
    svg.pulse-svg {
        width: 3vw;
        height: 3vw;
    }

    .main-slider .img-fill .slider-p{ ;margin-bottom: 2vw;}
    .main-slider .img-fill p{margin: 2vw 0}
}