@font-face { font-family:'HelveticaNowDisplay-Regular'; src:url('../fonts/HelveticaNowDisplay-Regular.ttf');}
@font-face { font-family:'HelveticaNowDisplay-Medium'; src:url('../fonts/HelveticaNowDisplay-Medium.ttf');}
@font-face { font-family:'HelveticaNowDisplay-Bold'; src:url('../fonts/HelveticaNowDisplay-Bold.ttf');}
@font-face { font-family:'Poppins-Bold'; src:url('../fonts/Poppins-Bold.ttf');}
@font-face { font-family:'Poppins-ExtraBold'; src:url('../fonts/Poppins-ExtraBold.ttf');}



body {
    max-width: 1600px;
    margin: 0 auto;
}
p{font-size: 16px; font-family:'HelveticaNowDisplay-Regular'; letter-spacing: 1px; word-spacing: 1px; font-weight: normal; color: #000; line-height: 1.5em; margin-bottom: 20px;}
a{text-decoration: none;}
* {margin: 0; padding: 0; box-sizing: border-box;}



.top-contact ul li{padding: 0; border: none; letter-spacing: 1px; word-spacing: 1px; font-family:'HelveticaNowDisplay-Regular'; font-size: 15px; color: #333; transition: 0.1s ease-in-out;}
.top-contact ul li:not(:last-child){margin-right: 25px; border-right: 1px solid #dcdcdc; padding-right: 25px;}
.top-contact ul li a{letter-spacing: 1px; word-spacing: 1px; font-family:'HelveticaNowDisplay-Regular'; font-size: 15px; color: #333; transition: 0.3s;}
.top-contact ul li i{color: #00a0e3;}
.top-contact ul li.social-account-link a{padding: 10px; border: 1px solid #dcdcdc; margin-right: 8px; transition: 0.3s;}
.nav.navbar-nav{align-items: center; justify-content: center; width: 100%; /*background-color: #292929;*/ background-color: rgb(118 159 156); padding: 0; transition: 0.1s ease-in-out; border-radius: 0; position: relative; z-index: 1;}
.navbar-fixed {top: 0; z-index: 100; position: fixed; width: 100%; transition: 0.1s ease-in-out; padding: 0; background-color: #292929; margin-top: 0 !important; max-width: 1600px;}
.nav.navbar-nav .list-group-item{background-color: transparent; border: none; transition: 0.1s ease-in-out; padding: 9px 15px;}
.navbar-fixed .nav.navbar-nav .list-group-item{padding: 0 15px;}
.navbar-fixed .nav.navbar-nav .list-group-item .dropdown button{padding: 18px 15px;}
.navbar-fixed .dropdown-menu[data-bs-popper]{top: 90%;}
.nav.navbar-nav .list-group-item a{ font-family:'HelveticaNowDisplay-Regular'; letter-spacing: 1px; word-spacing: 1px; color: #fff; padding: 22px 15px; display: inline-block; text-transform: uppercase; font-size: 15px; /*transition: 0.3s;*/}
/*.nav.navbar-nav:before {content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; right: 100%; width: 0; height: 0; border-style: solid; border-width: 41px 25px 41px 0; border-color: transparent #292929 transparent transparent; z-index: 1;}
.nav.navbar-nav:after {content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 41px 0 41px 25px; border-color: transparent transparent transparent #292929; z-index: 1;}*/
/*.banner-slider { transform: translate(0px, -12%); position: relative;}*/
.banner-slider .black-overlay{position: absolute; content:""; background-color: rgb(0 0 0 / 15%); height: 100%; top: 0; width: 100%; left: 0%;}
.banner-slider .carousel-dark .carousel-caption{right: 8%;bottom: 23%; text-align:left; width:40%; background-color: rgb(255 255 255 / 75%); padding: 40px 30px; margin: 0 0 0 auto;}
.banner-slider .carousel-dark .carousel-caption h3{color: #00a0e3; letter-spacing: 1px; word-spacing: 1px; font-family:'HelveticaNowDisplay-Bold'; font-size: 35px; margin-bottom: 15px;}
.banner-slider .carousel-control-next .fa-solid,.banner-slider .carousel-control-prev .fa-solid{background-color: #000; padding: 10px;}
.about-sec{padding: 50px 0px 80px;}
.about-side-img img{border-top-left-radius: 250px; padding: 0 80px 48px 0px; height: 650px; width: 100%; object-fit: cover;}
.box-squares.squares1 {top: 0; right: 54px; width: 100px; height: 73px;}
.box-squares.squares1 .item-square1 {height: 40px; width: 37px; background-color: #fff; top: 0; right: 25px; display: block; position: absolute;}
.box-squares.squares1 .item-square2 {width: 26px; height: 27px; top: 14px; right: 0; background-color: #faa80a; display: block; position: absolute;}
.box-squares.squares1 .item-square3 {width: 35px; height: 33px; background-color: #48c8f2; bottom: 0; left: 0; display: block; position: absolute;}
.box-squares.squares2 { bottom: 0; left: -55px; width: 175px; height: 220px;}
.box-squares.squares2 .item-square1 { height: 55px; width: 58px; background-color: #fff; top: 0; right: 0; display: block; position: absolute;}
.box-squares.squares2 .item-square2 {width: 117px; height: 133px; bottom: 32px; left: 0; background-color: #faa80a; display: block; position: absolute;}
.box-squares.squares2 .item-square3 {width: 35px; height: 33px; background-color: #48c8f2; bottom: 0; right: 23px; display: block; position: absolute;}
.read-more-btn .btn{padding: 16px 32px; background-color: /*#141414;*/ #769f9c; font-size: 15px; border: none; border-radius: 0; color: #fff; display: inline-block; position: relative; transition: .3s cubic-bezier(.24,.74,.58,1); margin-right: 10px;
    margin-bottom: 10px; letter-spacing: 1px; word-spacing: 1px; font-size: 15px; font-family:'HelveticaNowDisplay-Regular';}
.read-more-btn .btn:hover{color: #fff; text-decoration: none; margin-right: 0; margin-bottom: 0; background-color: #00a0e3;}
.read-more-btn .btn:before{content: ""; width: 100%; height: 100%; background-color: initial; border: 2px solid #faa80a; position: absolute; top: 10px; left: 10px;
    opacity: 1; transition: .3s cubic-bezier(.24,.74,.58,1);}
.read-more-btn .btn:hover:before{content: ""; top: 0; left: 0; border-color: #00a0e3;}
h2.title-holder{position: absolute; top: -18px; left: -66px;  -webkit-text-stroke-color: rgb(24 24 24 / 30%); text-stroke-width: 1px; -webkit-text-stroke-width: 1px;
    color: transparent; font-size: 85px; z-index: -1; letter-spacing: 1px; word-spacing: 1px; font-family:'Poppins-ExtraBold'; }
.inner-heading h4,.service-title h4{letter-spacing: 0.6px; word-spacing: 0.8px; font-size: 19px; color: #00a0e3; margin-bottom: 10px; font-family: 'Poppins-Bold'; }
.inner-heading h1,.service-title h3{ font-family:'Poppins-Bold'; letter-spacing: 1.5px; word-spacing: 2px; font-size: 32px; color: #292929; margin-bottom: 25px; line-height: 1.2em;}
.chat-video video { border: 10px solid #000; border-radius: 30px; outline: 6px solid #7e7e7e;}
.faq-sec{padding: 90px 0px; background-color: #f5f5f5; }
.faq-title h3{ font-family:'Poppins-ExtraBold'; letter-spacing: 1.5px; word-spacing: 2px; font-size: 32px; color: #292929; margin-bottom: 15px; text-align: center; border-bottom: 1px dashed #00a0e3; display: inline-block; line-height: 1.8em;}
.faq-content .accordion-button:not(.collapsed){background-color: #ebebeb;}
.faq-content .accordion-button:focus{box-shadow: none;}
.faq-content .faq-count{height: 35px; width: 35px; background-color: #00a0e3; color: #fff; font-family:'Poppins-Bold'; letter-spacing: 1px; word-spacing: 1px; font-size: 15px; display: flex; align-items: center; justify-content: center; margin-right: 15px; border-radius: 50%;}
.faq-content .accordion-button{letter-spacing: 0.8px; word-spacing: 1px; font-family: 'Poppins-Bold'; font-size: 15px; color: #000; border-bottom: 1px dashed #6e6e6e; border-radius: 0; padding: 18px;}
.faq-title h4{-webkit-text-stroke-color: rgb(24 24 24 / 30%); text-stroke-width: 1px; -webkit-text-stroke-width: 1px; color: transparent; font-size: 40px; letter-spacing: 1px; word-spacing: 1px;
font-family: 'Poppins-ExtraBold'; margin-bottom: 40px;}
.service-grid .grid-container { /*display: grid; grid-template-columns: auto auto auto auto;*/}
.service-grid .grid-content { /*position: absolute; background: rgb(0 0 0 / 80%); top: 9%; left: 6%; transform: translate(-6%, -9%); margin: 15px;*/ text-align: left; padding:20px; background-color: rgb(0 0 0 / 50%); margin: 25px 20px; min-height: 310px;}
.services-sec {text-align: center; padding: 90px 0px 90px; background-image: -webkit-linear-gradient(180deg, #efefef 50%, #FFF 50%); position: relative;}
.service-title{display: inline-block; margin-bottom: 40px; width: 100%; }
.service-title h2.title-holder{top: -20px; left: 50%; transform: translate(-50%, 0);z-index: 1; width: 100%;}
.gear-setting { position: absolute; left: -7%; top: 0;}
.service-grid .grid-content h4{color: #faa80a;  font-family:'HelveticaNowDisplay-Regular'; font-size:24px; font-weight:normal; letter-spacing:1px; word-spacing:1px; margin-bottom:40px; }
.service-grid .grid-content h3{letter-spacing: 0.8px; word-spacing: 1px; font-family: 'HelveticaNowDisplay-Bold'; font-size: 21px; color: #fff; margin-bottom: 30px;}
.service-grid .grid-content p{color: #fff; margin: 0;}
.grid-item.grid-img1{background-image: url(../images/blog.jpg); background-size: cover;}
.grid-item.grid-img2{background-image: url(../images/electrical-engineering-banner.png); background-size: cover; background-color: rgb(209 218 215);}
.grid-item.grid-img3{background-image: url(../images/Picture3.png); background-size: cover;}
.grid-item.grid-img4{background-image: url(../images/about-side-img.jpg); background-size: cover;}
/*.service-grid .grid-item:hover{background: #000; transition: 0.3s ease-in-out;}*/
footer{padding: 60px 0px 20px; background-color: #292929;}
h4.footer-title{color: #fff; font-family: 'HelveticaNowDisplay-Bold'; font-weight: normal; letter-spacing: 0.6px; word-spacing: 0.6px;margin-bottom: 25px; font-size: 19px;}
footer ul{color: #fff; padding: 0; list-style-type: none; margin-bottom: 22px;}
footer ul li,.bottom-content p{ font-family:'HelveticaNowDisplay-Regular'; letter-spacing: 1px; word-spacing: 1px; font-size: 15px; color: #c7c7c7; display: flex; margin-bottom: 10px;}
footer ul li a,.copyright-sec p{color: #c7c7c7; font-family:'HelveticaNowDisplay-Regular'; letter-spacing: 1px; word-spacing: 1px; font-size: 15px; color: #c7c7c7; transition: 0.3s;}
svg{width: 10px; text-align: center; fill: #ff4444; display: inline-block; margin: 0 auto; stroke: none;}
.bottom-address h5{letter-spacing: 1px; word-spacing: 1px; font-size: 15.5px; font-family:'HelveticaNowDisplay-Medium'; color: #f4f4f4; font-weight: normal; margin-bottom: 10px;}
.gallery-sec h5{font-family:'HelveticaNowDisplay-Regular'; letter-spacing: 1px; word-spacing: 1px; font-size: 18px; color: #292929; margin: 10px 0px;}
.banner-slider .carousel-dark .carousel-caption p{font-size: 18px; margin: 0;}
.gallery-sec{padding: 90px 0px 90px;}
.banner-img img{width: 80%; margin: 0 auto;}
.about-info p{text-align: justify;}


/*------------------- About page -----------------------------*/

/*#about-banner{transform:translate(0px, -21%);}*/
.about-page-side-img img{width: 100%; /*height: 380px; object-fit: cover*/; border-radius:20px; }
.about-right-side{padding: 0px 70px; position: relative;}
.about-page-sec,.service-page-sec,.mission-vision-sec,.training-page-sec{padding: 90px 0px 90px;}
.gear-image {position: absolute;}
.gear-image1{top: -90px; left: -15px; width: 300px; height: 300px;}
.gear-image2{bottom: -90px; right:-15px; width: 270px; height: 270px;}
.gear-image1 img{animation: loading 8s linear infinite; transition-delay: 1s; }
.gear-image2 img{animation: rotation 16s linear infinite; transition-delay: 1s; }
.about-page-sec .about-content{padding-left: 0;}
.vision-box{padding: 25px; border-radius: 8px; border: 1px solid #ccc; text-align: center; min-height: 300px; background-color: #00a0e3; background-image: -webkit-linear-gradient(126deg, #13b5f9 50%, #00a0e3 35%);}
.vision-box h3{font-family: 'Poppins-Bold'; letter-spacing: 1px; word-spacing: 1px; font-size: 24px; color: #fff; margin-bottom: 20px; line-height: 1.2em;}
.vision-box p{font-size: 18px; color: #fff;}
.vision-box li{font-size: 18px; color: #fff; text-align: left;}

/*---------------- Contact page -------------------------------*/

.contact-page-sec .service-title h2.title-holder{width: max-content;}
.contact-page-sec{text-align: center; padding:90px 0px 90px;}
.contact-form form input[type="text"],.contact-form form input[type="email"]{box-shadow: none; outline: 0; width: 100%; border: none; border-bottom: 1px solid #0a8bc1; border-radius: 0;padding-bottom: 10px; margin-bottom: 15px; padding-left: 10px; letter-spacing: 1px; word-spacing: 1px; color: #292929; font-size: 15px; font-family:'HelveticaNowDisplay-Regular';}
.contact-form form textarea{box-shadow: none; outline: 0; width: 100%; border: none; border-bottom: 1px solid #00a0e3; border-radius: 0;padding-bottom: 10px; margin-bottom: 15px; padding-left: 10px;}
input.btn{padding: 16px 32px; transition: 0.3s; background-color: #00a0e3; border: none; color: #fff; display: inline-block; letter-spacing: 1px; word-spacing: 1px; font-family:'HelveticaNowDisplay-Regular'; border-radius: 0; margin-top: 15px;}
input.btn:hover{background-color: #141414; transition: 0.3s; color: #fff;}
.contact-content{text-align: left; padding-left: 70px;}
.contact-content h5{font-family:'Poppins-Bold'; font-size: 16px; letter-spacing: 0.3px; word-spacing: 0.6px; color: #5b5b5b; margin-bottom: 15px;}
.contact-content ul li,.contact-content ul li a{list-style-type: none; letter-spacing: 1px; word-spacing: 1px; color: #292929; font-size: 15px; font-family:'HelveticaNowDisplay-Regular'; margin: 10px 0px; transition: 0.3s;}
.google-location{padding: 10px;border: 1px dashed #00a0e3; /*outline: 1px solid #858585; outline-offset: -6px;*/}


/*---------------- Service page -------------------------------*/

.service-side-content{text-align:left; padding-left: 15px;}
.service-side-content ul,.training-list ul{padding: 0; list-style-type: none;}
.service-side-content h3,.offerring-service h3{font-family:'Poppins-Bold'; font-size: 30px; letter-spacing: 0.3px; word-spacing: 0.6px; color: #5b5b5b; margin-bottom: 20px; line-height: 1.3em;}
.service-side-content ul li,.training-list ul li{letter-spacing: 1px; word-spacing: 1px; color: #292929; font-size: 15px; font-family:'HelveticaNowDisplay-Regular'; margin: 10px 0px; position: relative; padding-left: 25px;}
.service-side-content ul li:before,.training-list ul li:before{content: '\f058'; font-family: 'FontAwesome'; float: left; margin-left: -1.5em; color: #00a0e3;}
.service-side-content h4,.training-list h4{letter-spacing: 1px; word-spacing: 1px; font-family:'HelveticaNowDisplay-Bold'; color: #333; font-size: 20px; margin-bottom: 25px;}
.it-services .service-side-content ul li{margin: 20px 0px;}

/*---------------- Training page -------------------------------*/

.casestudy-img img {width: 100%; height: 250px; margin-bottom: 25px;}
.casestudy-box {box-shadow: 11px 10px 8px 0px #ccc; padding: 15px; margin: 20px 10px; border-radius: 8px; border: 1px solid #d7d7d7;}
.casestudy-name h4{letter-spacing: 0.3px; word-spacing: 0.6px; color: #292929; font-size: 19px; font-family:'HelveticaNowDisplay-Medium';}



.top-contact ul li.social-account-link a:hover{transition: 0.3s; background-color: #00a0e3;}
.top-contact ul li.social-account-link a:hover i{color: #fff;}
.google-map-adress{padding-bottom: 90px;}
.contact-content ul li i{color: #00a0e3; margin-right: 10px;}
.top-contact ul li span{display: inline-block;}
.bottom-logo svg { fill: #f4f4f4; width: 60%;}
.service-grid .grid-item{transition: 0.3s ease-in-out; width: 25%; display: inline-block; margin: 0 -3px; height: 360px; overflow: hidden;}
.faq-content .accordion-button:not(.collapsed){color: #000;}
.chat-video {width: 80%;}
.faq-content .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed, .faq-content .accordion-item:first-of-type>.accordion-header .accordion-button, .faq-content .accordion-item:first-of-type{border-radius: 0;}
.about-content,.faq-content,.bottom-address,.quick-links{padding-left: 25px;}
header{padding: 15px 0px 0px;}
nav.navbar.navbar-default{margin-top: 15px; background-color: rgb(118 159 156); padding: 0;}
.nav.navbar-nav .list-group-item a:hover,.nav.navbar-nav .list-group-item.active a,.nav.navbar-nav .list-group-item .dropdown-menu li.active a.dropdown-item,.nav.navbar-nav .list-group-item .dropdown button:hover{/*color: #00a0e3;*/ color: #292929; /*transition: 0.3s;*/ font-weight: 600;}
.top-contact ul li span.linkedin-link a{margin-right: 0;}
.top-contact ul li:nth-child(2){border-right: none; padding-right: 0;}
nav.navbar.navbar-default.navbar-fixed .nav.navbar-nav .list-group-item a{padding: 10px 15px; transition: 0.1s ease-in-out;}
nav.navbar.navbar-default.navbar-fixed .nav.navbar-nav:before,nav.navbar.navbar-default.navbar-fixed .nav.navbar-nav:after{content: none;}
section.banner-slider .carousel-item,.about-side-img,.about-heading,.service-title,.service-grid .grid-item{ position: relative;}
.box-squares {position: absolute;}
/*section.banner-slider .carousel-item img{filter: grayscale(68%);}*/
.banner-content {padding: 0px 60px;}
.banner-slider .black-overlay{position: absolute; content:""; background-color: rgb(0 0 0 / 28%); height: 100%; top: 0; width: 100%; left: 0%;}
.banner-slider .carousel-dark .carousel-caption{right: 8%;bottom: 23%; text-align:left; width:40%; background-color: rgb(255 255 255 / 75%); padding: 40px 30px; margin: 0 0 0 auto;}
.banner-slider .carousel-dark .carousel-caption h3,.banner-content h3{color: #00a0e3; letter-spacing: 1px; word-spacing: 1px; font-family:'HelveticaNowDisplay-Bold'; font-size: 35px; margin-bottom: 15px;}
.banner-slider .carousel-control-next .fa-solid,.banner-slider .carousel-control-prev .fa-solid{background-color: #000; padding: 10px;}
.about-sec{padding: 90px 0px 90px;}
.banner-slider .carousel-dark .carousel-indicators [data-bs-target] {background-color: #fff; opacity: 1}
.banner-slider .carousel-dark .carousel-indicators button.active{background-color: #00a0e3; width: 40px; }
.banner-slider .carousel-control-next, .banner-slider .carousel-control-prev{width: 8%;}
.inner-heading h1 span,footer ul li a:hover,footer ul li a.active,.contact-content ul li a:hover,.top-contact ul li a:hover{color: #00a0e3;}
footer ul li i{color: #00a0e3; margin-right: 10px;}
.faq-content .accordion-item, .service-title h4,.bottom-logo{margin-bottom: 15px;}
.contact-content ul{margin-bottom: 25px;}
.faq-content .accordion-body p,.copyright-sec p,.bottom-content p{margin: 0;}
.contact-content ul{padding: 0;}
.gear-setting{ animation: loading 3s linear infinite; transition-delay: 1s;     animation-duration: 10s;}
.copyright-sec{margin-top: 20px;}
.read-more-btn.mt-5{height: 65px;}
.navbar-nav .dropdown-menu {position: absolute; background-color: #769f9c; z-index: 9;}
.nav.navbar-nav .list-group-item .dropdown-menu li a.dropdown-item{padding: 10px 15px; font-size: 14px;}
.nav.navbar-nav .list-group-item .dropdown button{font-family: 'HelveticaNowDisplay-Regular'; letter-spacing: 1px; word-spacing: 1px; color: #fff; padding: 22px 15px;
display: inline-block; text-transform: uppercase; font-size: 15px; outline: 0; border: none;}
.nav.navbar-nav .list-group-item .dropdown button:active{outline: 0; border: none;}
.banner-content p{font-size: 21px;margin: 0;}
#mob-show{display: none;}
.banner-slider .carousel-fade .carousel-item{z-index: 0 !important;  min-height: 510px;} 


/* -------------- Back to Top ----------------------------*/

#back-btn {
  display: inline-block;
  background-color: #00a0e3;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 40px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
#back-btn::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 50px;
  color: #fff;
}
#back-btn:hover {
  cursor: pointer;
  background-color: #0a8bc1;
}
#back-btn:active {
  background-color: #0a8bc1;
}
#back-btn.show {
  opacity: 1;
  visibility: visible;
}


@keyframes loading {
  0% { 
    transform: rotate(0); 
  }
  100% { 
    transform: rotate(360deg);
  }
 }

 @keyframes rotation {
  0% { 
    transform: rotate(360deg); 
  }
  100% { 
    transform: rotate(0deg);
  }
 }



.client-logo-sec {
    display: grid;
    place-items: center;
    padding: 90px 0px;
    text-align: center;
}


.client-logo-sec .slider {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7.4px);
    -webkit-backdrop-filter: blur(7.4px);
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.client-logo-sec .slider-items img {
    width: 12%;
    margin: 20px;

}

.client-logo-sec .slider-items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    animation: scrolling 20s linear infinite;

}

@keyframes scrolling {

    0% {
        transform: translateX(80%);
    }

    100% {
        transform: translateX(-20%);
    }
}






/*-----------------owl slider---------------------*/

/* owl nav */
.client-logo-sec .owl-prev span, .client-logo-sec .owl-next span {
    color: #FFF;
}

.client-logo-sec .owl-prev span:hover, 
.client-logo-sec .owl-next span:hover {
    color: #8199A3;
}

.client-logo-sec .owl-prev, .client-logo-sec .owl-next {
    position: absolute;
    top: 0;
    height: 100%;
}

.client-logo-sec .owl-prev {
    left: -20px;
}

.client-logo-sec .owl-next {
    right: -20px;
}


.client-logo-sec .owl-carousel .owl-item img{width: initial; margin: 0 auto;}
.client-logo-sec .fa-solid{
    font-weight: 900;
    background-color: rgb(0 0 0 / 80%);
    color: #fff;
    padding: 12px 15px;
}

/*-------------- Testimonial Slider ------------------*/

.testimonials{background-color: #f5f5f5; padding:90px 0px 80px; }
section.testimonials{text-align: center;}
section.testimonials .service-title{margin: 0}
.shadow-effect {
            background: #fff;
            padding: 20px;
            border-radius: 4px;
            text-align: center;
    border:1px solid #ECECEC;
            box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
        }
        #customers-testimonials .shadow-effect p {
            font-size: 15px;
            line-height: 1.5;
            margin: 0 0 17px 0;
            font-weight: 300;
        }
        .testimonial-name {
            margin: -17px auto 0;
            display: table;
            width: auto;
            background: #00a0e3;
            padding: 9px 35px;
            border-radius: 12px;
            text-align: center;
            color: #fff;
            box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
        }
        #customers-testimonials .item {
            text-align: center;
            padding: 50px;
                margin-bottom:40px;
            opacity: .2;
            -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        #customers-testimonials .owl-item.active.center .item {
            opacity: 1;
            -webkit-transform: scale3d(1.0, 1.0, 1);
            transform: scale3d(1.0, 1.0, 1);
        }
        .owl-carousel .owl-item img {
            transform-style: preserve-3d;
            max-width: 90px;
            margin: 0 auto 17px;
        }
        #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
            background: #00a0e3;
            transform: translate3d(0px, -50%, 0px) scale(0.7);
        }
#customers-testimonials.owl-carousel .owl-dots{
    display: inline-block;
    width: 100%;
    text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
    display: inline-block;
}
        #customers-testimonials.owl-carousel .owl-dots .owl-dot span {
            background: #faa80a;
            display: inline-block;
            height: 20px;
            margin: 0 2px 5px;
            transform: translate3d(0px, -50%, 0px) scale(0.3);
            transform-origin: 50% 50% 0;
            transition: all 250ms ease-out 0s;
            width: 20px;
        }


/*------------------------------------------------------------------*/

/*- ================================ Gallery =============================== */


.img-wrapper {
  position: relative;
  margin-top: 15px;
  cursor: grab;
}
.img-wrapper img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  padding: 10px;
  border: 1px solid #00a0e3;
}

.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5%;
}
@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#nextButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #nextButton {
    font-size: 3em;
    cursor: grab;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  cursor: grab;
}
#prevButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #prevButton {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: grab;
}
#exitButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 3em;
  }
}

/*- ================================ Gallery End =============================== */


::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px #292929;
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    background-color: #000000;
    border: 2px solid #555555;
}




 @media(min-width: 2500px){
  /*.banner-slider {transform: translate(0px, -7%); position: relative;}*/
  .banner-slider .carousel-dark .carousel-caption{right: 23%; bottom: 35%;}
  .services-sec{max-width: 1366px; margin: 0 auto;}
  #back-btn{right: 6%; bottom: 6%;}
  .banner-img img { width: 60%; margin: 0 auto;}
  /*.service-grid .grid-item{height: 385px;}*/
   /* .nav.navbar-nav:after{left: 99.9%;}
   .nav.navbar-nav:before{right: 99.9%;}*/
   /*#about-banner {transform: translate(0px, -12%);}*/
}

@media(min-width: 2000px) and (max-width:2499px){
  /*.banner-slider {transform: translate(0px, -8%); position: relative;}*/
  .banner-slider .carousel-dark .carousel-caption{right: 23%; bottom: 35%;}
  .services-sec{max-width: 1366px; margin: 0 auto;}
  #back-btn{right: 6%; bottom: 6%;}
  .banner-img img { width: 60%; margin: 0 auto;}
 /* .service-grid .grid-item{height: 385px;}*/
    /*.nav.navbar-nav:after{left: 99.9%;}
   .nav.navbar-nav:before{right: 99.9%;}*/
  /* #about-banner {transform: translate(0px, -15%);}*/
}

     
@media(min-width: 1900px) and (max-width:1999px){
  /* .banner-slider {transform: translate(0px, -8.5%); position: relative;}*/
   /*.gear-setting{left: -5%;}
   .nav.navbar-nav:after{left: 99.9%;}
   .nav.navbar-nav:before{right: 99.9%;}*/
   #back-btn{right: 4%; bottom: 4%;}
  /*  #about-banner {transform: translate(0px, -15%);}*/
  .banner-img img { width: 60%; margin: 0 auto;}
  /*.service-grid .grid-item{height: 385px;}*/
}

@media(min-width: 1600px) and (max-width:1899px){
    /*.gear-setting{left: -5%; }
    .banner-slider { transform: translate(0px, -10%); position: relative;}*/
   /* .nav.navbar-nav:after{left: 99.9%;}
   .nav.navbar-nav:before{right: 99.9%;}*/
    #back-btn{right: 4%; bottom: 6%;}
    .service-grid .grid-item{height: 310px;}
    .service-grid .grid-content{min-height: 260px;}
    /* #about-banner {transform: translate(0px, -17%);}*/
}

@media(min-width: 1400px) and (max-width:1599px){
   
   /* .nav.navbar-nav:after{left: 99.90%;}
   .nav.navbar-nav:before{right: 99.90%;}
     #about-banner {transform: translate(0px, -20%);}*/
}

@media(max-width: 1280px){
   /* .nav.navbar-nav:after{left: 99.9%;}
    .nav.navbar-nav:before{right: 99.9%;}
     .banner-slider { transform: translate(0px, -13%); }*/
     .banner-slider .carousel-dark .carousel-caption{bottom: 15%;}
    /* #about-banner{transform:translate(0px, -23%);}*/
    .service-grid .grid-item{height: 400px;}
    .service-grid .grid-content{min-height: 360px;}
}

@media(max-width:1199px){
     .top-contact ul li:not(:last-child){margin-right: 10px; padding-right: 10px;}
     h2.title-holder{font-size: 65px; left: -45px;}
     /*.banner-slider { transform: translate(0px, -15%);}*/
     .banner-slider .carousel-dark .carousel-caption{bottom: 15%; padding: 30px;}
     .vision-box{min-height: 295px;}
     
}

@media(max-width: 1024px){
     .banner-slider .carousel-dark .carousel-caption{bottom: 15%; padding: 18px 22px;}
     .top-contact ul li:not(:last-child){margin-right: 10px; padding-right: 10px;}
     /* .banner-slider { transform: translate(0px, -16%); }*/
      h2.title-holder{font-size: 65px; left: -45px;}
      .about-side-img img{border-top-left-radius: 210px; padding: 0 45px 48px 0px;}
      .box-squares.squares1{right: 20px;}
      .box-squares.squares2{left: -27px;}
      .banner-slider .carousel-dark .carousel-caption h3{font-size: 35px;}
      .inner-heading h1, .service-title h3,.faq-title h3{font-size: 26px;}
      .faq-title h4{font-size: 30px;}
      .about-page-sec h2.title-holder{left: -26px;}
      .gear-image1{width: 270px; height: 270px;}
      .gear-image2{bottom: -80px; right: 13px; width: 240px; height: 240px;}
      /*#about-banner{transform: translate(0px, -29%);}*/
      .service-grid .grid-container{display: grid; grid-template-columns: auto auto;}
      .service-grid .grid-item{width: 100%;}
      .service-grid .grid-item{height: inherit;}
      .service-grid .grid-content{min-height: inherit;}

  }



   @media(max-width:992px){
    .top-contact ul li.social-account-link a{padding: 6px;}
    .top-contact ul li a,.top-contact ul li,footer ul li a, .copyright-sec p,footer ul li{font-size: 12px;}
    .top-contact ul li.social-account-link a{margin-right: 2px;}
    .top-contact ul li:not(:last-child){margin-right: 4px; padding-right: 0; border-right: none;}
    .nav.navbar-nav .list-group-item a,.nav.navbar-nav .list-group-item .dropdown button{font-size: 13px; padding: 15px;}
    /*.nav.navbar-nav:after{border-width: 33px 0 33px 25px;}
    .nav.navbar-nav:before{border-width: 33px 25px 33px 0}
    .banner-slider { transform: translate(0px, -14%); }*/
    .about-content{padding: 0;}
    h2.title-holder{top: -5px; font-size: 45px; left: -25px;}
    .service-title h2.title-holder{font-size: 24px; top: -34px;}
    .chat-video{width: 90%;}
    h4.footer-title{font-size: 15px;}
    .bottom-address, .quick-links{padding-left: 4px;}
    .banner-slider .carousel-dark .carousel-caption h3{font-size: 26px;}
    .banner-slider .carousel-dark .carousel-caption p{font-size: 14px;}
      /*#about-banner{transform: translate(0px, -26%);}*/
      .about-right-side{padding: 0 30px;}
      .nav.navbar-nav .list-group-item .dropdown-menu li a.dropdown-item{font-size: 13px;}
      .banner-slider .carousel-dark .carousel-caption{bottom: 10%;}
      .nav.navbar-nav .list-group-item,.navbar-fixed .nav.navbar-nav .list-group-item{padding: 9px 5px;}
   }
   
   @media(max-width:767px){

    #mob-show{display: block; padding: 0;}
    #desk-show{display: none;}
    .banner-slider {transform: translate(0px, -0%);}
    header,.about-content, .faq-content, .bottom-address, .quick-links,.service-side-content{padding: 0;}
    .read-more-btn button{margin: 0;}
    .client-logo-sec{display: block;}
    .service-grid .grid-container{grid-template-columns: auto auto;}
    section.banner-slider .carousel-item img{height: 100vh; object-fit: cover;}
    .banner-slider .carousel-dark .carousel-caption{right: 10%; left: 10%; width: 80%; bottom: 40%;}
    .about-side-img img{padding: 0 45px 48px 60px; }
    .box-squares.squares2{left: 15px;}
    .about-sec,.services-sec,.client-logo-sec,.faq-sec,footer,.mission-vision-sec,.gallery-sec{padding: 40px 0px;}
    .about-content,.bottom-address,.quick-links,.bottom-logo,.service-page-sec .service-side-content h3,.training-list p,.banner-content{text-align: center;}
    .about-heading{display: inline-block; margin-top: 40px;}
    .about-heading h2.title-holder{left: 50%; transform: translate(-50%, 0);}
    .read-more-btn.mt-5{margin-top: 30px !important;}
    .read-more-btn button:before{content: none;}
    .client-logo-sec .owl-next{right: 0}
    .client-logo-sec .owl-prev{left: 0;}
    .service-title{margin-bottom: 15px;}
    .bottom-logo,.bottom-address,.quick-links,.google-location{margin-bottom: 30px;}
    .service-side-content ul{margin-top: 30px;}
    .about-page-sec .about-content,.contact-form{margin-bottom: 50px;}
    .service-title h2.title-holder{font-size: 45px;}
    .service-grid .grid-content{padding: 30px 20px 30px 20px;}
    .chat-video{width: 50%; margin: 0 auto; margin-bottom: 30px;}
    h4.footer-title{font-size: 16px; margin-bottom: 15px;}
    footer ul li a, .copyright-sec p, footer ul li{font-size: 15px;}
    #back-btn{width: 45px; height: 45px;}
    #back-btn::after{font-size: 21px;}
    footer ul li{display: inline-block; margin: 10px 15px;}
    footer ul li i{margin-right: 1px;}
     #about-banner{transform: translate(0px, 0%);}
     #about-banner .carousel-item img{height: 60vh;}
     .gear-image1{width: 215px;height: 215px;top: 0; left: -60px;}
     .gear-image2{width: 215px;height: 215px;right: -60px; bottom: 0;}
     .about-page-sec{padding: 0px 0px 40px}
     .testimonials,.contact-page-sec,.service-page-sec,.training-page-sec{padding: 60px 0px 30px;}
     #customers-testimonials .item{padding: 15px;}
     .contact-content,.banner-content{padding: 0; text-align: center;}
     .bottom-content,.service-side-image{text-align: center; margin-bottom: 30px;}
     .bottom-logo svg{width: inherit;argin: 0 auto; margin: 0 auto; display: block;}
     .copyright-sec{margin-top: 10px;}
     .google-map-adress,.training-img.pe-5{padding-bottom: 30px;}
     .navigation-logo .top-logo img{width: 210px;}
     .bottom-logo img{margin: 0 auto;}
     .service-page-sec .row.mt-5,.service-page-sec .offerring-service.mt-5,.training-content.mt-5,.casestudy-content.mt-5,#image-gallery.mt-5{margin-top: 1rem !important;}
     .service-side-content.ps-5,.training-img.ps-5,.training-list.ps-5{padding-left: 0 !important;}
     .training-img.pe-5,.service-side-image.pe-4{padding-right: 0 !important;}
     .offerring-service h3.mb-5{margin-bottom: 1rem !important; margin-top: 30px;}
     .vision-box{min-height: initial;}
     .navigation-links .dropdown button{padding: 0; color: #ffffff; text-decoration: none; font-family: 'HelveticaNowDisplay-Regular';
        letter-spacing: 1px; word-spacing: 1px; font-weight: normal; font-size: 15px; text-transform: uppercase; outline: 0; border: none;}
    .navigation-links .dropdown .dropdown-menu li{margin-right: 0; color: #292929; padding: 0;}
    .navigation-links .dropdown .dropdown-menu li a{color: #292929; }
    .navigation-links .dropdown .dropdown-menu{position: static;}
    .banner-slider .col-md-6.p-0.pe-5{padding-top: 0px !important;}
    .banner-slider .col-md-6.p-0.ps-5, .banner-slider .col-md-6.p-0.pe-5 {padding: 30px !important;}
    .banner-slider .carousel-fade .carousel-item{min-height: inherit;}


    .navigation{position:relative; padding:12px 15px; background-color: #f1f1f1; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #292929;}
.navigation-logo a{
  text-decoration:none;
}
.navigation-logo p{
  color:#ffffff;
  font-weight: bolder;
  text-transform: uppercase;
  text-decoration: none;
}
.navigation-links{
  position: absolute;
  width:100%;
  height:100vh;
  left:-1000px;
  top:0;
  z-index:2;
  transition: left 0.3s ease-in;
  background:#292929;
  color:#ffffff;
  list-style: none;
  padding-top: 90px;
  
}
.navigation-links li{
  padding: 12px 10px;
  border-bottom:1px solid rgb(0 160 227 / 37%);
  margin-right: 60px;
  text-transform: uppercase;
}
.navigation-links a{
  color: #ffffff;
  text-decoration:none;  
  font-family:'HelveticaNowDisplay-Regular'; letter-spacing: 1px; word-spacing: 1px; font-weight: normal; font-size: 15px;
}
.navigation-links li.social-account-link{border-bottom: none; margin-top: 30px;}
.navigation-links li.social-account-link span{margin-right: 15px;}

#hamburger{
  visibility:hidden;
}
.navigation-button{
  position:relative;
  display: inline-block;
  width: 35px;
  height:35px;
  background:transparent;
  border:1px solid #00a0e3;
  cursor:pointer;
  z-index: 9;
}
.navigation-button span{
  position:absolute;
  left: 5px;
  display:inline-block;
  width:23px;
  height:1px;
  background-color: #00a0e3;
  transform-origin:center;
  transition: opacity 0.2s linear, all 0.3s linear;
}
.navigation-button span:nth-of-type(1){
  top: 9px;
}
.navigation-button span:nth-of-type(2){
  top: 16px;
}
.navigation-button span:nth-of-type(3){
  top: 23px;
}


/* Here comes the magic */

#hamburger:checked ~ .navigation-links{
  /* Or it can be "input[type="checkbox"] ~ .navigation__links" */
  left:0;
}

/* Styles for our "close" button */
#hamburger:checked ~ .navigation-button span:nth-of-type(1){
  transform: rotate(45deg);
  top: 15px;
}
#hamburger:checked ~ .navigation-button span:nth-of-type(2){
  opacity:0;
}
#hamburger:checked ~ .navigation-button span:nth-of-type(3){
  transform: rotate(-45deg);
  top: 15px;
}
     
   }

   @media(max-width:680px){
  
     section.banner-slider .carousel-item img{height: 60vh}
     .banner-slider .carousel-dark .carousel-caption{bottom: 25%;}
     .about-right-side{padding: 0 90px;}
     .gear-image1{width: 150px; height: 150px; left: 22px;}
     .gear-image2{width: 150px; height: 150px; right: 22px;}
     .banner-slider .col-md-6.p-0.pe-5{padding-top: 0px !important;}
   }

   

   @media(max-width:480px){
   	.banner-slider .carousel-dark .carousel-caption h3,.banner-slider .carousel-dark .carousel-caption h3, .banner-content h3{font-size: 25px;}
    .banner-slider .carousel-dark .carousel-caption{bottom: 11%;}
    .carousel-control-next{right: 4px;}
    .carousel-control-prev{left: 4px;}
    .about-side-img img{height: initial;}
    .inner-heading h1, .service-title h3, .faq-title h3,.faq-title h4,.service-side-content h3, .offerring-service h3{font-size: 24px;}
    .vision-box h3{font-size: 21px; margin-bottom: 18px;}
    .service-grid .grid-container{grid-template-columns: auto;}
     .faq-content .accordion-button{padding: 13px 15px;}
     .about-side-img img{padding: 0 25px 48px 20px;}
     .box-squares.squares1{right: 0;}
     .box-squares.squares2{left: 5px;}
     .gear-setting{left: -25%;}
     section.banner-slider .carousel-item img{height: 40vh;}
     .chat-video{width: 60%;}
     #about-banner .carousel-item img{height: 30vh;}
     .gear-image1{width: 115px; height: 115px; left: 22px;}
     .gear-image2{width: 115px; height: 115px; right: 22px;}
     .about-right-side {padding: 0 25px;}
     .contact-form form input[type="text"], .contact-form form input[type="email"]{font-size: 14px; }
     .contact-page-sec .row.mt-5{margin-top: 1rem!important;}
     .navigation-logo .top-logo img{width: 190px;}
       .service-side-content h4{font-size: 18px; margin-top: 20px; line-height: 1.5em;}
       .banner-content p{font-size: 16px;}
       .banner-img.pt-5{padding-top: 0rem !important;}
       section.banner-slider#home-page .carousel-item img {height: inherit; max-height: 300px; overflow: hidden; min-height: 300px;}
     #home-page .banner-content { padding: 0; text-align: center; min-height: 240px; }
   }
   
   @media(max-width:420px){
   .banner-slider .carousel-dark .carousel-caption{padding: 15px 18px;}
   .inner-heading h1, .service-title h3, .faq-title h3, .faq-title h4,.service-grid .grid-content h3,.service-side-content h3, .offerring-service h3{font-size: 23px;}
   .navigation-links .dropdown .dropdown-menu li a{font-size: 13.5px;}
    
   }

   @media(max-width:390px){
    section.banner-slider .carousel-item img{height: 40vh;}
    /*section.banner-slider#home-page .carousel-item img{height: inherit; width: 100%;}*/

     }

     @media(max-width:360px){
    .about-page-side-img img{height: 240px;}

     }