/********** Template CSS **********/



:root {

  --primary: #097d8f;



  --secondary: #999999;



  --light: #f2f8fe;



  --dark: #111111;

}



body {

  color: var(--dark);

}



.back-to-top {

  position: fixed;



  display: none;



  right: 30px;



  bottom: 60px;



  z-index: 99;

}



h4,

h5,

h6,

.h4,

.h5,

.h6 {

  font-weight: 500 !important;

}


.pera-justify p { text-align: justify; }


/*** Spinner ***/



#spinner {

  opacity: 0;



  visibility: hidden;



  transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;



  z-index: 99999;

}



#spinner.show {

  transition: opacity 0.5s ease-out, visibility 0s linear 0s;



  visibility: visible;



  opacity: 1;

}



/*** Button ***/



.btn {

  font-weight: 500;



  transition: 0.5s;

}



.btn.btn-primary {

  color: #ffffff;

}



.btn-square {

  width: 38px;



  height: 38px;

}



.btn-sm-square {

  width: 32px;



  height: 32px;

}



.btn-lg-square {

  width: 48px;



  height: 48px;

}



.btn-square,

.btn-sm-square,

.btn-lg-square {

  padding: 0;



  display: flex;



  align-items: center;



  justify-content: center;



  font-weight: normal;

}



/*** Navbar ***/



.navbar.sticky-top {

  top: -100px;



  transition: 0.5s;

  z-index: 99999;

}



.navbar .navbar-brand {

  height: 75px;

}



.navbar .navbar-nav .nav-link {

  margin-right: 30px;



  padding: 25px 0;



  color: var(--dark);



  font-weight: 500;



  outline: none;

}



.navbar .navbar-nav .nav-link:hover,

.navbar .navbar-nav .nav-link.active {

  color: var(--primary);

}



.navbar .dropdown-toggle::after {

  border: none;



  content: "\f107";



  font-family: "Font Awesome 5 Free";



  font-weight: 900;



  vertical-align: middle;



  margin-left: 8px;

}



@media (max-width: 991.98px) {

  .navbar .navbar-nav .nav-link {

    margin-right: 0;



    padding: 10px 0;

  }



  .navbar .navbar-nav {

    border-top: 1px solid #eeeeee;

  }

}



@media (min-width: 992px) {

  .navbar .nav-item .dropdown-menu {

    display: block;



    border: none;



    margin-top: 0;



    top: 150%;



    opacity: 0;



    visibility: hidden;



    transition: 0.5s;

  }



  .navbar .nav-item:hover .dropdown-menu {

    top: 100%;



    visibility: visible;



    transition: 0.5s;



    opacity: 1;

  }

}



.navbar .btn:hover {

  color: #ffffff !important;



  background: var(--primary) !important;

}



/*** Header ***/



.hero-header .breadcrumb-item + .breadcrumb-item::before {

  color: var(--secondary);

}



/*** Service ***/



.service-item {

  position: relative;

  overflow: hidden;

  height: 100%;

  

}







.mission-block { text-align: center;} 

.mission-block h5 { font-size:28px; font-weight:bold!important; }

.mission-block ul {display: inline-block; text-align: left;}

.mission-block ul li { padding:0px 0px 15px 0px;}



.service-item::after {



  position: absolute;



  content: "";



  width: 0;



  height: 0;



  top: -80px;



  right: -80px;



  border: 80px solid;



  transform: rotate(45deg);



  opacity: 1;



  transition: 0.5s;

}



.service-item.bg-white::after {

  border-color: transparent transparent var(--light) transparent;

}



.service-item.bg-light::after {

  border-color: transparent transparent #ffffff transparent;

}



.service-item:hover::after {

  opacity: 0;

}



/*** Roadmap ***/



.roadmap-carousel {

  position: relative;

}



.roadmap-carousel::before {

  position: absolute;



  content: "";



  height: 0;



  width: 100%;



  top: 20px;



  left: 0;



  border-top: 2px dashed var(--secondary);

}



.roadmap-carousel .roadmap-item .roadmap-point {

  position: absolute;



  width: 30px;



  height: 30px;



  top: 6px;



  left: 50%;



  margin-left: -15px;



  background: #ffffff;



  border: 2px solid var(--primary);



  transform: rotate(45deg);



  display: flex;



  align-items: center;



  justify-content: center;

}



.roadmap-carousel .roadmap-item .roadmap-point span {

  display: block;



  width: 18px;



  height: 18px;



  background: var(--primary);

}



