*{margin: 0px;box-sizing: border-box;font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
.container{margin: auto; max-width: 1200px;}
/* body{overflow: hidden;} */
/********** Template CSS **********/
:root {
  --primary: #06A3DA;
  --secondary: #34AD54;
  --light: #EEF9FF;
  --dark: #091E3E;
}



/*** Spinner ***/
.spinner {
  width: 40px;
  height: 40px;
  background: var(--primary);
  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% {
      -webkit-transform: perspective(120px)
  }
  50% {
      -webkit-transform: perspective(120px) rotateY(180deg)
  }
  100% {
      -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
  }
}

@keyframes sk-rotateplane {
  0% {
      transform: perspective(120px) rotateX(0deg) rotateY(0deg);
      -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  }
  50% {
      transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
      -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  }
  100% {
      transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
      -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

#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;
}


/*** Heading ***/
h1,
h2,
.fw-bold {
  font-weight: 800 !important;
}

h3,
h4,
.fw-semi-bold {
  font-weight: 700 !important;
}

h5,
h6,
.fw-medium {
  font-weight: 600 !important;
}


/*** Button ***/
.btn {
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  transition: .5s;
}

.btn-primary,
.btn-secondary {
  color: #FFFFFF;
  box-shadow: inset 0 0 0 50px transparent;
}

.btn-primary:hover {
  box-shadow: inset 0 0 0 0 var(--primary);
}

.btn-secondary:hover {
  box-shadow: inset 0 0 0 0 var(--secondary);
}

.btn-square {
  width: 36px;
  height: 36px;
}

.btn-sm-square {
  width: 30px;
  height: 30px;
}

.btn-lg-square {
  width: 48px;
  height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}


/*** Navbar ***/
.navbar-dark .navbar-nav .nav-link {
  font-family: 'Nunito', sans-serif;
  position: relative;
  margin-left: 25px;
  padding: 35px 0;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  outline: none;
  transition: .5s;
}

.sticky-top.navbar-dark .navbar-nav .nav-link {
  padding: 20px 0;
  color: var(--dark);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
  color: var(--primary);
}

.navbar-dark .navbar-brand h1 {
  color: #FFFFFF;
}

.navbar-dark .navbar-toggler {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

@media (max-width: 991.98px) {
  .sticky-top.navbar-dark {
      position: relative;
      background: #FFFFFF;
  }

  .navbar-dark .navbar-nav .nav-link,
  .navbar-dark .navbar-nav .nav-link.show,
  .sticky-top.navbar-dark .navbar-nav .nav-link {
      padding: 10px 0;
      color: var(--dark);
  }

  .navbar-dark .navbar-brand h1 {
      color: var(--primary);
  }
}

@media (min-width: 992px) {
  .navbar-dark {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      border-bottom: 1px solid rgba(256, 256, 256, .1);
      z-index: 999;
  }
  
  .sticky-top.navbar-dark {
      position: fixed;
      background: #FFFFFF;
  }

  .navbar-dark .navbar-nav .nav-link::before {
      position: absolute;
      content: "";
      width: 0;
      height: 2px;
      bottom: -1px;
      left: 50%;
      background: var(--primary);
      transition: .5s;
  }

  .navbar-dark .navbar-nav .nav-link:hover::before,
  .navbar-dark .navbar-nav .nav-link.active::before {
      width: 100%;
      left: 0;
  }

  .navbar-dark .navbar-nav .nav-link.nav-contact::before {
      display: none;
  }

  .sticky-top.navbar-dark .navbar-brand h1 {
      color: var(--primary);
  }
}


/*** Carousel ***/
.carousel-caption {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(9, 30, 62, .7);
  z-index: 1;
}

@media (max-width: 576px) {
  .carousel-caption h5 {
      font-size: 14px;
      font-weight: 500 !important;
  }

  .carousel-caption h1 {
      font-size: 30px;
      font-weight: 600 !important;
  }
}

.carousel-control-prev,
.carousel-control-next {
  width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 3rem;
  height: 3rem;
}


/*** Section Title ***/
.section-title::before {
  position: absolute;
  content: "";
  width: 150px;
  height: 5px;
  left: 0;
  bottom: 0;
  background: var(--primary);
  border-radius: 2px;
}

.section-title.text-center::before {
  left: 50%;
  margin-left: -75px;
}

.section-title.section-title-sm::before {
  width: 90px;
  height: 3px;
}

.section-title::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 5px;
  bottom: 0px;
  background: #FFFFFF;
  -webkit-animation: section-title-run 5s infinite linear;
  animation: section-title-run 5s infinite linear;
}

.section-title.section-title-sm::after {
  width: 4px;
  height: 3px;
}

.section-title.text-center::after {
  -webkit-animation: section-title-run-center 5s infinite linear;
  animation: section-title-run-center 5s infinite linear;
}

.section-title.section-title-sm::after {
  -webkit-animation: section-title-run-sm 5s infinite linear;
  animation: section-title-run-sm 5s infinite linear;
}

@-webkit-keyframes section-title-run {
  0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
}

@-webkit-keyframes section-title-run-center {
  0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
}

@-webkit-keyframes section-title-run-sm {
  0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
}


/*** Service ***/
.service-item {
  position: relative;
  height: 300px;
  padding: 0 30px;
  transition: .5s;
}

.service-item .service-icon {
  margin-bottom: 30px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  border-radius: 2px;
  transform: rotate(-45deg);
}

.service-item .service-icon i {
  transform: rotate(45deg);
}

.service-item a.btn {
  position: absolute;
  width: 60px;
  bottom: -48px;
  left: 50%;
  margin-left: -30px;
  opacity: 0;
}

.service-item:hover a.btn {
  bottom: -24px;
  opacity: 1;
}


/*** Testimonial ***/
.testimonial-carousel .owl-dots {
  margin-top: 15px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.testimonial-carousel .owl-dot {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  width: 15px;
  height: 15px;
  background: #DDDDDD;
  border-radius: 2px;
  transition: .5s;
}

.testimonial-carousel .owl-dot.active {
  width: 30px;
  background: var(--primary);
}

.testimonial-carousel .owl-item.center {
  position: relative;
  z-index: 1;
}

.testimonial-carousel .owl-item .testimonial-item {
  transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-item {
  background: #FFFFFF !important;
  box-shadow: 0 0 30px #DDDDDD;
}


/*** Team ***/
.team-item {
  transition: .5s;
}

.team-social {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .5s;
}

.team-social a.btn {
  position: relative;
  margin: 0 3px;
  margin-top: 100px;
  opacity: 0;
}

.team-item:hover {
  box-shadow: 0 0 30px #DDDDDD;
}

.team-item:hover .team-social {
  background: rgba(9, 30, 62, .7);
}

.team-item:hover .team-social a.btn:first-child {
  opacity: 1;
  margin-top: 0;
  transition: .3s 0s;
}

.team-item:hover .team-social a.btn:nth-child(2) {
  opacity: 1;
  margin-top: 0;
  transition: .3s .05s;
}

.team-item:hover .team-social a.btn:nth-child(3) {
  opacity: 1;
  margin-top: 0;
  transition: .3s .1s;
}

.team-item:hover .team-social a.btn:nth-child(4) {
  opacity: 1;
  margin-top: 0;
  transition: .3s .15s;
}

.team-item .team-img img,
.blog-item .blog-img img  {
  transition: .5s;
}

.team-item:hover .team-img img,
.blog-item:hover .blog-img img {
  transform: scale(1.15);
}


/*** Miscellaneous ***/
@media (min-width: 991.98px) {
  .facts {
      position: relative;
      margin-top: -75px;
      z-index: 1;
  }
}

.back-to-top {
  position: fixed;
  display: none;
  right: 45px;
  bottom: 45px;
  z-index: 99;
}

.bg-header {
  background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../img/carousel-1.jpg) center center no-repeat;
  background-size: cover;
}

.link-animated a {
  transition: .5s;
}

.link-animated a:hover {
  padding-left: 10px;
}

@media (min-width: 767.98px) {
  .footer-about {
      margin-bottom: -75px;
  }
}


.cookie-bite .wrapper {
  position: fixed;
  bottom: 100px; 
  right: -370px;
  max-width: 345px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 15px 25px 22px;
  transition: right 0.3s ease;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  z-index: 99999999999;
}
.cookie-bite .wrapper.show {
  right: 20px;
}
.cookie-bite .wrapper header {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.cookie-bite header i {
  color:#3b5998;
  font-size: 32px;
}
.cookie-bite header h2 {
  color: #3b5998;
  font-weight: 500;
}
.cookie-bite .wrapper .data {
  margin-top: 16px;
}
.cookie-bite .wrapper .data p {
  color: #333;
  font-size: 16px;
}
.cookie-bite .data p a {
  color: #3b5998;
  text-decoration: none;
}
.cookie-bite .data p a:hover {
  text-decoration: underline;
}
.cookie-bite .wrapper .buttons {
  margin-top: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cookie-bite .buttons .button {
  border: none;
  color: #fff;
  padding: 8px 0;
  border-radius: 4px;
  background: #3b5998;
  cursor: pointer;
  width: calc(100% / 2 - 10px);
  transition: all 0.2s ease;
}
.cookie-bite .buttons #acceptBtn:hover {
  background-color: #3b5998;
}
.cookie-bite #declineBtn {
  border: 2px solid #3b5998;
  background-color: #fff;
  color: #3b5998;
}
.cookie-bite #declineBtn:hover {
  background-color: #3b5998;
  color: #fff;
}

.wrap0_2{overflow: hidden;}
.wrap0_2 div {
    /* background-color: #1c87c9; */
    color: #0c52a1;
    padding: 5px;
  }
.wrap0_2 div p {
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 18px;
    -moz-animation: marquee 10s linear infinite;
    -webkit-animation: marquee 10s linear infinite;
    animation: marquee 30s linear infinite;
  }
  @-moz-keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  @-webkit-keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  @keyframes marquee {
    0% {
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
    }
    100% {
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

@media screen and (max-width:1220px) {
    .container{max-width: 915px;}
    .wrap0_2 div{text-align: center;}
}
@media screen and (max-width:900px){
    .container{max-width: 700px;}
}
@media screen and (max-width: 767px) {
    .container{max-width: 656px;}
    .wrap0_2 div p{font-weight: 600; font-size: 14px;}
}
@media screen and (max-width:460px) {
    .container{max-width: 100%;}
    /* .wrap0_2{display: none;} */
    .wrap0_2 div p{font-weight: 600; font-size: 10px;}
}

/* wrap0.1 */
.wrap0_1{}
.wrap0_1 .flex{display: flex;}
.wrap0_1 .flex .box1{flex-basis: 60%;}
.wrap0_1 .flex .box2{flex-basis: 50%; text-align: center; padding: 10px;}
.wrap0_1 .flex .box2 a{color: black; text-decoration: none; font-size: 16px; font-weight: 600;}
.wrap0_1 .flex .box2 a:hover{color: #0c52a1;}
.wrap0_1 button{background: transparent; border: none; background-color: #0c52a1; color: white; padding: 5px 15px; margin-top: 10px; border-radius: 5px; box-shadow: 0px 0px 12px grey;}

@media screen and (max-width:1220px) {
    .container{max-width: 915px;}
    .wrap0_1{margin-top: 10px;}
    .wrap0_1 .flex .box1{flex-basis: 40%;}
    .wrap0_1 .flex .box2{flex-basis: 60%;}
}
@media screen and (max-width:900px){
    .container{max-width: 700px;}
    .wrap0_1 .flex .box1{flex-basis: 30%;}
    .wrap0_1 .flex .box2{flex-basis: 70%;}
}
@media screen and (max-width:767px) {
    .container{max-width: 656px;}
    .wrap0_1 .flex .box1{flex-basis: 20%;}
    .wrap0_1 .flex .box2{flex-basis: 100%;}
}
@media screen and (max-width:460px) {
    .container{max-width: 100%;}
    .wrap0_1 .flex .box1{flex-basis: 10%;}
    .wrap0_1 .flex .box2{flex-basis: 100%;}
    .wrap0_1 .sp{display:none}
    .wrap0_1 button{margin-top: 0px;}
}

/* wrp0 */
.wrap0{position: fixed; z-index: 10000000000000000000000000000000;  }
.wrap0 h1{color: white; margin-bottom: 10px; font-size: 30px; border-bottom: 1px solid white;}
.wrap0 .qwe{width: 100%;}
.wrap0 form{background-color:  #0c52a1; padding: 20px; width: 80%; position: relative; margin-top: 0px; margin-left: 350px; border-top-right-radius: 40px; display: none;}
.wrap0 .cross{font-size: 40px; color:  #190355; position: absolute; right: -10px; top: -15px; cursor: pointer;}

@media screen and (max-width:1220px){
    .container{max-width: 900px;}
    .wrap0 form{margin-left: 200px; margin-top: 40px; width: 100%;}
}

@media screen and (max-width:900px){
    .container{max-width: 700px;}
    /* .wrap2 img{height: 300px;} */
    .wrap0 form{margin-left: 130px; margin-top: 60px;width: 100%;}

}
@media screen and (max-width:767px){
    .container{max-width: 658px;}
    /* .wrap2 img{height: 230px;} */
    .wrap0 form{margin-left: 100px; margin-top: 50px; width: 100%;}

}
@media screen and (max-width:460px){
    .container{max-width: 100%;}
    /* .wrap2 img{height: 200px;} */
    .wrap0 form{margin-left: 0px; margin-top: 60px;}


}

/* media-icon */
.media-icon{position: fixed; z-index: 99999999999; bottom: 20px; right: 30px;}
.media-icon span{font-size: 40px; background-color: rgb(78, 154, 78); color: white; padding: 15px; border-radius: 100%;}

/* chat-bot  */


/* wrap1 */
.wrap1 .navigation {
    height: 70px;
    background: #62a8f2;
    position: relative;
    z-index: 999999;
  }
  
  .wrap1 .brand {
    position: absolute;
    padding-left: 20px;
    float: left;
    line-height: 70px;
    text-transform: uppercase;
    font-size: 1.4em;
  }
  .wrap1 .brand a,
  .wrap1 .brand a:visited {
    color: #ffffff;
    text-decoration: none;
  }
  
  .wrap1 .nav-container {
    max-width: 1000px;
    margin: 0 auto;
  }
  
  .wrap1 nav {
    float: right;
  }
  .wrap1 nav ul {  
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .wrap1 nav ul li {
    float: left;
    position: relative;
  }
  .wrap1 nav ul li a,
  .wrap1 nav ul li a:visited {
    display: block;
    padding: 0 20px;
    line-height: 70px;
    /* background: rgba(0, 0, 0, 0.1); */
    color: white;
    text-decoration: none;
    font-family: poppins;
    font-weight: 900;
  }
  .wrap1 nav ul li a:hover,
  .wrap1 nav ul li a:visited:hover {
    background: #2581DC;
    color: #ffffff;
  }
  .wrap1 nav ul li a:not(:only-child):after,
  .wrap1 nav ul li a:visited:not(:only-child):after {
    padding-left: 4px;
    content: " ▾";
  }
  .wrap1 nav ul li ul li {
    min-width: 190px;
    }
  .wrap1 nav ul li ul li a {
    padding: 15px;
    line-height: 20px;
  }
  
  .wrap1 .nav-dropdown {
    position: absolute;
    display: none;
    z-index: 1;
    /* box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); */
    background: #62a8f2;
    /* color: #00a651; */
  }
  /* .wrap1 .nav-dropdown li a{color: wheat;} */
  /* Mobile navigation */
  .wrap1 .nav-mobile {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: #262626;
    height: 70px;
    width: 70px;
  }
  
  @media only screen and (max-width: 798px) {
    .wrap1 .nav-mobile {
      display: block;
    }
  
    .wrap1 nav {
      width: 100%;
      padding: 70px 0 15px;
    }
    .wrap1 nav ul {
      display: none;
    }
    .wrap1 nav ul li {
      float: none;
    }
    .wrap1 nav ul li a {
      padding: 15px;
      line-height: 20px;
    }
    .wrap1 nav ul li ul li a {
      padding-left: 30px;
    }
  
    .wrap1 .nav-dropdown {
      position: static;
    }
  }
  @media screen and (min-width: 799px) {
    .wrap1 .nav-list {
      display: block !important;
    }
  }
  .wrap1 #nav-toggle {
    position: absolute;
    left: 18px;
    top: 22px;
    cursor: pointer;
    padding: 10px 35px 16px 0px;
  }
  .wrap1 #nav-toggle span,
  .wrap1 #nav-toggle span:before,
  .wrap1 #nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #ffffff;
    position: absolute;
    display: block;
    content: "";
    transition: all 300ms ease-in-out;
  }
  .wrap1 #nav-toggle span:before {
    top: -10px;
  }
  .wrap1 #nav-toggle span:after {
    bottom: -10px;
  }
  .wrap1 #nav-toggle.active span {
    background-color: transparent;
  }
  .wrap1 #nav-toggle.active span:before, .wrap1 #nav-toggle.active span:after {
    top: 0;
  }
  .wrap1 #nav-toggle.active span:before {
    transform: rotate(45deg);
  }
  .wrap1 #nav-toggle.active span:after {
    transform: rotate(-45deg);
  }
  
  .wrap1 article {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
  }

  @media screen and (max-width:767px) {
    /* .wrap1 .nav-dropdown {background: black;} */
    /* .wrap1 nav ul li a, .wrap1 nav ul li a:visited{color: black;} */
    .wrap1 nav{padding: 100px;}
    .wrap1 .nav-list{margin-top: 69px;}
    .wrap1 .nav-list{ background: #62a8f2;}
  }
  @media screen and (max-width:1200px) {
    .wrap1 .nav-dropdown{left:-62px}
  }
/* wrap2 */
.wrap2 .bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 70vh;
  background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover;
}
.wrap2 video {
  min-width: 100%;
  min-height: 70vh;
  z-index: 1;
}
.wrap2 .overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.7);
  background-size: 3px 3px;
  z-index: 2;
}
.wrap2 h5 {
  text-align: center;
  color: #fff;
  position: absolute;
  top: -140px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
  width: 100%;
  height: 50px;
  font-size: 50px;
  font-family: "Roboto Slab", serif;
}
.wrap2 .p11 {
  text-align: center;
  color: #fff;
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
  width: 80%;
  height: 50px;
  font-size: 16px;
  font-family: poppins;
}
/* .wrap2 .p1{position: absolute; z-index: 99999999999; color: white;} */
/* .wrap2 h1 span{font-size: 16px; line-height: -1;} */
/* wrap3 */

