@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Serif+JP:wght@200..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://cdn-uicons.flaticon.com/2.3.0/uicons-solid-straight/css/uicons-solid-straight.css');
@import url('https://cdn-uicons.flaticon.com/2.3.0/uicons-regular-rounded/css/uicons-regular-rounded.css');
@import url('https://cdn-uicons.flaticon.com/2.3.0/uicons-brands/css/uicons-brands.css');
@import url('https://cdn-uicons.flaticon.com/2.4.0/uicons-regular-straight/css/uicons-regular-straight.css');
@import url('https://cdn-uicons.flaticon.com/2.3.0/uicons-thin-rounded/css/uicons-thin-rounded.css');
body {
    margin: 0;
    padding: 0;
    font-size: 14px;
 font-family: "Barlow", sans-serif;
    background: #fff;
    user-select: none;
}
h1,h2,h3{
    font-family: "Noto Serif", serif;
}
h4,h5,h6{
  font-family: "Titillium Web", sans-serif;
}
p {
    margin-bottom: 0px;
}
html {
    scroll-behavior: smooth;
}
.owl-theme .owl-dots {
    display: none;
}
.owl-theme .owl-nav {
    display: block !important;
}
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #666;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ccc;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #ccc;
}

.btn:focus {
    box-shadow: none !important;
    border: none !important;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.btn-close:focus {
    box-shadow: none;
}
.btn:hover {
    color: #fff !important;
}
.accordion-button:focus {
    box-shadow: none;
}
a {
    color: #000;
    text-decoration: none;
}
ul,
ol {
    padding-left: 0px;
    list-style-type: none;
}
a:hover {
    color: initial;
}
input:focus,
select:focus,
textarea:focus {
    box-shadow: none !important;
}
.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
/*.full-width {
  width: 100% !important;
}*/
.container{
    max-width: 93%;
}
.web-view {
    display: block;
}
.mobile-view {
    display: none;
}
.vertical-space-2 {
    height: 10px;
}
.vertical-space-5 {
    display: inline-block;
    width: 100%;
    height: 5px;
}

.vertical-space-8 {
    display: inline-block;
    width: 100%;
    height: 8px;
}

.vertical-space-10 {
    display: inline-block;
    width: 100%;
    height: 10px;
}

.vertical-space-12 {
    display: inline-block;
    width: 100%;
    height: 12px;
}

.vertical-space-15 {
    display: inline-block;
    width: 100%;
    height: 15px;
}

.vertical-space-20 {
    display: inline-block;
    width: 100%;
    height: 20px;
}

.vertical-space-30 {
    display: inline-block;
    width: 100%;
    height: 30px;
}

.vertical-space-40 {
    display: inline-block;
    width: 100%;
    height: 40px;
}

.vertical-space-50 {
    display: inline-block;
    width: 100%;
    height: 50px;
}

.vertical-space-60 {
    display: inline-block;
    width: 100%;
    height: 60px;
}
.vertical-space-65 {
    display: inline-block;
    width: 100%;
    height: 65px;
}
.vertical-space-70 {
    display: inline-block;
    width: 100%;
    height: 70px;
}

.vertical-space-80 {
    display: inline-block;
    width: 100%;
    height: 80px;
}

.vertical-space-90 {
    display: inline-block;
    width: 100%;
    height: 90px;
}

.vertical-space-100 {
    display: inline-block;
    width: 100%;
    height: 100px;
}
.vertical-space-120 {
    display: inline-block;
    width: 100%;
    height: 120px;
}
.vertical-space-150 {
    display: inline-block;
    width: 100%;
    height: 150px;
}
.common{
    color: #00AEEF;
}

.fixed{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1200;
    transition: 0.5s all;
    padding:  0px;
    background: #fff !important;
    animation: swip_down .5s linear 1;
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

.fixed .navbar-brand img{
    width: 194px !important;
}



/* .banner{
    position: relative;
}
.banner-section .banner-img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    position: relative;
}
.banner-carousel .banner-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(26, 26, 26);
    opacity: 0;
}
.banner-section .banner-img-1{
    background-image: url(../images/banner/banner-1.webp);
}
.banner-section .banner-img-2{
    background-image: url(../images/banner/banner-2.webp);
}
.banner-section .banner-img-3{
    background-image: url(../images/banner/banner-3.webp);
}
.banner-section .banner-img-4{
    background-image: url(../images/banner/banner-4.webp);
}
.banner-section .banner-img-5{
    background-image: url(../images/banner/banner-5.webp);
}
.banner-menu{
      position: absolute;
    width: 70px;
    height: 100vh;
    background: #000000bd;
    z-index: 20;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0,0,0);
}
.banner-menu .menu-list{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    list-style-type: none ;
    width: 100%;
    height: 100vh;
}

.banner-menu .menu-list li{
    margin: 20px 0px;
}

.banner-menu .menu-list .logo img{
    width:40px;
}
.banner-menu .menu-list .sandwich-btn a{
    font-size: 25px;
    color: #fff;
}
.banner-menu .menu-list .share-btn a{
    font-size: 20px;
    color: #fff;
}
.social-menu{
     position: absolute;
    width: 70px;
    height: 100vh;
    background: #000000bd;
    border-left: 1px solid rgba(255,255,255,0.21);
    z-index: 120;
    top: 0;
    right: 0;
    -webkit-transform: translate3d(0,0,0);
}
.social-menu .menu-list{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    list-style-type: none ;
    width: 100%;
    height: 100vh;
}

.social-menu .menu-list div{
    margin: 20px 0px;
}
.social-menu .menu-list .search-icon{
    position: relative;
}
.social-menu .menu-list .search-icon:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 50px;
    bottom: -20px;
    background: rgba(255,255,255,0.21);
}
.social-menu .menu-list .search-icon a{
    font-size: 18px;
    color: #fff;
}
.social-menu .menu-list .mail-icon{
    position: relative;
}
.social-menu .menu-list .mail-icon:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 50px;
    top: -20px;
    background: rgba(255,255,255,0.21);
}
.social-menu .menu-list .mail-icon a{
    font-size: 18px;
    color: #fff;
}


.social-menu .social-icons ul{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    padding-top: 0px;
}
.social-menu .social-icons ul li{
     width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #22B8F1;
    background: #22B8F1;
    border-radius: 50%;
    margin-bottom: 10px;
    text-align: center;
}
.social-menu .social-icons li a i{
    color: #fff;
    font-size: 14px;

}
.social-menu .social-icons li a i:hover{
    color: #fff;
    border-color: #fff;
}

.banner .banner-carousel .owl-nav{
    display: block !important;
}
.banner .banner-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 100px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color:#fff;
    background: #22B8F1;
    top: 50%;
    transform: translateY(-50%);
    outline: none;
}
.banner .banner-carousel .owl-nav button.owl-next{
    position: absolute;
    right: 100px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color:#fff;
    background: #22B8F1;
    top: 50%;
    transform: translateY(-50%);
    outline: none;
}
.banner .banner-carousel .owl-nav button.owl-prev:hover , .banner .banner-carousel .owl-nav button.owl-next:hover{
   color: #fff;
   background: #22B8F1;
}

.banner .banner-content{
    position: absolute;
    top: 50%;
    left: 120px;
    width: 100%;
    transform: translateY(-50%);
    z-index: 3;
}
.banner .banner-content .border-left{
 
position: relative;
z-index: 4;
}
.banner .banner-content .banner-subtitle{
    font-size: 15px;
    font-weight: 400;
    color: #000;
    background: #fff;
    padding: 12px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    line-height: 1.25em;
    display: inline-block;
    border-radius: 30px;
}
.banner .banner-content .banner-title{
    position: relative;
    margin-bottom: 25px;
    font-size: 40px;
    font-weight: 800;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    text-transform: capitalize;
    position: relative;
     text-shadow: 0px 4px 3px rgba(0,0,0,0.1),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

.banner .banner-content .banner-text{
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 20px;
}
.banner .banner-content .banner-btn{
    background: #22B8F1;
    border: 1px solid  #22B8F1 !important;
    padding: 10px 40px;
    font-size: 14px;
    color: #fff !important;
    outline: none;
    border-radius: 5px;
    position: relative;
}
.banner .banner-content .banner-btn span{
    position: relative;
    z-index: 1;
}


.banner-img img.shape {
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  left: 0;
  opacity: 0.7;
}
  .banner .banner-carousel .owl-item.active .banner-shape-area .shape-1 {
  top: 0;
  left: 0;
  animation: slideInLeft 0.8s linear;
}
  .banner .banner-carousel .owl-item.active .banner-shape-area .shape-2 {
  top: 0;
  left: 0;
  animation: slideInLeft 1s linear;
}
  .banner .banner-carousel .owl-item.active .banner-shape-area .shape-3 {
  top: 0;
  left: 0;
  animation: slideInLeft 1s linear;
}
  .banner .banner-carousel .owl-item.active .banner-shape-area .shape-4 {
  top: 0;
  left: 0;
  animation: slideInLeft 1.2s linear;
}

  .banner .banner-carousel .owl-item.active .banner-btn {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.2s;
  }
  .banner .banner-carousel .owl-item.active .banner-text {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
  }
  .banner .banner-carousel .owl-item.active .banner-title {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.4s;
  }
  .banner .banner-carousel .owl-item.active .banner-title {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.4s;
  }
  .banner .banner-carousel .owl-dots {
    display: block;
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;
}
.banner .banner-carousel .owl-dots .owl-dot span {
    width: 7px;
    height:7px;
    margin: 5px 4px;
    background:transparent;
    border: 1px solid #fff;
    display: block;
    transition: opacity 0.2s ease;
    border-radius: 50%;
    position: relative;
}
.banner .banner-carousel .owl-dots .owl-dot.active span{
   border-color: #fff;
   background: #fff;
    outline: 1px solid #fff;
    outline-offset: 2px;
}
   .menu-offcanvas{
    background: #000000;
    width: 100%;
    height: 100vh !important;
    z-index: 9999;
 }
.menu-offcanvas .btn-close-white{
    opacity: 1;
}
 .menu-offcanvas .logo-offcanvas img{
    width: 250px;
    margin-left: 50px;
 }
 .menu-offcanvas .menu-address{
    padding: 0px 70px;
    border-left: 1px solid #ffffff2c;
    margin-left: 30px;
 }
  .menu-offcanvas   .menu-title{
    position: relative;
    margin-bottom: 25px;
    font-size: 26px;
    font-weight: 400;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    text-transform: capitalize;
    position: relative;
     font-family: "Noto Serif", serif;
}

 .menu-offcanvas   .menu-text{
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 20px;
}

 .menu-offcanvas   .menu-text a{
    color: #fff;
    font-size: 18px;
 }
  .menu-offcanvas   .menu-text b{
    font-weight: 600;
  }

 #counter{
    position: absolute;
    top: 50px;
    right: 100px;
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    z-index: 15;
    font-weight: 200;
    background: rgba(255,255,255,0.21);
    border-radius: 4px;
}


.content-detail{
    padding: 30px 0px;
}
.content-detail .img-box{
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
}
.content-detail .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content-detail .content-title{
    color: #09c;
    font-size: 20px;
    font-weight: 700;
    z-index: 1;
    margin-bottom: 10px;
}
.content-detail .content-text{
    color: #6e7878;
    font-size: 16px;
    font-weight: 400;
    z-index: 1;
}
.content-detail .content-padd{
    padding: 30px ;
} */


.top-header {
    background: #00AEEF;
    padding: 5px 0px;
}
.top-header .top-header-left .top-header-list{
    display: flex;
    margin-bottom: 0px;
}
.top-header .top-header-left .top-header-list li{
    margin-right: 25px;
}
.top-header .top-header-left .top-header-list .list-item{
    font-size: 15px;
    color: #fff;
}
.top-header .top-header-left .top-header-list .list-item i{
    margin-right: 8px;
    font-size: 16px;
}
.top-header .social-icon ul{
    display:flex ;
    justify-content: end;
    margin-bottom: 0px;
}
.top-header .social-icon ul li {
   margin-left: 18px;
}
.top-header .social-icon ul li a{
    font-size: 16px;
    color: #fff;
}
.top-header .social-icon .nav-item.dropdown .dropdown-toggle::after{
    border: none;
}
.top-header .social-icon .dropdown-submenu  a.dropdown-toggle:after{
    border: none;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 14px;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
}
.top-header .social-icon .nav-item  .dropdown-menu{
   border: none;
    border-radius: 0px;
    background: #fff;
    padding: 0px;
    box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);
    outline: none;
    right: 0px;
}
.dropdown-menu[data-bs-popper]{
    margin-top: 0px !important;
}
.top-header .social-icon .dropdown .dropdown-menu .dropdown-item{
    color: #666;
    font-weight: 400;
    font-size: 16px;
    padding: 10px 10px;
}
.top-header .social-icon .dropdown-submenu  a.dropdown-toggle:hover:after{
    color: #fff;
 }
.top-header .social-icon .dropdown .dropdown-menu .dropdown-item:hover , .top-header .social-icon .dropdown .dropdown-submenu li:hover{
    background: #00AEEF;
    color: #fff;
}
.top-header .social-icon .nav-item:hover > div.dropdown-menu{
    display: block;
}
.banner{
    background: url(../images/banner-1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:top center;
    width: 100%;
    height: 95vh;
}

.headers .navbar{ 
    position: relative;
    z-index: 1020;
    padding:0px;
    background: #fff;
    font-family: "Barlow", sans-serif;
}

.headers .navbar .navbar-brand img{
    width: 200px;
}
.headers  .navbar .nav-item{
    padding-left: 40px;
}
.headers .navbar .nav-link{
    font-size: 17px;
    font-weight: 500;
    color: #212529;
    padding:25px 0px !important;
    padding-right: 0px !important;
    -webkit-transition: all .4s;
    transition: all .4s;
    position: relative;
}
.headers .navbar .nav-link::before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 20px;
    width: 0px;
    height: 14px;
    transition: 0.6s all;
    border-radius: 0px;
    background: url(../images/fav.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.headers  .navbar .nav-item.dropdown .dropdown-toggle::after{
    border: none;
}
.headers  .navbar .nav-item  .dropdown-menu{
   border: none;
    border-top-width: 2px;
    border-radius: 0px;
    background: #fff;
    padding: 0px;
    box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);
    outline: none;
}
.dropdown-menu[data-bs-popper]{
    margin-top: 0px !important;
}
.headers  .navbar .dropdown .dropdown-menu .dropdown-item{
    color: #666;
    font-weight: 400;
    font-size: 16px;
    padding: 10px 20px;
}
.headers .navbar .dropdown-submenu  a.dropdown-toggle:hover:after{
    color: #fff;
 }
.headers  .navbar .dropdown .dropdown-menu .dropdown-item:hover , .headers  .navbar .dropdown .dropdown-submenu li:hover{
    background: #00AEEF;
    color: #fff;
}
 .headers .navbar li:hover > ul.dropdown-menu{
    display: block;
}
 .headers .navbar .dropdown-submenu {
    position:relative;
    
}
 .headers .navbar .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    animation: swip_up .5s linear 1;
}

/* rotate caret on hover */
 .headers .navbar .dropdown-submenu  a.dropdown-toggle:after{
    border: none;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 14px;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #4D4D4D;
}
 .headers .navbar .dropdown-submenu > li:hover > .dropdown-menu{
    display: block;
    animation: swip_left .5s linear 1;
} 

 .headers .navbar .dropdown .dropdown-menu li:last-child{
    border-bottom: none;
}
@keyframes swip_up {
    from {
        transform: translate(0px, 100px);
        opacity: 0
    }

    to {
        transform: translate(0,0);
        opacity: 1
    }
}
 .headers .navbar .container{
    border-bottom: 1px solid #00000017;
   
}

.headers .navbar .nav-link.active::before{
    width:20px;
}
 .headers .navbar .nav-link.active , .headers  .navbar .nav-link:hover , .headers  .navbar .nav-link:focus{
  color: #00AEEF;
}
.headers  .navbar .header-btn{
    background: transparent !important;
    padding:14px 30px;
    border-radius: 40px;
    color: #00AEEF !important;
    font-size: 14px;
    font-weight: 500;
    line-height: initial;
    box-shadow: none;
    outline: none;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border: 2px solid #00AEEF !important;
}
.headers  .navbar .header-btn span{
    z-index: 2;
    position: relative;
}
.headers .navbar .header-btn span i{
    font-size: 12px;
    margin-left: 6px;
}
.headers  .navbar .header-btn:after{
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0;
  width: 0px;
  height: 100%;
  background: #00AEEF;
  transition: 0.6s all;
  border-radius: 40px;
}

.headers  .navbar .header-btn:hover:after{
    width: 100%;
    z-index: 1;   
    left: 0;
    top: 0; 
    bottom: 0;

}
.headers .navbar .header-btn:hover span{
    color: #fff;
}
.headers .headers-content{
    padding: 60px 0px;
}
.headers .headers-content .headers-text{
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    color: #666;
    margin-bottom: 15px;
    text-transform: uppercase   ;
    font-family: "Khula", sans-serif;
    letter-spacing: 2px;
}
.headers .headers-content .headers-title{
    font-size: 50px;
    font-family: "Marcellus", serif;
    text-align: center;
    color: #000;
}
.headers .headers-content .headers-title span{
    margin-left: 15px;
    color: #000;
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
}
.banner-section{
    position: relative;
}
.banner-section .banner-img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    position: relative;
}
.banner-carousel .banner-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(26, 26, 26);
    opacity: 0.2;
}
.banner-section .banner-img-1{
    background-image: url(../images/banner/banner-3.webp);
}
.banner-section .banner-img-2{
    background-image: url(../images/banner/banner-4.webp);
}
.banner-section .banner-img-3{
    background-image: url(../images/banner/banner-5.webp);
}
.banner-section .banner-img-4{
    background-image: url(../images/banner/banner-1.webp);
}
.banner-section .banner-img-5{
    background-image: url(../images/banner/banner-2.webp);
}