.roadmap-carousel .roadmap-item {

  position: relative;



  padding-top: 150px;



  text-align: center;

}



.roadmap-carousel .roadmap-item::before {

  position: absolute;



  content: "";



  width: 0;



  height: 115px;



  top: 0;



  left: 50%;



  transform: translateX(-50%);



  border-right: 2px dashed var(--secondary);

}



.roadmap-carousel .roadmap-item::after {

  position: absolute;



  content: "";



  width: 14px;



  height: 14px;



  top: 111px;



  left: 50%;



  margin-left: -7px;



  transform: rotate(45deg);



  background: var(--primary);

}



.roadmap-carousel .owl-nav {

  margin-top: 40px;



  display: flex;



  justify-content: center;

}



.roadmap-carousel .owl-nav .owl-prev,

.roadmap-carousel .owl-nav .owl-next {

  margin: 0 12px;



  width: 50px;



  height: 50px;



  display: flex;



  align-items: center;



  justify-content: center;



  border-radius: 50px;



  font-size: 22px;



  color: var(--light);



  background: var(--primary);



  transition: 0.5s;

}



.roadmap-carousel .owl-nav .owl-prev:hover,

.roadmap-carousel .owl-nav .owl-next:hover {

  color: var(--primary);



  background: var(--dark);

}



/*** FAQs ***/



.accordion .accordion-item {

  border: none;

  margin-bottom: 15px;

}



.accordion .accordion-button {

  background: var(--light);

  border-radius: 2px;

}



.accordion .accordion-button:not(.collapsed) {

  color: #ffffff;

  background: var(--primary);

  box-shadow: none;

}



.accordion .accordion-button:not(.collapsed)::after {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}



.accordion .accordion-body {

  padding: 15px 0 0 0;

}



/*** Team Start ***/



.team .team-item {

  position: relative;



  overflow: hidden;



  background: var(--bs-white);



  /* border: 1px solid var(--bs-secondary); */



  border-radius: 5px;



  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);

}



.team .team-item .team-inner {

  transition: 0.5s;

}



.team-inner .bg-light.rounded-bottom {position: absolute; bottom: 0; z-index: 999; width: 100%; background: rgba(29, 120, 140, 0.8) !important;}



.team .team-item:hover .team-inner {

  box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);

}



.team .team-item .team-inner .team-img {

  position: relative;



  z-index: 2;

}



.team .team-item .team-inner .team-img .team-share {

  position: absolute;



  left: 10px;



  bottom: 80px;



  transition: 0.5s;



  z-index: 2;

}



.team .team-item:hover .team-inner .team-img .team-share {

  opacity: 0;

}



.team .team-item .team-inner .team-img .team-icon {

  position: absolute;



  bottom: 80px;



  left: -100%;



  border-bottom-left-radius: 0 !important;



  border-top-left-radius: 0 !important;



  display: inline-flex;



  background: var(--bs-primary);



  transition: 0.5s;



  z-index: 4;

}



.team .team-item:hover .team-inner .team-img .team-icon {

  left: 0px;

}



/*** Team End ***/



/*** Testimonial ***/



.newsletter,

.testimonial {

  background: url(../img/bg-top.png), url(../img/bg-bottom.png);



  background-position: left top, right bottom;



  background-repeat: no-repeat;



  color: white;

}



.testimonial-item {

  background: transparent;



  border: 1px solid #fff;



  padding: 20px;



  border-radius: 5px;



  text-align: center;

}



.testimonial-carousel .owl-item .testimonial-item,

.testimonial-carousel .owl-item.center .testimonial-item * {

  transition: 0.5s;

}



.testimonial-carousel .owl-item.center .testimonial-item {

  background: var(--light) !important;



  border-color: var(--light);

}



.testimonial-carousel .owl-item.center .testimonial-item * {

  color: #888888;

}



.testimonial-carousel .owl-item.center .testimonial-item i {

  color: var(--primary) !important;

}



.testimonial-carousel .owl-item.center .testimonial-item h6 {

  color: var(--dark) !important;

}



.owl-nav {

  display: flex;



  justify-content: space-between;



  position: absolute;



  top: 50%;



  width: 100%;

}



.owl-nav .owl-prev,

.owl-nav .owl-next {

  background: rgba(0, 0, 0, 0.5);



  color: #fff;



  padding: 10px;



  border-radius: 50%;



  cursor: pointer;

}



.owl-nav .owl-prev:hover,

