:root {
    --primary: #0caf55;
    --secondary: #5F656F;
    --light: #F5F5F5;
    --dark: #02245B;
  }
  .back-to-top {
    position:fixed;
    display:none;
    right:30px;
    bottom:30px;
    z-index:99;
  }
  h1,
  h2,
  .h1,
  .h2,
  .fw-bold {
    font-weight:700!important;
    color: #101010;
  }
  h3,
  h4,
  .h3,
  .h4,
  .fw-medium {
    font-weight:600 !important;
  }
  h5,
  h6,
  .h5,
  .h6,
  .fw-semi-bold {
    font-weight:500 !important;
  }
  p, .main-table li {color: #161616;font-size: 16px;letter-spacing: .5px;margin: 0 0 10px 0;line-height: 1.6;/* text-align: justify; */}
  a{ color:#fff; text-decoration:none;}
  .text-primary{ color: #0caf55 !important;}
  
  /*
  #spinner {
    opacity:0;
    visibility:hidden;
    transition:opacity .5s ease-out,visibility 0s linear .5s;
    z-index:99999;
  }
  #spinner.show {
    transition:opacity .5s ease-out,visibility 0s linear 0s;
    visibility:visible;
    opacity:1;
  }
  */
  .par-sub-heading {
    color: #02245B;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    margin: 9px 0 0px 0;
}
  .btn-primary{ background-color: #0caf55 !important; color: #fff !important; border: 0;}
  .bg-primary{ background-color: #0caf55 !important; color: #fff !important;}
  .bg-dark{background-color: #02245b !important;color: #fff !important;}
  
  .btn {
    transition:.5s;
    font-weight:500;
    text-decoration:none;
  }
  .btn-primary,
  .btn-outline-primary:hover {
    color:#fff;
  }
  .btn-square {
    width:38px;
    height:38px;
  }
  .btn-sm-square {
    width:32px;
    height:32px;
  }
  .btn-lg-square {
    width: 35px;
    height: 35px;
  }
  .btn-square,
  .btn-sm-square,
  .btn-lg-square {
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:400;  
  }
  
  .testimonial-item{ box-shadow: 0 0 45px rgba(0,0,0,.08); width: 60%; margin: 50px auto;}
  .quote-square{ margin:0 auto; position:relative; top:-20px; z-index:999;}
  
  .topbar-right {
    position:relative;
    background:var(--primary);
  }
  .topbar-right::before {
    position:absolute;
    content:"";
    width:30px;
    height:100%;
    top:0;
    left:-15px;
    transform:skewX(-30deg);
    background-color:var(--primary);
  }

  
  .carousel-caption {
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    background:linear-gradient(to right,rgba(2,36,91,1) 0%,rgba(2,36,91,0) 100%);
    z-index:1;
    padding: 0 0 0 5%;
  }
  .carousel-control-prev,
  .carousel-control-next {
    width: 10%;
  }
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    width:3.5rem;
    height:3.5rem;
    background-color:var(--primary);
    border:15px solid var(--primary);
    border-radius:3.5rem;
  }
  
  
  .page-header {
    background:linear-gradient(to right,rgba(2,36,91,1) 0%,rgba(2,36,91,0) 100%),url(image/carousel-2.jpg) center center no-repeat;
    background-size:cover;
  }
  
  .page-header .breadcrumb-item+.breadcrumb-item::before {
    color:var(--light);
  }
  
  .page-header .breadcrumb-item,
  .page-header .breadcrumb-item a {
    font-size:18px;
    color:var(--light);
  }
  
  
  .radius1{ border-radius: 100% 50% 100% 50% !important; position:relative; bottom:-30px; border:10px #fff solid;}
  .radius2{ border-radius: 5% !important;}
  .radius3{ border-radius: 100% 50% 100% 50% !important;}
  
  .why-radius{ border-radius: 5% 100% 100% 5% !important;}
  
  
  .facts {
    position:relative;
    margin:6rem 0;
    background:var(--dark);
  }
  
  .facts .border {
    border-color:rgba(255,255,255,.1) !important;
  }
  
  .btn-play {
    position:absolute;
    top:50%;
    right:-30px;
    transform:translateY(-50%);
    display:block;
    box-sizing:content-box;
    width:16px;
    height:26px;
    border-radius:100%;
    border:none;
    outline:none!important;
    padding:18px 20px 20px 28px;
    background:var(--primary);
  }
  
  
  .btn-play:before {
    content:"";
    position:absolute;
    z-index:0;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    display:block;
    width:60px;
    height:60px;
    background:var(--primary);
    border-radius:100%;
    animation:pulse-border 1500ms ease-out infinite;
  }
  .btn-play:after {
    content:"";
    position:absolute;
    z-index:1;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    display:block;
    width:60px;
    height:60px;
    background:var(--primary);
    border-radius:100%;
    transition:all 200ms;
  }
  .btn-play span {
    display:block;
    position:relative;
    z-index:3;
    width:0;
    height:0;
    left:-1px;
    border-left:16px solid #fff;
    border-top:11px solid transparent;
    border-bottom:11px solid transparent;
  }
  
  @keyframes pulse-border {
    0% {
      transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity:1;
    }
    100% {
      transform:translateX(-50%) translateY(-50%) translateZ(0) scale(2);
      opacity:0;
    }
  }
  
  .modal-video .modal-dialog {
    position:relative;
    max-width:800px;
    margin:60px auto 0;
  }
  .modal-video .modal-body {
    position:relative;
    padding:0;
  }
  .modal-video .close {
    position:absolute;
    width:30px;
    height:30px;
    right:0;
    top:-30px;
    z-index:999;
    font-size:30px;
    font-weight:400;
    color:#fff;
    background:#000;
    opacity:1;
  }
  .service-item {
    position:relative;
    margin:65px 0 25px;
    box-shadow:0 0 45px rgba(0,0,0,.07);
  }
  
  .service-item .service-img {
    position:absolute;
    padding:12px;
    width:130px;
    height:130px;
    top:-65px;
    left:50%;
    transform:translateX(-50%);
    background:#fff;
    box-shadow:0 0 45px rgba(0,0,0,.09);
    z-index:2;
    border-radius:16px;
  }
  .service-item .service-img img{ border-radius:10px;}
  
  .service-item .service-detail {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    overflow:hidden;
    z-index:1;
  }
  .service-item .service-detail hr{ color: var(--primary); border-top: 2px solid; opacity:1; width:70% !important;}
  
  .service-item .service-title {
    position:absolute;
    padding: 65px 40px 25px;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    background: rgba(2,36,91,.95);
    transition:.5s;
  }
  .service-item:hover .service-title {
    top:-100%;
  }
  .service-item .service-text {
    position:absolute;
    overflow:hidden;
    padding:65px 30px 25px;
    width:100%;
    height:100%;
    top:100%;
    left:0;
    display:flex;
    align-items:center;
    text-align:center;
    background:rgba(2,36,91,.7);
    transition:.5s;
  }
  
  .service-item:hover .service-text{ top:0;}
  
  .service-item .service-text::before {
    position:absolute;
    content:"";
    width:100%;
    height:100px;
    top:-100%;
    left:0;
    transform:skewY(-12deg);
    background:#fff;
    transition:.5s;
  }
  
  .service-item:hover .service-text::before {
    top:-55px;
  }
  .service-item .btn {
    position:absolute;
    width:130px;
    height:50px;
    left:50%;
    bottom:-25px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    color: #FF5A0E;
    background:#fff;
    border:none;
    box-shadow:0 0 45px rgba(0,0,0,.09);
    z-index:2;
  }
  .service-item .btn:hover {
    color:#fff;
    background:var(--primary);
  }
  .project-carousel {
    position:relative;
    background:var(--dark);
  }
  .project-item {
    position:relative;
    display:block;
  }
  .project-item img {
    transition:.5s;
    border-radius: 10px 10px 0 0;
  }
  .project-item:hover img,
  .project-carousel .owl-item.center img {
    margin-top:-60px;
  }
  .project-item .project-title {
    position:absolute;
    padding:0 15px;
    width:100%;
    height:80px;
    bottom:-110px;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:var(--dark);
    transition:.5s;
  }
  .project-item:hover .project-title,
  .project-carousel .owl-item.center .project-title {
    bottom:-60px;
  }
  
  .project-item .project-title::before {
    position:absolute;
    content:"";
    width:100%;
    height:30px;
    top:-15px;
    left:0;
    transform:skewY(-5deg);
    background:var(--dark);
    transition:.5s;
  }
  
   /* # Counts */
  .counter-hm{ background: #02245b; /*background:url(image/count-bg.jpg) no-repeat fixed; background-size:cover;*/ position:relative;}
  
  .counter-hm::before {
    position:absolute;
    content:"";
    width:130px;
    height:100%;
    top:0;
    left:-100px;
    transform:skewX(-30deg);
    background-color:var(--primary);
  }
  
  /*
  .counter-hm::after {
    position:absolute;
    content:"";
    width:50px;
    height:100%;
    top:0;
    right:-50px;
    transform:skewX(-30deg);
    background-color:var(--primary);
  }
  */
  
  .counter-box {
      padding: 40px 20px 38px;
      margin-bottom: 16px;
      text-align: center;
      border:1px solid var(--primary);
      border-radius:100%;
  }
  
  .counter-box p {
      margin: 5px 0 0;
      padding: 0;
      color: #fff;
      font-size: 19px !important;
      font-weight: 500;
      text-align: center;
  }
  
  .counter-box i {
      font-size: 56px;
      margin: 0 0 15px;
      color: #fff;
  }
  
  .counter {
      font-size: 45px;
      font-weight: 700;
      color: #fff;
      line-height: 28px;
  }
  
  
  
  .counter-box:hover{ background: var(--primary);}
  .counter-box.colored p,
  .counter-box.colored i,
  .counter-box.colored .counter {
      color: #fff;
  }
  
  .count-box h4 { font-size: 40px; display: block; font-weight: 600; padding-top: 10px; color: #fff;}
  .count-box p {font-size: 15px;}
  
  
  
  .team-item .team-social {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:-100%;
    display:flex;
    align-items:center;
    background:var(--primary);
    transition:.5s;
  }
  .team-item:hover .team-social {
    left:0;
  }
  
  .team-item img{ border-radius: 20px 20px 0 0;}
  
  
  .testimonial-carousel::before {
    position:absolute;
    content:"";
    top:0;
    left:0;
    height:100%;
    width:0;
    background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    z-index:1;
  }
  .testimonial-carousel::after {
    position:absolute;
    content:"";
    top:0;
    right:0;
    height:100%;
    width:0;
    background:linear-gradient(to left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    z-index:1;
  }
  
  .testimonial-carousel .owl-nav {
    position:absolute;
    width:350px;
    top:20px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    justify-content:space-between;
    opacity:0;
    transition:.5s;
    z-index:1;
  }
  .testimonial-carousel:hover .owl-nav {
    width:300px;
    opacity:1;
  }
  .testimonial-carousel .owl-nav .owl-prev,
  .testimonial-carousel .owl-nav .owl-next {
    position:relative;
    color:var(--primary);
    font-size:45px;
    transition:.5s;
  }
  .testimonial-carousel .owl-nav .owl-prev:hover,
  .testimonial-carousel .owl-nav .owl-next:hover {
    color:var(--dark);
  }
  .testimonial-carousel .testimonial-img img {
    width:100px;
    height:100px;
  }
  .testimonial-carousel .testimonial-img .btn-square {
    position:absolute;
    bottom:-19px;
    left:50%;
    transform:translateX(-50%);
  }
  .testimonial-carousel .owl-item .testimonial-text {
    margin-bottom:30px;
    box-shadow:0 0 45px rgba(0,0,0,.08);
    transform:scale(.8);
    transition:.5s;
  }
  .testimonial-carousel .owl-item.center .testimonial-text {
    transform:scale(1);
  }
  .footer {
    color: #ffffff;
    position:relative;
    overflow: hidden;
  }

.footer p, .copyright p { color: #fff}
  
  .footer::before {
    position:absolute;
    content:"";
    width: 200px;
    height: 300px;
    top: -17%;
    left: -10%;
    /* transform:skewX(-30deg); */
    background-color:var(--primary);
    transform: rotate(32deg);
  }
    .footer .container {position:relative;}
  .ft-bg{ background-color:var(--primary);}
  
  
  .footer .btn.btn-link {
    display:block;
    margin-bottom:5px;
    padding:0;
    text-align:left;
    color:#fff;
    font-weight:400;
    text-transform:capitalize;
    transition:.3s;
  }
  .footer .btn.btn-link::before {
    position:relative;
    content:"";
    font-family:"Font Awesome";
    font-weight:900;
    margin-right:10px
  }
  .footer .btn.btn-link:hover {
    color:var(--light);
    letter-spacing:1px;
    box-shadow:none;
  }
  .copyright {
    color:#b0b9ae;
    border-top:1px solid rgba(255,255,255,.1);
  }

  
 
    .btn-play {
      left:auto;
      right:-12%;
      transform:translate(-50%,-50%);
    }
    
  }
  
  
  @media(max-width:767px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
      width:200px;
    }
    
    #header-carousel .carousel-item {
      position:relative;
      min-height:450px
    }
    
    #header-carousel .carousel-item img {
      position:absolute;
      width:100%;
      height:100%;
      object-fit:cover;
    }
      
    .counter-hm::before{ width: 15px; left: 0; transform: skewX(0deg);}
    .counter-box{ margin-top: 10px; margin-bottom: 20px; border-radius: 30px;}
    
    .footer::before{ width: 100%; height: 10px; left: 0; transform: skewX(0deg);}
      
  }
  
 
  section.inner-banner-about p {
    color: #fff;
}
  
header { background: #0caf55;}  
header .logo-web { width: 240px; padding: 5px 0}
  .inner-banner-about { background-image: url(image/inner-banner-about.jpg); background-size: cover; background-position: center; padding: 7% 0;}
.inner-banner-about inner-banner-about inner-banner-about h1 { color: #fff; font-size: 52px; font-weight: 700; letter-spacing: .5px; text-align: left;}
.inner-banner-aboutinner-banner-about p { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 400; letter-spacing: .4px; text-align: left;}
.inner-banner-about p a:hover { color: #fff;}
.inner-banner-about h1 { color: #fff; font-size: 52px; font-weight: 700; letter-spacing: .5px; text-align: left;}

.inner-banner { background-image: url(image/inner-banner.jpg); background-size: cover; background-position: center; padding: 7% 0; position:relative;}
.inner-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:-;}
.inner-banner>.container{position:relative;}
.directors-innr-bg{background-image: url(image/directors-innr-bg.jpg);}
/* .contact-innr-bg{background-image: url(image/contact-innr-bg.jpg);} */
.contact-innr-bg{background:#0b53a4;}
.inner-banner h1 { color: #fff; font-size: 52px; font-weight: 700; letter-spacing: .5px; text-align: left;}
.inner-banner p { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 400; letter-spacing: .4px; text-align: left;}
.inner-banner p a:hover { color: #fff;}
.global-inner-banner { background-image: url(image/global-inner-banner.jpg); background-size: cover; background-position: center; padding: 7% 0;}
.International-inner-banner { background-image: url(image/International-inner-banner.jpg); background-size: cover; background-position: center; padding: 7% 0;}
.Domestic-inner-banner { background-image: url(image/Domestic-inner-banner.jpg); background-size: cover; background-position: center; padding: 7% 0;}

.contact-page .contact-info { padding: 10px 20px 0 20px;}
.contact-page .contact-info i { color: #FF5A0E; font-size: 27px;}
.contact-page .contact-info h5 { font-size: 14px; color: #353535; font-weight: 500; margin-bottom: 3px; text-transform: uppercase; letter-spacing: .1em;}
.contact-page .contact-info p, .contact-page .contact-info p a { color: #02245B;}
.contact-page .contact-form .form-control { background: #e7e7e7; margin: 0 0 18px 0; padding: 17px; border: 0; color: #1a1a1a;}
.contact-page .contact-form .form-control::placeholder { color: #1a1a1a;}

.sub-heading { color: #02245B; font-size: 27px; font-weight: 600; margin: 0 0 10px 0;}

.sub-heading1 { background:#02245B; color: #fff; font-size: 20px; font-weight: 600; margin: 0 0 10px 0; text-align:center;}

.product-bx {position: relative;margin-top: 10px;}
.product-bx img {border-radius: 15px;object-fit: cover;}
.product-bx::after { content: ''; position: absolute; background: rgba(2, 36, 91, .8); top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px; transition: all .3s ease-in-out;}
.product-bx .text { position: absolute; z-index: 3; padding: 40px; left: 0; bottom: 0; width: 100%; transition: all .3s ease-in-out;}
.product-bx .text h2 {color: #ffff;font-size: 28px;font-weight: 600;letter-spacing: .7px;position: relative;}
.product-bx .text h2 a { color: #fff;}
.product-bx .text h2::after { content: ''; position: absolute; height: 2px; width: 100px; background: #0caf55; left: 0; bottom: -10px; transition: all .3s ease-in-out;}
.product-bx:hover.product-bx::after { background: rgba(2, 36, 91, .92);}
.product-bx:hover.product-bx .text { padding: 50px 40px;}
.product-bx:hover.product-bx .text h2::after  {width: 100%;}


.col-md-4 img {
    height: 175px;
    width: 366px;
}

.lgo-orange{color: var(--primary);font-weight: bold;}
.lgo-blue{color:#0f559b; font-weight: bold;}
.orange-bg{background-color:var(--primary); color:white;font-weight:600;}

.navbar.sticky-top {
  top:-100px;
  transition:.5s
}
.navbar .navbar-brand {
  right: 36px!important;
  position:relative;
  padding-right:50px;
  height:85px;
  display:flex;
  align-items:center;
  background: #ffffff;
}
.navbar .navbar-brand::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 103%;
    top: -3px;
    right: 0px;
    transform: skewX(-30deg);
    background: var(--primary);
}




.navbar .navbar-nav .nav-link {
    margin-right: 26px;
    padding: 20px 0;
    color: var(--dark);
    font-size: 15px;
    font-weight: 500;
    outline: none;
}

@media(max-width:991.98px) {
  .navbar .navbar-nav .nav-link {
    margin-right:0;
    padding:10px 0;
  }
  .navbar .navbar-nav {
    border-top:1px solid #eee;
  }
}


@media(max-width:480px) {
.navbar .navbar-brand::after { display:none;}
.navbar-toggler{ margin: 10px;}	
.navbar .navbar-nav .nav-link{ border-bottom: 1px #ccc solid;}
	
}




@media (min-width: 1023px) {
    .navbar-nav li:hover>ul.dropdown-menu {
        display: block;
    }
	    .dropend .dropdown-menu {
        right: 100% !important;
        top: 0;
        left: auto !important;
    }
}
@media (max-width:991px){
	.footer::before{display:none;}
}

@media (min-width: 320px) and (max-width: 768px) {
    .navbar .navbar-brand {
        height: 0;
        margin-top: -12px;
		display:none;
    }
	.carousel-item img{aspect-ratio:1/1;}
	.counter-hm::before{display:none;}
	/* .footer::before{display:none;} */
	
}

.inner-banner { background-image: url(image/inner-banner.jpg); background-size: cover; background-position: center; padding: 7% 0; position:relative;}
.inner-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index: 2; background: linear-gradient(to right,rgba(2,36,91,1) 0%,rgba(2,36,91,0) 100%);}
.inner-banner h1 { color: #fff; font-size: 52px; font-weight: 700; letter-spacing: .5px; text-align: left; margin: 0 0 20px 0; position: relative; z-index: 2}
.inner-banner p { color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 400; letter-spacing: .6px; text-align: left; position: relative; z-index: 2;}
.inner-banner p a:hover { color: #fff;}

.sub-heading {color: #02245B;font-size: 24px;font-weight: 600;margin: 0 0 10px 0;padding: 5px 0;line-height: 1.5;border-bottom: 1px dashed #ddd;}

.about-page ul, .about-page ul li {list-style: none;margin: 0;padding: 0;}
.about-page ul li {position: relative;padding: 0 0 40px 40px;font-size: 18px;}
.about-page ul li::after {content: '';position: absolute;width: 15px;height: 15px;border-radius: 50%;background: #114a9f;left: 0;top: 5px;}
.about-page ul li::before {content: '';position: absolute;width: 1px;height: 80%;background: #202020;left: 7px;top: 24px;}
.about-page li:last-child::before { height: 0}
.about-page li h3 { font-size: 21px; color: #0caf55; font-weight: 700;}
.about-page li h4 { color: #00b5ca; font-size: 20px;}

.ser-page ul { list-style-image: url('image/right.png');}

.why-dezinext .journey-bx { margin: 20px 0; position: relative}
.why-dezinext .journey-bx .pic {position: relative;display: inline-block;text-align: center;padding: 22px;border-radius: 50%;background: #00b5ca;margin: 0 0 20px 0;font-size: 20px;font-weight: 600;color: #fff;letter-spacing: .5px;}
.why-dezinext .journey-bx::after {content: '';position: absolute;width: 80%;border-bottom: 2px dashed #00b5ca;top: 38px;left: 60%;}
.why-dezinext .journey-bx:last-child::after { width: 0}
.why-dezinext .journey-bx img{ width: 55px;}
.why-dezinext .journey-bx h5 {font-size: 16px;color: #0caf55;text-transform: uppercase;letter-spacing: .6px;font-weight: 700;}
.why-dezinext .journey-bx p {font-size: 14px;color: #000;text-align: center;padding: 0 20px;}

.team-page .team-card { background: #f3f3f3; border-radius: 10px; padding: 30px}
.team-page .team-card .team-pic img {border-radius: 50%; width: 60%}
.team-page .team-card .text h4 { text-align: center; font-size: 22px; margin: 20px 0 12px 0; color: #0caf55; font-weight: 600}
.team-page .team-card .text h5, .team-page .team-card .text p { text-align: center; color: #121212; font-size: 16px} 

.contact-page .contact-info { padding: 10px 20px 0 20px;}
.contact-page .contact-info i {color: #00b5ca;font-size: 27px;}
.contact-page .contact-info h5 {font-size: 16px;color: #0caf55;margin-bottom: 7px;text-transform: uppercase;letter-spacing: .1em;font-weight: 700;}
.contact-page .contact-info p, .contact-page .contact-info p a {color: #222222;margin: 0 0 10px 0;}
.contact-page .contact-form .form-control { background: #e7e7e7; margin: 0 0 18px 0; padding: 17px; border: 0; color: #1a1a1a;}
.contact-page .contact-form .form-control::placeholder { color: #1a1a1a;}