/* Bootstrap */
@import url('bootstrap.min.css');

/* Animation */
@import url('animate.css');

/* Carousal */
@import url('owl.carousel.css');

/* Fonts */
/* @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700;6..12,800&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Katibeh&family=Poppins: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&display=swap');

:root {
    --base-color: #0c54a0;
    --secondary-color:#E57814;
    --dark-color: #000000;
    --green-color: #0a6230;
    --white-color: #ffffff;
}
/*html {*/
/*    scroll-behavior: smooth;*/
/*}*/
:root {
    scroll-behavior: unset !important;
}
*, body {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color:#767676;
    font-weight: 400;
}

.btn:hover {
  color: var(--base-color);
  background-color: #ffffff;
  border-color: var(--base-color);
}

h1, h2, h3, h4, h5, h6 {font-family: "Katibeh", serif; font-weight: 400 !important;font-style: normal; line-height: 1;}

/* Banner ANimation */

.area{
  background: #4e54c8;  
  background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);  
  width: 100%;
  height:100vh;
}

.modal-header {
  background: #082843;
  color: #fff;
}
.modal-header .modal-title {color: #fff;}


.circles{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.circles li{
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  animation: animate 25s linear infinite;
  bottom: -150px;
  
}

.circles li:nth-child(1){
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}


.circles li:nth-child(2){
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.circles li:nth-child(3){
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.circles li:nth-child(4){
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.circles li:nth-child(5){
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.circles li:nth-child(6){
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

.circles li:nth-child(7){
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

.circles li:nth-child(8){
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.circles li:nth-child(9){
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.circles li:nth-child(10){
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}



@keyframes animate {

  0%{
      transform: translateY(0) rotate(0deg);
      opacity: 1;
      border-radius: 0;
  }

  100%{
      transform: translateY(-1000px) rotate(720deg);
      opacity: 0;
      border-radius: 50%;
  }

}
/*  */

.btn-primary {background-color: var(--base-color); border-color: var(--base-color); border-radius:40px; min-height: 50px;
  text-transform: uppercase;
  font-weight: 600;}

.nav-link {
  font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.btn span {color: var(--white-color); margin-right: 5px;}
header .btn-warning {background-color: var(--secondary-color); border-radius: 40px; padding-left: 20px; padding-right: 20px; color: #fff; border-color: var(--secondary-color);}
header .btn-warning:hover {background-color:transparent; color: #fff; border-color:#fff;}
header nav.navbar {box-shadow:none;}
header .btn-primary {padding-left: 20px; padding-right: 20px;}

header .navbar-brand {position: relative;margin: 0;padding: 0;}
header .navbar-brand img {position: relative; z-index: 99;transition: all 0.3s ease;}

h2, h3,h4,h5,h6 {color:#000b47;}

/* Before scroll */
header .navbar-brand:before {
    background: var(--secondary-color);
    content: "";
    width: 220px;
    height: 250px;
    position: absolute;
    transform: rotate(45deg);
    border-radius: 20px;
    top: -130px;
    left: -30px;
    transition: all 0.5s ease;
}

header .navbar-brand:after {
    background: #fff;
    content: "";
    width: 200px;
    height: 230px;
    position: absolute;
    transform: rotate(45deg);
    border-radius: 20px;
    top: -130px;
    left: -20px;
    z-index: 1;
    box-shadow: 0 0 30px rgb(0 0 0 / 38%);
    transition: all 0.5s ease;
}

/* After scroll */
.fixednav {
    background: #082a44;
    padding: 5px 0px;
}

.fixednav .navbar-brand:before {
    height: 160px;
    left: -40px;
    transition: all 0.5s ease;
}

.fixednav .navbar-brand:after {
    height: 155px;
    left: -24px;
    transition: all 0.5s ease;
}

.fixednav .navbar-brand img {
    height: 45px;
    margin-left: 50px;
    margin-bottom: 30px;
    margin-top: -10px;
    transition: all 0.5s ease;
}


.headingtags h2 span {display: block; text-transform: uppercase; color: var(--secondary-color);}
.headingtags {margin-bottom: 30px;}
.headingtags h2 {
  font-size: 54px;
}
.h4, h4 {
  font-size: 50px;
}

.bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark p, .bg-dark li {color: #fff;}

.key-atriibutes {display: flex; align-items: center; min-height: 100vh;}
header .navbar-brand img {height: 78px;}
/* header .navbar-brand:after {
  background: #fff;
  content: "";
  width: 117px;
  height: 110px;
  position: absolute;
  border-radius: 0 0 40px 40px;
  top: -32px;
  left: 0px;
  z-index: 1;
  box-shadow: 0 0 30px rgb(0 0 0 / 38%);
  transition: all 0.3s ease;
} */

.her-divider-wrap {
    position: absolute;
    top: auto;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3;
    transform: translateZ(0);
}
.her-divider-wrap svg {
    fill: var(--white-color);
}

header.fixed-top {
  /* background-color: #fff;
  box-shadow: 0 0 10px rgb(0 0 0 / 14%); */
}

/* header.fixednav {
  box-shadow: 0 0 10px rgb(0 0 0 / 14%);
  background-color: #0055d2;
  transition: background-color 100ms linear;
} */

  .navbar-brand img {transition: all 0.3s ease;}
/* header.fixednav .navbar-brand:after, header.fixednav .navbar-brand:before {content: none;}
.fixednav .nav-link {color: #000;} */

.hero-section {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.intro {
    position: absolute;
    left: 0;
    top: 50%;
    padding: 0 20px;
    width: 100%;
    
  }
  .hero-text {padding:0 0 0 0; position: relative; z-index: 9;}


.hero-text h1 {
    font-size: 70px; 
    font-weight: 400; 
    color: #fff;
    /* background: -webkit-linear-gradient(45deg, #02438D, #e57814);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}
.hero-text p {font-size: 22px;color: #fff;}
.hero-text .btn-primary {
    display:inline-flex;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    background: rgb(229,120,20);
    border-radius: 60px;
    padding: 15px 40px;
    border: 0px;
    max-width: 370px;
    justify-content: center;
    transition: transform .2s;
}

.hero-text .btn-primary:hover {color: #fff; }

header .nav-link:hover, header .nav-link.active {color:var(--secondary-color);}

.rotate-image {
  position: absolute;
  top: -20%;
    left: 13%;
  width: 350px;
  height: 350px;
  margin:0;
  -webkit-animation:spin 1.5s linear infinite;
  -moz-animation:spin 1.5s linear infinite;
  animation:spin 1.5s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.atriibutes-txt li {
  font-size: 16px;
  font-weight: 500;
  color: #767676;
}

.main-container {overflow-x: hidden;}



.hero-text .btn-primary span {margin-left: 7px;}
.hero-text .btn-primary:hover {transform: scale(1.05);}
.secondary-nav {background-color: var(--base-color); min-height: 30px;}
.secondary-nav .nav-link {color: var(--white-color);}
.secondary-nav .nav-link:hover {color: var(--secondary-color);}
.section-padd-top {padding-top: 50px;}
.section-padd-bottom {padding-bottom: 50px;}
.section-padd {padding-top: 50px; padding-bottom:50px;}
.mobile-app {
    position: absolute;
    z-index: 19;
    width: 24%;
    left: 6%;
}
.section-img {width: 100%;}
.section-img.tablet-img {
    width: 72%;
    position: absolute;
    right: 0;
    top: -10px;
}

.bg-light {background-color: #F1F1F1 !important;}
.bg-dark {
  background: rgb(8,42,68);
background: linear-gradient(85deg, rgba(8,42,68,1) 0%, rgba(52,106,148,1) 100%);
}

.tech-sec .mobile-app {
  position: absolute;
    z-index: 19;
    left: -4%;
    width: 28%;
    top: 40px;
}

.tech-sec .tablet-img {
  width: 100%;
    position: absolute;
    right: 0;
    top: 30px;
}

header.fixed-top44 {
  position: absolute;
  z-index: 99;
  width: 100%;
}

.list-styled { margin-bottom: 0px;}
.list-styled li {margin: 15px 0; position: relative;padding-left: 30px;}
.list-styled li::before {content: "\f058"; width: 19px; height: 17px;position: absolute;left: 0;top: 0px; font-family: "FontAwesome";color: rgb(229 120 20 / 72%); font-size: 20px;}

/* .atriibutes-txt li:nth-child(5)::before,.atriibutes-txt li:nth-child(6)::before,.atriibutes-txt li:nth-child(7)::before,.atriibutes-txt li:nth-child(8)::before {
  left: inherit;
  right: 0;
} */

.virtulavisit .list-styled li::before {top: 8px;}

.form-group {margin-bottom: 15px;}

.hero-section {background:#082a44 url(../images/hero-bg-2.png) no-repeat; background-size: 100% auto; min-height: 100vh;padding-top: 70px;}
p {text-align: justify;}
.ab__section {
  padding: 50px 0;
  background: url(../images/tablet-2.png) no-repeat center; background-size: 30%;
  background-position: center 5%;
}
.ab__section .container {text-align: center;}
.vitals-icons h2 {
    font-size: 50px;
    text-align: left;
    margin-top: -20px;
}

.bg-light-g {
  background: linear-gradient(180deg, rgb(255 255 255) 79.17%, rgb(193 204 217) 100%) !important;
}

.madeIndia-logo {
  position: absolute;
  bottom: 0px;
  right: -5%;
}
.madeIndia-logo img {max-width: 130px;}

#counter {padding:40px;width: 100%;margin: 0 auto;display: flex;justify-content: space-between;}
#counter li {flex: 1;text-align: center;}
#counter span.percent:after {content: "+";display: inline-block;}
#counter span {font-size: 9vh; line-height: 9vh; color: var(--white-color); font-weight: 800;}
#counter li:last-child span.percent:after {content: "%";display: inline-block;}
#counter li p {color: #fff; margin-bottom: 0px;text-align: center;}

.reviews-text-box {position: relative;min-height: 100px;margin-bottom: 40px;padding: 20px 20px 40px 80px;background:#f9f9f9 url(../images/quote-left.svg) no-repeat left top;background-position: 14px 14px; border-radius: 14px;}
.reviews-text-box:after {top: 100%;left: 50%; border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(249, 249, 249, 0);border-top-color: #f9f9f9;border-width: 30px;margin-left: -30px;}
.review-user {width: 90px; height: 90px; border-radius: 50%; overflow: hidden; margin: 0 auto; border: 1px solid #000;}
.review-user img {width: 90px; height: 90px; border-radius: 50%;}
.reviews-box .username {font-size: 14px; font-style: italic;}
.reviews-slider .owl-item.active .reviews-box {opacity: 0.3;}
.reviews-slider .owl-item.active.center .reviews-box {opacity:1;}
.reviews-slider .owl-item.active.center .reviews-box .reviews-text-box {background-color: #082a44;}
.reviews-slider .owl-item.active.center .reviews-box .reviews-text-box p {color: var(--white-color);}
.reviews-slider .owl-item.active.center .reviews-box .reviews-text-box:after  {border-top-color: #082a44;}
.owl-dots {text-align: center; margin-top: 40px;}
.owl-dots .owl-dot {margin: 0 5px;}
.owl-dots .owl-dot span {display: block; width: 20px; height: 20px; background-color: #fff; border: 1px solid #082a44; border-radius: 50%;}
.owl-dots .owl-dot.active span {background-color: #082a44;}
.bookappointment-section h2 {color: #fff;}
.bookappointment-section h2 span {font-size: 36px; color: var(--secondary-color); font-weight: 700; display: block;}
.cta-icon div {color: var(--white-color); font-size: 18px;}
.cta-icon span {width: 60px; height: 60px; background-color: var(--base-color); line-height: 60px; text-align: center; border-radius: 50%; color: var(--white-color); font-size: 36px; margin-right: 15px;}
.book-form-online {background-color: #F4F9FD; border-radius: 20px; padding: 30px;}
.book-form-online h2 {color: #000; font-size: 34px;}
.book-form-online .form-group {margin-bottom: 20px;}
.book-form-online .form-control, .book-form-online .form-select {
    border-radius: 30px;
    border: 0px;
    padding: 10px 20px;
    box-shadow: 0 0 6px rgb(0 0 0 / 8%);
}

h6 {
  font-size: 22px;
}

.book-form-online .btn-primary {width: 100%; display: flex; justify-content: center; padding: 10px 30px;}
.book-form-online .btn-primary span {margin-left: 7px;}
.footer-section {background-color: #080b11;}
footer h4 {color: var(--white-color);font-size: 26px;}
.footerlinks li a {display: block; color: #fff; text-decoration: none; padding: 3px 0;}
.footerlinks li a:hover {color:var(--secondary-color);}
.socialfooter {margin-top: 15px;}
.socialfooter a {width: 46px; height: 46px; border-radius: 50%; border: 1px solid #001748; color: #fff; text-align: center; text-decoration: none; line-height: 43px; margin-right: 10px; font-size: 20px; background-color: #001748;}
.socialfooter a:hover {background-color:transparent; border-color: var(--white-color); color: #fff;}
.footer-bottom {color: #fff; border-top:1px dashed #3b62b7; padding-top: 20px; margin-top: 20px; padding-bottom: 20px;}
.footer-bottom a {color: #fff; text-decoration: none; display: inline-block; margin-left: 10px;}
.footer-bottom a:hover {color: var(--secondary-color);}
.footerCon a {color: #fff; text-decoration: none;}
.footerCon a:hover {color: var(--secondary-color);}
.secondary-nav .navbar-toggler {border: 0px;}
.navbar-toggler:focus {outline: none; box-shadow: none;}
.our-programs {background-color: var(--base-color);}
.our-programs h2, .our-programs p {color: #fff;}
.program-slider .owl-stage {padding-left: 0px !important;}
.program-box {border: 1px solid #fff; border-radius: 4px; overflow: hidden;}
.program-txt h5 {color: #fff; font-size: 16px; margin-bottom: 5px;}
.program-txt p {color: rgb(255 255 255 / 70%); font-size: 14px;}
.program-txt .btn-more {color: #4EA2FF; text-decoration: none;display: flex;    align-items: center;}
.program-txt .btn-more span {color:#4EA2FF; margin-left: 5px; font-size: 16px;}

.incubation .vitals-box {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px hsl(0deg 0% 0% / 13%);
}

/* @keyframes float {
    0% {
      transform: translatey(0px);
    }
  
    50% {
      transform: translatey(-20px);
    }
  
    100% {
      transform: translatey(0px);
    }
  } */
  
  .hero-image img {
    /* transform: translatey(0px);
    animation: float 6s ease-in-out infinite; */
    overflow: hidden;
  }

  .visitor-counter a br {display: none;}
  .cuircle-img {
    position: absolute;
    right: 0px;
    top: 40px;
  }

  .device-img {
    position: absolute;
    right: 60px;
    top: 80px;
    z-index: 9;
    width: 480px;
  }

  .hero-image img.with-animation {
    animation: zoom-in-zoom-out 1.5s ease-out infinite;
    height: 440px;
  }
  .hero-image {position: relative;min-height: 80vh;}
  .hero-image img.without-animation {
    width: 100%;
    max-width: inherit;
  }

  .rounded-img-p {max-width: 100%;}

  /* img.rounded-img-p.img-one {
    right: 30px;
    width: 170px;
  } */

/* img.rounded-img-p.img-two {
  width: 170px;
  top: 20%;
} */

.incubation .vitals-box {
  min-height: 200px;
  padding: 20px;
  display: flex;
  align-items: center;
  height: 100%;
}
.incubation .vitals-box img {max-width: 100%;}

@media (min-width:1400px) {
  img.rounded-img-p.img-one {
    right: 30px;
    width: 200px;
  }
  
  /* img.rounded-img-p.img-two {
    width: 200px;
    top: 20%;
  } */
}

.features-con {background-color:#ebf4fe;}

.featires-box {display: flex;text-align: justify;}

.alliance-con .featires-box {align-items: center; justify-content: center;padding: 10px;}
.allin-img {
  min-height: 80px;
  display: flex;
    align-items: center;
    justify-content: center;
}
.alliance-con .featires-box h6 {
  margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
}

.featires-box span {
  font-size: 22px;
  font-weight: 800;
  color: #003a79;
  margin-right: 20px;
  margin-top: 11px;
}
.h3, h3 {
  font-size: 36px;
}

.features-con img.rounded-img-p.img-one {right: 10px;}
/* .features-con img.rounded-img-p.img-two {left: 0;} */

.featires-box img {max-width: 100%;}

.uses-con .atriibutes-txt li {font-weight: 400; font-size: 16px; text-align: justify;}


.alliance-con ul {
  display: flex;
    flex-wrap: wrap;
}

.alliance-con .atriibutes-txt li {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  background: #fff;
  padding: 10px;
  width: 200px;
  margin-right: 20px !important;
  box-shadow: 0 0 10px rgb(0 0 0 / 7%);
  margin-top: 0;
  padding-left: 30px;
}

.alliance-con .list-styled li::before {
  left: 9px;
    top: 9px;
}

.con-box i {color: var(--base-color); font-size: 24px; margin-right: 10px;}
.con-box p {margin-bottom: 0px;}

.mission-vision img.rounded-img-p.img-one { right: 50px;}

/* .mission-vision img.rounded-img-p.img-two { left: 50px;} */

.features-con .atriibutes-txt li {font-weight: 400; font-size: 16px;color: rgba(0 0 0 / 0.6);}

/* .h3, h3 {
  font-size: 1.5rem;
}
.h4, h4 {
  font-size: 1.2rem;
} */
  
  @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.05, 1.05);
    }
    100% {
      transform: scale(1, 1);
    }
  }

.bg-gray {background:url(../images/bg-gray.png) no-repeat; background-size: cover;}

.key-atriibutes h2 {margin-bottom: 50px;}

.collabrotion-section img {filter: grayscale(100%);}
.bganimation {
  width: 100%;
  position: absolute;
}

.bganimation svg {
  overflow: visible;
}
.bganimation svg path#line {
  fill: none;
  stroke: rgba(555, 555, 555, 15%);
  stroke-width: 2;
  stroke-linecap: butt;
  stroke-linejoin: round;
  stroke-miterlimit: 4;
  stroke-dasharray:none;
  stroke-opacity: 1;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: dash 10s linear infinite;
}
.bganimation svg path#heart {
  transform-origin: 50% 50%;
  animation: blink 10s linear infinite;
  stroke: rgba(555, 555, 555, 10%) !important;
  fill: rgba(555, 555, 555, 15%) !important;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1;
  }
  80% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes blink {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  60% {
    opacity: 0;
    transform: scale(0);
  }
  70% {
    opacity: 1;
    transform: scale(1.2);
  }
  75% {
    opacity: 1;
    transform: scale(1.0);
  }
  80% {
    opacity: 1;
    transform: scale(1.2);
  }
  85% {
    opacity: 1;
    transform: scale(1.0);
  }
  100% {
    opacity: 0;
    transform: scale(1.0);
  }
}

.vitals-box {
  /* background: #fff;
    text-align: center; */
    padding:15px 10px;
    /* box-shadow: 0 0 26px rgb(0 0 0 / 23%);
    border-radius: 6px 46px 6px 46px;
    min-height: 132px;
    display: flex;
    align-items: center; */
}

.vitals-box img {max-width:60px;}
.vitals-box div {
  display: flex;
  align-items: center;
}
.vitals-box span {
  display: block;
  font-size: 17px;
  margin-top: 5px;
  text-align: left;
  padding-left: 20px;
  font-weight: 600;
  color: #12344e;
}

/* .incubation .vitals-box div {
  
} */

.incubation .vitals-box div img {max-width: 170px;}
.incubation .vitals-box div h6 {margin-left: 20px; font-size: 22px;}

.incubation .vitals-box h6 {margin-bottom: 0px; margin-top: 10px;font-size: 28px; margin-top: 0px;}
.how-indu {text-align: center;}
.how-indu ul {
  padding: 0 0 0 15px;
}
.how-indu p {text-align: center;font-weight: 500;}
.how-indu ul li {
  margin-bottom: 5px;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  list-style: none;
}

.how-indu ul li:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(0, 0, 0, 1);
  left: -15px;
  top: 10px;
  border-radius: 100%;
}

.how-indu h3 {
  font-size: 36px;
}

.modal h2 {font-size: 60px;margin-top: -30px;}
button.btn-close {
  position: absolute;
  right: 20px;
  background-color: #ccc;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  z-index: 9;
}

.modal-img {
  margin: -16px 0 -16px -16px;
  position: relative;
}

.modal-img::before {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 70%;
  left: 0;
  width: 100%;
  background: rgb(12,84,160);
  background: linear-gradient(0deg, rgba(12,84,160,1) 0%, rgba(255,255,255,0) 100%);
}

.modal-content {overflow: hidden;border-radius: 30px;}

.form-control, .form-select {
  border-radius: 2px;
  box-shadow: none;
  border-color: #a2c1d9;
  border-radius: 40px;
  min-height: 44px;
}

.form-group label {font-size: 14px;}

/* .btn {border-radius: 2px;} */
.tab__panel .nav-link {
  color: #5694c6;
  border: 1px solid #5694c6;
  margin-right: 10px;
  padding: 12px 40px;
  border-radius: 50px;
}
.tab__panel.nav-pills .nav-link.active {background-color: #5694c6;}

.cu-icon i {
  background-color: var(--base-color);
  color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    line-height: 50px;
    text-align: center;
}

.cu-icon p {
  font-size: 30px;
  font-weight: 600;
  color: var(--base-color);
}
.con-box h5 {font-size: 40px;}
.contxt {font-weight: 600;}
.contxt a {color: var(--base-color); text-decoration: none; font-weight: 600;}

.ceoimg {
  height: 340px;
  border: 0px solid #fff;
  width: 340px;
  background: #e7e7e7;
  padding-left: 50px;
  border-radius: 50%;
  overflow: hidden;
  padding-top: 20px;
  margin-top: 40px;
}

.quote__msg {
  position: relative;
}

.ceo-social {
  display: flex;
  margin: 20px 0;
}

.ceo-social a {
  margin-right: 10px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 26px;
}

.quotebox {
  display: flex;
  align-items: center;
  height: 100%;
}

.quote__msg h2 {
  color: #000;
  margin-bottom: 0px;
}

.quote__msg h2 span {
  color: var(--secondary-color);
}

.quotebox p {
  font-style: normal;
  color: #000;
  margin-bottom: 7px;
}

.quote__msg h2 {
  color: #000;
  margin-bottom: 0px;
}

.quote__msg h2 span {
  color: var(--secondary-color);
  display: inline;
  font-size: 80px;
  font-family: "Katibeh", serif;
  text-transform: none;
}

.quotebox p {
  font-style: normal;
  color: #000;
  margin-bottom: 7px;
}
.ceoimg {
  margin-bottom: 25px;
  overflow: hidden;
}

.ceoimg img {
  width: 290px;
  height: 290px;
  border-radius: 50%;
}

.img-box img {
  object-fit: cover;
}

.member-detail {
  margin-top: 10px;
  display: inline-block;
}
.member-detail h4 {color: var(--base-color);}
.member-detail h6 {
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 10px;
  
}
.member-detail p {
  font-size: 15px;
}

.team__box {
  padding: 15px;
  background-color:rgba(555 555 555 / 0.6);
  border-radius: 6px;
  min-height: 550px;
  box-shadow: 0 0 10px rgb(0 0 0 / 6%);
}

.team-slider .item {padding: 10px 0;}

.member-detail {text-align: center;}
.member-detail p {text-align: center; font-size: 14px;}
.member-detail span {display: block; text-align: center; color: var(--base-color); text-transform: uppercase; font-size: 13px; margin-bottom: -5px;}

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu {
    border-radius: 0;
    border: 0;
    background: #ffffff;
    box-shadow: 0 0 10px rgb(0 0 0 / 53%);
}
header .dropdown-menu .dropdown-item {color: #6f6f6f;padding: 8px 15px;}
header .dropdown-menu .dropdown-item:hover {color:#0052ca; background-color:transparent;}

}

@media (max-width:1480px) {
    .hero-image img.with-animation {
      right: -20px;
      top: 20px;
      }

      .hero-image img.without-animation {
        right:0px;
        top: 80px;
      }
}

@media (min-width:992px) {
    .navbar-expand-lg .navbar-nav .nav-link {padding-left: 15px; padding-right: 15px;}
    h2{font-size: 54px; line-height: 1;}
    
}

@media (max-width:991px) {
  .modal h2 {
    margin-top: 20px;
    font-size: 40px;
    margin-bottom: 20px;
  }
  .modal-img {margin-right: -16px;}
  .atrttibute-img{
    min-height: 40vh;
  }
  .mobile-app {
    position: absolute;
    z-index: 19;
    width: 24%;
    left: 3%;
}
.hero-text h1 {margin-top: 20px;}
.hero-image img.without-animation {width: 80%;}
.hero-image {min-height: 46vh;}
.hero-image img.without-animation {
  right: 120px;
  top: 30px;
}
.hero-image img.with-animation {
  right: 10px;
  top: 0px;
}
.hero-image img.with-animation {height: 320px;}

.tech-sec .mobile-app {
  left: 0%;
  width: 24%;
  top: 0px;
}
.tech-sec .tablet-img {
  width: 74%;
  right: 0;
  top: 0px;
}

}


.hero-section.inner-hero {height: 80vh;min-height: auto;}

.section-padd.features-con {
    padding-top: 50px;
    padding-bottom: 50px;
}

 nav .navbar-toggler-icon {
    background: url("../images/menu.svg") no-repeat;
    height: 21px;
    width: 25px;
  }

  button#video-button {
    position: absolute;
    top: 8px;
    right: 7px;
    background: aliceblue;
    border: 0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #000000;
    /* border: 5px solid #ffffff78; */
}
.hero-text h1 span {
  display: block;
  font-size: 24px;
  color: #fff;
}

b, strong {
  font-weight: bolder;
  color: #0000009c;
}
.h4, h4 {
  font-size: 32px;
  /* line-height: 100%; */
}

.reviews-text-box p {font-size: 14px;}

@media (max-width:767px) {
  .ab__section h2 {
    font-size: 32px;
}
  .section-padd.features-con {
    padding-top: 30px;
    padding-bottom: 30px;
}

  .inner-hero .hero-text h1 {
    margin-top: 0px;
  }

  

  .cuircle-img {top: 0;}
  .hero-image img.without-animation {width: 100%;}
  .device-img {
    position: absolute;
    right: 10px;
    top: 50px;
    z-index: 9;
    width: 100%;
    max-width: 480px;
}
  .atrttibute-img{
    min-height: 28vh;
  }
  .key-atriibutes h2 {
    margin-bottom: 0;
    font-size: 32px;
  }
  .incubation .vitals-box div img {max-width: 100px;}
  .incubation .vitals-box {height: auto; min-height: auto; margin-bottom: 20px;}
  .hero-image {min-height: 44vh;}
    .navbar-toggler {
      border-color: #8fb0ff;
      display: flex;
    align-items: center;
    height: 42px;
    }
    .nav-link {
        font-size: 18px;
        color: #000;
    }
    .hero-image img.with-animation {position: static;}
    .hero-image img.without-animation {
        left: -10px;
        top: 40px;
        z-index: 9;
    }
    .hero-section {padding-bottom: 40px;}
    .hero-text {
        padding: 40px 0 0 0;
    }
    .hero-text h1 {font-size: 44px;margin-top: 30px; text-align: center;}
    .hero-text .innerhero-text h1 {font-size: 44px; line-height: 30px;}
    .hero-text h1 span {font-size: 16px;margin-top: 15px;}
    .hero-text p {font-size: 16px;margin-top: 15px;}
    .herotxxt {text-align: center;}
    a.navbar-brand {padding-top: 0px; padding-bottom: 0px;}
    a.navbar-brand img {
        max-width: 65px;
        height: auto;
        margin-left: 43px !important;
    }
    .book-form-online h2 {font-size: 26px;}
    h2 {font-size: 32px;}
    .how-indu h3 {
      font-size: 28px;
  }
  .cu-icon p {font-size: 24px;}
    .section-padd-top {padding-top: 50px;}
    .section-padd {padding-top: 50px;padding-bottom: 50px;}
    .book-form-online {padding: 30px;}
    .bookappointment-section h2 span {font-size: 28px;}
    #counter {padding: 20px 0;}
    #counter span {font-size: 3vh;line-height: 3vh;}
    #counter li p {font-size: 10px;}
    header .btn {width: 220px; margin-bottom: 10px;}
    header .navbar-brand:before {width: 196px;height: 220px;}
    header .navbar-brand:after {
      width: 180px;
      height: 210px;
    }
    header .navbar-brand:after {left: -20px;}
    header .navbar-collapse.collapsing {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -45%;
        transition: all 0.2s ease;
    }

    header .navbar-collapse.show {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        flex-direction: column;
        height: auto;
        width: 100%;
        transition: left 0.35s ease;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        background: #fff;
        z-index: 99;
        padding: 20px 30px;
    }
    .closenav {
        background: transparent;
        border: 0;
        position: absolute;
        right: 20px;
        font-size: 40px;
        line-height: 30px;
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-left: 20px; padding-right: 20px;}
    .hero-text .btn-primary {padding: 10px 20px;}

    .rotate-image {
      position: absolute;
      top: -26%;
      left: 15%;
      width: 250px;
      height: 250px;
  }
  .section-img {width: 80%;}
  .row-atributes {
    height: 42vh;
    align-items: center;
}

.img-box-creative {
  min-height: 340px;
}

.headingtags h2, .quote__msg h2 span {
  font-size: 32px;
}


.alliance-con .atriibutes-txt li {margin-left: 10px !important; margin-right: 10px !important;width: 150px;}
.alliance-con ul {margin-right: -10px;}

/* img.rounded-img-p.img-two {
  width: 150px;
  top: 15%;
} */
img.rounded-img-p.img-one {width: 150px;}
.features-con img.rounded-img-p.img-one {
  right: 20px;
}
/* .features-con img.rounded-img-p.img-two {
  left: 20px;
} */

/* .mission-vision img.rounded-img-p.img-two {
  left: 20px;
} */
.mission-vision img.rounded-img-p.img-one {
  right: 20px;
}

.h3, h3 {
  font-size: 30px;
}
.h4, h4 {
  font-size: 26px;
}
.img-box img {
  object-fit: cover;
  max-width: 100%;
}

.modal-img {
  overflow: hidden;
  max-height: 350px;
}

.madeIndia-logo {
  position: absolute;
  bottom: 40px;
  right: 10px;
}

.madeIndia-logo img {
  max-width: 70px;
}

}

video {
  width: 100%;
  object-fit: fill;
  /* height: 38vh; */
}

.video-box {
    border-radius: 6px;
    overflow: hidden;
    line-height: 100%;
    border: 10px solid rgb(255 255 255);
    box-shadow: 0 0 20px rgb(0 0 0 / 22%);
}

.video-box .play-btn, .video-box .pause-btn {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  margin: auto;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background-color: rgb(255 255 255 / 85%);
  z-index: 3;
  cursor: pointer;
  transition: 0.5s all;
  overflow: hidden;
  outline: 10px solid rgb(255 255 255 / 46%);
 }
 
 .video-box .pause-btn {
  display: none;
 }
 
 .video-box .play-btn i {
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 18px solid #02438d;
  border-right: 0;
  position: absolute;
  left: 4px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  margin: auto;
 }
 
 .pause-btn i {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  margin: auto;
  width: 16px;
  height: 24px;
  flex-flow: row wrap;
 }
 
 .pause-btn i:before {
  content: '';
  width: 4px;
  height: 100%;
  background-color: #02438d;
  display: inline-block;
 }
 
 .pause-btn i:after {
  content: '';
  width: 4px;
  height: 100%;
  margin-left: 8px;
  background-color: #02438d;
  display: inline-block;
 }
 
 .playvideo .video-box img {
  opacity: 0;
 }
 
 .playvideo .video-box video {
  opacity: 1;
 }
 
 .video-box .vplay {
  display: none;
 }
 
 .video-box:hover .vplay + .pause-btn {
  display: block;
 }

/* canvas {
    position: absolute;
    top: 0;
    left: 0;
  } */

  .dropdown:hover>.dropdown-menu {
    display: block;
    border-radius: 0;
    border: 0;
  }
  
  /* .dropdown>.dropdown-toggle:active {
      pointer-events: none;
  } */

  .section-full {min-height: 100vh; display: flex; align-items: center;}
  .services-box {background-color: #002b44; border-radius: 0;}
  .services-box div, .services-box h4 {color: #fff;text-align: justify;}
  .services-box span {color: var(--secondary-color);}
.form-group label {display: block; margin-bottom: 7px;}

.mobile-video {
  background: url(../images/mobile-app.png) no-repeat;
  width: 195px;
    height: 399px;
    background-size: 100%;
    margin: 0 auto;
}
.videomo-box {
  width: 190px;
    height: 360px;
    padding: 40px 0 0 9px;
    overflow: hidden;
}
.mobile-video video {
  width: 180px;
}

.gall__img .services-box {padding: 15px; background: #fff;}


  @media (max-width:640px) {
    .alliance-con ul {
      margin-right: 0;
  }
  .alliance-con .atriibutes-txt li {
    margin-left: 0px !important;
    margin-right: 0 !important;
    width: 100%;
  }

  /* .hero-text h1 {
    margin-top: 80px;
  } */

  .tab__panel .nav-link {
    padding: 12px 25px;
    font-size: 14px;
  }
  .hero-section.inner-hero {
    height:60vh;
    min-height: auto;
}


}

.bg-dark b, .bg-dark strong {
  font-weight: bolder;
  color: #fff;
}