.owl-nav .owl-next:hover {

  background: #000;

}



/* .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {



    display:none;



} */



.roadmap-carousel .owl-nav {

  position: static;

}



/*** Footer ***/



.footer .btn.btn-link {

  display: block;



  margin-bottom: 5px;



  padding: 0;



  text-align: left;



  color: var(--secondary);



  font-weight: normal;



  text-transform: capitalize;



  transition: 0.3s;

}



.footer .btn.btn-link::before {

  position: relative;



  content: "\f105";



  font-family: "Font Awesome 5 Free";



  font-weight: 900;



  color: var(--secondary);



  margin-right: 10px;

}



.footer .btn.btn-link:hover {

  color: var(--primary);



  letter-spacing: 1px;



  box-shadow: none;

}



.footer .btn.btn-square {

  color: var(--primary);



  border: 1px solid var(--primary);

}



.footer .btn.btn-square:hover {

  color: #ffffff;



  background: var(--primary);

}



.footer .copyright {

  padding: 25px 0;



  border-top: 1px solid rgba(17, 17, 17, 0.3);

}



.footer .copyright a {

  color: var(--primary);

}



.footer .copyright a:hover {

  color: var(--dark);

}



img.img-fluid.flex-shrink-0 {

  width: 50px;

}



/* .service-item img {

  width: auto!important;

}

 */

.about .about-img {

  position: relative;



  padding-bottom: 30px;



  margin-top: 30px;



  margin-left: 30px;

}



.about .about-img .about-exp {

  position: absolute;



  top: 0;



  left: 0;



  padding: 25px;



  font-size: 30px;



  font-weight: bold;



  background: var(--bs-secondary);



  color: var(--bs-white);



  border: 1px solid var(--bs-secondary);



  margin-top: -30px;



  margin-left: -30px;



  border-radius: 10px;

}



.about .about-img::before {

  content: "";



  position: absolute;



  width: 100%;



  height: 10px;



  top: -30px;



  right: 0;



  border-radius: 10px;



  background: var(--bs-secondary);

}



.about .about-img::after {

  content: "";



  position: absolute;



  width: 10px;



  height: 100%;



  left: -30px;



  bottom: 30px;



  border-radius: 10px;



  background: var(--bs-secondary);

}



img.img-fluid.mb-4 {

  width: 20%;

}



/* .services-block .service-item h5 {

  min-height: 48px;

}

 */

.industries-block {

  padding-bottom: 50px !important;

}



.industries-block .testimonial-item {

  padding: 0px !important;

  height: auto !important;

  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);    

}



.industries-block h1 {

  padding-bottom: 30px;

}



.industries-block .testimonial-img img {

  object-fit: cover;

  width: 100% !important;

  height: 320px !important;

  border-radius: 0px !important;

}



.industry h5 {

  padding: 20px 0px 20px 0px;

  background: rgba(29, 120, 140, 1) !important;

  color: #fff;

  margin-bottom: 0px !important;



}



.team .team-item .team-inner .team-img img {

  object-fit: cover;

  display: block;

  margin: 0 auto;

}



.team .team-item .team-inner h4 {

  margin-bottom: 0px !important;

  font-size: 18px;

  color: #fff;

}



.single-post-area {

  padding: 80px 0 80px 0;

}



.single_sidebar_widget {

  background-color: #f7f7f7;

  padding: 20px;

  border: 1px solid #ddd;

  border-radius: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  margin-bottom: 30px !important;

}



.widget_title {

  font-size: 24px;

  font-weight: bold;

  margin-bottom: 20px;

}



.media.post_item {

  display: flex;

  gap: 15px;

  align-items: center;

  margin-bottom: 15px;

  padding-bottom: 15px;

  border-bottom: #cdcdcd solid 1px;

}



.media.post_item img {

  border-radius: 10px;

}



.media.post_item .media-body h3 {

  font-size: 18px;

}



.media.post_item:last-child {

  padding-bottom: 0px;

  margin-bottom: 0px;

  border: none;

}



.navigation-top .img-fluid {

  border-radius: 10px;

}



.single-post-area .quote-wrapper {

  background: rgba(130, 139, 178, 0.1);

  padding: 15px;

  line-height: 1.733;

  color: #888888;

  font-style: italic;

  margin-top: 25px;

  margin-bottom: 25px;

}



.single-post-area .quotes {

  background: #fff;

  padding: 15px 15px 15px 20px;

  border-left: 2px solid;

}



