h1,h2,h3,h4,h5,h6,p,ul{margin-bottom: 0px;}
ul{list-style: none;}
html{scroll-behavior: smooth;}

body{font-family: 'Roboto', sans-serif;overflow: hidden;}

a:hover{text-decoration: none;}
::-webkit-scrollbar {width: 7px;height: 15px;}
::-webkit-scrollbar-track-piece  {background-color:#fff;}
::-webkit-scrollbar-thumb:vertical {height: 50px;background-color: #0f2964;border-radius: 15px;}
.move-top {position: fixed;right: 24px;height: auto;bottom: 50px;z-index: 555;display: none;}
.move-top i {font-size: 35px;color: #08ecf7;cursor: pointer;}



.main-nav {background-color: #fff;}
.scroll-bg{box-shadow: 0px 0px 5px #00000096;transition: 0.4s;}
.main-nav .navbar-nav {margin-right: unset !important;margin-left: auto!important;}
.main-nav .logo{width: 150px;transition: ease-in-out 0.3s;position: relative;z-index: 555;}
.logo-scroll{width: 115px !important;transition: ease-in-out 0.3s;}

.main-nav .navbar-light .navbar-nav .nav-link {color: #0e2963;text-transform: uppercase;font-weight: 600;}
.main-nav .navbar-light .navbar-nav .active>.nav-link{color: #08ecf7;border-bottom: 2px solid #08ecf7;}
.main-nav .navbar-light .navbar-nav .nav-link:hover {color: #08ecf7;transition: 0.2s ease-in-out;}
.hvr-underline-from-right:before{height: 2px;background-color: #0f2964;}
.main-nav .navbar{padding: 0px;}
.navbar-toggler{cursor: pointer;border: none;}
.navbar-toggler i{font-size: 25px;color: #0f2964;}
.main-nav .dropdown-item{transition: 0.3s;background-color: unset;color: #fff;}
.main-nav .dropdown-item:hover,.dropdown-item:focus{margin-right: 5px;transition: 0.3s;color: #08ecf7;background-color: unset;}
.main-nav .dropdown:hover .dropdown-menu {display: block;margin-top: 0; }
.social-media ul{margin-left: -37px;}
.social-media ul a{color: #fff;}
.social-media ul i{color: #ffffff;}
.social-media ul i:hover{color: #fff;}
.social-media li{display: inline-block;margin-left: 4px;}
.dropdown img{width: 25px;height: 18px;border-radius: 8px;}
.dropdown-menu{background-color: #0f2964;border: unset;}
.language{font-family: 'Cairo', sans-serif;}
.hvr-underline-from-left:before{background-color: #08ecf7;height: 2px;}

/*************************************************slider4*******************************************************/
.slider-4{position: relative;}
.icon-shape{right: 0px;bottom: -15px;position: absolute;z-index: 555;/* width: 50%; */}
.sl-slider{height: calc(100vh - 62.03px) !important;position: relative;}
.sl-slider .bg-img{position: relative;background-position: center;background-size:cover 100%;}
.demo-2 .sl-slider-wrapper{height: calc(100vh - 62.03px) !important;}
.demo-2 .sl-slider blockquote p{font-size: 60px;text-transform: uppercase;}
.demo-2 .sl-slider blockquote cite {font-size: 20px;}
@media(max-width:500px){.demo-2 .sl-slider blockquote p{font-size: 40px;}}
.bg-img{position: relative;}
.demo-2 .sl-slider blockquote {font-weight: 300;position: absolute;width: fit-content;left: 50%;top: 25%;bottom: unset;transform: translate(-50%, -50%);margin: 0px;text-align: center;padding: 50px;z-index: 5555;}

@media(max-width:767px){.icon-shape{width: 50%;}.demo-2 .sl-slider-wrapper{height: 300px !important;}.slider1-sec .carousel-item { height: 300px}.demo-2 .sl-slider blockquote {font-size: 30px;padding-top: 15px;font-weight: 300;position: absolute;margin: 0px ;bottom: unset;left: 50%;width: 80%;padding-left: 0px;text-align: center;transform: translate(-50%, -50%);top: 50%;padding-right: 0px;}}
/*************************************************slider4*******************************************************/

.services-section-home{padding: 100px 0px 70px 0px;}
.services-section-item-img{background-position: center;background-size:cover;position: relative;}
.services-section-item-img::before{transition: 0.4s;width: 100%;height: 100%;content: "";left: 0px ;top: 0px;background-image: linear-gradient(45deg, #000000a3, transparent);z-index: 2;position: absolute;}
.services-section-item{position: relative;border-radius: 15px ;overflow: hidden;margin-bottom: 30px;}
.services-section-item:hover .services-section-item-img::before{transform: scale(0,0);transition: 0.4s;}
.services-section-item-title{position: absolute;left: 0px;bottom: 0px;padding: 25px;z-index: 5;}
.services-section-item-title h1{color: #fff;font-weight: bold;}

.section-two{padding: 100px 0px;background-color: #0f2964;overflow: hidden;}
.section-title{text-align: center;color: #fff;text-transform: uppercase;}
.section-title h3{font-weight: 600;}
.section-two-item{transition: 0.4s;}
.section-two-item:hover{transition: 0.4s;transform: scale(0.96,0.96);}
.section-two-item-img{background-position: center;background-size: cover;}
.section-two-item-title{color: #fff;text-align: center;width: 73%;margin: auto;}
@media(max-width:767px){.section-two-item{width: 70%;margin: auto;}}


.last-section{background-color: #0d1c39;padding: 150px 0px;}
.last-section-form .form-control{margin-top: 15px;}
.last-section-form .btn-info{margin-top: 15px;}
.form-control:focus {color: #495057;background-color: #fff;border-color: #17a2b8;outline: 0;box-shadow: 0 0 0 0.2rem #17a2b86e;}


.section-img-only{background-position: center;background-size: cover;position: relative;}
.icon-shape2{right: 0px;bottom: -215px;position: absolute;z-index: 555;}
@media(max-width:767px){.icon-shape2{bottom: -80px;}}

.about-section{padding: 80px 0px;position: relative;padding-bottom: 270px;}
.about-effect{position: absolute;left: 188px;bottom: 0px;width: 19%;}
.about-section-logo{margin-bottom: 10px;margin-top: 0px;}
.about-section-logo h5{color: #0f2964;font-weight: 600;font-size: 35px;}
.statistics-section-data-img{background-position: center;background-size: cover;width: 70%;}
@media(max-width:767px){.about-effect {position: absolute;left: 20px;bottom: 0px;width: 45%;}.about-section-logo{margin-top: 0px;}}


.statistics-section{padding: 80px 0px;background-color: #0f2964;}
.statistics-section .section-title{margin-bottom: 35px;}
.statistics-section-data{margin-bottom: 10px;}
.statistics-section-data-img img{width: 100%;margin: auto;margin-bottom: 15px;}
.statistics-section-data h1,.statistics-section-data span{display: inline-block;font-size: 70px;color: #17a2b8;font-weight: 600;}
.statistics-section-data h3,.statistics-section-data h6{color: #fff;font-weight: 600;}
.statistics-section-data h6{text-transform: uppercase;font-size: 18px;}
.statistics-section-data h4,.statistics-section-data span{display: inline-block;font-size: 40px;color: #17a2b8;font-weight: 600;}
.statistics-section-map{background-position: center;background-size: cover;}
.statistics-section-data h5{color: #fff;width: 50%;margin: auto;}
.center{text-align: center;margin-top: 60px;}
.center .statistics-section-data{margin-bottom: 15px;}
@media(max-width:767px){.statistics-section-data-img{width: 30%;margin: auto; margin-top: -30px;}.ss{text-align: center;}.auto-small{margin: auto;}.section-two-item-title{
width: 100%;}}
@media(max-width:400px){.statistics-section-data h1, .statistics-section-data span{font-size: 40px;}.about-effect{width: 70%;}}


.section-before-last-data{position: absolute;text-align: center;left: 50%;top: 50%;transform: translate(-50% ,-50%);color: #fff;z-index: 555;width: 100%;}
.section-before-last-data h5 ,.section-before-last-data h1{text-transform: uppercase;font-weight: 600;margin-bottom: 10px;color: #fff;}
.section-before-last-data img{width: 200px;}
@media(min-width:767px){.section-before-last-data h1{font-size: 60px;}}
.section-before-last{padding: 200px 0px;background-color: #0f2964;position: relative;}
.about-section-data p a{color: #17a2b8}



.services-section{padding: 150px 0px 200px 0px; background-position: center;background-size: cover;background-attachment: fixed;position: relative;}
.services-section .img-carve {left: 0px;top: 0px;bottom: unset;position: absolute;width: 100%;transform: scale(-1,-1);}
.services-section .img-carve-footer{top: unset;bottom: 0px;position: absolute;width: 100%;}
.section-head{color: #0f2964;margin-bottom: 40px;text-align: center;text-shadow: 0px 1px 1px #fff;}
.section-head h2{font-weight: 600;}
.services-item-img{background-position: center;background-size: cover;border-radius: 50% 10%;position: relative;overflow: hidden;transition: 0.8s;}
.services-item{margin-bottom: 30px;}
.services-name{color: #fff;padding: 10px;text-align: center;}
.services-item:hover .services-item-img{transform: rotatez(-3deg);transition: 0.8s;}
@media(max-width:767px){.services-section{padding: 100px 0px}.services-item-img{width: 70%;margin: auto;}}


.why-section{padding: 80px 0px;position: relative;}
.why-section-img{background-position: center;background-size: cover;margin-bottom: 20px;}
.why-section-data p a{color: #08e7f2;}
.why-section .icon-shape {right: 0px;bottom: 0px;position: absolute;z-index: 555;width: 24%;}

.shipping-section{padding: 80px 0px;}
.shipping-section .section-title h3{color: #0f2964;}
.items-img{background-position: center;background-size: cover;}
.items{text-align: center;}
.items h5{color: #0d1c39;font-weight: 600;font-size: 17px;}
@media(max-width:767px){.why-img{width: 75%;margin: auto;}.why-section .icon-shape {width: 60%;z-index: -1;}}
@media(max-width:600px){.slider-data-data h1 {font-size: 35px;}.slider-data-data p{font-size: 16px;line-height: 18px;color: #0f2964;}}
.owl-carousel{margin-top: 50px;}
/**************************************footer-sec****************************************/

.comp{text-align: center;color: #ffffff;padding-top: 10px;background: #0d1c39;}
.comp p{text-align: center;}
.comp a{color: #ffffff;}
.comp img{width: 65px;}
.contact-details h6{direction: ltr;display: inline-block;}
.mega-footer iframe{width: 100%;height: 170px;border-radius: 10px;border: none;box-shadow: 0px 0px 5px #00000054;}
.contact-details li{margin-bottom: 4px;color: #fff;}
@media(min-width:767px){.links{column-count: 2;}.mr-top .mega-footer-h1{margin-top: 95px;}}
.social-media ul i:hover{color: #08ecf7 !important;}
/**************************************footer-sec****************************************/


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #0f2964 !important;}


.what-we-do-section{padding: 100px 0px;background-color: #0f2964;}
.what-we-do-section-data h1{font-weight: 600;color: #fff;}
.what-we-do-section-data h1 span{color: #08ecf7;}
.what-we-do-section-data h1 img{width: 200px;}
.what-we-do-section-img{background-position: center;background-size: cover;}
.what-we-do-section-data h4{color: #fff;margin-top: 5px;}
.what-we-do-section-data ul{margin-left: -37px;}
.what-we-do-section-data li{margin-bottom: 18px;color: #fff;font-size: 22px;}
.what-we-do-section-data li span{/* width: 25px; *//* height: 25px; */text-align: center;background-color: #08ecf7;color: #0f2964;font-size: 26px;padding: 7px 11px;margin-right: 8px;}
@media(min-width:767px){.what-we-do-section-data h4{color: #fff;width: 60%;}.what-we-do-section-img{margin: -50px 0px;}}


.contact-icon{padding: 120px 0px 60px 0px;background-color: #ffffff;/* margin-top: 50px ; */}
.contact-icon-item svg{overflow: hidden;vertical-align: middle;display: inline-block;}
.contact-icon li{display: inline-block;float: left;width: 100%;}
.contact-icon-item h2,.contact-icon-item h4{color: #0d1c39;}
.contact-icon-item h4{font-weight: 600;}
.contact-icon-item:hover svg{fill: #0f2964;}
.contact-icon-item:hover h2{color: #0f2964;}
.contact-icon-item {position: relative;width: 100%;}
.inquire-icon-svg{fill: rgba(43, 43, 43, 0.24);position: absolute;top: -85px;right: 35px;}
.contact-icon ul{width: 100%;column-count: 3;display: flex;}
@media(max-width:767px){.contact-icon{padding-top: 60px;}.contact-icon ul{margin-left: -25px; column-count: 1;text-align: center;display: block;}.contact-icon li{margin-bottom: 30px;}.inquire-icon-svg{position: relative;top: 0px;right:unset;}}


.comp .social-media{margin-right: 6px;}
.comp{padding-bottom: 4px;}
.comp .social-media i:hover{opacity: 0.6;}
.comp .social-media li{display: inline-block;text-align: center;margin-right: 5px;}
.comp .social-media ul{margin-right: 0px;}


.banner-section{padding:50px 0px;background-color: #0f2964;}
.banner-img{background-position: center;background-size: cover;margin-bottom: 50px;}
.banner-img img{height: 470px;}
.banner-data-left {color: #fff;}
.banner-data-left h2{color: #fff;font-weight: 600;}
.banner-data-right{color: #08ecf7;}
.banner-data-right h3{color: #fff;}
@media(min-width:767px){.banner-data-left h1{font-size: 60px;font-weight: 600;}.padding-0{padding: 0px;}.banner-data-left h2{color: #fff;font-weight: 600;font-size: 50px;}}
@media(max-width:767px){.banner-data-left h1{font-size: 40px;font-weight: 600;}.banner-img img {height: 300px;}}

.services1-section1{padding: 80px 0px;background-color: #e8effb;}

.services1-section1 h1{color: #0f2964;font-weight: 600;}
.services1-section1-data-item{padding: 30px 20px;}
.services1-section2-img{background-position: center;background-size: cover;}

.services1-section2-data{padding: 50px 35px;}
.services1-section2-data h1{color: #0f2964;font-weight: 600;}
.services1-section2-data ul{margin-left: -14px;list-style: decimal;margin-top: 25px;}
.services1-section2-data li{margin-bottom: 10px;font-weight: 600;color: #0f2964}
@media(min-width:767px){.services1-section2-data h1{color: #0f2964;font-weight: 600;font-size: 70px;width: 80%;}}
.banner-data-left span{color: #08ecf7;}

.services2-section1 {padding: 80px 0px;background-color: #fff;}
.services2-section1-left img{width: 300px;}
.services2-section1-left h1{color: #0f2964;font-weight: bold;text-transform: uppercase;}
.services2-section1-right h1{color: #0f2964;font-weight: bold;text-transform: uppercase;}
.services2-section1-right h2{color: #08ecf7;font-weight: bold;text-transform: uppercase;font-size: 2.5rem;}
.services2-section1-right ul{margin-left: -14px;list-style: decimal;margin-top: 25px;}
.services2-section1-right li{margin-bottom: 10px;font-weight: 600;color: #0f2964}
@media(min-width:767px){.services2-section1-left h1{font-size: 50px;}.services2-section1-right h1{font-size: 50px;}.services2-section1-right h2{font-size: 50px;}}


.services2-section2{padding: 80px 0px;background-color: #e8effb;}
.services2-section2-head{text-align: center;margin-bottom: 35px;}
.services2-section2-head h1{color: #0f2964;font-weight: bold;}
.services2-section2-head h2{color: #0f2964;font-weight: bold;}
.services2-section2-data h2{color: #0f2964;font-weight: bold;}
.services2-section2-data ul{margin-left: -14px;list-style: disc;margin-top: 25px;}
.services2-section2-data li{margin-bottom: 10px;font-weight: 600;color: #0f2964;font-size: 20px;}
.services2-section2-data{margin-bottom: 30px;}
.services2-section2-img,.services3-section1-img{background-position: center;background-size: cover;}
@media(min-width:767px){.services2-section2-head h1{font-size: 60px;}.services2-section2-data h2{width: 80%;}.services2-section3-data h1{font-size: 60px;}.services2-section3-data{text-align: right;}}



.services2-section3{background-color: #0f2964;position: relative;}
.services2-section3 .icon-shape2{bottom: unset;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;opacity: 1;}
.services2-section3 .container-fluid{top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;position: absolute;z-index: 666;}
.services2-section3-data h1{color: #fff;font-weight: 600;}

.bg-color{background-color: #0d1c39}


.services3-section1{padding: 80px 0px;}
.services3-section1-img{border-radius: 10px;}
.services3-section1-data h1{color: #0f2964;font-weight: bold;margin-bottom: 10px;margin-top: 15px;}
.services3-section1-data h4{color: #0f2964;}
@media(min-width:767px){.services3-section1-data h1{color: #0f2964;font-weight: bold;font-size: 50px;}}

.services3-section2{padding: 80px 0px;background-color: #0f2964;position: relative;overflow: hidden;}
.services3-section2 .icon-shape{left: 0px;right: unset;opacity: 0.5;width: 80%;}
.car-effect{position: absolute;width: 300px;height: 300px;right: 25px;bottom: 25px;z-index: 999;}
.services3-section2 .services3-section3-data h1{color: #fff;font-weight: bold;}
.services3-section2 .services3-section3-data h2{color: #fff;font-weight: bold;}
.services3-section2 .services3-section3-data ul{margin-left: -14px;list-style: disc;margin-top: 25px;}
.services3-section2 .services3-section3-data li{margin-bottom: 10px;font-weight: 100;color: #fff;font-size: 20px;}
@media(min-width:767px){.services3-section2 .services3-section3-data h1{color: #fff;font-weight: bold;font-size: 50px;width: 60%;}.services3-section2 .services3-section3-data ul{width: 70%;}}
@media(max-width:767px){.services3-section2 .icon-shape{left: 0px;right: unset;opacity: 0.5;width: 100%;bottom: 0px;top: unset;}.services3-section2{padding-bottom: 300px;}.car-effect{bottom: 0px;}}


.services3-section3{padding: 80px 0px;background-color: #e8effb;}
.services3-section3-data h1{color: #0f2964;font-weight: bold;}
.services3-section3-data h2{color: #0f2964;font-weight: bold;}
.services3-section3-data ul{margin-left: -14px;list-style: disc;margin-top: 25px;}
.services3-section3-data li{margin-bottom: 10px;font-weight: 600;color: #0f2964;font-size: 20px;}

@media(min-width:767px){.services3-section3-data h1{color: #0f2964;font-weight: bold;font-size: 50px;}}











   /************************************************loading-page*******************************************************/
.loading-page{width: 100%;height: 100%;position: fixed;z-index: 5555;background-color:#0f2964}
.loading-container { width: 100%;max-width: 520px;text-align: center;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.laoding-img{width: 100px;margin-bottom: 35px;-webkit-animation: rotate-load 2.4s infinite ease-in-out;
  animation: rotate-load 2.4s infinite ease-in-out;}
  .loading-text span img{width: 100px;margin-left: -90px;margin-top: 15px;}
  @media(max-width:400px){.loading-text span img{width: 60px;margin-left: -70px;margin-top: 15px;}}
  @keyframes rotate-load {
    to {
      transform: rotatey(360deg);
    }
  }
.loading-container:before {content: "";position: absolute;width: 100% ;height: 3px;background-color: #fff;bottom: 0;left: 0;border-radius: 10px;-webkit-animation: movingLine 2.4s infinite ease-in-out;animation: movingLine 2.4s infinite ease-in-out;}

@-webkit-keyframes movingLine {
  0% {
    opacity: 0;
    width: 0;
  }
  33.3%, 66% {
    opacity: 0.8;
    width: 100%;
  }
  85% {
    width: 0;
    left: initial;
    right: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
    width: 0;
  }
}

@keyframes movingLine {
  0% {
    opacity: 0;
    width: 0;
  }
  33.3%, 66% {
    opacity: 0.8;
    width: 100%;
  }
  85% {
    width: 0;
    left: initial;
    right: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
    width: 0;
  }
}
.loading-text {font-size: 5vw;line-height: 64px;letter-spacing: 6px;margin-bottom: 32px;display: flex;justify-content: space-evenly;}
.loading-text span {-webkit-animation: moveLetters 2.4s infinite ease-in-out;animation: moveLetters 2.4s infinite ease-in-out;transform: translatex(0);position: relative;display: inline-block;opacity: 0;text-shadow: 0px 2px 10px rgba(46, 74, 81, 0.3);text-transform: uppercase;}
.loading-text span:nth-child(1) {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.loading-text span:nth-child(2) {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.loading-text span:nth-child(3) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.loading-text span:nth-child(4) {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.loading-text span:nth-child(5) {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.loading-text span:nth-child(6) {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.loading-text span:nth-child(7) { -webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
.loading-text span:nth-child(8) { -webkit-animation-delay: 0.8s;animation-delay: 0.8s;}

@-webkit-keyframes moveLetters {
  0% {
    transform: translateX(-15vw);
    opacity: 0;
  }
  33.3%, 66% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(15vw);
    opacity: 0;
  }
}

@keyframes moveLetters {
  0% {
    transform: translateX(-15vw);
    opacity: 0;
  }
  33.3%, 66% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(15vw);
    opacity: 0;
  }
}
/************************************************loading-page*******************************************************/