.banner-section .banner-carousel .owl-nav{
    display: block !important;
}
.banner-section .banner-carousel .owl-nav button.owl-prev {
    position: absolute;
    right: 70px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color:#fff;
    background: #22B8F1;
    bottom: 25%;
    transform: translateY(-50%);
    outline: none;
}
.banner-section .banner-carousel .owl-nav button.owl-next{
    position: absolute;
    right: 20px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color:#fff;
    background: #22B8F1;
    bottom: 25%;
    transform: translateY(-50%);
    outline: none;
}
.banner-section .banner-carousel .owl-nav button.owl-prev:hover , .banner-section .banner-carousel .owl-nav button.owl-next:hover{
   color: #fff;
   background: #22B8F1;
}

.banner-section .banner-content{
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    transform: translateY(-50%);
    z-index: 3;
}
.banner-section .banner-content .border-left{
 
position: relative;
z-index: 4;
}
.banner-section .banner-content .banner-subtitle{
    font-size: 15px;
    font-weight: 400;
    color: #000;
    background: #fff;
    padding: 12px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    line-height: 1.25em;
    display: inline-block;
    border-radius: 30px;
}
.banner-section .banner-content .banner-title{
    position: relative;
    margin-bottom: 25px;
    font-size: 40px;
    font-weight: 800;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    text-transform: capitalize;
    position: relative;
     text-shadow: 0px 4px 3px rgba(0,0,0,0.1),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

.banner-section .banner-content .banner-text{
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 20px;
}
.banner-section .banner-content .banner-btn{
    background: #22B8F1;
    border: 1px solid  #22B8F1 !important;
    padding: 10px 40px;
    font-size: 16px;
    color: #fff !important;
    outline: none;
    border-radius: 5px;
    position: relative;
}
.banner-section .banner-content .banner-btn span{
    position: relative;
    z-index: 1;
}

.banner-img img.shape {
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  left: 0;
  opacity: 0.7;
}
.banner-section .banner-carousel .owl-item.active .banner-shape-area .shape-1 {
  top: 0;
  left: 0;
  animation: slideInLeft 0.8s linear;
}
  .banner-section .banner-carousel .owl-item.active .banner-shape-area .shape-2 {
  top: 0;
  left: 0;
  animation: slideInLeft 1s linear;
}
 .banner-section .banner-carousel .owl-item.active .banner-shape-area .shape-3 {
  top: 0;
  left: 0;
  animation: slideInLeft 1s linear;
}
.banner-section .banner-carousel .owl-item.active .banner-shape-area .shape-4 {
  top: 0;
  left: 0;
  animation: slideInLeft 1.2s linear;
}

  .banner-section .banner-carousel .owl-item.active .banner-btn {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.2s;
  }
  .banner-section .banner-carousel .owl-item.active .banner-text {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
  }
 .banner-section .banner-carousel .owl-item.active .banner-title {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.4s;
  }
 .banner-section .banner-carousel .owl-item.active .banner-title {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.4s;
  }
  .banner-section .banner-carousel .owl-dots {
    display: block;
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;
}
.banner-section .banner-carousel .owl-dots .owl-dot span {
    width: 7px;
    height:7px;
    margin: 5px 4px;
    background:transparent;
    border: 1px solid #fff;
    display: block;
    transition: opacity 0.2s ease;
    border-radius: 50%;
    position: relative;
}
.banner-section .banner-carousel .owl-dots .owl-dot.active span{
   border-color: #fff;
   background: #fff;
    outline: 1px solid #fff;
    outline-offset: 2px;
}

.about-section{
    padding: 60px 0px;
}
.about-section .about-content{
    padding-right: 50px;
}
.about-section .about-desc{
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.about-section .about-desc img{
    width: 25px;
    margin-right: 10px;
}
.about-section .about-title{
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 20px;
}
.about-section .about-text{
    font-size: 17px;
    color: #212529;
    margin-bottom: 10px;
    line-height: 30px;
    text-align: justify;
}
.about-section  .profile-img{
    width: 100%;
    height: 550px;
    padding-left: 30px;
    position: relative;
}
.about-section  .profile-img:after{
  content: "";
    position: absolute;
    height: 150px;
    width: 15px;
    background: #00AEEF;
    z-index:1;
    right: -10px;
    top: 0;
    border-radius: 0px;
    animation: jumpReverseAni 7s linear infinite;
}

@keyframes jumpReverseAni {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes jump {
  0% {
   margin-top: 0px;
  }
  50% {
  margin-top: 30px;
  }
  100% {
    margin-top: 0px;
  }
}

.about-section  .profile-img .profile-img-bg{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 40%;
}
.about-section  .logo-box{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #fff;
    line-height: 100px;
    text-align: center;
    position: absolute;
    top: 50%;
    box-shadow: 0 7px 14px 0.36px rgba(0, 0, 0, .04)    ;
    transform: translateY(-50%);
    outline: 1px solid #fff;
    outline-offset: 10px;
    left: -40px;
    padding:10px 15px;
}
.about-section  .logo-box img{
    width: 100%;
    height: 100%;
    object-fit: contain !important;
}

.about-section .about-list li{
    font-size: 17px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}
.about-section .about-list li i{
    color: #2c6dff;
    margin-right: 10px;
}
.about-section .experince .icon{
    width: 70px;
    height: 70px;
    line-height: 60px;
    border-radius: 0px;
    background: #F2F2F2;
    text-align: center;
}
.about-section .experince .icon:hover{
    background: #00AEEF;
}
.about-section .experince .icon:hover img{
    filter: brightness(0) invert(1);
}
.about-section .experince .icon img{
    width: 38px;
}
.about-section .exp-title{
    position: relative;
    margin-bottom: 5px;
    font-size: 100px;
    font-weight: 600;
    color: #000;
    text-align: center;
    text-transform: capitalize;
}
.about-section .exp-title::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    border: 10px solid #f4f6f9;
    opacity: 0.8;
    top: 50%;
    z-index: -1;
    left: 50%;
    transform: translate(-50% , -50%);
}
.about-section .exp-text{
    font-size: 18px;
    line-height: 28px;
    color: #212529;
    font-weight: 400;
}
.about-section .experince .title{
    position: relative;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 700;
    color: #121212;
    text-transform: capitalize;
}
.about-section .experince .text{
    font-size: 17px;
    line-height: 26px;
    color: #212529;
    font-weight: 400;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
}

.content-box {
    clip-path: polygon(43px 0px, 100% 0px, 100% calc(100% - 81px), calc(100% - 67px) 100%, 0px 100%, 0px 52px);
    border-bottom: 5px solid rgb(0, 174, 239);
    background: url("../images/about-small.png");
    padding: 40px 20px 40px 40px;
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
}
.content-box .icon{
  margin-bottom: 30px;
}
.content-box .icon img{
    width: 50px;
}
.content-box .vertical-text{
    font-size: 25px;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 1px #000000;
    transform: rotate(-90deg) translate(-100%, 0);
    display: inline-block;
    transform-origin: left top;
    opacity: 0.25;
    position: absolute;
    top: 0px;
    left: 10px;
}

.content-box .exp-year h1{
    font-size: 100px;
    font-weight: 800;
    color: #00AEEF;
    line-height: 50px;
    margin-bottom: 30px;
}
.content-box .text{
     font-size: 18px;
    line-height: 26px;
    color: #000;
    font-weight: 400;
}
.content-box .helmet-img{
    width: 150px;
    max-width: 100%;
    margin-left: 15px;
}
.content-box  .link-btn   {
     font-size: 22px;
    line-height: 26px;
    color: #000;
    font-weight: 500;
}
.content-box  .link-btn:hover{
    color: #00AEEF;
}



.why-choose-us{
    padding: 50px 0px;
    background-image: url(../images/infrastructure-2.webp);
background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}
.why-choose-us::after{
     position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.9);
    z-index: -1;
}
.why-choose-us .choose-desc{
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
.why-choose-us .choose-desc img{
    width: 25px;
    margin-right: 10px;
}
.why-choose-us .choose-content{
    padding-left: 30px;
}
.why-choose-us .choose-title{
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
     color: #fff;
}
.why-choose-us .choose-subtitle{
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 20px;
     color: #fff;
     text-decoration: underline;
}
.why-choose-us .choose-text{
    font-size: 17px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 30px;
    text-align: justify;
}
.why-choose-us .img-box{
    width: 100%;
    height: 350px;
    border: 5px solid #00AEEF;
}
.why-choose-us .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 20%;
}

.video-container-box {
  width: 100%;
  max-width: 100%;
  height: 350px; /* Fixed height */
  overflow: hidden;
  position: relative;
}

.video-container-box iframe {
position: absolute;
  top: 50%;
  left: 50%;
  width:100vw;        /* Set the width larger than the container */
  height: 50vh;       /* Set the height larger than the container */
  transform: translate(-50%, -50%) ; /* Center and scale the video */
  min-width: 100%;
  min-height: 100%;
  border: 0;;
}


.service-video-box {
  width: 100%;
  max-width: 100%;
  height: 320px; /* Fixed height */
  overflow: hidden;
  position: relative;
}

.service-video-box  iframe {
position: absolute;
  top: 50%;
  left: 50%;
  width:100vw;        /* Set the width larger than the container */
  height: 50vh;       /* Set the height larger than the container */
  transform: translate(-50%, -50%) ; /* Center and scale the video */
  min-width: 100%;
  min-height: 100%;
  border: 0;;
}
 
.sidebar-page-container .sidebar-side{
	position: relative;
	margin-bottom: 30px;
}

.sidebar .services-widget ul{
	position: relative;
	display: block;
}

.sidebar .services-widget ul li{
	position: relative;
	display: block;
	margin-bottom: 18px;
}

.sidebar .services-widget ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
    z-index: 1;
	border-left: 3px solid #00AEEF !important;
	background: #00AEEF !important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.sidebar .services-widget ul li:hover:before,
.sidebar .services-widget ul li.active:before{
	width: 100%;
    background: #00AEEF;
}

.sidebar .services-widget ul li a{
	position: relative;
	display: block;
	background: #fff;
	padding: 15px 20px;
	padding-right: 50px;
	line-height: 30px;
	color: #222222;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	z-index: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
    filter: drop-shadow(0px 8px 25px rgba(21, 22, 28, 0.02));
}

.sidebar .services-widget ul li a:before{
	content: "\f061";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	right: 0px;
	top: 0px;
	line-height: 30px;
	padding: 12px 5px;
	width: 50px;
	text-align: center;
	border-left: 1px solid rgba(0,0,0,0.07);
	font-size: 14px;
	font-weight: 700;
}

.sidebar .services-widget ul li:hover a,
.sidebar .services-widget ul li.active a,
.sidebar .services-widget ul li:hover .icon,
.sidebar .services-widget ul li.active .icon{
	color: #ffffff;
}

.sidebar .services-widget ul li:hover a:before,
.sidebar .services-widget ul li.active a:before{
	color: #ffffff;
	border-color: rgba(255,255,255,0.20);
	-webkit-transition: all 300ms ease 200ms;
	-moz-transition: all 300ms ease 200ms;
	-ms-transition: all 300ms ease 200ms;
	-o-transition: all 300ms ease 200ms;
	transition: all 300ms ease 200ms;
}


.timeline {
  position: relative;
  width: 100%;
  padding: 60px 0 0px;
}
.timeline .timeline-desc{
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
.timeline .timeline-desc img{
    width: 25px;
    margin-right: 10px;
}
.timeline .timeline-title{
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 20px;
     text-align: center;
}
.timeline .timeline-container {
  position: relative;
  width: 100%;
}

.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.timeline .timeline-end p,
.timeline .timeline-start p,
.timeline .timeline-year p {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 0;
  padding: 30px 0;
  text-align: center;
  background: linear-gradient(rgb(142 216 248), rgb(15 178 240));
  border-radius: 100px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
}

.timeline .timeline-year {
  margin: 30px 0;
}

.timeline .timeline-continue {
  position: relative;
  width: 100%;
  padding: 60px 0;
}

.timeline .timeline-continue::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #ddd;
}

.timeline .row.timeline-left,
.timeline .row.timeline-right .timeline-date {
  text-align: right;
}

.timeline .row.timeline-right,
.timeline .row.timeline-left .timeline-date {
  text-align: left;
}

.timeline .timeline-date {
  font-size: 14px;
  font-weight: 600;
  margin: 41px 0 0 0;
  position: relative;
}

.timeline .timeline-date::after {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 3px;
  background: linear-gradient(rgb(142 216 248), rgb(15 178 240));

  border-radius: 15px;
  z-index: 1;
}

.timeline .row.timeline-left .timeline-date::after {
  left: -19px;
}

.timeline .row.timeline-right .timeline-date::after {
  right: -19px;
}

.timeline .timeline-box,
.timeline .timeline-launch {
  position: relative;
  display: inline-block;
  margin: 15px;
  padding: 20px;
  border: 1px solid #dddddd;
  border-radius: 6px;
  background: #ffffff;
}

.timeline .timeline-launch {
  width: 100%;
  margin: 15px 0;
  padding: 0;
  border: none;
  text-align: center;
  background: transparent;
}

.timeline .timeline-box::after,
.timeline .timeline-box::before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline .row.timeline-left .timeline-box::after,
.timeline .row.timeline-left .timeline-box::before {
  left: 100%;
}

.timeline .row.timeline-right .timeline-box::after,
.timeline .row.timeline-right .timeline-box::before {
  right: 100%;
}

.timeline .timeline-launch .timeline-box::after,
.timeline .timeline-launch .timeline-box::before {
  left: 50%;
  margin-left: -10px;
}

.timeline .timeline-box::after {
  top: 26px;
  border-color: transparent transparent transparent #ffffff;
  border-width: 10px;
}

.timeline .timeline-box::before {
  top: 25px;
  border-color: transparent transparent transparent #dddddd;
  border-width: 11px;
}

.timeline .row.timeline-right .timeline-box::after {
  border-color: transparent #ffffff transparent transparent;
}

.timeline .row.timeline-right .timeline-box::before {
  border-color: transparent #dddddd transparent transparent;
}

.timeline .timeline-launch .timeline-box::after {
  top: -20px;
  border-color: transparent transparent #dddddd transparent;
}

.timeline .timeline-launch .timeline-box::before {
  top: -19px;
  border-color: transparent transparent #ffffff transparent;
  border-width: 10px;
  z-index: 1;
}

.timeline .timeline-box .timeline-icon {
  position: relative;
  width: 40px;
  height: auto;
  float: left;
}

.timeline .timeline-icon i {
  font-size: 25px;
  color: #00AEEF;
}

.timeline .timeline-box .timeline-text {
  position: relative;
  width: calc(100% - 40px);
  float: left;
}

.timeline .timeline-launch .timeline-text {
  width: 100%;
}

.timeline .timeline-text h3 {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 8px;
}

.timeline .timeline-text p {
  font-size: 17px;
  color: #212529;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 0; 
}

@media (max-width: 767px) {
  .timeline .timeline-continue::after {
    left: 40px;
  }

  .timeline .timeline-end,
  .timeline .timeline-start,
  .timeline .timeline-year,
  .timeline .row.timeline-left,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-right,
  .timeline .row.timeline-left .timeline-date,
  .timeline .timeline-launch {
    text-align: left;
  }

  .timeline .row.timeline-left .timeline-date::after,
  .timeline .row.timeline-right .timeline-date::after {
    left: 47px;
  }

  .timeline .timeline-box,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-left .timeline-date {
    margin-left: 55px;
  }

  .timeline .timeline-launch .timeline-box {
    margin-left: 0;
  }

  .timeline .row.timeline-left .timeline-box::after {
    left: -20px;
    border-color: transparent #ffffff transparent transparent;
  }

  .timeline .row.timeline-left .timeline-box::before {
    left: -22px;
    border-color: transparent #dddddd transparent transparent;
  }

  .timeline .timeline-launch .timeline-box::after,
  .timeline .timeline-launch .timeline-box::before {
    left: 30px;
    margin-left: 0;
  }
}

.history-text{
     font-size: 150px;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 1px #000000;
    transform: rotate(-90deg) translate(-100%, 0);
    display: inline-block;
    transform-origin: left top;
    opacity: 0.15;
    position: absolute;
    top: 60%;
    left: 0px;
}

.history-text1{
     font-size: 150px;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 1px #000000;
    transform: rotate(-90deg) translate(-100%, 0);
    display: inline-block;
    transform-origin: left top;
    opacity: 0.15;
    position: absolute;
    top: 10%;
    right: 0px;
}





.fancy {
 background-color: transparent;
 border: 2px solid #00AEEF;
 border-radius: 0;
 box-sizing: border-box;
 color: #fff;
 cursor: pointer;
 display: inline-block;
 font-weight: 700;
 letter-spacing: 0.05em;
 margin: 0;
 outline: none;
 overflow: visible;
 padding: 1.25em 2em;
 position: relative;
 text-align: center;
 text-decoration: none;
 text-transform: none;
 transition: all 0.3s ease-in-out;
 user-select: none;
 font-size: 13px;
}

.fancy::before {
 content: " ";
 width: 1.5625rem;
 height: 2px;
 background: #00AEEF;
 top: 50%;
 left: 1.5em;
 position: absolute;
 transform: translateY(-50%);
 transform-origin: center;
 transition: background 0.3s linear, width 0.3s linear;
}

.fancy .text {
 font-size: 1.125em;
 line-height: 1.33333em;
 padding-left: 2em;
 display: block;
 text-align: left;
 transition: all 0.3s ease-in-out;
 text-transform: uppercase;
 text-decoration: none;
 color: #00AEEF;
}

.fancy .top-key {
 height: 2px;
 width: 1.5625rem;
 top: -2px;
 left: 0.625rem;
 position: absolute;
 background: #e8e8e8;
 transition: width 0.5s ease-out, left 0.3s ease-out;
}

.fancy .bottom-key-1 {
 height: 2px;
 width: 1.5625rem;
 right: 1.875rem;
 bottom: -2px;
 position: absolute;
 background: #e8e8e8;
 transition: width 0.5s ease-out, right 0.3s ease-out;
}

.fancy .bottom-key-2 {
 height: 2px;
 width: 0.625rem;
 right: 0.625rem;
 bottom: -2px;
 position: absolute;
 background: #e8e8e8;
 transition: width 0.5s ease-out, right 0.3s ease-out;
}

.fancy:hover {
 color: white;
 background: #00AEEF;
}

.fancy:hover::before {
 width: 0.9375rem;
 background: white;
}

.fancy:hover .text {
 color: white;
 padding-left: 1.5em;
}

.fancy:hover .top-key {
 left: -2px;
 width: 0px;
}

.fancy:hover .bottom-key-1,
 .fancy:hover .bottom-key-2 {
 right: 0;
 width: 0;
}

.our-service{
    padding: 60px 0px;
      background-color: #F7F7F7;
    background-image: url(../images/why-bg3-1.png);
background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.our-service .service-desc{
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
.our-service .service-desc img{
    width: 25px;
    margin-right: 10px;
}
.our-service .service-title{
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 20px;
     text-align: center;
}
.our-service .service-text{
  font-size: 16px;
  line-height: 28px;
  color: #666d81;
  font-weight: 400;
  margin-bottom: 20px;
}
.our-service .service-card{
    position: relative;
}
.our-service .service-card .card-img{
    width: 100%;
    height: 340px;
    position: relative;
    z-index: 0;
}

.our-service .service-card .card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s all;
}
.our-service .service-card .card-title{
    position: relative;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    position: relative;
    background: #00AEEF;
}
.our-service .service-card .card-big-title{

  
    position: absolute;
    bottom: -20px;
    right: 20px;
    transition: 0.6s all;
    background: #00AEEF;
    padding: 5px;
}
.our-service .service-card .card-big-title .icon{
     background: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #00AEEF;
    display: inline-block;
    margin-left: 10px;
}
.our-service .service-card .card-big-title i{
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #00AEEF;
    display: block;
}
.our-service .service-card .card-big-title a{
  font-size: 18px;
    font-weight: 400;
    color: #fff;
  
    text-transform: capitalize;
}
.our-service .service-card .card-big-title a .text{
  margin-right: 40px;
  padding-left: 10px;
}
.our-service .service-card .card-text{
    font-size: 16px;
  line-height: 28px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px;
}
.our-service .service-card:hover .card-img-overlay{
    opacity: 1;
}
.our-service .service-card:hover .card-img:after{
    background: transparent;
}
.our-service .service-card .card-img-overlay{
        position: absolute;
        padding: 0 25px;
        top: 0;
        opacity: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        width: 100%;
        z-index: 1;
        text-align: center;
        transition: .5s ease-in-out;
        -webkit-transition: .5s ease-in-out;
}
 .our-service .service-card .card-content{
       background: #131d3bd1;
       padding: 20px;
}
.our-service .service-card .card-link a{
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #00AEEF;
    text-transform: capitalize;
    position: relative;
}
.our-service .service-card .card-link a::after{
    content: "\f061";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 14px;
    right: -25px;
}

.our-service .service-box{
    background: #fff;
    padding: 35px;
    position: relative;
    border: 2px solid transparent;
}
.our-service .service-box:hover{
    border-color: #00AEEF;
}
.our-service .service-box:hover .link-icon{
    background: #00AEEF !important;
}
.our-service .service-box:hover .link-icon a{
    color: #fff !important;
}
.our-service .service-box .service-box-content{
    padding-left: 50px;
}
.our-service .service-box .service-vert{
       font-size: 30px;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 1px #000000;
    transform: rotate(-90deg) translate(-50%, 0);
    display: inline-block;
    transform-origin: left top;
    opacity: 0.25;
    position: absolute;
    top: 50%;
    left: 20px;
}
.our-service .service-box .service-box-content .icon{
    position: relative;
    margin-bottom: 15px;
}
.our-service .service-box .service-box-content .icon:after {
    content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    width: 45px;
    height: 45px;
    background: #00afef2e;
    border-radius: 50%;
    z-index: 0;
}
.our-service .service-box .service-box-content .icon::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 70%;
    height: 0.1px;
    background: #15161C;
    opacity: 0.2;
    transform: translateY(-50%);
}
.our-service .service-box .service-box-content .icon img{
    width: 65px;
    position: relative;
    z-index: 1;
}
.our-service .service-box .service-box-content .box-title{
  font-size: 20px;
    font-weight: 700;
    font-family: "Noto Serif", serif;
    margin-bottom: 10px;
}
.our-service .service-box .service-box-content .box-text{
  font-size: 16px;
  line-height: 25px;
  color: #666d81;
  font-weight: 400;
  margin-bottom: 20px;
}
.our-service .service-box .service-box-content .link-icon{
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #eee;
    font-size: 18px;
    margin-bottom: -50px;
    margin-left: auto;
}
.our-service .service-box .service-box-content .link-icon a{
    color: #00AEEF;
}



.work-process{
    padding: 50px 0px;
 position: relative;
    z-index: 1;
    background: url(../images/video-bg.webp) center / cover no-repeat;

}
.work-process::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.9);
    z-index: -1;
}
.work-process .process-desc{
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.work-process .process-desc img{
    width: 25px;
    margin-right: 10px;
}
.work-process .process-title{
    font-size: 50px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 25px;
    text-align: center;
}

.why-choose-video .video-container{
  height: 350px;
  border: 4px solid #00AEEF;
}
.why-choose-video .video-container video{
    object-fit: cover;
    border-radius: 0px;
}
.video-container {
  width: 100%;
  border-radius: 4px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);

}
.video-container .video-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-container video {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.play-button-wrapper #circle-play-b {
  cursor: pointer;
  pointer-events: auto;
}
.play-button-wrapper #circle-play-b svg {
  width: 70px;
  height: 70px;
  fill: #00AEEF;
  stroke: #00AEEF;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  opacity: 1;
}