@media (min-width: 768px) {

  .single-post-area .quote-wrapper {

    padding: 30px;

  }

}



.text-primary {

  color: #097d8f !important;

}



a {

  color: #097d8f;

}



.testimonial.bg-primary {

  background-color: #055460 !important;

}



.btn-primary {

  background-color: #097d8f;

  border-color: #097d8f;

}



.navbar-brand img {

  height: auto !important;

  max-width: 300px;

}



.footer.bg-light {

  background: #055460 !important;

  color: #fff;

  padding-bottom: 0px !important;

}



.footer h5 {

  color: #fff;

}



.footer .btn.btn-link {

  color: #fff;

}



.footer .btn.btn-link:hover {

  color: #f47a23;

}



.footer .btn.btn-square {

  color: #fff;

}



.why-us-block .service-item {

  height: 100%;

}



.services-block .container {

  padding-bottom: 0.8rem !important;

}



.service-item img.img-fluid.flex-shrink-0 {

  width: 64px;

  margin-bottom: 1.5rem !important;

}



.footer .copyright a {

  color: #ffffff;

}



.footer .copyright a:hover {

  color: #f47a23;

}







.team .team-item:hover .team-inner .team-img .team-icon .btn-secondary {

  background-color: #fff;

}



.team .team-item:hover .team-inner .team-img .team-icon .btn-secondary:hover {

  background-color: #999;

}



.footer .btn.btn-square {

  font-size: 22px;

}



.footer .btn-square {

  width: 46px;

  height: 46px;

}



.banner-heading {

  position: absolute;

  top: 0px;

  height: 100%;

  left: 0px;

  display: flex;

  align-items: center;

  width: 100%;

  z-index: 99;

  background: rgba(0, 0, 0, 0.3);

}



.banner-heading h1 {

  color: #fff;

}



.row-check {

  display: flex;

  gap: 20px;

}



.profile-section {

  padding: 60px 0px;
  overflow: hidden;

}



.profile-img {

  max-width: 100%;

  border-radius: 8%;

}



.details-list-block h5 {

  padding: 0 0 5px 0;

}



.details-list {

  list-style: none;

  padding: 0 0 20px 20px;

  margin: 0px;

}



.details-list li {

  padding: 0 0 10px 0;

}



.profile-section img {

  float: left;

  max-width: 350px;

  margin: 0px 20px 10px 0px;

}



.profile-section h2,

.profile-section p {

  clear: none;

}



.social-icons {

  display: flex;

  gap: 10px;

  padding: 0 0 15px 0;

}



.social-icons a {

  font-size: 20px;

}



.testimonial .owl-carousel .owl-item .testimonial-img img {

  height: 260px;

  object-fit: cover;

}



.testimonial .owl-carousel .owl-nav .owl-prev,

.testimonial .owl-carousel .owl-nav .owl-next {

  width: 44px;

  text-align: center;

}



.address-right p {

  display: flex;

  align-items: baseline;

}



.form-control:read-only {

  background: none;

}



.about-block { margin-top: 0px!important;}



.footer-address { display: flex; align-items: baseline;}





/* For Chrome, Safari, Edge, and Opera */

.remove-number-arrows::-webkit-outer-spin-button,

.remove-number-arrows::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* For Firefox */

.remove-number-arrows {

  -moz-appearance: textfield;

  appearance: textfield;

}



/* For Internet Explorer 10+ */

.remove-number-arrows {

  -ms-appearance: textfield;

  appearance: textfield;

}



.footer-logo img{ width: 300px!important; max-width: 100%;  background: #fff; border-radius: 5px; padding: 10px; }



.testimonial.bg-primary .owl-nav { transform: translate(0, -50%); }





.modal { z-index: 999999999!important;}



.office-page { padding-top:50px;}

.office-page .container { max-width:1000px;}





.location-block {

      max-width: 1200px;

      margin: 0 auto;

  }



  .tab button {

      border: none;

      background: #fff;

      border-radius: 10px;

      text-align: left;

      /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); */

      display: block;

      padding: 20px 20px;

      margin:20px 0 0px 0;

      z-index: 99999;

      position: relative;

      border: #ccc solid 1px;

      width: 100%;

  }



  .address-post {

    max-width: 390px;

  }



  .address-post h3 {

      padding: 0px 0 10px 0;

      margin: 0px;

      font-size: 24px;

  }



  .address-post p {

      padding: 0px;

      margin: 0px;

      text-justify: inter-word; 

      word-wrap: break-word;

      font-size: 14px;

      max-width: 400px;

  }



  .tab button.tablinks.active {

      background: #f3fdff;

      border: #097d8f solid 1px;

     

      border-right: none !important;

      border-radius: 10px 0px 0 10px;

      width: calc(100% - -25px);

  }



  .tab button.tablinks.active .address-post h3 {

      color: #097d8f;

  }







  .map-block {

    border-radius: 10px;

    padding: 15px;

    border: #097d8f solid 1px;

    background: #f3fdff;

  }