.wrap3 .section1{
    width:90%;
    margin:auto;
    }

.wrap3 .flex{display: flex; flex-wrap: wrap;}
.wrap3 .flex .content{padding: 100px; flex-basis: 60%;}
    
    .wrap3 .section1 .form{
    background:#fff;
    padding:2rem;
    box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
    border-radius:5px;
    text-align:center;
    /* width:70%; */
    margin:auto;
    position:relative;
    top:-10vh;
    z-index: 999999;
    flex-basis: 40%;
    }
    
    .wrap3 .section1 .form h4{
    color:gray;
    letter-spacing:0.08em;
    font-family: "Roboto Slab", serif;
    font-size: 20px;
    }
    
    .wrap3 .section1 .form h1{
    font-size:2em;
    position:relative;
    top:-5px;
    margin-bottom: 10px;
    font-family: "Roboto Slab", serif;
    }
    
    .wrap3 .section1 .form input,.wrap3 .section1 .form select{
    display:block;
    margin:10px auto;
    padding:1rem;
    background:transparent;
    border:1px solid gray;
    border-radius:5px;
    color:gray;
    font-weight:600px;
    width:100%;
    }
    
    .wrap3 .section1 .form .btn2{
    width:100%;
    background: linear-gradient(90deg, #167ce9 0%, #07CCEC 100%);
    /* transparent linear-gradient(90deg, #167ce9 0%, #07CCEC 100%) 0% 0% no-repeat padding-box */
    color: white;
    border: none;
    padding: 10px;
    /* font-weight: 900; */
    border-radius: 5px;
    font-family: "Roboto Slab", serif;
    }
    
   
    /* .wrap3 .section1 td:nth-child(2) a{text-decoration: none; background-color: #190355; padding: 10px 15px 10px 15px; color: white;} */
    .wrap3 .section1 .content em:before{
    content:"";
    width:50px;
    height:50px;
    padding:4px 15px;
    border-radius:50%;
    background:#ddd;
    position:relative;
    left:20px;
    z-index:-1;
    }
    

/* .wrap3{margin-bottom: 50px; overflow: hidden;}
.wrap3 h2{text-align: center; padding-top: 50px; padding-bottom: 30px;font-weight: 900;margin-bottom: 20px; font-size: 50px;}
.wrap3 h2 span{color: #0c52a1;}
.wrap3 .flex{display: flex; justify-content: space-evenly;}
.wrap3 .card
{
width: 350px;
height: 500px;
background: transparent;
border-radius: 10px;
margin-top: 40px;
margin-left: 70px;
position: relative;
border: none;
}
.wrap3 .card:hover
{
box-shadow: 0px 0px 20px 1px #9592927a;
}
.wrap3 .bg
{
width: 90%;
transform: rotate(90deg);
margin-left: 30px;
}
.wrap3 .one
{
    
width: 90%;
position: absolute;
top: 10px;
left: 10px;
}
.wrap3 .card:hover .bg
{
transform: rotate(120deg);
}
.wrap3 .card h3
{
text-align: center;
color: #222;
cursor: pointer;
margin-top: 15px;
}
.wrap3 .card h4
{
text-align: center;
color: grey;
font-weight: 500;
}
.wrap3 .icon
{
text-align: center;
margin-top: 20px;
}
.wrap3 .icon ion-icon
{
font-size: 20px;
border-radius: 50%;
padding: 8px;
cursor: pointer;
background: #0c52a1;
color: #fff;
border: 1px solid #0c52a1;
opacity: 0;
}
.wrap3 .icon ion-icon:hover
{
color: grey;
border: 1px solid grey;
background: transparent;
}
.wrap3 .card:hover .icon ion-icon
{
opacity: 1;
}
@media screen and (max-width:900px) {
    .container{max-width: 700px;}
    .wrap3 .flex{display: block;}
    .wrap3 .card{margin: auto; margin-bottom: 20px;}
    
}
@media screen and (max-width:400px) {
    .container{max-width: 100%;}
    .wrap3  h2{font-size: 42px}
} */


/* wrap4 */

/* .wrap4{overflow: hidden}
.wrap4 img{width:100%; height:480px;}
.wrap4 .flex{display: flex;}
.wrap4 .flex  .box1{flex-basis: 60%; padding: 20px;}
.wrap4 .flex .box1 h2{font-weight: 900;text-align: justify; margin-bottom: 20px;}
.wrap4 .flex .box1 h2 span{color: #0c52a1;}
.wrap4 .flex .box1 .p2{text-align: justify;}
.wrap4 .flex .box1 .p3{box-shadow: 0 0 22px grey; display: inline-block; padding: 10px 0px 10px 0px; margin-top: 15px; transition: 1s;}
.wrap4 .flex .box1 .p3:hover a{background-color: #0c52a1; color: white;}
.wrap4 .flex .box1 .p3 a{text-decoration: none;padding: 10px 30px;color: black; font-weight: 600; transition: 1s;}
.wrap4 .flex  .box2{flex-basis: 40%; padding: 10px;}
.wrap4 img{box-shadow: 0px 5px 22px rgba(0,0,0,0.5); border-radius: 5px;}


@media screen  and (max-width:1220px){
    .container{max-width: 915px;}
.wrap4 .flex .box1 h2{font-weight: 700;text-align: justify; margin-bottom: 20px; font-size: 26px;}
.wrap4 .flex .box1 .p2{text-align: justify; font-size: 15px;}

}

@media screen and (max-width:900px){
    .container{max-width: 700px;}
    .wrap4 .flex{display: block;}
.wrap4 .flex .box1 h2{font-weight: 700;text-align: justify; margin-bottom: 20px; font-size: 30px;}
.wrap4 .flex .box1 .p2{text-align: justify; font-size: 16px;}
.wrap4 img{width:100%; height:300px; box-shadow: 1px 1px 2px 2px grey;}


}
@media screen and (max-width:767px){
    .container{max-width: 658px;}
    .wrap4 h2{font-size: 26px;}
.wrap4 .flex .box1 h2{font-weight: 900;text-align: justify; margin-bottom: 20px; font-size: 24px; line-height: 1.3;}
.wrap4 .flex .box1 .p2{text-align: justify; font-size: 14px;}
.wrap4 img{width:100%; height:250px; box-shadow: 1px 1px 2px 2px grey;}


}
@media screen and (max-width:460px){
    .container{max-width: 100%;}
.wrap4 .flex .box1 h2{font-weight: 900;text-align: justify; margin-bottom: 20px; font-size: 18px;}
.wrap4 .flex .box1 .p2{text-align: justify; font-size: 12px;}

} */

.wrap4 h1{text-align: center; font-family: "Roboto Slab", serif; font-weight: 700;}
.wrap4 h1 span{color: #167ce9;}
.wrap4 .p1{text-align: center; font-family: poppins; width: 70%; margin: auto; margin-bottom: 30px;}

.wrap4 .team .slide{
    text-align: center;
  }
  
  .wrap4 .team .slide .image{
    position: relative;
    overflow: hidden;
  }
  
  .wrap4 .team .slide .image img{
    width: 100%;
    height: 450px;
  }
  
  .wrap4 .team .slide .image .share{
    padding: 2rem;
    position: absolute;
    bottom: -10rem;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.8);
    transition: 1s;
  }
  
  .wrap4 .team .slide:hover .image .share{
    bottom: 0;
  }
  
  .wrap4 .team .slide .image .share a{
    font-size: 2rem;
    margin: 0 1rem;
    color: white;
    text-decoration: none;
    
  }
  
  .wrap4 .team .slide .image .share a:hover{
    color: white;
  }
  
  .wrap4 .team .slide .content{
    display: flex;
    padding-top: 1rem;
    align-items: center;
    justify-content: space-between;
  }
  
  .wrap4 .team .slide .content h3{
    font-size: 1rem;
    color: var(--black);
  }
  
  .wrap4 .team .slide .content span{
    font-size: 1.5rem;
    line-height: 2;
    color: var(--light-color);
  }
  

/* wrap5 */
/* .wrap5 .item{transition: .5s ease-in-out; position: relative;z-index: 1000000000000;}
.wrap5 .item:hover{filter: brightness(80%); transform: scale(1.02);}
.wrap5{padding-top: 50px; padding-bottom: 50px;}
.wrap5 h2{font-weight: 900; font-size: 50px;text-align: center; margin-bottom: 50px;}
.wrap5 .responsive{position: relative;z-index: 0;}
.wrap5 h2 span{color:  #0c52a1;}
.wrap5 img{width: 300px; height: 300px; box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.wrap5 .slick-dots li button:before{font-size: 8px; color: #0c52a1;}
@media screen  and (max-width:1220px){
    .container{max-width: 915px;}
    .wrap5 h2{font-size: 40px;}
    .wrap5 img{width: 260px;}
}
@media screen  and (max-width:900px){
    .container{max-width: 700px;}
.wrap5 img{width: 200px;}
       
}
@media screen and (max-width:767px){
    .container{max-width: 658px;}
    .wrap5 h2{font-size: 33px;}
    .wrap5 img{width:90%;}
    .wrap5 .slick-prev {
        left: 2px; color: red;
    }
    .wrap5 .slick-next {
        right: 0px;
    }
}
@media screen and (max-width:460px){
    .container{max-width: 100%;}
    .wrap5 h2{font-size: 42px;}
    .wrap5 img{width: 100%; height: 250px;}

    .wrap5 .slick-prev {
        left: 2px; color: red;
    }
    
    .wrap5 .slick-next {
        right: 0px;
    }


} */
.wrap5 .heading {
    text-align: center;
    font-size: 40px;
    letter-spacing: 1px;
    /* padding: 40px; */
    color: black;
    font-family: "Roboto Slab", serif; font-weight: 700;
    margin-top: 40px;
}
.wrap5 .heading span{color: #167ce9;}

.wrap5 .p1{font-family: poppins; text-align: center; width: 70%; margin: auto;}

.wrap5 .gallery-image {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.wrap5 .gallery-image img {
  height: 250px;
  width: 350px;
  transform: scale(1.0);
  transition: transform 0.s ease;
}

.wrap5 .img-box {
  box-sizing: content-box;
  margin: 10px;
  height: 250px;
  width: 350px;
  overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: white;
}

.wrap5 .caption {
  position: absolute;
  bottom: 5px;
  left: 20px;
  opacity: 0.0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.wrap5 .transparent-box {
  height: 250px;
  width: 350px;
  background-color:rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.3s ease;
}

.wrap5 .img-box:hover img { 
  transform: scale(1.1);
}

.wrap5 .img-box:hover .transparent-box {
  background-color:rgba(0, 0, 0, 0.5);
}

.wrap5 .img-box:hover .caption {
  transform: translateY(-20px);
  opacity: 1.0;
}

.wrap5 .img-box:hover {
  cursor: pointer;
}

.wrap5 .caption > p:nth-child(2) {
  font-size: 0.8em;
}

.wrap5 .opacity-low {
  opacity: 0.5;
}

/* wrap6 */
.wrap6 .sectionClass {
    padding: 20px 0px 50px 0px;
    position: relative;
    display: block;
  }
  
  .wrap6 .fullWidth {
    width: 100% !important;
    display: table;
    float: none;
    padding: 0;
    min-height: 1px;
    height: 100%;
    position: relative;
  }
  
  .wrap6 .sectiontitle {
    background-position: center;
    margin: 30px 0 0px;
    text-align: center;
    min-height: 20px;
  }
  
  .wrap6 .sectiontitle h2 {
    font-size: 30px;
    color: #222;
    margin-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
  }
  
  .wrap6 .headerLine {
    width: 160px;
    height: 2px;
    display: inline-block;
    background: #101f2e;
  }
  
  .wrap6 .projectFactsWrap {
    display: flex;
    margin-top: 30px;
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  .wrap6 #projectFacts .fullWidth {
    padding: 0;
    background: #101f2e;
  }
  
  .wrap6 .projectFactsWrap .item {
    width: 25%;
    height: 100%;
    padding: 50px 0px;
    text-align: center;
  }
  
  .wrap6 .projectFactsWrap .item:nth-child(1) {
    background: rgb(16, 31, 46);
  }
  
  .wrap6 .projectFactsWrap .item:nth-child(2) {
    background: rgb(18, 34, 51);
  }
  
  .wrap6 .projectFactsWrap .item:nth-child(3) {
    background: rgb(21, 38, 56);
  }
  
  .wrap6 .projectFactsWrap .item:nth-child(4) {
    background: rgb(23, 44, 66);
  }
  
  .wrap6 .projectFactsWrap .item p.number {
    font-size: 40px;
    padding: 0;
    font-weight: bold;
  }
  
  .wrap6 .projectFactsWrap .item p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    margin: 0;
    padding: 10px;
    font-family: "Open Sans";
  }
  
  .wrap6 .projectFactsWrap .item span {
    width: 60px;
    background: rgba(255, 255, 255, 0.8);
    height: 2px;
    display: block;
    margin: 0 auto;
  }
  
  .wrap6 .projectFactsWrap .item i {
    vertical-align: middle;
    font-size: 50px;
    color: rgba(255, 255, 255, 0.8);
  }
  
  .wrap6 .projectFactsWrap .item:hover i,
  .wrap6 .projectFactsWrap .item:hover p {
    color: white;
  }
  
  .wrap6 .projectFactsWrap .item:hover span {
    background: white;
  }
  
  @media (max-width: 786px) {
    .wrap6 .projectFactsWrap .item {
      flex: 0 0 50%;
    }
  }
  
  /* AUTHOR LINK */
  
  /* .wrap6 footer {
    z-index: 100;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    bottom: 0;
    left: 0;
  }
  
  .wrap6 footer p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    opacity: 0;
    font-family: "Open Sans";
    width: 100%;
    word-wrap: break-word;
    line-height: 25px;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    margin: 0;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    transition: all 250ms ease;
  }
  
  .wrap6 footer .authorWindow a {
    color: white;
    text-decoration: none;
  }
  
  .wrap6 footer p strong {
    color: rgba(255, 255, 255, 0.9);
  }
  
  .wrap6 .about-me-img {
    width: 120px;
    height: 120px;
    left: 10px;
    position: relative;
    border-radius: 100px;
  }
  
  .wrap6 .about-me-img img {
  }
  
  .wrap6 .authorWindow {
    width: 600px;
    background: #75439a;
    padding: 22px 20px 22px 20px;
    border-radius: 5px;
    overflow: hidden;
  }
  
  .wrap6 .authorWindowWrapper {
    display: none;
    left: 110px;
    top: 0;
    padding-left: 25px;
    position: absolute;
  }
  
  .wrap6 .trans {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  @media screen and (max-width: 768px) {
    .wrap6 .authorWindow {
      width: 210px;
    }
  
    .wrap6 .authorWindowWrapper {
      bottom: -170px;
      margin-bottom: 20px;
    }
  
    .wrap6 footer p {
      font-size: 14px;
    }
  } */
  

/* WRAP7 */

.wrap7{padding-top: 40px; padding-bottom: 40px; overflow: hidden;}
.wrap7 h2{font-size: 40px; font-weight: 900; text-align: center; margin-bottom: 10px; font-family: "Roboto Slab", serif; font-weight: 700;}
/* .wrap4 h1 span{color: #167ce9;} */
.wrap7 h2 span{color:  #167ce9;}
.wrap7 .p1{font-family: poppins; text-align: center; margin-bottom: 40px;}
.wrap7 .flex{display: flex; flex-wrap: wrap;}
.wrap7 .flex .box1{flex-basis: 40%; padding: 10px;}
.wrap7 .flex .box1 img{width:100%; height: 300px;}
.wrap7 .flex .box2{flex-basis: 60%; padding: 20px;}
.wrap7 .flex .box2 h3{font-size: 33px; margin-bottom: 20px; font-family: poppins; font-weight: 700;}
.wrap7 .flex .box2 h3 span{color:  #167ce9;}
.wrap7 .flex .box2 .p4{text-align: justify; font-family: poppins;}
/* .wrap7 .flex .box2 .p5{} */
/* .wrap7 .flex .box2 .p5 a{} */
.wrap7 .flex .box2 .p5{box-shadow: 0px 5px 22px rgba(0,0,0,0.5); display: inline-block;padding: 10px 0px 10px 0px; margin-top: 15px;}
.wrap7 .flex .box2 .p5 a{text-decoration: none;padding: 10px 30px;color: black; font-weight: 600; transition: 1s;}
.wrap7 .flex .box2 .p5:hover a{background-color: #167ce9; color: white;}
@media screen and (max-width:1220px){
    .container{max-width: 915px;}
    .wrap7 h2{font-size: 40px;}
    .wrap7 .flex{display: flex;}
    .wrap7 .flex .box1{flex-basis: 50%;}
    .wrap7 .flex .box1 img{height: 350px;}
    .wrap7 .flex .box2{flex-basis: 50%;}
}
@media screen and (max-width:900px){
    .container{max-width: 700px;}
    .wrap7 .flex{display: block;}
    .wrap7 .flex .box1 img{width: 100%;}
}
@media screen and (max-width:767px){
    .container{max-width: 658px;}
    .wrap7 h2{font-size: 33px;}
.wrap7 .flex .box1 img{width: 100%; height: 200px;}
.wrap7 .flex .box2 h3{font-size: 28px; margin-bottom: 20px;}
.wrap7 .flex .box2 .p4{text-align: justify; font-size: 14px;}

}
@media screen and (max-width:460px){
    .container{max-width: 100%;}
    .wrap7 h2{font-size: 40px;}
    .wrap7 .flex .box2 h3{font-size: 22px; margin-bottom: 20px;}
.wrap7 .flex .box2 .p4{text-align: justify; font-size: 12px;}

    /* .wrap5 img{width: 100%; height: 250px;} */

}
/* wrap8 */
.wrap8{padding-top: 40px; padding-bottom: 40px;}
.wrap8 h2{font-size: 40px; font-weight: 900; text-align: center; font-family: "Roboto Slab", serif; font-weight: 700;}
.wrap8 h2 span{color:  #167ce9;}
.wrap8 .p1{text-align: center; width: 83%; margin: auto; margin-bottom: 50px; font-family: poppins;}
.wrap8 .flex{display: flex; flex-wrap: wrap;}
.wrap8 .flex .box2{flex-basis: 40%; padding: 10px;}
.wrap8 .flex .box2 img{width: 400px; height: 350px;}
.wrap8 .flex .box1{flex-basis: 60%; padding: 20px;}
.wrap8 .flex .box1 h3{font-size: 33px; margin-bottom: 20px;}
.wrap8 .flex .box1 h3 span{color:  #167ce9;}
.wrap8 .flex .box1 .p4{text-align: justify; font-family: poppins;}
/* .wrap7 .flex .box2 .p5{} */
/* .wrap7 .flex .box2 .p5 a{} */
.wrap8 .flex .box1 .p5{box-shadow: 1px 1px 2px 2px grey; display: inline-block;padding: 10px 0px 10px 0px; margin-top: 15px; transition: 1s;}
.wrap8 .flex .box1 .p5 a{text-decoration: none;padding: 10px 30px;color: black; font-weight: 600; transition: 1s;}
.wrap8 .flex .box1 .p5:hover a{background-color: #167ce9; color: white;}
@media screen  and (max-width:1220px){
    .container{max-width: 915px;}
    .wrap8 h2{font-size: 40px;}
    .wrap8 .flex{display: flex;}
    .wrap8 .flex .box1{flex-basis: 50%;}
    .wrap8 .flex .box2 img{height: 450px;}
    .wrap8 .flex .box2{flex-basis: 50%;}
}
@media screen and (max-width:900px){
    .container{max-width: 700px;}
    .wrap8 .flex{display: block;}
.wrap8 .flex .box2 img{width: 100%; height: 280px;}

}
@media screen and (max-width:767px){
    .container{max-width: 658px;}
    .wrap8 h2{font-size: 33px;}
.wrap8 .flex .box1 h3{font-size: 28px; margin-bottom: 20px;}
.wrap8 .flex .box1 .p4{text-align: justify; font-size: 14px;}
.wrap8 .flex .box2 img{width: 100%; height: 250px;}

       
}
@media screen and (max-width:460px){
    .container{max-width: 100%;}
    .wrap8 h2{font-size: 42px;}
    .wrap8 .flex .box1 h3{font-size: 22px; margin-bottom: 20px;}
    .wrap8 .flex .box1 .p4{text-align: justify; font-size: 12px;}
    
}
/* wrap9 */
.wrap9{padding-top: 50px;}
.wrap9 #main h1{
    font-size: 40px;
      color: black;
      text-align: center;
      font-family: "Roboto Slab", serif; font-weight: 700;
  }
  .wrap9 #main h1 span{color: #167ce9;}
.wrap9 .p1{font-family: poppins; width: 70%; margin: auto; margin-bottom: 30px;}
  .wrap9 .cards-list {
      z-index: 0;
      width: 100%;
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
      margin: auto;
  }
  .wrap9 .card{
  margin: 30px auto;
      width: 400px;
      height: 284px;
      border-radius: 50px 0;
      box-shadow: 0px 0px 15px rgb(0 0 0 / 30%);
      cursor: pointer;
      transition: 0.4s;
      justify-content: flex-start !important;
    background-color: #97A9BD;
  }
  
  .wrap9 .card_image{
      background: #fff;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      margin: 10px auto;
  }
  .wrap9 .card_image i{ 
      margin: 17px;
      font-size: 37px;
    
  -webkit-animation:spin 4s linear infinite;
      -moz-animation:spin 4s linear infinite;
      animation:spin 4s 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); 
      } 
  }
  .wrap9 .card_title .heading {
      font-size: 1.2rem;
      font-weight: 700;
         margin: auto;
      text-align: center;
         color: #fff;
  }
  .wrap9 .card_title p {
      margin: 10px auto;
      line-height: normal;
    text-align: center;
        color: #fff;
  }
  .wrap9 .cards-list .card:nth-child(1) {
    background-color: #97A9BD;
  }
  .wrap9 .cards-list .card:nth-child(1):hover {
   background-color: #5e6e80;
  }
  
  .wrap9 .cards-list .card1 .card_image a i{
    color: #97A9BD;
   
  }
  
  .wrap9 .cards-list .card:nth-child(2) {
      background-color: #A197BD;
  }
  .wrap9 .cards-list .card:nth-child(2):hover {
   background-color: #625682;
  }
  .wrap9 .cards-list .card2 .card_image a i{
    color: #A197BD;
   
  }
  .wrap9 .cards-list .card:nth-child(3) {
      background-color: #BDA697;
  }
  .wrap9 .cards-list .card:nth-child(3):hover {
   background-color: #826552;
  }
  .wrap9 .cards-list .card3 .card_image a i{
    color:#BDA697;
   
  }
  .wrap9 .btn-flip {
    opacity: 1;
    outline: 0;
    color: #fff;
    line-height: 40px;
    position: relative;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
    text-decoration: none;
    font-family: "Open Sans";
    text-transform: uppercase;
  }
  .wrap9 .btn-flip:hover:after {
    opacity: 1;
    transform: translateY(0) rotateX(0);
  }
  .wrap9 .btn-flip:hover:before {
    opacity: 0;
    transform: translateY(50%) rotateX(90deg);
  }
  .wrap9 .btn-flip:after {
  top: 0;
      left: 0;
      opacity: 0;
      width: 100%;
      color: #ababb4;
      display: block;
      transition: 0.5s;
      position: absolute;
      background: #fcfcfc;
      content: attr(data-back);
    transform: translateY(-50%) rotateX(90deg);
  }
  .wrap9 .btn-flip:before {
        top: 0;
      left: 0;
      opacity: 1;
      color: #f9f9ff;
      display: block;
      padding: 0 30px;
      line-height: 40px;
      transition: 0.5s;
      position: relative;
      /* background: #fbfbfd; */
      content: attr(data-front);
      transform: translateY(0) rotateX(0);
      border: 1px solid #fbfbfb;
  }
  .wrap9 .btn-read{
    justify-content: center;
      align-content: center;
      display: flex;
    margin: 31px;
  }
  

/* wrap10 */
/* .wrap10{padding-bottom: 50px;}
.wrap10 h2{text-align: center; font-size: 42px; font-weight: 900; margin-bottom: 50px;}
.wrap10 h2 span{color: #00a651;} */
/* .wrap10  .box .testi-image{border: 1px solid red; text-align: center;} */
/* .wrap10 .box .people{width: 100px; height: 100px; border-radius: 100%; margin-bottom: 20px;} */
/* .wrap10 img{width: 100%; height: 200px;} */
/* .wrap10 .box{ box-shadow: 0px 0px 12px rgba(0,0,0,0.5);margin: 10px; text-align: center; padding-bottom: 20px; text-align: justify; padding: 20px; border-radius: 10px;} */
/* .wrap10 .quote{width: 100px; height: 100px; opacity: 0.4; position: absolute; top: 110px; left: 10px; margin-top: 10px;} */
/* .wrap10 .box .p6{font-weight: 600; font-size: 18px; margin-top: 10px; margin-bottom: 25px;} */
/* @media screen and (max-width:900px){ */
    /* .container{max-width: 700px;} */
    /* .wrap10 .box{width: 300px;} */
/* } */
/* @media screen and (max-width:767px){ */
    /* .container{max-width: 658px;} */
/* .wrap10 h2{text-align: center; font-size: 33px; font-weight: 900; margin-bottom: 50px;} */
/* .wrap10 .slick-prev { */
    /* left: 2px; color: red; */
/* } */
/* .wrap3 .slick-prev:before {
    font-family: slick;
    font-size: 39px;
    line-height: 1;
    opacity: 1;
    
    color: red;} */
/* .wrap10 .slick-next { */
    /* right: 0px; */
/* } */

/* } */
/* @media screen and (max-width:460px){ */
    /* .container{max-width: 100%;} */
/* .wrap10 h2{text-align: center; font-size: 28px; font-weight: 900; margin-bottom: 50px;} */

/* .wrap10 .slick-prev { */
    /* left: 2px; color: red; */
/* } */
/* .wrap3 .slick-prev:before {
    font-family: slick;
    font-size: 39px;
    line-height: 1;
    opacity: 1;
    
    color: red;} */
/* .wrap10 .slick-next { */
    /* right: -2px; */
/* } */


/* } */

  
.wrap10 .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr 1fr;
    padding: 10px;
    gap: 2em;
    max-width: 1440px;
    margin: auto; 
    padding-bottom: 40px;
}

.wrap10 h2{font-family: "Roboto Slab", serif; font-weight: 700; text-align: center; font-size: 40px;}
.wrap10 h2 span{color: #167ce9;}
.wrap10 .p1{text-align: center; width: 70%; margin: auto; margin-bottom: 40px; font-family: poppins;}
.wrap10 .card {
    padding: 20px;
    border-radius: 10px;
}

.wrap10 .card .header {
    display: flex;
    height: 50px;
    align-items: center;
    gap: 10px;
}

.wrap10 .card > * {
    padding: 10px;
    line-height: 1.5;
}

.wrap10 .card .header .name {
    font-size: 1.2em;
}

.wrap10 .card .avatar {
    border-radius: 50%;
}

.wrap10 .card .title {
    font-size: 1.7em;
}

.wrap10 .card .status {
    color: inherit;
    opacity: 0.5;
}

.wrap10 .card .quote {
    font-size: 1.1em;
    color: inherit;
    opacity: 0.7;
}

.wrap10 .card .quote::before {
    content: open-quote;
}

.wrap10 .card .quote::after {
    content: close-quote;
}

.wrap10 .card:nth-of-type(1) {
    background: hsl(263, 55%, 52%);
    color: hsl(0, 0%, 100%);
    grid-column: 1 / 3;
    background-image: url('https://assets.codepen.io/5126815/bg-pattern-quotation.svg');
    background-repeat: no-repeat;
    background-position: 80% 0%;
}

.wrap10 .card:nth-of-type(2) {
    background: hsl(217, 19%, 35%);
    color: hsl(0, 0%, 100%);
}

.wrap10 .card:nth-of-type(5) {
    background: hsl(0, 0%, 100%);
    grid-column: 4;
    grid-row: 1 / 3;
}

.wrap10 .card:nth-of-type(3) {
    background: hsl(0, 0%, 100%);
}

.wrap10 .card:nth-of-type(4) {
    background: hsl(219, 29%, 14%);
    color: hsl(0, 0%, 100%);
    grid-column: 2 / 4;
}

@media(max-width: 800px) {
    .wrap10 .container {
        display: flex;
        flex-direction: column;
    }
}
/* wr15 */
.wrap15{padding-top: 50px; padding-bottom: 40px;}
.wrap15 h2{text-align: center; margin-bottom: 40px; font-weight: 900;font-size: 50px;}
.wrap15 h2 span{color: #0c52a1;}
.wrap15 .box{width: 200px; height: 200px; margin: 10px;}
.wrap15 .box video{width: 100%; height: 220px;}
.wrap15 .slick-dots li button:before{font-size: 8px; color: #0c52a1;}


@media screen and (max-width:1220px) {
    .container{max-width: 915px;}
}
@media screen and (max-width:900px) {
    .container{max-width: 700px;}
}
@media screen and (max-width:767px) {
    .container{max-width: 658px;}
    .wrap15 .slick-prev{left:-2px}
    .wrap15 .slick-next{right: -2px;}
}
@media screen and (max-width:460px) {
    .container{max-width: 100%;}
    .wrap15 .slick-prev{left:-2px}
    .wrap15 .slick-next{right: -2px;}
}
/* wrap11 */
.wrap11 .footer-section {
    background: #151414;
    position: relative;
  }
  .wrap11 .footer-cta {
    border-bottom: 1px solid #373636;
    padding-bottom: 8px !important;
  }
  .wrap11 .single-cta i {
    color: #ff5e14;
    font-size: 30px;
    float: left;
    margin-top: 8px;
  }
  .wrap11 .cta-text {
    padding-left: 15px;
    display: inline-block;
  }
  .wrap11 .cta-text h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px;
  }
  .wrap11 .cta-text span {
    color: #757575;
    font-size: 15px;
  }
  .wrap11 .footer-content {
    position: relative;
    z-index: 2;
  }
  .wrap11 .footer-pattern img {
    position: absolute;
    top: 0;
    left: 0;
    height: 330px;
    background-size: cover;
    background-position: 100% 100%;
  }
  .wrap11 .footer-logo img {
    max-width: 120px;
  }
  .wrap11 .footer-text p {
    margin-bottom: 14px;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 21px;
    margin-top: 15px;
  }
  .wrap11 .footer-social-icon span {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
  }
  .wrap11 .footer-social-icon a {
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
  }
  .wrap11 .footer-social-icon i {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
  }
  .wrap11 .facebook-bg {
    background: #3b5998;
  }
  .wrap11 .twitter-bg {
    background: #55acee;
  }
  .wrap11 .google-bg {
    background: #dd4b39;
  }
  .wrap11 .footer-widget-heading h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative;
  }
  .wrap11 .footer-widget-heading h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 2px;
    width: 50px;
    background: #ff5e14;
  }
  .wrap11 .footer-widget ul li {
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 12px;
  }
  .wrap11 .footer-widget ul li a:hover {
    color: #ff5e14;
  }
  .wrap11 .footer-widget ul li a {
    color: #878787;
    text-transform: capitalize;
  }
  .wrap11 .subscribe-form {
    position: relative;
    overflow: hidden;
  }
  .wrap11 .subscribe-form input {
    width: 100%;
    padding: 14px 28px;
    background: #2e2e2e;
    border: 1px solid #2e2e2e;
    color: #fff;
  }
  .wrap11 .subscribe-form button {
    position: absolute;
    right: 0;
    background: #ff5e14;
    padding: 13px 20px;
    border: 1px solid #ff5e14;
    top: 0;
  }
  .wrap11 .subscribe-form button i {
    color: #fff;
    font-size: 22px;
    transform: rotate(-6deg);
  }
  .wrap11 .copyright-area {
    background: #202020;
    padding: 25px 0;
  }
  .wrap11 .copyright-text p {
    margin: 0;
    font-size: 14px;
    color: #878787;
  }
  .wrap11 .copyright-text p a {
    color: #ff5e14;
  }
  .wrap11 .footer-menu li {
    display: inline-block;
    margin-left: 20px;
  }
  .wrap11 .footer-menu li:hover a {
    color: #ff5e14;
  }
  .wrap11 .footer-menu li a {
    font-size: 14px;
    color: #878787;
  }
  .wrap11 .footer-cta .row .col-xl-4:nth-child(1) .single-cta i {
    position: absolute;
    color: #ff5e14;
  }
  .wrap11 .footer-cta .row .col-xl-4:nth-child(1) .single-cta .cta-text {
    padding-left: 32px;
  }
  .wrap11 .footer-cta .row .col-xl-4:nth-child(2) .single-cta i {
    color: #14ffa7;
  }
  .wrap11 .footer-cta .row .col-xl-4:nth-child(3) .single-cta i {
    color: #ffd700;
  }
  .wrap11 .footer-social-icon .social_icon {
    text-align: left;
  }
  .wrap11 .footer-social-icon .social_icon li {
    float: inherit !important;
    display: inline-block !important;
    width: inherit;
  }
  .wrap11 .footer-social-icon .social_icon li a i {
    font-size: 15px;
    line-height: 39px;
  }
  .wrap11 .footer-social-icon .social_icon li a {
    width: 40px;
    height: 40px;
  }
  
  .wrap11 .social_icon {
    text-align: right;
    margin: 0;
    margin-top: 3px;
  }
  .wrap11 .social_icon li {
    display: inline-block;
    margin: 0 5px;
  }
  .wrap11 .social_icon li a {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #fff;
    color: #000;
    text-align: center;
    border-radius: 100%;
    transition: 0.2s ease-in-out;
  }
  .wrap11 .social_icon li a i {
    font-size: 15px;
    line-height: 20px;
  }
  .wrap11 .social_icon li:nth-child(1) a {
    background: #4267b2;
    color: #fff;
  }
  .wrap11 .social_icon li:nth-child(2) a {
    background: #1da1f2;
    color: #fff;
  }
  .wrap11 .social_icon li:nth-child(3) a {
    background: #f09433;
    background: -moz-linear-gradient(
      45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%
    );
    background: -webkit-linear-gradient(
      45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%
    );
    background: linear-gradient(
      45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    color: #fff;
  }
  .wrap11 .social_icon li:nth-child(4) a {
    background: #ff0000;
    color: #fff;
  }
  .wrap11 .social_icon li:nth-child(1):hover a {
    background: #fff;
    color: #4267b2;
  }
  .wrap11 .social_icon li:nth-child(2):hover a {
    background: #fff;
    color: #1da1f2;
  }
  .wrap11 .social_icon li:nth-child(3):hover a {
    background: #fff;
    color: #bc1888;
  }
  .wrap11 .social_icon li:nth-child(4):hover a {
    background: #fff;
    color: #ff0000;
  }
  
@media screen and (max-width:767px) {
  .wrap1 nav {padding:0px}
  .wrap3 .section1 td:nth-child(1){width: 100%;}
  .wrap3 .section1 td:nth-child(2){width: 100%;}
  .wrap3 .flex .content{padding: 50px;}
  .wrap4 .team .slide{margin-bottom: 20px;}
  .wrap2 h5{font-size: 39px; top: -120px;}
  .wrap2 .p11{font-size: 13px; top: 0px;}

}
@media screen and (max-width:400px) {
  .wrap3 .section1 .form{flex-basis: 100%;}
  .wrap3 .flex .content{padding: 0px 0px 50px 0px; flex-basis: 100%;}
  .wrap3 .flex .content p{word-spacing: 3px; margin-top: 20px;}
  .wrap4 .p1{width: 100%;}
  .wrap4 .team .slide{margin-bottom: 20px;}
  .wrap5 .p1{width: 100%;}
  .wrap9{padding-top: 0px;}
  .wrap9 .p1{width: 100%;}
  .wrap8 .p1{width: 100%;}
  .wrap10 .p1{width: 100%;}
  .wrap2 h5{font-size: 39px; top: -250px;}
  .wrap2 .p11{font-size: 13px; top: 0px;}
}

/* about */
/* .about-wrap1{position: sticky; z-index: 5; overflow: hidden;} */
.about-wrap2{background: url(../images/ABOUT.jpg) no-repeat center top/cover; height: 400px;}

.about-wrap3{padding-top: 50px;}
.about-wrap3 .flex{display: flex;}
.about-wrap3 .flex .box1{flex-basis: 60%;padding-right: 15px; padding-top: 10px;}
.about-wrap3 .flex .box1 h1{font-size: 22px; font-weight: 600; margin-bottom: 10px;}
.about-wrap3 .flex .box1 h2{font-size: 18px; font-weight: 600; text-decoration: underline;}
.about-wrap3 .flex .box1 .p1{font-size: 14px; text-align: justify;}
.about-wrap3 .flex .box1 ul{padding: 15px;}
.about-wrap3 .flex .box1 ul li{font-size: 14px;}
.about-wrap3 .flex .box2 img{padding: 10px;box-shadow: 0px 5px 22px rgba(0,0,0,0.5)}
.about-wrap3 .imf{display: flex;}
.about-wrap3 .imf img{width: 70%; height: 200px; display: none;}

.about-wrap4{overflow: hidden;}
.about-wrap4 .marquee{background-color: #0c52a1; color: white; padding: 1px;}
.about-wrap4 .marquee .p2{-moz-animation: marquee 10s linear infinite; -webkit-animation:  marquee 10s linear infinite; animation:  marquee 10s linear infinite; width: 100%; text-align: center; margin-top: 10px; font-weight: 600;}

@-moz-keyframes marquee{
    0%{transform: translateX(100%);}
    100%{transform: translateX(-100%);}
}
@-webkit-keyframes marquee{
    0%{transform: translateX(100%);}
    100%{transform: translateX(-100%);}
}
@keyframes marquee{
    0%{-moz-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);}
    100%{-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);}

}
@media screen and (max-width:1220px){
    .container{max-width: 915px;}
    .about-wrap4 .marquee .p2{font-size: 16px;}
}
.about-wrap5{padding-top: 50px;}
/* .about-wrap5 .head{text-align: center;} */
.about-wrap5 .p5{text-align: center; font-size: 50px; font-weight: 900;}
.about-wrap5 .p5 span{color: #0c52a1;}
.about-wrap5 .p6{text-align: center;}

.about-wrap5 .ab-card{font-size: 1rem; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 4rem 0;}
.about-wrap5 .img-box img{display: block; width: 100%;height: 20rem; object-fit: cover;}
.about-wrap5 .grid{display: flex; justify-content: center; text-align: center; width: 90%; margin: auto; flex-wrap: wrap;}
.about-wrap5 .card{display: block; overflow: hidden; border-radius: 0.6rem; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.7); cursor: pointer; transition: 0.2s;position: relative; margin: 10px;}
.about-wrap5 .card-content{position: absolute; background-color:rgb(12, 82, 161);color: white; width: 100%; height: 30%; padding: 2.2rem 0; overflow: hidden; transition: 0.7s; bottom: 0;}
.about-wrap5 .card-content h1{font-size: 2rem; font-weight: 600; text-transform: capitalize;}
.about-wrap5 .card-content p{font-size: 1rem; font-weight: 400; line-height: 1.5rem; padding: 1.2rem;}
.about-wrap5 .card-content:hover{
    height: 100%; transition: 0.7s;
}


.about-wrap6{background: url(../images/tam.jpg) no-repeat center top/cover; height: 300px; position: relative; z-index: 1;}
.about-wrap6 div.mask {position: absolute;background: rgba(12, 82, 161, 0.5);left: 0;right: 0;height: 100%;z-index: -1;}
.about-wrap6 .content{text-align: center; padding-top: 50px;}
.about-wrap6 .content a{color: white; text-decoration: none;}
.about-wrap6 .content .no{font-size: 28px; font-weight: 600;}
.about-wrap6 i{color: white; font-size: 24px;}
.about-wrap6 .content .p8{color: white; font-size: 24px; margin-top: 10px; font-weight: 600; text-decoration: underline;}
.about-wrap6 .content .p9{color: white; font-size: 18px; margin-top: 10px; margin-bottom: 30px;}
.about-wrap6 .content .con{background-color: linen; color: black; padding: 10px 30px; font-weight: 600; border-radius: 20px; transition: 1s;}
.about-wrap6 .content .con:hover{background: linear-gradient(#06f479,#00a651); color: white;}
@media screen and (max-width:1220px){
    .container{max-width: 915px;}
    .about-wrap6 .content .p9{font-size: 16px;}
}
.about-wrapga{}

@media screen and (max-width:1220px){
    .container{max-width: 915px;}
    .about-wrap2{height: 250px;}

    /* .about-wrap2{height: 300px;} */
    .about-wrap3 .flex{display: block;}
.about-wrap3 .flex .box2 img{display: none;}
.about-wrap3 .imf img{width: 70%; height: 200px; display: block;}
.about-wrapga .slick-next {right: 0px;} 


}
@media screen and (max-width:900px){
    .container{max-width: 700px;}
    .about-wrap2{height: 200px;}

    .br{display: none;}
    .about-wrapga img{height: 250px;}
    /* .slick-next {right: -2px;}  */
.about-wrapga .slick-next {right: 0px;} 

    .about-wrap4 .marquee .p2{font-size: 20px;}

    .about-wrap5 .card{width: 80%;}
}
@media screen and (max-width:767px){
    .container{max-width: 658px;}
    .about-wrap2{height: 200px;}
    .about-wrapga .slick-next {right: 0px;} 
    .about-wrap4 .marquee .p2{font-size: 16px;}
    .about-wrap5 .card{width: 60%;}
    
}
@media screen and (max-width:460px){
    .container{max-width: 380px;}
    .about-wrap2{height: 150px;}
    .about-wrap3 h1{font-size: 20px; text-align: justify;}
    /* .about-wrap3 .box1 .p1{font-size: 10px;} */
.about-wrap3 .flex .box1 .p1{font-size: 12px; text-align: justify;}
.about-wrap3 .flex .box2 img{display: block; width: 100%; height: 200px; margin-bottom: 10px;}
.about-wrap4 .marquee .p2{font-size: 14px;}
.about-wrapga .slick-next {right: 0px;} 


.about-wrap3 .imf img{display: none;}
.about-wrap5 .p6{font-size: 14px;}
.about-wrap5 .card{width: 100%;}
/* .about-wrap6  */
.about-wrap6 .content .p9{font-size: 12px;}

}

.robotic-wrap2{background: url(../images/robotic\ hand\ \(1\).JPG) no-repeat center top/cover; width: 100%; height: 400px;}
/* myolectric */
.my-wrap2{background: url(../images/MYOELECTERIC.jpg) no-repeat center top/cover; width: 100%; height: 500px;}
.doctors-wrap2{background: url(../images/TESTEMONIAL\ \(1\).jpg) no-repeat center top/cover; height: 400px;}
.testimonial-wrap2{background: url(../images/OTHER.jpg) no-repeat center top/cover; height: 400px;}

.my-wrap3{padding-top: 60px;}
.my-wrap3 .flex{display: flex;}
.my-wrap3 .content{flex-basis: 60%;padding-right: 40px;}
.my-wrap3 .content h1{font-size: 25px; font-weight: 600; margin-bottom: 20px;}
.my-wrap3 .content .p1{font-size: 14px; text-align: justify;}
.my-wrap3 .content h2{font-size: 22px; text-decoration: underline; margin-top: 10px; margin-bottom: 15px;}
.my-wrap3 .content ol{padding: 0px; padding-left: 20px;}
.my-wrap3 .content ol li{font-size: 14px;}
.my-wrap3 .image{flex-basis: 40%;position: relative; padding: 10px; text-align: center;}
.my-wrap3 .slide_image{box-shadow: 0px 0px 12px grey;}
.my-wrap3 .img-preview{ width: 100%; height: 50vh;}
.my-wrap3 .images{position: absolute; top: 375px; overflow: hidden; display: flex;}
.my-wrap3 .img{width: 102px;height: 100px;opacity: 0.8; cursor: pointer; border: 4px solid #fefefe; transition: all 0.25s ease-in-out; margin: 5px;}
.my-wrap3 .img:hover{opacity: 1; transform:  scale(1.06);}
.my-wrap3 .oi2{display: none;}
.my-wrap3 .oi3{display: none;}
.my-wrap3 .oi4{display: none;}
.my-wrap3 .oi5{display: none;}
.my-wrap3 .time{margin-top: 50px;}
.my-wrap3 .time h2{margin-bottom: 30px;}
.my-wrap3 .time .times{width: 400px; background-color: #0bff81; margin-left: 20px;}
.my-wrap3 .time .times .p2{border-bottom: 1px dotted #00a651; padding: 15px; font-weight: 600; font-size: 16px;}
.my-wrap3 .form{border: 1px solid green; width: 100%; padding: 20px;background-color: #0c52a1; border-radius: 20px; margin-top: 50px;}
.my-wrap3 .form h2{color: white; font-size: 22px; margin-bottom: 20px;}
.my-wrap3 button{width: 100%;}

/* .my-wrap4 .bo{margin-top: -30px;} */

@media screen and (max-width:1220px){
    .container{max-width: 915px;}
    .my-wrap3 .oi1{display: none;}
    .my-wrap3 .oi2{display: block;}
    .my-wrap3 .oi3{display: none;}
    .my-wrap3 .oi4{display: none;}
    .my-wrap3 .oi5{display: none;}

    .my-wrap2{background: url(../images/myo-electric-banner-05.jpg) no-repeat center top/cover; width: 100%; height: 300px;}
    .my-wrap3 .images{position: absolute; top: 270px; overflow: hidden; display: flex;}
    .my-wrap3 .img{width: 208px;height: 110px;opacity: 0.8; cursor: pointer; border: 2px solid #fff; transition: all 0.25s ease-in-out; margin: 5px;}
    .my-wrap3 .flex{display: block;}   
    .my-wrap3 .res-flex{display: flex;}
    .my-wrap3 .time{margin-right: 10px;}
    .my-wrap3 .time .times{width: 350px;}
    .my-wrap3 .form{margin-top: 130px; margin-bottom: 80px;}
}

@media screen and (max-width:900px){
    .container{max-width: 700px;}
    .my-wrap3 .oi1{display: none;}
    .my-wrap3 .oi2{display: none;}
    .my-wrap3 .oi3{display: block;}
    .my-wrap3 .oi4{display: none;}
    .my-wrap3 .oi5{display: none;}
    
    .my-wrap2{background: url(../images/myo-electric-banner-05.jpg) no-repeat center top/cover; width: 100%; height: 250px;}
    .my-wrap3 .images{position: absolute; top: 400px; overflow: hidden; display: flex;}
    .my-wrap3 .img{width: 153px;height: 110px;opacity: 0.8; cursor: pointer; border: 4px solid #fff; transition: all 0.25s ease-in-out; margin: 5px;}
}

@media screen and (max-width:767px){
    .container{max-width: 658px;}
    .my-wrap3 .oi1{display: none;}
    .my-wrap3 .oi2{display: none;}
    .my-wrap3 .oi3{display: none;}
    .my-wrap3 .oi4{display: block;}
    .my-wrap3 .oi5{display: none;}

    .my-wrap2{background: url(../images/myo-electric-banner-05.jpg) no-repeat center top/cover; width: 100%; height: 200px;}
    .my-wrap3 .images{position: absolute; top: 120px; overflow: hidden; display: flex;}
    .my-wrap3 .img{width: 143px;height: 80px;opacity: 0.8; cursor: pointer; border: 4px solid #fff; transition: all 0.25s ease-in-out; margin: 5px;}

    .my-wrap3 .res-flex{display: flex;}
    .my-wrap3 .time{margin-right: 40px; flex-basis: 50%;}
    .my-wrap3 .time .times{width: 100%;}
    .my-wrap3 .form{margin-top: 130px; margin-bottom: 80px;flex-basis: 50%;}
    .my-wrap3 .p1{font-size: 14px;}
    .my-wrap4 .p5{font-size: 14px;}
}

@media screen and (max-width:460px){
    .container{max-width: 100%;}
    .my-wrap3 .oi1{display: none;}
    .my-wrap3 .oi2{display: none;}
    .my-wrap3 .oi3{display: none;}
    .my-wrap3 .oi4{display: none;}
    .my-wrap3 .oi5{display: block;}

    .my-wrap2{background: url(../images/myo-electric-banner-05.jpg) no-repeat center top/cover; width: 100%; height: 130px;}

    .my-wrap3 .res-flex{display: block;}
    .my-wrap3 .time{margin-right: -20px;}
    .my-wrap3 .time .times{width: 290px;}
    .my-wrap3 .form{margin-top: 30px; margin-bottom: 80px;}
    .my-wrap3 .content{flex-basis: 60%;padding-right: 0px;}
    

    .my-wrap3 .images{position: absolute; top: 5px; overflow: hidden; display: flex; flex-direction: column;}
    .my-wrap3 .img{width: 103px;height: 80px;opacity: 0.8; cursor: pointer; border: 4px solid #fff; transition: all 0.25s ease-in-out; margin: 5px;}
}

.my-wrap4{padding-top: 50px;}
.my-wrap4 h2{text-align: center; font-weight: 900; margin-bottom: 35px;}

/* custom-insole */
.custom-wrap2{background: url(../images/INSOLE.jpg) no-repeat center top/cover; height: 500px;}
/* contact */

.cont-wrap2{background: url(../images/image4.jpg) no-repeat center top/cover; width: 100%; height: 400px;}

.cont-wrap3{margin-top: 50px;}
.cont-wrap3 .flex{display: flex;}
.cont-wrap3 .flex .form_box{flex-basis: 50%; padding: 20px;}
.cont-wrap3 .flex .form_box hr{width: 200px; height: 5px; background-color: #00a651; margin-top: -10px;}

.cont-wrap3 .flex .form_box h1{margin-bottom: 20px; font-size: 33px; font-weight: 900; }

.cont-wrap3 .flex .content_box{flex-basis: 50%; padding: 10px;}
.cont-wrap3 .flex .content_box .add_box{padding: 10px;}
.cont-wrap3 .flex .content_box .add_box h2{margin-bottom: 20px;}
.cont-wrap3 .flex .content_box hr{width: 120px; height: 5px; background-color: #00a651; margin-top: -10px;}

.cont-wrap3 .flex .content_box .add_box div{padding: 4px;}
.cont-wrap3 .flex .content_box .add_box div span{font-size: 16px; font-weight: 600;}
.cont-wrap3 .flex .content_box .add_box div span a{text-decoration: none; color: black;}


.cont-wrap3 .flex .content_box .video_box video{width: 100%; height: auto; margin-top: 20px; box-shadow: 0 0 222px grey;}

.cont-wrap4{margin-top: 50px;}
.cont-wrap4 .flex{display: flex; justify-content: space-between;}
.cont-wrap4 .flex .box1{flex-basis: 50%; border: 8px solid #0c52a1; margin-right: 2px; height: 300px;}
.cont-wrap4 .flex .box1 iframe{width: 100%; height: 282px;}

.cont-wrap4 .flex .box2{flex-basis: 50%; border: 8px solid #0c52a1; margin-left: 2px; height: 300px;}
.cont-wrap4 .flex .box2 iframe{width: 100%; height: 282px;}


@media screen and (max-width:1220px){
    .container{max-width: 915px;}
.cont-wrap2{width: 100%; height: 40vh;}
.cont-wrap3 .flex .content_box .video_box video{width: 100%; height: 330px; margin-top: 20px; box-shadow: 0 0 222px grey;}
    
}
@media screen and (max-width:900px){
    .container{max-width: 700px;}
    .cont-wrap3 .flex{display: block;}
    .cont-wrap3 .flex .form_box{flex-basis: 50%; padding: 20px;}    
}
@media screen and (max-width:767px){
    .container{max-width: 658px;}
.cont-wrap3 .flex .content_box .add_box div span{font-size: 16px; font-weight: 600;}
.cont-wrap3 .flex .content_box .video_box video{width: 100%; height: 260px; margin-top: 20px; box-shadow: 0 0 222px grey;}
    
}
@media screen and (max-width:460px){
    .container{max-width: 100%;}
.cont-wrap2{width: 100%; height: 30vh;}
.cont-wrap3 .flex .form_box h1{margin-bottom: 20px; font-size: 30px;}
.cont-wrap3 .flex .content_box .add_box div span{font-size: 15px; font-weight: 600;}
.cont-wrap3 .flex .content_box .video_box video{width: 100%; height: 230px; margin-top: 20px; box-shadow: 0 0 222px grey;}
    
}
/* robotic */

/* .robotic .form h2{font-size: 869px} */
.robotic .form{width: 70%; padding: 20px;background-color: #0c52a1; border-radius: 20px; margin-top: 50px;margin: auto; margin-bottom: 50px;}
.robotic .form h2{color: white; font-size: 28px; margin-bottom: 20px;}
.robotic button{width: 30%;}
/* .robotic_slide .box{padding-bottom: 0px; border: 1px solid black;}
.robotic_slide h2{margin-bottom: 5px;}
.robotic_slide .p7{text-align: center; margin-bottom: 30px; font-size: 14px;} */

@media screen  and (max-width:1220px){
    .container{max-width: 915px;}
    .robotic .form{width: 100%; padding: 20px;background-color: #0c52a1; border-radius: 20px; margin-top: 50px;margin: auto; margin-bottom: 50px;}

    .robotic_slide h2{font-size: 40px;}
/* .wrap9 img{width: 100%; height: ;} */
/* .wrap9 .box .p6{font-weight: 600; font-size: 15px; margin-top: 10px; margin-bottom: 25px;} */
.robotic_slide .box{ box-shadow: 1px 1px 2px 2px gray; margin: 10px; text-align: center; padding-bottom: 5px; padding: 5px;}


    
}
@media screen and (max-width:900px){
    .container{max-width: 700px;}
.robotic_slide .box{ box-shadow: 1px 1px 2px 2px gray; margin: 10px; text-align: center; padding-bottom: 5px; padding: 5px;}
.robotic_slide img{width: 100%; height: 100%;}
.robotic button{width: 40%;}
    
}
@media screen and (max-width:767px){
    .container{max-width: 658px;}
    .robotic_slide h2{font-size: 30px;}
.robotic_slide .box{ box-shadow: 1px 1px 2px 2px gray; margin: 10px; text-align: center; padding-bottom: 0px; padding: 5px;}
.robotic_slide img{width: 100%; height: 100%;}
/* .wrap9 .box{height: 350px;} */
/* .wrap9 .box .p6{font-size: 14px;} */
.robotic_slide .slick-prev {
    left: 2px; color: red;
}

.robotic_slide .slick-next {
    right: 0px;
}
.robotic button{width: 50%;}

/*  */
}
@media screen and (max-width:460px){
    .container{max-width: 100%;}
    .robotic .form{width: 100%; padding: 20px;background-color: #0c52a1; border-radius: 20px; margin-top: 50px;margin: auto; margin-bottom: 50px;}

    .robotic_slide h2{font-size: 22px;}
    .robotic_slide .slick-prev {
        left: 2px; color: red;
    }
    .robotic_slide .slick-next {
        right: -2px;
    }

.robotic button{width: 100%;}


}

/* scoliosis */
.sc-wrap2{background: url(../images/scoliosis\ halo\ brace\ \(1\).JPG) no-repeat center top/cover; width: 100%; height: 400px;}

.scoliosis_wrap1{margin-top: 50px;margin-bottom: 30px;}
.scoliosis_wrap1 .flex{display: flex;}
.scoliosis_wrap1 .flex .box1{flex-basis: 40%;}
.scoliosis_wrap1 .flex .box1 img{width: 80%; box-shadow: 0px 0px 22px grey;}

.scoliosis_wrap1 .flex .box2{flex-basis: 60%; text-align: justify;}
.scoliosis_wrap1 .flex .box2 h2{font-size: 24px; text-decoration: underline;}

.scoliosis_wrap2{margin-top: 60px;}
.scoliosis_wrap2 .flex .box1 img{margin-left: 100px; margin-top: 20px;}

@media screen and (max-width:1220px){
    .container{max-width: 915px;}
.scoliosis_wrap1 .flex .box1 img{width: 80%; box-shadow: 0px 0px 22px grey; height: 400px;}
.lft .flex .box1 img{margin-left: 0px; margin-top: -20px; height: 480px;}

.scoliosis_wrap2 .flex .box1 .image{height: 500px;}


}
@media screen and (max-width:900px){
    .container{max-width: 700px;}
    .scoliosis_wrap1 .flex{display: block;}
.scoliosis_wrap1 .flex .box1 img{width: 100%; box-shadow: 0px 0px 22px grey; height: 300px; margin-top: 30px; margin-bottom: 50px;}
.scoliosis_wrap2 .flex .box1 img{margin-left: 0px; margin-top: 20px;}

}
@media screen and (max-width:767px){
    .container{max-width: 658px;}
.scoliosis_wrap2 .flex .box1 .image{height: 300px;}

}
@media screen and (max-width:460px){
    .container{max-width: 100%;}
.scoliosis_wrap1 .flex .box2 h2{font-size: 20px; text-decoration: underline;}
.scoliosis_wrap1 .flex .box2 .p1{font-size: 16px;}
.scoliosis_wrap2 .flex .box1 .image{height: 300px;}


}
/* prothetic */
.pt-wrap2{background: url(../images/prothestic\ foot\ \(1\).JPG) no-repeat center top/cover; width: 100%; height: 400px;}

/* COSMETIC RESTORATION */
.cos-wrap2{background: url(../images/cosmtic\ restoration\ \(1\).JPG) no-repeat center top/cover; width: 100%; height: 400px;}

/* drop */
.drop-wrap2{background: url(../images/foot\ drop\ \(1\).JPG) no-repeat center top/cover; width: 100%; height: 400px;}

/* ARTIFICIAL LIMB */
.ar-wrap2{background: url(../images/artifical\ \ limb\ \(1\).JPG) no-repeat center top/cover; width: 100%; height: 400px;}

/* testimonial */
.testimonial{padding-top: 40px; padding-bottom: 40px;}
.testimonial h2{text-align: center; font-weight: 900; font-size: 50px; margin-bottom: 25px;}
.testimonial h2 span{color: #0c52a1;}
.testimonial .wrapper{
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
.testimonial .wrapper .box{
    background: White;
    width: calc(33% - 10px);
    padding: 25px;
    border-radius: 3px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
  }
.testimonial .wrapper .box i.quote{
    font-size: 20px;
    color:  #0c52a1;
  }
.testimonial .wrapper .box .content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
  }
.testimonial .box .info .name{
    font-weight: 600;
    font-size: 17px;
  }
.testimonial .box .info .job{
    font-size: 16px;
    font-weight: 500;
    color:  #0c52a1;
  }
.testimonial .box .info .stars{
    margin-top: 2px;
  }
.testimonial .box .info .stars i{
    color:  #0c52a1;
  }
.testimonial .box .content .image{
    height: 75px;
    width: 75px;
    padding: 3px;
    background:  #0c52a1;
    border-radius: 50%;
  }
.testimonial .content .image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #fff;
  }
.testimonial .box:hover .content .image img{
    border-color: #fff;
  }
  
  
 
    

  
@media (max-width: 1045px) {
    .testimonial .wrapper .box{
      width: calc(50% - 10px);
      margin: 10px 0;
    }
}
@media (max-width: 702px) {
    .testimonial .wrapper .box{
      width: 100%;
    }
}
.footer {
  position: relative;
  width: 100%;
  background: #3586ff;
  min-height: 100px;
  padding: 20px 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.social-icon,
.menu {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  flex-wrap: wrap;
}

.social-icon__item,
.menu__item {
  list-style: none;
}

.social-icon__link {
  font-size: 2rem;
  color: #fff;
  margin: 0 10px;
  display: inline-block;
  transition: 0.5s;
}
.social-icon__link:hover {
  transform: translateY(-10px);
}

.menu__link {
  font-size: 1.2rem;
  color: #fff;
  margin: 0 10px;
  display: inline-block;
  transition: 0.5s;
  text-decoration: none;
  opacity: 0.75;
  font-weight: 300;
}

.menu__link:hover {
  opacity: 1;
}

.footer p {
  color: #fff;
  margin: 15px 0 10px 0;
  font-size: 1rem;
  font-weight: 300;
}

.wave {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100px;
  background: url("https://i.ibb.co/wQZVxxk/wave.png");
  background-size: 1000px 100px;
}

.wave#wave1 {
  z-index: 1000;
  opacity: 1;
  bottom: 0;
  animation: animateWaves 4s linear infinite;
}

.wave#wave2 {
  z-index: 999;
  opacity: 0.5;
  bottom: 10px;
  animation: animate 4s linear infinite !important;
}

.wave#wave3 {
  z-index: 1000;
  opacity: 0.2;
  bottom: 15px;
  animation: animateWaves 3s linear infinite;
}

.wave#wave4 {
  z-index: 999;
  opacity: 0.7;
  bottom: 20px;
  animation: animate 3s linear infinite;
}

@keyframes animateWaves {
  0% {
    background-position-x: 1000px;
  }
  100% {
    background-positon-x: 0px;
  }
}

@keyframes animate {
  0% {
    background-position-x: -1000px;
  }
  100% {
    background-positon-x: 0px;
  }
}




/* doctors */
.doctors-wrap1{padding-bottom: 50px; padding-top: 50px;}
.doctors-wrap1 .flex{display: flex; flex-wrap: wrap;}
.doctors-wrap1 .box{box-shadow: 0px 0px 22px; display: inline-block; padding: 20px; width: 47%; border-radius: 10px; margin: 15px;}
.doctors-wrap1 .inner-box1{display: flex;}
.doctors-wrap1 .inner-box1 .img{padding: 10px; margin-top: 15px;}
.doctors-wrap1 .inner-box1 .img img{width: 100px; height: 100px; border-radius: 100%;}
.doctors-wrap1 .inner-box1 .content{padding: 10px; line-height: 0.5;}
.doctors-wrap1 .inner-box1 .content h2{font-size: 24px; text-decoration: underline; margin-bottom: 25px;}
.doctors-wrap1 .like_symbol{display: flex; justify-content: space-between;}
/* .doctors-wrap1 .like_symbol .like{margin-right: 15px; border: 1px solid red;} */
.doctors-wrap1 .like_symbol .like span{background-color: #0c52a1; padding: 2px 8px 2px 8px; font-size: 18px; color: white; border-radius: 5px;}
.doctors-wrap1 .like_symbol .like2 span{background-color: #0c52a1; padding: 2px 15px 2px 15px; font-size: 18px; color: white; border-radius: 5px;}

.doctors-wrap1 .detail{line-height: 0.6;}
.doctors-wrap1 .detail .p2 span{font-weight: 900;}
.doctors-wrap1 .detail .p3 span{font-weight: 900; color: #05da6c;}
.doctors-wrap1 .button_area .but_box{display: flex; justify-content: space-between;}
.doctors-wrap1 .button_area .p4{color: #0c52a1; font-weight: 900;}
.doctors-wrap1 .button_area .button button{background-color: #0c52a1; color: white; padding: 5px 15px 5px 15px; font-weight: 600; font-size: 18px; border: none; border-radius: 5px;}

@media screen and (max-width:1220px){
    .container{max-width: 915px;}
    .doctors-wrap1 .box{width: 100%;} 
}

@media screen and (max-width:400px){
    .container{max-width: 100%;}
    .doctors-wrap1 .box{width: 100%; padding: 10px;} 
.doctors-wrap1 .inner-box1 .content h2{font-size: 16px; text-decoration: underline; margin-bottom: 25px;}
.doctors-wrap1 .inner-box1 .content .p1{font-size: 14px;}
.doctors-wrap1 .button_area .button button{padding: 5px 10px 5px 10px;font-size: 12px;}
.doctors-wrap1 .like_symbol .like i{font-size: 14px;}
.doctors-wrap1 .detail .font{font-size: 14px;}
}