.work-process .process-list{
    margin-bottom: -100px;
    margin-top: 50px;
}
.work-process .process-list .process-card{
    background: #fff;
    padding:45px 30px;
    box-shadow: 0px 4px 18.4px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
}
.work-process .process-list .process-card:hover{
    border-color: #00AEEF;
}
.work-process .process-list .process-card:hover .step-title .number{
    background: #00AEEF;
}
.work-process .process-list .process-card .step-title{
    font-size: 20px;
    font-weight: 600;
    color: #212529;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.work-process .process-list .process-card .step-title .number{
    background: #121212;
    padding: 5px;
    margin-right: 10px;
    color: #fff;
}
.work-process .process-list .process-card  .card-title{
  font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
.work-process .process-list .process-card  .card-text{
  font-size: 18px;
  line-height: 28px;
  color: #666d81;
  font-weight: 400;
}




.upcoming-events{
    padding: 20px 0px  20px;
}
.upcoming-events .event-desc{
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
.upcoming-events .event-desc img{
    width: 25px;
    margin-right: 10px;
}
.upcoming-events .event-title{
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 20px;
     text-align: center;
}

.upcoming-events .event-card{
    position: relative;
}
.upcoming-events .event-card .event-img{
    width: 100%;
    height: 300px;
    position: relative;
    z-index: 0;
}
.upcoming-events .event-card .event-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.upcoming-events.upcoming-events-list .event-card{
    margin-bottom: 55px;
}
.upcoming-events.upcoming-events-list .event-content{
    opacity: 1 !important;
    visibility: visible !important;
}
.upcoming-events .event-card .event-content{
  background: #f4f6f9;
  padding: 3px;
  position: absolute;
  bottom: -60px;
  right: 30px;
  z-index: 1;
  transition: 0.7s all;
  opacity: 0;
  visibility: hidden;
}
.upcoming-events .event-card .event-content .view-link{
    border: none;
    background: #00AEEF;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border-radius: 0px;
    padding: 13px 30px;
    transition: 0.5s all;
    position: relative;
 }
 .upcoming-events .event-card .event-content .view-link i{
    font-size: 16px;
    margin-left: 7px;
 }

 .event-slider .owl-nav {
    display: block !important;
 }
 .event-slider .owl-nav button.owl-prev {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
   border: none;
   background: #00AEEF;
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    color:#fff;
    outline: none;
}
.event-slider .owl-nav button.owl-next{
    position: absolute;
    right:-20px;
    top: 50%;
    transform: translateY(-50%);
   border: none;
   background: #00AEEF;
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    color: #fff;
    outline: none;
}
.event-slider .owl-nav button.owl-prev:hover , .event-slider .owl-nav button.owl-next:hover{
   color: #fff;
  background: #00AEEF;
}

.progress-section{
    padding: 60px 0px;
    position: relative;
}
.progress-section .progress-box{
    position: relative;
    z-index: 1;
}
.progress-section .progress-box .progress-subtitle{
     color: #ededed;
    font-size: 55px;
    font-weight: 600;
        color: transparent;
    -webkit-text-stroke: 1px #000000;
    margin-bottom: 10px;
    opacity: 0.1;
    font-style: italic;
    position: relative;
    z-index: 1;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.progress-section .progress-box .plus{
   color: #00AEEF !important;
  font-size: 28px !important;
  margin-left: 10px;
}
.progress-section .progress-box .progress-title{
    display: flex;
    align-items: center;
    justify-content: center;
      position: relative;
    z-index: 1;
}
.progress-section .progress-box .progress-title span{
    color: #121212;
    font-size: 40px;
    font-weight: 600;
    position: relative;
    z-index: 1;
}
.progress-section .progress-box .progress-text{
    font-size: 20px;
    color: #212529;
    font-weight: 400;
    text-align: center;
}
.progress-section .progress-border::after{
     background: none;
}



.testimonials{
    background: url(../images/banner-3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 60px 0px 30px;
 }
.testimonials::after{
    background: #000;
    position: relative;
    transition: all .4s;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.9;   
}
 .testimonials .testimonial-card , .testimonials .testimonial-content{
     position: relative;
     z-index: 2;
 }
.testimonials .testimonial-desc{
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
.testimonials .testimonial-desc img{
    width: 25px;
    margin-right: 10px;
}
.testimonials .testimonial-title{
    font-size: 50px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
}

 .testimonials .testimonial-card .testimonial-text{
     font-size: 16px;
     font-weight: 400;
     line-height: 28px;
     text-align: center;
     color: #ffffff90;
     margin-bottom: 20px;
 }
 .testimonials .testimonial-card .user-detail{
     margin-top: 20px;
     text-align: center;
 }
 .testimonials .testimonial-card .user-detail .icon{
     width: 70px;
     height: 70px;
     border-radius: 50%;
     overflow: hidden;
     margin:  20px auto;
 }
 .testimonials .testimonial-card .user-detail .icon img{
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 .testimonials .testimonial-card .star-rating{
     display: flex;
     justify-content: center;
 }
 .testimonials .testimonial-card .star-rating i{
     font-size: 14px;
     color: #ffad39;
     margin:0px 5px 10px 5px;
 }
 .testimonials .testimonial-card .user-detail .user-title{
     font-size: 15px;
     margin-bottom: 10px;
     padding-top: 0px;
     font-weight: 400;
     color: #fff;
     line-height: 1em;
     text-transform: uppercase;
     letter-spacing: 3px;
     margin-left: 10px;
 }
 .testimonials .testimonial-card .user-detail .user-text{
     font-size: 12px;
     color: #ffffff90;
     line-height: 1em;
     margin-left: 10px;
 }
 .testimonials .testimonial-card .quote img{
    width: 80px;
    opacity: 0.1;
 }
 .testimonials .testimonial-carousel .owl-dots {
     display: none;
     position: absolute;
     bottom: -50px;
     left: 50%;
     transform:translateX(-50%);
     margin-top: 30px;
 }
 .testimonials .testimonial-carousel .owl-dots .owl-dot span {
     width: 10px;
     height:10px;
     margin: 5px 7px;
     background:#f4f6f9;
     border: none;
     display: block;
     transition: opacity 0.2s ease;
     border-radius: 50%;
     position: relative;
 }
 .testimonials .testimonial-carousel .owl-dots .owl-dot.active span{
    background: #2c6dff;
 }


 .client-section{
    width: 100%;
    height: 100%;
    position: relative;
    padding: 60px 0px ;
    z-index: 1;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
 }

.client-section .client-title{
    font-size: 50px;
    font-weight: 400;
    color: #000;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    z-index: 1;
}
 .client-section .client-box{
    margin-top: 50px;
 }
 .client-section .client-box .client-icon{
    width: 100%;
    float: left;
    position: relative;
    border-radius: 10px;
}
.client-section .client-box .client-icon .icon-img{
    float: left;
    width: 100%;
    height: 100px;
    position: relative;
}
.client-section .client-box .client-icon img{
    display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.client-carousel .owl-nav {
    display: block !important;
 }
 .client-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -70px;
    top: 45%;
    transform: translateY(-50%);
   border: none;
   background: #00AEEF;
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    color:#fff;
    outline: none;
}
.client-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -70px;
    top: 45%;
    transform: translateY(-50%);
    border: none;
    background: #00AEEF;
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    color: #fff;
    outline: none;
}
.event-slider .owl-nav button.owl-prev:hover , .event-slider .owl-nav button.owl-next:hover{
   color: #fff;
  background: #00AEEF;
}

 .news-event{
    padding: 60px 0px;
}
.news-event .news-desc{
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
.news-event .news-desc img{
    width: 25px;
    margin-right: 10px;
}
.news-event .news-title{
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 20px;
     text-align: center;
}

.news-event  .blog-card{
    border: none;
    width: 100%;
    height: 100%;
}
.news-event  .blog-card .card-img{
    width: 100%;
    height: 250px;
    overflow: hidden;
    transition: 0.5s all;
    position: relative;
    border-radius: 0px;
}
.news-event  .blog-card .card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1.2s all;
    border-radius: 0px;
}
.news-event  .blog-card .card-body{
    padding: 20px 0px;
}
.news-event  .blog-card .user-list{
    display: flex;
}
.news-event  .blog-card .user-list li{
    font-size: 16px;
    color: #212529;
    padding-right: 20px;
    position: relative;
}
.news-event  .blog-card .user-list li:not(:last-child):after{
    content: "";
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #212529;
}
.news-event  .blog-card .user-list li a{
    color: #212529;
}
.news-event  .blog-card .user-list li a:hover{
    color: #01BAFC;
}
.news-event  .blog-card .user-list li  i{
   margin-right: 5px;
   font-size: 12px;
}
.news-event  .blog-card .time-desc{
    font-size: 12px;
    color: #6e7889;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.news-event  .blog-card .card-title{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-event  .blog-card .card-title a{
    color: #000;
}
.news-event  .blog-card .card-title:hover a{
    color: #00AEEF;
    text-decoration: underline;
}
.news-event  .blog-card .card-text{
    font-size: 17px;
    color: #6e7889;
    line-height: 28px;
    font-weight: 400;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-event  .blog-card  p{
       font-size: 17px;
    color: #6e7889;
    line-height: 28px;
    font-weight: 400;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-event  .blog-card  p:last-child{
    display:none;
}
.news-event  .blog-card .card-link .btn{
    margin-top: 15px;
    font-size: 18px;
    font-weight: 500;
    background: #00AEEF;
    padding:10px 20px;
    position: relative;
    border-radius: 0px;
    display: inline-block;
    border: none;
}
.news-event  .blog-card .card-link .btn {
    color: #fff;
}
.news-event  .blog-card .card-link .btn i{
    margin-left: 7px;
}
.news-event .blog-card .blog-date{
 position: absolute;
    top: 20px;
    right: 20px;
}
.news-event  .blog-card  .card-img .date{
   
    background: #00AEEF;
    padding:10px 15px 5px;
    border-radius: 0px;
}
.news-event  .blog-card  .card-img .date .title{
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    line-height: 20px;
    margin-bottom: 5px;
}
.news-event  .blog-card  .card-img .date .text{
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px;
    color: #fff;
}
.news-event  .blog-card  .card-img .year{
   
    background: #fff;
    padding:2px 20px;
    border-radius: 0px;
    font-size: 14px;
    color: #000;
    text-align: center;
}




.footer{
    padding: 60px 0px 15px;
    position: relative;
    background: url(../images/footer.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
}
.footer::after {
    background: #000;
    transition: all .4s;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.9;
}
.footer .container{
    position: relative;
    z-index: 2;
}
.footer .logo img{
    width: 250px;
    margin-bottom: 20px;
}
.footer  .input-group{
    background: rgba(66, 66, 66, 0.85);
    border-radius: 0px;
    padding: 2px ;
    border: 1px solid rgba(66, 66, 66, 0.85);
}
.footer .input-group .form-control{
   background: transparent;
   border: none !important;
   box-shadow: none !important;
   outline: none !important;
   font-size: 16px;
   font-weight: 400;
   padding: 10px 20px;
   color: #fff;
}
.footer .input-group .form-control::placeholder{
    color: #fff;
}
.footer  .search-btn{ 
    background: #00AEEF ;
    border-radius: 0px !important;
    color: #fff;
    font-size: 16px;
    padding: 15px 30px;
    text-align: center;
}
.footer  .search-btn i{
    margin-left: 7px;
}
.footer .shipping-detail{
    padding:20px 0px ;
    border-bottom:1px solid #5C5C5C;
}
.footer .shipping-detail .shipping-title{
    position: relative;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 400;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    text-transform: capitalize;
}

.footer .link-desc{
    padding: 30px 0px;
    border-bottom: 1px solid #5c5c5c6c;
    
}
.footer .link-desc .footer-text{
    font-size: 17px;
    color: #FFFFFF;
    line-height: 28px;
    margin-bottom: 0px;
}
.footer .footer-address-list{
    margin-top: 15px;
}
.footer .footer-address-list li{
  margin-bottom: 10px;
}
.footer .footer-address-list li a{
    font-size: 17px;
    color: #929FA5;
    line-height: 28px;
    margin-bottom: 0px;
}

.footer .footer-address-list li a i{
    margin-right: 10px;
}
.footer-list li{
    margin-bottom: 15px;
}
.footer .link-desc .footer-title{
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 25px;
}
.footer-list li .footer-link{
    font-size: 17px;
    color: #fff;
    margin-bottom: 0px;
    position: relative;
    transition: 0.6s all;
}
.footer-list li .footer-link:hover{
    color: #00AEEF;
    margin-left: 5px;
}
.footer-list li .footer-link:hover:after{
    opacity: 1;
    visibility: visible;
    margin-left: 10px;
}
.footer-list li .footer-link::after{
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: baseline;
    font-size: 11px;
    margin-left: 5px;
    color: #00AEEF;
    opacity: 0;
    visibility: hidden;
    transition: 0.6s all;
}
.footer .footer-contact-list li{
  margin-bottom: 10px;
}
.footer .footer-contact-list li h6{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.footer .footer-contact-list li h6 i{
    margin-right: 10px;
}
.footer .footer-contact-list li a{
    font-size: 15px;
    color: #929FA5;
    margin-bottom: 0px;
}

.footer .footer-contact-list li a i{
    margin-right: 10px;
}

.footer .footer-bottom{
    padding-top: 15px;
}
.footer-bottom .coypright-text{
    font-size: 15px;
    color: #FFFFFF;
    line-height: 28px;
    margin-bottom: 0px;
}
.footer .footer-bottom a:hover{
    color: #00AEEF;
}
.footer .footer-bottom .social ul li {
    list-style-type: none;
    padding-left: 8px;
    color: #fff;
}
.footer .footer-bottom .social ul {
    display: flex;
    padding-left: 0px;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
}
.footer .footer-bottom .social i {
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin:0px 5px 0px 0px;
}
.footer .footer-bottom .social a {
    cursor: pointer;
}
.footer .footer-bottom .social i:hover{
    color: #00AEEF;
}


.about-banner{
    background: url(../images/banner/about-subbanner.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 300px;
    position: relative;
    z-index: 2;
}
.service-banner{
    background: url(../images/banner/service-banner.webp) !important;
     background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.career-banner{
    background: url(../images/banner/career-banner.webp) !important;
     background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.quality-banner{
    background: url(../images/sub-banner.webp) !important;
     background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.gallery-banner{
    background: url(../images/banner/gallery-banner.webp) !important;
     background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.news-events-banner{
    background: url(../images/banner/news-events-subbanner.webp) !important;
     background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.contact-banner{
    background: url(../images/banner/contact-banner.webp) !important;
     background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.quality-banner .banner-content .banner-title{
    color: #fff !important;
}
.about-banner  .about-menu {
    position: absolute;
    width: 100%;
    z-index: 20;
    top: 0;
    padding: 25px 0px;
    left: 0;
    /* height: 150px; */
    -webkit-transform: translate3d(0,0,0);
}
.about-banner  .about-menu .menu-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style-type: none ;
    width: 100%;
    height: 100%;
}





.about-banner  .about-menu .menu-list .logo img{
    width:250px;
}
.about-banner  .about-menu .menu-list .sandwich-btn a{
    font-size: 40px;
    color: #fff;
}
.about-banner .banner-content{
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    transform: translateY(-50%);
    z-index: 3;
}

.about-banner .banner-content .banner-title{
    position: relative;
    font-size: 40px;
    font-weight: 400;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    text-transform: capitalize;
    position: relative;
}

.banner .banner-content .banner-text{
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 20px;
}


.about-detail{
    padding: 60px 0px;
}
.about-detail .about-content{
    padding-right: 50px;
}
.about-detail .about-desc{
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.about-detail .about-desc img{
    width: 25px;
    margin-right: 10px;
}
.about-detail .about-title{
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 20px;
}
.about-detail .about-subtitle{
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 20px;
}
.about-detail .about-subtitle span{
    color: #00AEEF;
}
.about-detail .about-text{
    font-size: 17px;
    color: #212529;
    margin-bottom: 10px;
    line-height: 30px;
    text-align: justify;
}
.about-detail .img-container{
    position: relative;
    width: 100%;
    text-align: center;
}
.about-detail .img-container img{
    max-width: 100%;
}
.about-detail .img-box{
    text-align: center;
}
.about-detail .img-box img{
    max-width: 100%;
}
.about-detail .img-content{
    position: absolute;
    left: 40px;
    top: 15px;
    padding:40px 50px;
    background: #00AEEF;
}
.about-detail .img-content .subtitle{
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff;
}
.about-detail .img-content .title{
    font-size: 50px;
    color: #fff;
}
.about-detail .about-overlay-img {
    z-index: 1;
    position: relative;
    text-align: left;
}
.about-detail .about-overlay-img img{
    width: 100%;
    border-radius: 5px;
}
.about-detail .about-overlay-img .img-2{
    position: relative;
    width: 350px;
    margin: 0 auto;
}
.about-detail .about-overlay-img .img-1
{
    position: absolute;
    top: 0%;
    right: 0%;
    width: 350px;
}
.vision-detail{
    background: #eeeeee3b;
}
.vision-box{
    background: #fff;
    padding: 35px;
    position: relative;
    border: 1px solid #F2F2F2;
}
.vision-box .vision-box-content{
    padding-left: 50px;
}
.vision-box .vision-vert{
       font-size: 30px;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 1px #000;
    transform: rotate(-90deg) translate(-50%, 0);
    display: inline-block;
    transform-origin: left top;
    opacity: 0.25;
    position: absolute;
    top: 50%;
    left: 20px;
}

.vision-box .vision-box-content .vision-text{
  font-size: 18px;
  line-height: 25px;
  color: #666d81;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: justify;
}


.about-section .accordion-box{
	position:relative;
}

.about-section  .block{
	position:relative;
	margin-bottom:25px;
}

.about-section .accordian-style-one{
	margin-top:30px;
}

.about-section .accordian-style-one .block:before{
	position: absolute;
    content: '';
    left: 22px;
    top: 25px;
    height: 100%;
    width: 1px;
    border:1px dashed #e7e7e7;
}

.about-section .accordian-style-one .block:last-child::before{
	display:none;
}

.about-section  .block .acc-btn{
	position:relative;
	font-size:14px;
	margin-bottom:0px;
	cursor:pointer;
	line-height:24px;
	padding:15px 30px 7px 55px;
	font-weight:500;
	overflow:hidden;
	color:#2c3032;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.about-section .accordion-box .block .acc-btn:hover .icon-outer{
	background-color:#011FA1;
    color: #fff;
}

.about-section .accordion-box .block .acc-btn.active .icon-outer .icon{
	position:relative;
	left:-2px;
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

.about-section .accordion-box .block .icon-outer{
	position:absolute;
	left:0px;
	top:0px;
	width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 45px;
	text-align:center;
	font-size:16px;
	color:#011FA1;
	background-color:#ffffff;
	border:1px solid #ebebeb;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.about-section .accordian-style-one .block .icon-outer .icon{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
}

.about-section .accordian-style-one .block .acc-btn.active .icon-outer{
	color:#ffffff;
}
.about-section .accordion-box .block .acc-content{
	display:block;	
}
.about-section .accordion-box .block .acc-content.current{
	display:block;	
}

.about-section .accordion-box .block .content-text{
	position:relative;
	font-size:14px;
	padding:10px 0px 5px 55px;
}

.about-section .accordian-style-one .block .content-text p{
	margin-bottom:20px;
	line-height:1.6em;
	color: #777777;
	font-size:14px;
}
.about-section .accordian-style-one .block .content-list li{
	margin-bottom:20px;
	line-height:1.6em;
	color: #777777;
	font-size:14px;
}

.about-section .accordian-style-one .block .content-text p:last-child{
	margin-bottom:0px;	
}

.about-section .accordian-style-two .block .icon-outer{
	background-color:#f9f9f9;
}

.about-section .accordian-style-two .block .acc-btn.active .icon-outer{
	background-color:#30355d;
	color:#ffffff;
}

.about-section .accordian-style-two .block .acc-btn{
	font-size:14px;
	font-weight:700;
}

.about-section .accordian-style-two .block .acc-btn.active .icon-outer .icon{
	left:2px;
}

.about-section .accordian-style-two .block .content-text{
	padding-right:0px;
}

.about-section .accordian-style-two .block:before {
    position: absolute;
    content: '';
    left: 22px;
    top: 25px;
    height: 100%;
    width: 1px;
    border: 1px dashed #e7e7e7;
}

.about-section .accordian-style-two .block:last-child::before{
	display:none;
}
.about-section .who-we-img{
    position: relative;
}

.client-service{
    padding: 60px 0px;
}
.client-service .client-desc{
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
.client-service .client-desc img{
    width: 25px;
    margin-right: 10px;
}
.client-service .client-title{
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
}
.client-service .client-box{
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding:30px 20px;
    text-align: center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}
.client-service .client-box:hover{
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.client-service .client-box:hover img{
    filter: grayscale(0) !important;
}
.client-box.client-bt-0{
    border-bottom: none;
}
.client-service .client-box .client-icon{
    width: 100%;
    float: left;
    position: relative;
    padding: 20px;
}
.client-service .client-box .client-icon .icon-img{
    float: left;
    margin-bottom: 10px;
    width: 100%;
    height: 70px;
    position: relative;
}
.client-service .client-box .client-icon img{
    display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    filter: grayscale(100%);
}

.contact-detail{
    padding: 60px 0px;
}
.contact-detail .contact-subtitle{
    font-size: 20px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.contact-detail .contact-subtitle img{
    width: 30px;
    margin-right: 10px;
}
.contact-detail .contact-title{
    font-size: 40px;
    font-weight: 600;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
}
.contact-detail .contact-title_desc{
    font-size: 26px;
    font-weight: 600;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
}
.contact-detail .address-detail{
    margin-top: 40px;
}
.contact-detail .address-detail .address-box .icon{
    font-size: 20px;
    color: #666;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background: #fafafa;
}
.contact-detail .address-detail .address-box .contact-padd{
    padding-left: 15px;
}
.contact-detail .address-detail .address-box .address-box-subtitle{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}
.contact-detail .address-detail .address-box .address-box-title{
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0px;
     font-family: "Barlow", sans-serif;
}
.contact-form{
    background-color: #F7F7F7;
   
    padding: 25px;
}
.contact-form .contact-form-title{
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;

}
.contact-form form .form-control{
    border: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0px !important;
    padding: 12px 0px;
    font-size: 16px;
}
.contact-form form .form-control::placeholder{
    color: #212529;
}

.our-gallery{
    padding: 60px 0px 30px;
    overflow: hidden;
}
.our-gallery .gallery-subtitle{
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.our-gallery .gallery-subtitle img{
    width: 25px;
    margin-right: 10px;
}
.our-gallery .gallery-title{
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 20px;
}
.our-gallery .nav-pills .nav-link{
    background: transparent;
    padding: 0px 25px 0px 0px;
    color: #212529;
    font-size: 16px;
    font-weight: 400;
}
.our-gallery .nav-pills .nav-link:hover , .our-gallery .nav-pills .nav-link.active{
    color: #01BAFC;
}
.our-gallery  .image-container{
    padding: 20px 0px;
}
.our-gallery  .img-box{
    width: 100%;
    position: relative;
    height: 280px;
}
.our-gallery  .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}
.our-gallery .img-box .overlay-box{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,0.75);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.our-gallery .img-box:hover .overlay-box{
    opacity: 1;
    visibility: visible;
}
.our-gallery .img-box .overlay-box  .options-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
}
.our-gallery .img-box .overlay-box  .options-box li {
    position: relative;
    float: left;
    margin-right: 2px;
}
.our-gallery .img-box .overlay-box  .options-box li  a .icon {
    color: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    background-color: #4d5dfb;
    background-image: linear-gradient(315deg, #4d5dfb 0%, #01BAFC 74%);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.our-gallery .img-box .overlay-box .content-box {
    position: absolute;
    left: 35px;
    bottom: 40px;
}
.our-gallery .img-box .overlay-box .content-box .cat {
    position: relative;
    color: #011FA1;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}
.our-gallery .img-box .overlay-box .content-box h3 {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}
.our-gallery .img-box .overlay-box .content-box h3 a {
    color: #ffffff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.job-list{
     padding: 60px 0px ;
}
.job-list .job-title{
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}
.job-list  .job-card{
    background: #fff;
    border-radius: 10px;
    position: relative;
    border: 1px solid #F2F2F2;
}
.job-list  .job-card  .job-card-content{
  padding: 35px;
}
.job-list  .job-card  .job-card-content .job-desc{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #121212;
      font-family: "Noto Serif", serif;
    
}
.job-list  .job-card  .job-card-content .job-text{
  font-size: 17px;
  line-height: 25px;
  color: #666d81;
  font-weight: 400;
  margin-bottom: 20px;
}
.job-list  .job-card  .job-card-content .job-text i{
    margin-right: 7px;
    color: #00AEEF;
}
.job-list  .job-card  .job-card-content .job-role{
    margin-bottom: 0px;
}
.job-list  .job-card  .job-card-content .job-role li{
     border: 1px solid #aeaeae;
    border-radius: 20px;
    padding: 4px 15px;
    display: inline-block;
    text-align: center;
    color: #666d81;
    margin-right: 5px;
}
.job-apply-box{
    border-left: 1px solid #F2F2F2;
    padding: 15px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.job-apply-box .job-desc{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #121212;
    text-align: center;
      font-family: "Noto Serif", serif;
    
}
.job-apply-box .job-text{
  font-size: 15px;
  line-height: 25px;
  color: #666d81;
  font-weight: 400;
  margin-bottom: 15px;
  text-align: center;
}
.job-list  .job-card  .job-apply-box .apply-btn{
    background: #22B8F1;
    border: 1px solid  #22B8F1 !important;
    padding: 10px 30px;
    font-size: 16px;
    color: #fff !important;
    outline: none;
    border-radius: 30px;
    position: relative;
}
.job-list  .job-card  .job-apply-box .apply-btn:hover , .job-list  .job-card  .job-apply-box .apply-btn:focus{
     background: #22B8F1;
    border: 1px solid  #22B8F1 !important;
     color: #fff !important;
}
.job-modal .modal-content{
    border: none;
}
.job-modal .modal-content .btn-close-white{
    opacity: 1;
}
.job-modal .modal-header{
       background: #22B8F1;
}
.job-modal .modal-header .modal-title{
    color: #fff;
}
.career-section{
    padding: 60px 0px;
}
.career-detail{
    padding:  10px;
    position: relative;
}
.career-detail .career-title{
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}
.career-detail .form-control{
    border-radius: 0px;
    font-size: 14px;
    padding:  10px;
    border: 1px solid #ededed;
}
.file-input {
    display: inline-block;
    text-align: left;
    background: #fff;
    padding: 10px 0px;
    width: 100%;
    position: relative;
    border-radius: 3px;
  }
  
  .file-input > [type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
  }
  
  .file-input > .button {
    display: inline-block;
    cursor: pointer;
    background: #ededed;
    padding: 8px 16px;
    color: #333;
    border-radius: 2px;
    margin-right: 8px;
  }
  .file-input:hover > .button span{
    color:#fff;
  }
  .file-input > .button span{
    color:#000;
  }
  .file-input:hover > .button {
    background: #00AEEF;
    color: white;
  }
  
  .file-input > .label {
    color: #212529;
    white-space: nowrap;
    opacity: .9;
  }
  
  .file-input.-chosen > .label {
    opacity: 1;
  }
.border-tp{
    border-top: 1px solid #ededed;
    margin: 20px 0px;
}


 .service-full_page{
    padding: 60px 0px;
}
.vertical-img{
    width: 100%;
    height: 580px;
    margin-top: 70px;
    margin-bottom: 20px;
}
.vertical-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.horizontal-img{
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}
.horizontal-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.service-full_page .service-img{
    width: 100%;
    margin-bottom: 20px;
}
.service-full_page .service-img img{
    width: 100%;
}
.service-full_page .service-main-title{
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
}
.service-full_page .service-main-subtitle{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.service-full_page .service-main-text{
    font-size: 16px;
    line-height: 28px;
    color: #212529;
    margin-bottom: 15px;
    font-weight: 400;
    text-align: justify;
}
.service-full_page .service-list{
    margin-bottom: 25px;
}
.service-full_page .service-list li{
    font-size: 15px;
    line-height: 28px;
    color: #212529;
    margin-bottom: 15px;
    font-weight: 400;
}
.service-full_page .service-list li i{
    color: #00AEEF;
    margin-right: 7px;
}
.service_inner_page .service-card{
    position: relative;
}
.service_inner_page .service-card .card-img{
    width: 100%;
    height: 320px;
    position: relative;
    z-index: 0;
}

.service_inner_page .service-card .card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s all;
}
.object-right{
    object-position: 18%;
}
.service_inner_page .service-card .card-title{
    position: relative;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    position: relative;
    background: #00AEEF;
}
.service_inner_page .service-card .card-big-title{

  

    transition: 0.6s all;
    background: #00AEEF;
    padding:13px 5px;
    z-index: 2;
}
.service_inner_page .service-card .card-big-title .icon{
     background: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #00AEEF;
    display: inline-block;
    margin-left: 10px;
}
.service_inner_page .service-card .card-big-title i{
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #00AEEF;
    display: block;
}
.service_inner_page .service-card .card-big-title a{
  font-size: 18px;
    font-weight: 400;
    color: #fff;
  
    text-transform: capitalize;
}
.service_inner_page .service-card .card-big-title a .text{
  margin-right: 40px;
  padding-left: 10px;
}
.service_inner_page .service-card .card-text{
    font-size: 16px;
  line-height: 28px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px;
}
.service_inner_page .service-card:hover .card-img-overlay{
    opacity: 1;
}
.service_inner_page .service-card:hover .card-img:after{
    background: transparent;
}
.service_inner_page .service-card .card-img-overlay{
        position: absolute;
        padding: 0 25px;
        top: 0;
        opacity: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        width: 100%;
        z-index: 1;
        text-align: center;
        transition: .5s ease-in-out;
        -webkit-transition: .5s ease-in-out;
}
 .service_inner_page .service-card .card-content{
       background: #131d3bd1;
       padding: 20px;
}
.service_inner_page .service-card .card-link a{
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #00AEEF;
    text-transform: capitalize;
    position: relative;
}
.service_inner_page .service-card .card-link a::after{
    content: "\f061";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 14px;
    right: -25px;
}

 .img-slide .owl-dots , .img-slide-1 .owl-dots{
   display:none !important;
 }

.img-slide .owl-nav , .img-slide-1 .owl-nav {
    display: block !important;
 }
.img-slide .owl-nav button.owl-prev , .img-slide-1 .owl-nav button.owl-prev {
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
   border: none;
   background: #00AEEF;
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    color:#fff;
    outline: none;
}
.img-slide .owl-nav button.owl-next , .img-slide-1 .owl-nav button.owl-next{
    position: absolute;
    right:-10px;
    top: 50%;
    transform: translateY(-50%);
   border: none;
   background: #00AEEF;
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    color: #fff;
    outline: none;
}
.img-slide .owl-nav button.owl-prev:hover ,.img-slide .owl-nav button.owl-next:hover , .img-slide-1 .owl-nav button.owl-prev:hover ,.img-slide-1 .owl-nav button.owl-next:hover{
   color: #fff;
  background: #00AEEF;
}
 .header-video {
	position: relative;
    height: 320px;
    z-index: 0;
    width: 100%;
    overflow: hidden;
}
.header-video video {
	object-fit: fill;
    width: 100%;
    height: 100%;
    z-index: -100;
}



.play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.play-button-wrapper #circle-play-b {
  cursor: pointer;
  pointer-events: auto;
}
.play-button-wrapper #circle-play-b svg {
  width: 70px;
  height: 70px;
  fill: #00AEEF;
  stroke: #00AEEF;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  opacity: 1;
}

.certify-box{
    width: 100%;
    height: 160px;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 15px;
    position: relative;
}
.certify-box:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    z-index: 1;
}
.certify-box:hover::after{
    opacity: 0.9;
}
.certify-box img{
    width: 100%;
   height: 100%;
   object-fit: contain;
}
.certify-box:hover .eye-icon{
    opacity: 1;
    visibility: visible;
}
.eye-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    color: #00529E !important;
    font-size: 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.eye-icon span{
    font-size: 20px;
    font-weight: 600;
    color: red;
}
.experince-delta .experince-title{
   font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
        font-family: "Noto Serif", serif;
}
.experince-delta .experince-text{
    font-size: 16px;
    line-height: 28px;
    color: #212529;
    margin-bottom: 15px;
    font-weight: 400;
    text-align: justify;
}
.experince-delta ul{
    padding-left: 0px;
    margin-bottom: 0px;
}
.experince-delta ul li{
     font-size: 16px;
    line-height: 28px;
    color: #212529;
    margin-bottom: 15px;
    font-weight: 400;
}
.experince-delta ul li img{
    width: 20px;
    margin-right: 10px;
}
.experince-delta .chart-img{
    width: 100%;
    height: 400px;
}
.experince-delta .chart-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.manufacturing-timeline {
  position: relative;
  margin-top: 20px;
  padding: 1em 0;
  list-style-type: none;
}

.manufacturing-timeline:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: ' ';
  display: block;
  width: 6px;
  height: 100%;
  margin-left: -3px;
  background: rgb(80,80,80);
  background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
  background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  
  z-index: 5;
}

.manufacturing-timeline li {
  padding: 1em 0;
}

.manufacturing-timeline li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.direction-l {
  position: relative;
  width: 300px;
  float: left;
  text-align: right;
}

.direction-r {
  position: relative;
  width: 300px;
  float: right;
}

.flag-wrapper {
  position: relative;
  display: inline-block;
  
  text-align: center;
}

.flag {
  position: relative;
  display: inline;
  background: rgb(248,248,248);
  padding: 6px 10px;
  border-radius: 5px;
  
  font-weight: 600;
  text-align: left;
}

.direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: 50%;
  right: -40px;
  content: ' ';
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  background: #fff;
  border-radius: 10px;
  border: 4px solid rgb(255,80,80);
  z-index: 10;
}

.direction-r .flag:before {
  left: -40px;
}

.direction-l .flag:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-left-color: rgb(248,248,248);
  border-width: 8px;
  pointer-events: none;
}

.direction-r .flag:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-right-color: rgb(248,248,248);
  border-width: 8px;
  pointer-events: none;
}

.time-wrapper {
  display: inline;
  
  line-height: 1em;
  font-size: 0.66666em;
  color: rgb(250,80,80);
  vertical-align: middle;
}

.direction-l .time-wrapper {
  float: left;
}

.direction-r .time-wrapper {
  float: right;
}

.time {
  display: inline-block;
  padding: 4px 6px;
  background: rgb(248,248,248);
}

.desc {
  margin: 1em 0.75em 0 0;
  
  font-size: 0.77777em;
  font-style: italic;
  line-height: 1.5em;
}

.direction-r .desc {
  margin: 1em 0 0 0.75em;
}

/* ================ Timeline Media Queries ================ */

@media screen and (max-width: 660px) {

.timeline {
 	width: 100%;
	padding: 4em 0 1em 0;
}

.timeline li {
	padding: 2em 0;
}

.direction-l,
.direction-r {
	float: none;
	width: 100%;

	text-align: center;
}

.flag-wrapper {
	text-align: center;
}

.flag {
	background: rgb(255,255,255);
	z-index: 15;
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: -30px;
	left: 50%;
	content: ' ';
	display: block;
	width: 12px;
	height: 12px;
	margin-left: -9px;
	background: #fff;
	border-radius: 10px;
	border: 4px solid rgb(255,80,80);
	z-index: 10;
}

.direction-l .flag:after,
.direction-r .flag:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -8px;
	height: 0;
	width: 0;
	margin-left: -8px;
	border: solid transparent;
	border-bottom-color: rgb(255,255,255);
	border-width: 8px;
	pointer-events: none;
}

.time-wrapper {
	display: block;
	position: relative;
	margin: 4px 0 0 0;
	z-index: 14;
}

.direction-l .time-wrapper {
	float: none;
}

.direction-r .time-wrapper {
	float: none;
}

.desc {
	position: relative;
	margin: 1em 0 0 0;
	padding: 1em;
	background: rgb(245,245,245);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	box-shadow: 0 0 1px rgba(0,0,0,0.20);
	
  z-index: 15;
}

.direction-l .desc,
.direction-r .desc {
	position: relative;
	margin: 1em 1em 0 1em;
	padding: 1em;
	
  z-index: 15;
}

}



@media (min-width: 400px) and (max-width: 660px) {

.direction-l .desc,
.direction-r .desc {
	margin: 1em 4em 0 4em;
}

}



.special-feature .special-feature-title{
   font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
        font-family: "Noto Serif", serif;
}

.special-feature ul li {
     width: 24%;
    display: inline-block;
    margin-bottom: 15px;
 background-color: transparent;
 border: 2px solid #00AEEF;
 border-radius: 0;
 box-sizing: border-box;
 color: #fff;
 cursor: pointer;
 display: inline-block;
 font-weight: 500;
 letter-spacing: 0.05em;
 outline: none;
 overflow: visible;
 padding: 1.25em 1em;
 position: relative;
 text-align: center;
 text-decoration: none;
 text-transform: none;
 transition: all 0.3s ease-in-out;
 user-select: none;
 font-size: 13px;
 margin-right: 5px;
}

.special-feature ul li::before {
 content: " ";
 width: 1.25rem;
 height: 2px;
 background: #00AEEF;
 top: 50%;
 left: 1.0em;
 position: absolute;
 transform: translateY(-50%);
 transform-origin: center;
 transition: background 0.3s linear, width 0.3s linear;
}

.special-feature ul li .text {
 font-size: 1.125em;
 line-height: 1.33333em;
 padding-left: 2em;
 display: block;
 text-align: left;
 transition: all 0.3s ease-in-out;
 text-transform: uppercase;
 text-decoration: none;
 color: #00AEEF;
}

.special-feature ul li .top-key {
 height: 2px;
 width: 1.5625rem;
 top: -2px;
 left: 0.625rem;
 position: absolute;
 background: #e8e8e8;
 transition: width 0.5s ease-out, left 0.3s ease-out;
}

.special-feature ul li .bottom-key-1 {
 height: 2px;
 width: 1.5625rem;
 right: 1.875rem;
 bottom: -2px;
 position: absolute;
 background: #e8e8e8;
 transition: width 0.5s ease-out, right 0.3s ease-out;
}

.special-feature ul li .bottom-key-2 {
 height: 2px;
 width: 0.625rem;
 right: 0.625rem;
 bottom: -2px;
 position: absolute;
 background: #e8e8e8;
 transition: width 0.5s ease-out, right 0.3s ease-out;
}

.special-feature ul li:hover {
 color: white;
 background: #00AEEF;
}

.special-feature ul li:hover::before {
 width: 0.9375rem;
 background: white;
}

.special-feature ul li:hover .text {
 color: white;
 padding-left: 1.5em;
}

.special-feature ul li:hover .top-key {
 left: -2px;
 width: 0px;
}

.special-feature ul li:hover .bottom-key-1,
 .special-feature ul li:hover .bottom-key-2 {
 right: 0;
 width: 0;
}

.special-feature .img-list{
    margin-top: 50px;
}
.special-feature .img-list .img-box{
    width: 100%;
    height: 250px;
}
.special-feature .img-list .img-box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.special-feature .feature-box{
    background: #0682C6;
    border-radius: 10px;
    padding: 15px 10px;
    position: relative;
    overflow: hidden;
  box-shadow: 0px 1px 9px 0px #0000002B;

}
.special-feature .feature-box::after{
    border-bottom: 3px solid #0682C6;
}
.special-feature .feature-box-1{
  background: #BD5FA5;
}
.special-feature .feature-box-1::after{
    border-bottom: 3px solid #BD5FA5;
}
.special-feature .feature-box-2{
  background: #7760A7;
}
.special-feature .feature-box-2::after{
    border-bottom: 3px solid #7760A7;
}
.special-feature .feature-box-3{
  background: #6272B6;
}
.special-feature .feature-box-3::after{
    border-bottom: 3px solid #6272B6;
}
.special-feature .feature-box-4{
  background: #0682C6;
}
.special-feature .feature-box-4::after{
    border-bottom: 3px solid #0682C6;
}
.special-feature .feature-box-5{
  background: #2AACE2;
}
.special-feature .feature-box-5::after{
    border-bottom: 3px solid #2AACE2;
}
.special-feature .feature-box-6{
  background: #F0679F;
}
.special-feature .feature-box-6::after{
    border-bottom: 3px solid #F0679F;
}
.special-feature .feature-box-7{
  background: #F89820;
}
.special-feature .feature-box-7::after{
    border-bottom: 3px solid #F89820;
}
.special-feature .feature-box-8{
  background: #FBDB00;
}
.special-feature .feature-box-8::after{
    border-bottom: 3px solid #FBDB00;
}
.special-feature .feature-box-9{
  background: #CFDD31;
}
.special-feature .feature-box-9::after{
    border-bottom: 3px solid #CFDD31;
}
.special-feature .feature-box-10{
  background: #7DC8A9;
}
.special-feature .feature-box-10::after{
    border-bottom: 3px solid #7DC8A9;
}
.special-feature .feature-box::after {
        content: "";
        position: absolute;
        top: 0;
        left: 10%;
        right: 0;
        bottom: 0;
        border-radius:0px 10px 0px 10px;
        background: #fff;
        transform: skewX(18deg);
    }
.special-feature .feature-box::before {
        content: "";
        position: absolute;
        top: 0;
        right: -13px;
        width: 75%;
        height: 100%;
        border-radius: 10px;
        background: #fff;
    }
.special-feature .feature-box .number{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
     font-family: "Noto Serif", serif;
     margin-bottom: 0px;
}
.special-feature .feature-box .feature-box-right{
    padding: 0px 5px 0px 15px;
}
.special-feature .feature-box .text{
    color: #000;
    font-size: 17px;
    position: relative;
    z-index: 1;
    text-align: center;
    font-weight: 500;
}

.procurement-detail{
    padding: 60px 0px;
    background: ghostwhite;
}


.maunfacturing-unit  .unit-title{
   font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
        font-family: "Noto Serif", serif;
}
.maunfacturing-unit .unit-box{
    padding:20px ;
}
.maunfacturing-unit .unit-box-1{
    background: #87ceeb;
}
.maunfacturing-unit .unit-box-2{
    background: #1e90ff;
}
.maunfacturing-unit .unit-box-3{
    background: #6495ed;
}
.maunfacturing-unit .unit-box-4{
    background: #4169e1 ;
}
.maunfacturing-unit .unit-box-5{
    background: #00008b;
}
.maunfacturing-unit .unit-box .number{
    font-size: 20px;
    color: #fff;
     font-family: "Noto Serif", serif;
     margin-bottom: 0px;
     text-align: end;
}
.maunfacturing-unit .unit-box .text{
    font-size: 16px;
    color: #fff;
    font-family: "Noto Serif", serif;
    margin-bottom: 0px;
}
.maunfacturing-unit .unit-box .icon{
    width: 100%;
    height: 100px;
    margin: 20px 0px 0px;
}
.maunfacturing-unit .unit-box .icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.content-erp .img-box{
    padding: 30px;
}
.content-erp .img-box img{
    width: 100%;
}


.spectrum-detail{
    padding: 20px 0px;
 position: relative;
    z-index: 1;
    

}

  
.spectrum-detail .spectrum-service{
    padding:0px 30px;
}
.spectrum-service .spectrum-box{
    border-radius: 10px;
    padding:30px 20px;
    background: #fff !important;
    text-align: center;
    width: 100%;
    transition: 0.5s all;
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;

}
.spectrum-service .spectrum-box-1{
 background: linear-gradient(90deg, #983CC2 0%, #C34DFA 100%);

}
.spectrum-service .spectrum-box-2{
background: linear-gradient(90deg, #5AA1D9 0%, #80C3FB 100%);
margin-top: 30px;

}
.spectrum-service .spectrum-box-3{
background: linear-gradient(90deg, #D88700 0%, #F8B200 100%);


}
.spectrum-service .spectrum-box-4{
background: linear-gradient(90deg, #93DA3D 0%, #CDF956 100%);
margin-top: 30px;


}
.spectrum-service .spectrum-box:hover{
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.spectrum-box.spectrum-bt-0{
    border-bottom: none;
}
.spectrum-service .spectrum-box .icon img{
    width: 64px;
    margin:  0 auto 30px;
    filter: brightness(0);
}
.spectrum-service .spectrum-title{
    font-size: 16px;
    color: #000;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0px;
}
.spectrum-service .spectrum-main{
    font-size: 30px;
    line-height: 54px;
    position: relative;
    margin-bottom: 25px;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
}
.spectrum-service .spectrum-main::after{
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 4px;
    background: #F76E0C;
}









.event-section{
    padding: 60px 0px;
}
.event-section .event-sticky{
    position: sticky;
    top: 0px;
}
.event-section .event-img{
    width: 100%;
    height: 450px;
    margin-bottom: 35px;
}
.event-section .event-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.event-section .tags{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 20px;
}
.event-section .tags li{
    margin-right: 15px;
}
.event-section .tags li a{
    font-size: 15px;
    border: 1px solid #e7e7e7;
    color: #212529;
    padding: 10px;
}
.event-section .tags li a:hover{
    border-color: #01BAFC;
    color: #01BAFC;
}
.event-section  .event-title{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 35px;
}
.event-section   .user-views{
    display: flex;
    margin: 15px 0px;
    padding-bottom: 25px;
    border-bottom: 1px solid #efefef;
}
.event-section   .user-views li{
    margin-right: 20px;
    position: relative;
}
.event-section   .user-views li a{
    font-size: 16px;
    color: #212529;
}
.event-section   .user-views li:not(:last-child):after{
   right: -13px;
   content: "";
   position: absolute;
   top: 60%;
   transform: translateY(-50%);
   width: 4px;
   height: 4px;
   border-radius: 50%;
   background: #212529;
}
.event-section .event-text{
    font-size: 17px;
    line-height: 25px;
    color: #212529;
    text-align: justify;
    margin-bottom: 15px;
}

.event-section p{
    font-size: 17px;
    line-height: 25px;
    color: #212529;
    text-align: justify;
    margin-bottom: 15px;
}


.event-section .qoute-box{
    border: 2px solid #01BAFC;
    padding: 20px;
    margin: 25px 0px;
}
.event-section .qoute-box span{
   font-size: 40px;
   float: left;
   margin-right: 15px;
   background-color: #4d5dfb;
   background-image: linear-gradient(315deg, #4d5dfb 0%, #01BAFC 74%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.event-section .qoute-box h5{
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    line-height: 28px;
    margin-bottom: 0px;
}
.event-section .sidebar .sidebar-item {
    margin-bottom: 50px;
    background: #eff3ff;
    padding: 30px;
    overflow: hidden;
    border-radius: 8px;
}

.event-section .sidebar .sidebar-item.widget_text {
    padding: 0;
}

.event-section .sidebar {
  padding-left: 35px;
  position: sticky;
  top: 0px;
}

.event-section .sidebar .sidebar-item:last-child {
  margin: 0;
}

.event-section .sidebar .sidebar-item h4 {
    text-transform: capitalize;
    font-weight: 700;
    color: #232323;
    margin-bottom: 25px;
}

.event-section .sidebar .sidebar-item.link li {
    display: block;
    margin-bottom: 10px;
}

.event-section .sidebar .sidebar-item.link li .sidebar-link {
    display: block;
    font-weight: 500;
    color: #666666;
    background: #ffffff;
    padding: 15px 25px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    padding-left: 15px;
    border: 1px solid #e7e7e7;
    font-size: 16px;
}

.event-section .sidebar .sidebar-item.link li .sidebar-link::after {
  position: absolute;
  right: 15px;
  top: 17px;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}

.event-section .sidebar .sidebar-item.link li .sidebar-link:hover,
.event-section .sidebar .sidebar-item.link li.active .sidebar-link {
    background-color: #00AEEF;
    background-image: linear-gradient(158deg, #00AEEF 0%, #8ED8F8 74%);
  color: #ffffff;
}

.event-section .sidebar .sidebar-item.link li.current-menu-item i {
  color: #ffffff;
}

.event-section .sidebar .sidebar-item.link li .sidebar-link:hover i {
  color: #ffffff;
}

.event-section .sidebar .sidebar-item.link li .sidebar-link i {
  color: #1A2C79;
  margin-right: 5px;
  transition: all 0.35s ease-in-out;
}

.event-section .sidebar .sidebar-item.link li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.event-section .sidebar-item.address ul li {
  margin-bottom: 10px;
}

.event-section .sidebar-item.address ul li .icon {
  padding-right: 15px;
}

.event-section .sidebar-item.address ul li .icon i {
  display: inline-block;
  font-size: 30px;
  color: #1A2C79;
}

.event-section .sidebar-item.address ul li:last-child {
  margin-bottom: 0;
}

.event-section .sidebar .sidebar-item.contact.address {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    color: #ffffff;
    text-align: center;
}

.event-section .sidebar .sidebar-item.contact.address::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
   background: #184a7b;
    z-index: -1;
    opacity: 0.6;
}

.event-section .sidebar .sidebar-item.contact.address h4 {
    color: #ffffff;
}

.event-section .sidebar .sidebar-item.project li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.event-section .sidebar .sidebar-item.project li:last-child {
  margin-bottom: 0;
}


.event-section .sidebar .sidebar-item form input, 
.event-section .sidebar .sidebar-item form textarea {
    border-radius: 5px;
    box-shadow: inherit;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    padding: 15px;
}

.event-section .sidebar .sidebar-item form textarea {
    padding-top: 15px;
    min-height: 150px;
    min-height: 80px;
    height: 120px;
}

.event-section .sidebar .sidebar-item form button {
    border: none;
    display: inline-block;
    background: #01BAFC;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 12px 40px 12px;
    border-radius: 5px;
}

.event-section form .wpcf7-response-output {
    overflow: hidden;
    margin-top: 20px;
    position: relative;
    top: 20px;
}


.event-section .blog-horizontal-card{
    border: none;
    border-radius: 0px;
    background: transparent;
}
.event-section .blog-horizontal-card .img-box{
    position: relative;
}
.event-section .blog-horizontal-card .card-img-top{
    border-radius: 0px;
}
.event-section .blog-horizontal-card .card-body{
    padding: 0px 15px;
}
.event-section .blog-horizontal-card .card-body .card-title{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
.event-section .blog-horizontal-card .card-body .card-title a{
   color: #000'
}
.event-section .blog-horizontal-card .card-body .card-title a:hover{
    color: #01BAFC;
}
.event-section .blog-horizontal-card .card-body .user-views{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0px;
    padding-bottom: 0px;
}
.event-section .blog-horizontal-card .card-body .user-views li{
    margin-right: 20px;
}
.event-section .blog-horizontal-card .card-body .user-views li a{
    font-size: 14px;
    color: #212529;
}
.event-section .blog-horizontal-card .card-body .user-views li a i{
    color: #01BAFC ;
    margin-right: 10px;
    font-size: 13px;
}
.event-section .blog-horizontal-card .card-body .card-text{
    color: #212529;
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.event-section .blog-horizontal-card .card-body .card-link{
    position: relative;
    font-weight: 500;
    font-size: 14px;
    color: #01BAFC ;
    text-decoration: underline;
}

.event-section .sidebar-tags{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 0px;
}
.event-section .sidebar-tags li{
    margin-right: 15px;
    margin-bottom: 35px !important;
}
.event-section .sidebar-tags li a{
    font-size: 14px;
    border: 1px solid #e7e7e7;
    background: #fff;
    color: #212529;
    padding: 12px;
    border-radius: 5px;
}
.event-section .sidebar-tags li a:hover{
    border-color: #01BAFC;
    background-color: #4d5dfb;
    background-image: linear-gradient(315deg, #4d5dfb 0%, #01BAFC 74%);
    color: #fff;
}
.event-section .image-list .img-box{
    width: 100%;
    height: 150px;
}
.event-section .image-list .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.infrastructure{
    padding: 60px 0px 0px;
    position: relative;
}    
.infrastructure .img-container{
    position: relative;
}
.infrastructure .small-img-1{
         width: 300px;
    height: 350px;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
}
.infrastructure .small-img-1 img{

     width: 100%;
   height: 100%;
   object-fit: cover;
}
.infrastructure .small-img-2{
    width: 300px;
    height: 350px;
    max-width: 100%;
    position: absolute;
    top: 40%;
    border: 20px solid #fff;
    right: -100px;
    z-index: 1;
}
.infrastructure .small-img-2 img{
    width: 100%;
   height: 100%;
   object-fit: cover;
}
.infrastructure .big-img img{
    width: 100%;
    height: 500px;
    max-width: 100%;
    position: relative;
    z-index: 0  ;
}
.infrastructure .big-img img{
    width: 100%;
   height: 100%;
   object-fit: cover;
}
.infrastructure .content-box-2{
    position: relative;
    background: #fff;
    padding: 35px;
    top: -100px;
    z-index: 3;
}
.infrastructure .content-box-2 .icon{
    margin-bottom: 20px;
}
.infrastructure .content-box-2 .icon img{
    width: 64px;
}
.infrastructure .content-box-2 .content-title{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}
.infrastructure .content-box-2 .content-title span{
    color: #00AEEF;
}
.infrastructure .content-box-2 .content-text{
    font-size: 16px;
    line-height: 28px;
    color: #212529;
    margin-bottom: 15px;
    font-weight: 400;
    text-align: justify;
}


.infrastructure-1{
    padding: 30px 0px 30px;
    position: relative;
}    
.infrastructure-1 .img-container{
    position: relative;
}
.infrastructure-1 .small-img-1{
         width: 300px;
    height: 350px;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
}
.infrastructure-1 .small-img-1 img{

     width: 100%;
   height: 100%;
   object-fit: cover;
}
.infrastructure-1 .small-img-2{
    width: 300px;
    height: 350px;
    max-width: 100%;
    position: absolute;
    top: 40%;
    border: 20px solid #fff;
    left: -100px;
    z-index: 1;
}
.infrastructure-1 .small-img-2 img{
    width: 100%;
   height: 100%;
   object-fit: cover;
}
.infrastructure-1 .big-img img{
    width: 100%;
    height: 500px;
    max-width: 100%;
    position: relative;
    z-index: 0  ;
}
.infrastructure-1 .big-img img{
    width: 100%;
   height: 100%;
   object-fit: cover;
}
.infrastructure-1 .content-box-2{
    position: relative;
    background: #fff;
    padding: 35px;
    top: -100px;
    z-index: 3;
}
.infrastructure-1 .content-box-2 .icon{
    margin-bottom: 20px;
}
.infrastructure-1 .content-box-2 .icon img{
    width: 64px;
}
.infrastructure-1 .content-box-2 .content-title{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}
.infrastructure-1 .content-box-2 .content-title span{
    color: #00AEEF;
}
.infrastructure-1 .content-box-2 .content-text{
    font-size: 16px;
    line-height: 28px;
    color: #212529;
    margin-bottom: 15px;
    font-weight: 400;
    text-align: justify;
}


.quality-detail{
    padding: 60px 0px 30px;
    overflow: hidden;
}
.quality-detail .quality-subtitle{
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.quality-detail .quality-subtitle img{
    width: 25px;
    margin-right: 10px;
}
.quality-detail .quality-title{
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 20px;
}
.quality-detail .quality-title_desc{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}
.quality-detail .quality-text{
       font-size: 16px;
    line-height: 28px;
    color: #212529;
    margin-bottom: 15px;
    font-weight: 400;
}

.quality-box{
    background: #f9f9f9;
    padding: 35px;
    position: relative;
    border: 2px solid transparent;
}
.quality-box:hover{
    border-color: #00AEEF;
}
.quality-box:hover .link-icon{
    background: #00AEEF !important;
}
.quality-box:hover .link-icon a{
    color: #fff !important;
}
.quality-box .quality-box-content{
    padding-left: 50px;
}
.quality-box .quality-vert{
       font-size: 30px;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 1px #000000;
    transform: rotate(-90deg) translate(-50%, 0);
    display: inline-block;
    transform-origin: left top;
    opacity: 0.45;
    position: absolute;
    top: 50%;
    left: 20px;
}
.quality-box .quality-box-content .icon{
    position: relative;
    margin-bottom: 15px;
}
.quality-box .quality-box-content .icon:after {
    content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    width: 45px;
    height: 45px;
    background: #00afef2e;
    border-radius: 50%;
    z-index: 0;
}
.quality-box .quality-box-content .icon::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 70%;
    height: 0.1px;
    background: #15161C;
    opacity: 0.2;
    transform: translateY(-50%);
}
.quality-box .quality-box-content .icon img{
    width: 65px;
    position: relative;
    z-index: 1;
}
.quality-box .quality-box-content .box-title{
  font-size: 20px;
    font-weight: 700;
    font-family: "Noto Serif", serif;
    margin-bottom: 10px;
}
.quality-box .quality-box-content .box-text{
  font-size: 16px;
  line-height: 25px;
  color: #666d81;
  font-weight: 400;
}
.quality-box .quality-box-content .link-icon{
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #eee;
    font-size: 18px;
    margin-bottom: -50px;
    margin-left: auto;
}
.quality-box .quality-box-content .link-icon a{
    color: #00AEEF;
}
.quality-management{
    margin: 50px 0px;
}
.quality-management .quality-card{
    background: #121212;
    padding: 20px;
    box-shadow: 0px 1px 2px 0px #eee;
    width: 100%;
    height: 100%;
   
}
.quality-management .quality-card .card-title{
    font-size: 20px;
    line-height: 34px;
    font-weight: 700;
    position: relative;
    text-align: center;
    color: #000;
    margin-bottom: 15px;
}
.quality-management .quality-card .card-text{
    font-size: 18px;
    line-height: 34px;
    font-weight: 400;
    font-family: 'PT Serif', serif;
    position: relative;
    text-align: center;
    color: #2C4250;
    margin-bottom: 15px;
}
.quality-management .quality-card .card-list{
    margin-bottom: 0px;
}
.quality-management .quality-card .card-list li{
    font-size: 16px;
    line-height: 25px;
    color: #6e7889;
    margin-bottom: 15px;
    font-family: 'PT Sans', sans-serif;
    position: relative;
}
.quality-management .quality-card .card-list li::before{
    content: "\f101";
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #F76E0C;
    font-size: 16px;
}
.quality-management .quality-card-1{
    background: #f9f9f9;
    padding: 20px;
    width: 100%;
    height: 100%;
     display: flex;
    justify-content: center;
    align-items: center;
}
.quality-management .quality-card-1 .card-title{
    font-size: 18px;
    line-height: 34px;
    font-weight: 600;
    position: relative;
    text-align: center;
    color: #000;
    margin-bottom: 10px;
}

.quality-management .quality-card-1 .card-text{
    font-size: 16px;
    line-height: 25px;
    color: #212529;
    position: relative;
    text-align: center;
}

.quality-management .quality-card-1.bg{
    width: 100%;
    height:250px;
    position: relative;
    padding: 0px;
    background: transparent;
}
.quality-management .quality-card-1.bg img{
     width: 100%;
    height: 100%;
    object-fit: cover;
}
.quality-service{
    margin: 50px 0px;
}
.quality-service .service-box .card-img{
    width: 100%;
    height: 270px;
    position: relative;
}
.quality-service .service-box .card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.quality-service .service-box .card-body{
   padding: 20px 10px;
   position: relative;
   z-index: 1;
}
.quality-service .service-box .card-body .card-title{
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0px;
    text-align: center;
    position: absolute;
    left: 20px;
    bottom: 20px;
    background: #00AEEF;
    padding: 10px 20px;
}
.quality-control-bg{
    padding: 30px 0px;
}
.quality-control-bg .quality-title{
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}
.quality-control-bg .quality-text{
       font-size: 16px;
    line-height: 28px;
    color: #212529;
    margin-bottom: 15px;
    font-weight: 400;
}
.quality-control-bg .lab-card{
    position: relative;
}
.quality-control-bg .lab-card .card-img{
    width: 100%;
    height: 340px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    border: 1px solid #eee;
}

.quality-control-bg .lab-card .card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s all;
}
.blur-img img{
    filter: blur(8px);
}
.quality-control-bg .lab-card:hover img{
    transform: scale(1.08);
}
.quality-control-bg .lab-card .card-title{
    position: relative;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    position: relative;
}
.quality-control-bg .lab-card .card-big-title{
    position: relative;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    position: absolute;
    bottom: 10px;
    left: 20px;
    transition: 0.6s all;
    opacity: 1;
    visibility: visible;
}
.quality-control-bg .lab-card:hover .card-big-title{
    opacity: 0;
    visibility: hidden;
}
.quality-control-bg .lab-card .card-text{
    font-size: 16px;
  line-height: 28px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px;
}
.quality-control-bg .lab-card:hover .card-img-overlay{
    opacity: 1;
}
.quality-control-bg .lab-card:hover .card-img:after{
    background: transparent;
}
.quality-control-bg .lab-card .card-img-overlay{
        position: absolute;
        padding: 0 25px;
        top: 0;
        opacity: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        width: 100%;
        z-index: 1;
        text-align: center;
        transition: .5s ease-in-out;
        -webkit-transition: .5s ease-in-out;
}
 .quality-control-bg .lab-card .card-content{
       background: #00AEEFd1;
       padding: 20px;
}
.quality-control-bg .lab-card .card-link a{
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #00AEEF;
    text-transform: capitalize;
    position: relative;
}
.quality-control-bg .lab-card .card-link a::after{
    content: "\f061";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 14px;
    right: -25px;
}


.manufacturing-detail{
    padding: 50px 0px;
    background-image: url(../images/banner/banner-4.webp);
background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}
.manufacturing-detail::after{
     position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.9);
    z-index: -1;
}
.manufacturing-detail .facture-desc{
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
.manufacturing-detail .facture-desc img{
    width: 25px;
    margin-right: 10px;
}
.manufacturing-detail .facture-content{
    padding-left: 30px;
}
.manufacturing-detail .facture-title{
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
     color: #fff;
     text-align: center;
}
.facture-big-box{
     font-size: 40px;
    color: #fff;
  background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
         font-family: "Noto Serif", serif;
    text-align: center;
    padding:12px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.manufacturing-detail .facture-list .facture-box{
    font-size: 16px;
    color: #000;
    background: #fff;
         font-family: "Noto Serif", serif;
    text-align: center;
    padding:12px 10px;
    border-radius: 6px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.manufacturing-detail .img-box{
    width: 100%;
    height: 350px;
    border: 5px solid #00AEEF;
}
.manufacturing-detail .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 20%;
}


.service_inner_page{
    padding: 60px 0px;
      background-color: #fff;
}
.service_inner_page .service-desc{
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
.service_inner_page .service-desc img{
    width: 25px;
    margin-right: 10px;
}
.service_inner_page .service-title{
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 20px;
     text-align: center;
}
.service_inner_page .service-text{
  font-size: 17px;
  line-height: 28px;
  color: #212529;
  font-weight: 400;
  margin-bottom: 20px;
}
 .text-justify{
    text-align: justify !important;
   }

.service_inner_page .service-box{
    background: #f9f9f9;
    padding: 35px;
    position: relative;
    border: 2px solid transparent;
}
.service_inner_page .service-box:hover{
    border-color: #00AEEF;
}
.service_inner_page .service-box:hover .link-icon{
    background: #00AEEF !important;
}
.service_inner_page .service-box:hover .link-icon a{
    color: #fff !important;
}
.service_inner_page .service-box .service-box-content{
    padding-left: 50px;
}
.service_inner_page .service-box .service-vert{
       font-size: 30px;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 1px #000000;
    transform: rotate(-90deg) translate(-50%, 0);
    display: inline-block;
    transform-origin: left top;
    opacity: 0.45;
    position: absolute;
    top: 50%;
    left: 20px;
}
.service_inner_page .service-box .service-box-content .icon{
    position: relative;
    margin-bottom: 15px;
}
.service_inner_page .service-box .service-box-content .icon:after {
    content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    width: 45px;
    height: 45px;
    background: #00afef2e;
    border-radius: 50%;
    z-index: 0;
}
.service_inner_page .service-box .service-box-content .icon::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 70%;
    height: 0.1px;
    background: #15161C;
    opacity: 0.2;
    transform: translateY(-50%);
}
.service_inner_page .service-box .service-box-content .icon img{
    width: 65px;
    position: relative;
    z-index: 1;
}
.service_inner_page .service-box .service-box-content .box-title{
  font-size: 20px;
    font-weight: 700;
    font-family: "Noto Serif", serif;
    margin-bottom: 10px;
}
.service_inner_page .service-box .service-box-content .box-text{
  font-size: 16px;
  line-height: 25px;
  color: #666d81;
  font-weight: 400;
  margin-bottom: 20px;
}
.service_inner_page .service-box .service-box-content .link-icon{
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #ddd;
    font-size: 18px;
    margin-bottom: -50px;
    margin-left: auto;
}
.service_inner_page .service-box .service-box-content .link-icon a{
    color: #333;
}

.ps-timeline-title{
     font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
     text-align: center;
}
.ps-timeline-sec {
    position: relative;
    padding: 100px 0px;
}
.ps-timeline-sec {
    position: relative;
}
@media screen and (max-width: 767px) {
    .ps-timeline-sec ol:before {
        background: #09487D;
        content: "";
        width: 10px;
        height: 10px;
        display: none;
        border-radius: 100%;
        position: absolute;
        top: 130px !important;
        left: 36px !important;
   }
    .ps-timeline-sec ol:after {
        background: #09487D;
        content: "";
        width: 10px;
        height: 10px;
          display: none;
        border-radius: 100%;
        position: absolute;
        top: inherit !important;
        left: 36px;
   }
    .ps-timeline-sec ol.ps-timeline {
        margin: 0px 0 !important;
        border-left: 0px solid #09487D;
        padding-left: 0 !important;
        padding-top: 0px !important;
        border-top: 0 !important;
        margin-left: 0px !important;
   }
    .ps-timeline-sec ol.ps-timeline li {
        height: 220px;
        float: none !important;
        width: inherit !important;
       /* &:nth-child(2) {
            .img-handler-bot {
                img {
                    width: 70px;
               }
           }
       }
        */
   }
    .ps-timeline-sec ol.ps-timeline li:last-child {
        margin: 0;
        bottom: 0 !important;
        height: 20px;
   }
    .ps-timeline-sec ol.ps-timeline li:last-child .ps-top {
        margin-bottom: 0 !important;
        top: 35px;
        width: 50% !important;
   }
    .ps-timeline-sec ol.ps-timeline li span {
        left: 50% !important;
        transform: translateX(-50%);
        top: -100px !important;
   }
    .ps-timeline-sec ol.ps-timeline li span.ps-sp-top:before {
        content: none !important;
   }
    .ps-timeline-sec ol.ps-timeline li span.ps-sp-top:after {
        content: none !important;
   }
    .ps-timeline-sec ol.ps-timeline li span.ps-sp-bot:before {
        content: none !important;
   }
    .ps-timeline-sec ol.ps-timeline li span.ps-sp-bot:after {
        content: none !important;
   }
    .ps-timeline-sec ol.ps-timeline li p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 0px !important;
   }
  
    .ps-timeline-sec ol.ps-timeline li .ps-top {
        width: 100% !important;
        float: right !important;
        right: 0;
        top: 40px;
        text-align: center;
   }
    .ps-timeline-sec ol.ps-timeline li .ps-bot {
        width: 100% !important;
        float: right !important;
        right: 0;
        top: -40px;
              text-align: center;
   }
   .ps-timeline-sec {
    padding: 100px 0px 0px;
}
}
.ps-timeline-sec ol:before {
    background: #09487D;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 48.5%;
}
.ps-timeline-sec ol:after {
    background: #09487D;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    right: 0px;
    top: 48.5%;
}
.ps-timeline-sec ol.ps-timeline {
    margin: 60px 0;
    padding: 0;
    border-top: 2px solid #09487D;
    list-style: none;
}
.ps-timeline-sec ol.ps-timeline li {
    float: left;
    width: 20%;
    padding-top: 30px;
    position: relative;
    display: flex;
    justify-content: center;
}
.ps-timeline-sec ol.ps-timeline li h5 {
    text-align: center;
    margin: -30px 0 -40px 50px;
    font-weight: 700px;
    color: #B24387;
}
.ps-timeline-sec ol.ps-timeline li span {
    width: 100px;
    height: 100px;
    background: #09487D;
   /* border-left-color: 4px solid $brand-color-g;
    border-right-color: transparent;
    border-top: 4px solid $brand-color-g;
    border-bottom-color: transparent;
    */
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    text-align: center;
    line-height: 50px -10;
    color: #B24387;
    font-size: 2em;
    font-style: normal;
    position: absolute;
    top: -50px;
    line-height: 80px;
}
.ps-timeline-sec ol.ps-timeline li span img{
    width: 50px;
}
.ps-timeline-sec ol.ps-timeline li span.ps-sp-top {
    border: 2px solid #09487D;
}

.ps-timeline-sec ol.ps-timeline li span.ps-sp-top:before {
    content: '';
    color: #09487D;
    width: 2px;
    height: 50px;
    background: #09487D;
    position: absolute;
    top: -50px;
    left: 50%;
}
.ps-timeline-sec ol.ps-timeline li span.ps-sp-top:after {
    content: '';
    color: #09487D;
    width: 8px;
    height: 8px;
    background: #09487D;
    position: absolute;
    bottom: 140px;
    left: 47%;
    border-radius: 100%;
}
.ps-timeline-sec ol.ps-timeline li span.ps-sp-bot {
    border: 2px solid #09487D;
}
.ps-timeline-sec ol.ps-timeline li span.ps-sp-bot:before {
    content: '';
    color: #09487D;
    width: 2px;
    height: 50px;
    background: #09487D;
    position: absolute;
    bottom: -50px;
    left: 50%;
}
.ps-timeline-sec ol.ps-timeline li span.ps-sp-bot:after {
    content: '';
    color: #09487D;
    width: 8px;
    height: 8px;
    background: #09487D;
    position: absolute;
    top: 140px;
    left: 47%;
    border-radius: 100%;
}
.ps-timeline-sec ol.ps-timeline li p {
    text-align: center;
    width: 100%;
    margin: 5 auto;
}
.ps-timeline-sec ol.ps-timeline li h4 {
    font-size: 18px;
    color: #46b652  ;
    font-weight: 600;
        font-family: "Noto Serif", serif;
        text-align: center;
}
.ps-timeline-sec ol.ps-timeline li .ps-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 140px;
    left: 50%;
    transform: translateX(-50%);
}
.ps-timeline-sec ol.ps-timeline li {
    font-size: 16px;
    color: #666;
}
.ps-timeline-sec ol.ps-timeline li .ps-bot {
    position: absolute;
    margin-top: 80px;
}
.ps-timeline-sec ol.ps-timeline li .ps-bottom {
    position: absolute;
    margin: 5px;
    text-align: center;
}


.switch {
  position: relative;
  display: inline-block;
  margin: 0 5px;
}

.switch > span {
  position: absolute;
  top: 8px;
  pointer-events: none;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  width: 50%;
  text-align: center;
}

.switch input.check-toggle-round-flat:checked ~ .off {
  color: #fff;
}

.switch input.check-toggle-round-flat:checked ~ .on {
  color: #fff;
}

.switch > span.on {
  left: 0;
  padding-left: 2px;
  color: #fff;
}

.switch > span.off {
  right: 0;
  padding-right: 4px;
  color: #00AEEF;
}

.switch .check-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.switch .check-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.switch input.check-toggle-round-flat + label {
  padding: 2px;
  width: 97px;
  height: 35px;
  background-color: #fff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
.switch input.check-toggle-round-flat + label:before, .switch input.check-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}

.switch input.check-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit--moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
.switch input.check-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 48px;
  background-color: #00AEEF;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
}


.switch input.check-toggle-round-flat:checked + label:after {
  margin-left: 44px;
}





#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    font-size: 14px;
    border: none;
    outline: none;
    background-color: #00AEEF;
    color: #fff;
    cursor: pointer;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
}
#myBtn::after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
#myBtn:hover {
    background-color: #22B8F1;
}


.social ul li {
    list-style-type: none;
    padding-left: 8px;
}
.social ul {
    display: flex;
    padding-left: 0px;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
}
.social i {
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin:0px 15px 0px 0px;
}
.social a {
    cursor: pointer;
}
.social i:hover{
    color: #fff;
}

@media (min-width:2000px) {
  .container{
    max-width: 1320px;
  }
}



@media (min-width: 992px) and (max-width: 1199.98px) {
    .web-view {
        display: none;
    }
    .mobile-view {
        display: block;
    }
    .mobile-header {
        background: #fff;
        width: 100%;
        z-index: 1200;
        background: transparent;
        border-bottom: 1px solid #dee2e6;
        padding: 5px 0px;

    }
    .mobile-header .logo img {
        width: 160px;
    }
    .mobile-header .mobile-header-list {
        list-style-type: none;
        margin-left: 0px;
        padding-left: 0px;
        margin-bottom: 0px;
    }
    .mobile-header .mobile-header-list .nav-item {
        border-bottom: 1px solid #2125291c;
        opacity: 0.7;
    }
    .mobile-header .mobile-header-list .nav-item .nav-link {
        padding: 10px 0px;
        font-size: 15px;
    color: #000;
    font-weight: 500;
        position: relative;
        line-height: 25px;
    }
  .mobile-header .mobile-header-list .nav-item .nav-link i{
        float: right;
    }
    .mobile-header .mobile-header-list  .sub-link{
        padding: 10px;
        font-size: 15px;
    color: #212529;
        position: relative;
        line-height: 25px;
    }
    .main-section .vertical-space-50{
        height: 0px !important;
    }
    .mobile-header .mobile-header-list .nav-item:last-child {
        border-bottom: none;
    }
    .mobile-header .offcanvas {
        width: 360px;
    }
    .mobile-header .offcanvas .logo img{
        width: 150px;
    }
    .toggler {
    color: #000 !important;
        font-size: 32px;
        border: none;
        text-align: center;
        padding: 0px;
    }
    .toggler:focus , .toggler:hover {
        color: #000;
        background: transparent;
    }
    .mobile-header .social ul {
        justify-content: flex-start;
    }
    .mobile-header .offcanvas-body {
        line-height: initial;
    }
    .banner .banner-carousel img{
        height: 300px;
    }
    .banner-section .banner-content{
        top: 55%;
    }
    .banner-section .banner-content .banner-title {
        font-size: 26px;
        line-height: 32px;
    }
    .main-title , .about-title , .form-section .form-left-title{
        font-size: 26px;
        line-height: 32px;
    }
   
    .logo img{
        width: 110px;
    }
    .footer .shipping-detail .shipping-title{
        text-align: left
    }
    .footer .shipping-detail .shipping-title::after{
        width: 0px;
        border-right: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
   .web-view {
        display: none;
    }
    .mobile-view {
        display: block;
    }
    .mobile-header {
       background: #fff;
        width: 100%;
        z-index: 1200;
        padding: 10px 0px;
      
    }
    .mobile-header .logo img {
        width: 160px;
    }
    .mobile-header .mobile-header-list {
        list-style-type: none;
        margin-left: 0px;
        padding-left: 0px;
        margin-bottom: 0px;
    }
    .mobile-header .mobile-header-list .nav-item {
        border-bottom: 1px solid #2125291c;
        opacity: 0.7;
    }
    .mobile-header .mobile-header-list .nav-item .nav-link {
        padding: 10px 0px;
        font-size: 15px;
    color: #000;
    font-weight: 500;
        position: relative;
        line-height: 25px;
    }
  .mobile-header .mobile-header-list .nav-item .nav-link i{
        float: right;
    }
    .mobile-header .mobile-header-list  .sub-link{
        padding: 10px;
        font-size: 15px;
    color: #212529;
        position: relative;
        line-height: 25px;
    }
    .main-section .vertical-space-50{
        height: 0px !important;
    }
    .mobile-header .mobile-header-list .nav-item:last-child {
        border-bottom: none;
    }
    .mobile-header .offcanvas {
        width: 360px;
    }
    .mobile-header .offcanvas .logo img{
        width: 150px;
    }
    .toggler {
    color: #000 !important;
        font-size: 32px;
        border: none;
        text-align: center;
        padding: 0px;
    }
    .toggler:focus , .toggler:hover {
        color: #000;
        background: transparent;
    }
    .mobile-header .social ul {
        justify-content: flex-start;
    }
    .mobile-header .offcanvas-body {
        line-height: initial;
    }
    .banner-section .banner-img{
        height: 450px;
    }
    .banner-section .banner-content{
        top: 55%;
    }
    .banner-section .banner-content .banner-title {
        font-size: 26px;
        line-height: 32px;
    }
    .main-title , .about-title , .form-section .form-left-title{
        font-size: 26px;
        line-height: 32px;
    }
 
    .logo img{
        width: 110px;
    }
    .footer .shipping-detail .shipping-title{
        text-align: left;
    }
    .footer .shipping-detail .shipping-title::after{
        width: 0px;
        border-right: none;
    }
    .cart-detail .table{
        width: 700px;
    }
    .over-auto{
        overflow: auto;
    }
    .proceed-check{
        padding: 0px;
    }
    .about-section .about-title , .about-detail .about-title, .work-process .process-title , .timeline .timeline-title, .our-service .service-title, .upcoming-events .event-title , .client-section .client-title , .news-event .news-title{
        line-height: 35px;
        font-size: 30px;
    }
    .progress-section .progress-box .progress-subtitle{
        font-size: 40px;
        top: 0px;
    }
    .footer .footer-bottom .social ul{
        justify-content: flex-start;
    }

.banner .banner-carousel .owl-nav {
    display: none !important;
}
.banner .banner-content{
    left: 0px;
}
#counter{
    display: none;
}
.banner .banner-content .banner-title{
    font-size: 30px;
    margin-bottom: 15px;
}
.menu-offcanvas .logo-offcanvas img{
    margin-left: 0px;
}
.menu-offcanvas .menu-address{
    padding: 0px;
    border-left: 0px;
    margin-left: 0px;
    margin-top: 50px;
}
.about-detail .img-content {
    position: absolute;
    left: 60px;
    top: -25px;
    padding:  35px;
    background: #00AEEF;
}
.about-detail .img-content .title{
    font-size:50px;
}
.why-choose-us .choose-content {
    padding-left: 0px;
}
.header-video , .service_inner_page .service-card .card-img{
    height: 280px;
}
.contact-detail .contact-title{
    font-size: 30px;
}
    }   

@media only screen and (max-width: 575.98px) {
    .web-view {
        display: none;
    }
    .mobile-view {
        display: block;
    }
    .mobile-header {
       background: #fff;
        width: 100%;
        z-index: 1200;
        padding: 15px 0px;
      
    }
    .mobile-header .logo img {
        width: 220px;
    }
    .mobile-header .mobile-header-list {
        list-style-type: none;
        margin-left: 0px;
        padding-left: 0px;
        margin-bottom: 0px;
    }
    .mobile-header .mobile-header-list .nav-item {
        border-bottom: 1px solid #2125291c;
        opacity: 0.7;
    }
    .mobile-header .mobile-header-list .nav-item .nav-link {
        padding: 10px 0px;
        font-size: 15px;
    color: #000;
    font-weight: 500;
        position: relative;
        line-height: 25px;
    }
  .mobile-header .mobile-header-list .nav-item .nav-link i{
        float: right;
    }
    .mobile-header .mobile-header-list  .sub-link{
        padding: 10px;
        font-size: 15px;
    color: #212529;
        position: relative;
        line-height: 25px;
    }
    .main-section .vertical-space-50{
        height: 0px !important;
    }
    .mobile-header .mobile-header-list .nav-item:last-child {
        border-bottom: none;
    }
    .mobile-header .offcanvas {
        width: 360px;
    }
    .mobile-header .offcanvas .logo img{
        width: 180px;
    }
    .toggler {
    color: #000 !important;
        font-size: 32px;
        border: none;
        text-align: center;
        padding: 0px;
    }
    .toggler:focus , .toggler:hover {
        color: #000;
        background: transparent;
    }
    .mobile-header .social ul {
        justify-content: flex-start;
    }
    .mobile-header .offcanvas-body {
        line-height: initial;
    }
    .banner-section .banner-img{
        height: 450px;
    }
    .banner-section .banner-content{
        top: 55%;
    }
    .banner-section .banner-content .banner-title {
        font-size: 26px;
        line-height: 32px;
    }
    .main-title , .about-title , .form-section .form-left-title{
        font-size: 26px;
        line-height: 32px;
    }
 
    .logo img{
        width: 110px;
    }
    .footer .shipping-detail .shipping-title{
        text-align: left;
    }
    .footer .shipping-detail .shipping-title::after{
        width: 0px;
        border-right: none;
    }
    .cart-detail .table{
        width: 700px;
    }
    .over-auto{
        overflow: auto;
    }
    .proceed-check{
        padding: 0px;
    }
    .about-section .about-title , .quality-control-bg .quality-title, .quality-detail .quality-title, .about-detail .about-title, .work-process .process-title , .timeline .timeline-title, .our-service .service-title, .upcoming-events .event-title , .client-section .client-title , .news-event .news-title{
        line-height: 35px;
        font-size: 30px;
    }
    .progress-section .progress-box .progress-subtitle{
        font-size: 30px;
        top: 0px;
    }
    .footer .footer-bottom .social ul{
        justify-content: flex-start;
    }
.event-slider .owl-nav button.owl-prev ,  .client-carousel .owl-nav button.owl-prev {
    left: 0px;
}
.event-slider .owl-nav button.owl-next ,  .client-carousel .owl-nav button.owl-next {
    right: 0px;
}
.banner .banner-carousel .owl-nav {
    display: none !important;
}
.banner .banner-content{
    left: 0px;
}
#counter{
    display: none;
}
.banner .banner-content .banner-title{
    font-size: 30px;
    margin-bottom: 15px;
}
.menu-offcanvas .logo-offcanvas img{
    margin-left: 0px;
}
.menu-offcanvas .menu-address{
    padding: 0px;
    border-left: 0px;
    margin-left: 0px;
    margin-top: 50px;
}
.about-detail .img-content {
    position: absolute;
    left: -10px;
    top: -11px;
    padding: 20px 35px;
    background: #00AEEF;
}
.about-detail .img-content .title{
    font-size: 33px;
}
.why-choose-us .choose-content {
    padding-left: 0px;
}
.spectrum-service .spectrum-box{
    margin-top: 30px;
}
.special-feature .feature-box .text{
    font-size: 18px;
}
.header-video , .service_inner_page .service-card .card-img{
    height: 280px;
}
.contact-detail .contact-title{
    font-size: 30px;
}
.quality-service {
    margin: 50px 0px 0px;
}
.quality-detail {
    padding: 20px 0px 0px;
}
.about-banner{
    height: 320px;
}
.our-service .service-card .card-img{
    height: 250px;
}
.top-header .social-icon ul{
    justify-content:center;
}
}