.inner-page .banner-content img {     object-position: center; }


.services-block .service-item img { height: 300px; object-fit: cover; }


.profile-section .social-icons a { display: block; background: #097d8f; padding: 6px; color: #fff; border-radius: 100%;
width: 40px; height: 40px; text-align: center;}





.popup-box { background: #097d8f; padding:  20px; max-width: 570px;  box-shadow: 0px 0px 10px rgba(0,0,0,0.5);height: auto; position: relative; border-radius: 15px;  }
.popup-box img { float: right; margin: 0 0 0 20px; border-radius: 15px;}
.popup-box h3 { font-size:20px; color: #fff; padding:30px 0px 15px 0;}
.popup-box p { font-size:15px; color: #fff; padding:0px 0px 15px 0; margin: 0px;}
.ok-btn { background: #fff; padding:10px 10px; border-radius: 20px; color: #097d8f; display: block; width: 100px; text-align: center; font-weight: bold; margin-top: 10px;}
.popup-box p a{color: #fff;}
#once-popup {

    position: fixed;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.65);



    z-index: 999999999999;

}

#once-popup .inner {
    margin: 0px auto;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    }

#once-popup #popup-close {

    float: right;

    font-size: 30px;

    line-height: 10px;

    padding: 5px;

    cursor: pointer;

    position: absolute; 

    top: -15px;

    right: -15px;

    padding: 12px;

    border-radius: 100px;

    width: 40px;

    height: 40px;

    background: #fff;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

    z-index: 9999999;

    line-height: 14px;

    }




    .team .team-item .team-inner .team-img img { height: 306px; object-position: top; }


    .founder,
  .inspiration,
  .founder1 {
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
      margin-bottom: 20px;
  }

  .founder .photo,
  .inspiration .photo,
  .founder1 .photo {
      border: 2px solid #f0f0f0;
      border-radius: 8px;
      margin-bottom: 10px;
  }

  .caption {
      font-weight: bold;
      margin-top: 5px;
  }







  @media (max-width:1400px){ 

    .navbar .navbar-nav .nav-link {  margin-right:13px; }

    .navbar-brand img { max-width: 250px; }

  }


  @media (max-width:1220px){



    .our-office-block .row { display:block;}

    .our-office-block .row .col-md-4, .our-office-block .row .col-md-8 { width: 100%; }



    .tab button { width: 100%; margin:10px 0 10px 0px;}



    .tab button.tablinks.active {  margin-right:0px; border-radius:10px; border: #097d8f solid 1px!important;}





  }

  @media only screen and (min-width: 992px) and (max-width:1200px)  {
 
    .navbar .navbar-nav .nav-link { margin-right: 10px; font-size: 14px; }
   
    }



    @media (max-width:991px){


      .social-icons {padding: 10px 0 0px 0;}
      .details-list-block { display: block !important;}

      .profile-section .social-icons a { width: 32px; height: 32px; font-size: 14px; }



    }

@media (max-width:767px){



  .service-item::after { display: none;}

  

  .service-item img { width: 100% !important; }



  .mission-block .service-item img { width: auto!important; }



  .profile-section img { float: none;}



  #once-popup .inner { padding: 0 20px;}
  
  .popup-box {height: auto;  padding:20px; text-align: center;}
  .popup-box img { display: none;}
  .ok-btn { margin: 15px auto;}
  
  
  .popup-inner { height: 170px; overflow: auto; }


  .get-tuch { padding-top: 20px;}

  .timeline-item .timeline-date {top: 20px!important; }

  .navbar-brand img { max-width: 230px; }
  
  

  .queryBox .flex-row { display:block!important;}

  .queryBox .ms-2, .queryBox .ms-4 { margin-left:0px!important; margin-bottom: 0px!important;}

.oc-completed-box { padding-bottom: 15px;}
#inter_score { margin-bottom: 15px;}
#month2 { margin-top: 15px;}

#foundation_score { margin-bottom: 15px; }

 
}