@font-face {

    font-family: 'gotham_roundedbook';

    src: url('../fonts/gothamrounded-book-webfont.woff2') format('woff2'),

         url('../fonts/gothamrounded-book-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

/*---------------------------------------

  CUSTOM PROPERTIES ( VARIABLES )             

-----------------------------------------*/

:root {

  --white-color:                  #FFFFFF;

  --primary-color:                #247cff;

  --section-bg-color:             #F9F9F9;

  --dark-color:                   #000000;

  --title-color:                  #565758;

  --p-color:                      #717275;

  --border-color:                 #eaeaea;





  --body-font-family:             'gotham_roundedbook';



  --h1-font-size:                 48px;

  --h2-font-size:                 36px;

  --h3-font-size:                 32px;

  --h4-font-size:                 28px;

  --h5-font-size:                 24px;

  --h6-font-size:                 22px;

  --p-font-size:                  18px;

  --menu-font-size:               15px;



  --font-weight-light:            300;

  --font-weight-normal:           400;

  --font-weight-semibold:         600;

  --font-weight-bold:             700;



    --content-card-scale: 2;

  --content-width: calc((100vh / var(--content-card-scale)) * 2 / 3);

  --content-height: calc(100vh / var(--content-card-scale));

  --font-size: calc(5px + 100vh / 50);

}









@font-face {

    font-family: 'gothambold';

    src: url('../fonts/gothambold-webfont.woff2') format('woff2'),

         url('../fonts/gothambold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'gothamlight';

    src: url('../fonts/gothamlight-webfont.woff2') format('woff2'),

         url('../fonts/gothamlight-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotoregular';

    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),

         url('../fonts/roboto-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









body {

    background: var(--white-color);

    /*font-family: var(--body-font-family);    */

  /*    font-family: 'robotoregular';

     font-family: 'gothamlight';*/

      font-family: 'gotham_roundedbook';

    position: relative;

    padding-top: 94px;

}



/*.row > * {

    flex-shrink: 0;

    width: 100%;

    max-width: 100%;

     padding-right: calc(var(--bs-gutter-x) / 2); 

     padding-left: calc(var(--bs-gutter-x) / 2); 

    margin-top: var(--bs-gutter-y);

}*/



/*---------------------------------------

  TYPOGRAPHY               

-----------------------------------------*/



h2,

h3,

h4,

h5,

h6 {

  color: var(--dark-color);

  line-height: inherit;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: var(--font-weight-semibold);

   /*font-family: 'gothambold';*/

    font-family: 'gotham_roundedbook';

}



h1,

h2 {

  font-weight: var(--font-weight-bold);

}



h1 {

  font-size: var(--h1-font-size);

  line-height: normal;

}



h2 {

  font-size: var(--h2-font-size);

}



h3 {

  font-size: var(--h3-font-size);

}



h4 {

  font-size: var(--h4-font-size);

}



h5 {

  font-size: var(--h5-font-size);

}



h6 {

  font-size: var(--h6-font-size);

}



p {

  color: var(--p-color);

  font-size: var(--p-font-size);

  font-weight: var(--font-weight-light);

  letter-spacing: 0.5px;

  font-family: 'robotoregular';

}



a, 

button {

  touch-action: manipulation;

  transition: all 0.3s;

}



a {

  color: var(--p-color);

  text-decoration: none;

}



a:hover {

  color: var(--primary-color);

}



.section-padding {

  padding-top: 2rem;

  padding-bottom: 2rem;

}



.section-padding .percent_text {

    padding: 10rem 30px 0px 0px;

    font-weight: 500;

    text-transform: uppercase;

    color: #00419e;

    font-size: 23px;

}



.section-padding .percent_text_bdr {

        position: relative;

          margin-top: 22px;

        margin-bottom: 30px;

}



.percent_text_bdr::after {

  content: '';

    position: absolute;

    background-color: #00419e;

    width: 90%;

    height: 5px;

    bottom: -14px;

    left: -3px;

    

}



/* left line before text*/

.percent_text_bdr::before {

    content: '';

    position: absolute;

    background-color: #00419e;

    width: 90%;

    height: 5px;

    bottom: 0px;

    left: -3px;

    top: 50%;

}

.percent_blw_txt p{

    color: #00419e;

    padding: 0rem 11rem;

    font-size: 22px;

    font-weight: 500;

}

.foot-logo {

    border-bottom: 8px solid #00bf8b;

    border-radius: 8px;

}



.foot-logo-bottom {

    border-bottom: 8px solid #00bf8b;

    border-radius: 8px;

}



.foot-arrow {

    height: 0px;

    width: 0px;

    position: relative;

    border-right: 60px solid transparent;

    border-left: 60px solid transparent;

    border-top: 50px solid #00bf8b;

    left: 46%;

    text-align: center;

}



.foot_icon a{

  vertical-align: middle;

  font-size: 22px;

}

.foot_icon {
    vertical-align: middle;
    font-size: 22px;
    color: #717275;
}



.foot-logo img{width: 250px; height:115px;}



.foot-copy{

  background-color: rgb(0 67 99);

  color: #fff;



}





.bg-timeline{

      background-color: #76c649;

    border-radius: 47px;

}





/*---------------------------------------

  CUSTOM LINK               

-----------------------------------------*/

.custom-link {

  display: inline-block;

  text-decoration: none;

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

  color: var(--primary-color);

  pointer-events: auto;

  font-weight: var(--font-weight-semibold);

  line-height: 40px;

  position: relative;

  padding: 0 30px;

  box-sizing: border-box;

  margin: 0;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  overflow: hidden;

  border-radius: 0;

  text-transform: uppercase;

}



.custom-link::before {

  content: attr(data-hover);

  background-color: var(--border-color);

  color: var(--primary-color);

  position: absolute;

  top: 100%;

  bottom: 0;

  left: 0;

  transition: all 300ms cubic-bezier(0.19, 1, 0.56, 1);

  right: 0;

  text-align: center;

}



.custom-link:hover::before {

  top: 0;

}



b,

strong {

  font-weight: var(--font-weight-bold);

}



/*---------------------------------------

  LIST GROUP               

-----------------------------------------*/

.list-group-item {

  background-color: transparent;

  color: var(--p-color);

  font-size: var(--p-font-size);

  padding: 1rem 0;

}



.list-group-item:first-child {

  padding-top: 0;

}



.list-group-item span {

  font-weight: var(--font-weight-semibold);

  margin-left: auto;

}



/*---------------------------------------

  ANIMATED TEXT              

-----------------------------------------*/

.animated {

  position: relative;

}



.animated-info {

  display: inline-block;

  vertical-align: top;

  min-width: 330px;

  position: relative;

}



.animated-item {

  color: #fff;

  font-weight: bold;

  font-family: 'gothambold';

}



.animated-item {

  display: block;

  opacity: 0;

  overflow: hidden;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  animation: BottomTotop 6s linear infinite 0s;

}



/*.animated-item {

    display: flex;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    width: max-content;

    animation: BottomTotop 3s linear infinite 1s;

}*/



/*.animated-item {

  animation-delay: 1s;

}*/

.animated-item:nth-child(2n+2) {

  animation-delay: 2s;

} 



.animated-item:nth-child(3n+3) {

  animation-delay: 4s;

}



@keyframes BottomTotop {

  0% {

    opacity: 0;

  }

  5% {

    opacity: 0;

    transform: translateY(5px);

  }

  10% {

    opacity: 1;

    transform: translateY(0px);

  }

  25% {

    opacity: 1;

    transform: translateY(0px);

  }

  30% {

    opacity: 0;

    transform: translateY(5px);

  }

  80% {

    opacity: 0;

  }

  100% {

    opacity: 0;

  }

}



/*---------------------------------------

  HERO              

-----------------------------------------*/

.hero {  

  padding-top: 0rem;

  margin-top: -95px;

}



.hero .container-fluid {

  position: relative;

  overflow: hidden;

  height: auto;

}



/*.heroText {

  position: absolute;

  z-index: 2;

  bottom: 0;

  right: 50%;

  padding: 1.5rem 5.5rem;

  width: 50%;

}*/



.heroText {

    position: absolute;

    z-index: 2;

    bottom: 20px;

    right: 50%;

    padding: 1.5rem 5.5rem;

    width: 40%;

}



.contact-phone {

  font-weight: var(--font-weight-semibold);

}



.banner_txt {

    color: whitesmoke;

    font-size: 40px;

    font-weight: 600;

    font-family: 'gothamlight';

    text-transform: uppercase;

    line-height: 1.2;

}



/*---------------------------------------

  FEATURED              

-----------------------------------------*/

.featured-circle {

  border-radius: 100%;

  width: 350px;

  height: 350px;

  margin: 0 auto;

  padding: 0 20px;

}



.featured-text {

  font-size: var(--h6-font-size);

  line-height: 2rem;

  font-weight: var(--font-weight-bold);

  text-align: center;

  margin-bottom: 0;

}



.featured-number {

  color: var(--primary-color);

  font-size: 8rem;

  margin: 0 10px;

}



/*---------------------------------------

  NAVIGATION              

-----------------------------------------*/

.navbar {

  padding-top: 0px;

  padding-bottom: 20px;

}



.bdr-rds{

  border-bottom-right-radius: 40px;

  border-bottom-left-radius: 40px;

  box-shadow: 0 10px 20px rgb(0 0 0 / 2%), 0 6px 6px rgb(0 0 0 / 5%);

}



.navbar-brand {

  color: var(--primary-color);

  font-size: var(--h5-font-size);

  font-weight: var(--font-weight-bold);

  margin: 0 30px;

  padding: 0px 0px 0px 0px;

  text-align: center;

}



.navbar-brand strong {

  color: var(--p-color);

  font-size: 12px;

  position: relative;

  bottom: 5px;

}



.navbar-expand-lg .navbar-nav .nav-link {

  padding-right: 1.0rem;

  padding-left: 1.0rem;

}



.bg-nav{

  background-color: #fff;

}



.navbar-nav .nav-link {

  color: var(--p-color);

 /* font-weight: var(--font-weight-semibold);*/

  font-size: var(--menu-font-size);

  padding-top: 40px;

  padding-bottom: 15px;

}



.navbar-nav .nav-item.active .nav-link, 

.nav-link:focus, 

.nav-link:hover {

  color: var(--dark-color);

}



.nav-link:focus {

  color: var(--p-color);

}



.navbar-toggler {

  border: 0;

  padding: 0;

  cursor: pointer;

  margin: 0;

  width: 30px;

  height: 35px;

  outline: none;

  margin-right: 12px;

}



.navbar-toggler:focus {

  outline: none;

  box-shadow: none;

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {

  background: transparent;

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {

  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;

  transition: top 300ms 50ms ease, transform 300ms 350ms ease;

  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;

  top: 0;

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {

  transform: rotate(45deg);

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {

  transform: rotate(-45deg);

}



.navbar-toggler .navbar-toggler-icon {

  background: var(--dark-color);

  transition: background 10ms 300ms ease;

  display: block;

  width: 30px;

  height: 2px;

  position: relative;

}



.navbar-toggler .navbar-toggler-icon:before,

.navbar-toggler .navbar-toggler-icon:after {

  transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;

  transition: top 300ms 350ms ease, transform 300ms 50ms ease;

  transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;

  position: absolute;

  right: 0;

  left: 0;

  background: var(--dark-color);

  width: 30px;

  height: 2px;

  content: '';

}



.navbar-toggler .navbar-toggler-icon:before {

  top: -8px;

}



.navbar-toggler .navbar-toggler-icon:after {

  top: 8px;

}



.dropdown-menu[data-bs-popper] {

    

     margin-top: 0px!important; 

}

/*about*/



.about_bg{

  background-image: url('../images/about/about_home_bg.jpg');

  background-repeat: no-repeat;

  background-size: 100% 100%;

  height: auto;

  padding: 50px 0px;

}



.about_bg {

  position: relative;

  height: 100vh;

  width: 100%;

  overflow: hidden;

}



.abt_head {

    color: #00d988;

    font-size: 35px;

    max-width: 500px;

    text-transform: uppercase;

    line-height: 1.2;

}



.abt_cntnt{

  color: #fff;

    max-width: 500px;

    font-size: 20px;

    text-align: justify;

}



.btn-explore {

    /*display: block;*/

    /* width: 100%; */

    padding: 1px 22px;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #fff;

    background-color: #032f46;

    background-clip: padding-box;

    border: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 20px;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



/* why medrev*/











/*leadership slider*/





.section-padding{

  width:1170px;

  margin: 0 auto;

  padding:25px 0;

}



.owl-item .item {

   transform: translate3d(0, 0, 0); /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */

  // transform: scale(0.9);



  // transition: all .25s ease-in-out; 

  margin: 200px 66px 100px; /* OVERWRITE PLUGIN MARGIN */

 }



.screenshot_slider .owl-item .item .leader_item {

    -webkit-transition: 0.3s;

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

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

    -o-transition: 0.3s;

    transition: 0.3s;

    -webkit-transform: scale(0.80);

    -ms-transform: scale(0.80);

    transform: scale(1.45);

    z-index: 1000;

}



.screenshot_slider .center .leader_item{

   -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);

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

}



.screenshot_slider .owl-item.center .item .leader_item {

    -webkit-transform: scale(1.7);

    -ms-transform: scale(1.7);

    transform: scale(1.7);

    

}



.screenshot_slider .owl-nav {

    text-align: center;

    // margin: 40px 0;

}



.screenshot_slider .owl-nav button {

  font-size: 24px !important;

  margin: 10px;

  color: #033aff !important;

}







/*.wrapper{

  border:1px solid dodgerBlue;

  background-color: #fff;

  padding:20px 15px 0px;

  

}*/

.wrapper{

    border: 0px solid dodgerBlue;

    background-color: #fff;

    padding: 20px 0 0px;

    background-image: linear-gradient(180deg, #006899, #00be8b);

    border-radius: 10px;

    }

.relative{

  position:relative;

}

.avtar{

  position:absolute;

  top:0;

  left:50%;

  transform:translate(-50%,-50%);

  width:100px;

  height:100px;

  border-radius:50%;

  overflow:hidden;

}



.profile_box_tt{min-height: 50px;}

.client-name{

    display: block;

    text-align: center;

    padding: 10px;

    font-size: 0.7rem;

    margin: 40px 0px 0;

    text-transform: uppercase;

    color: #fff;

    line-height: 10px;

    font-weight: 600;

}



.client-designation{

  display: block;

    text-align: center;

    padding: 0px;

    font-size: 0.5rem;

    margin: 0px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 300;

     line-height: 10px;

  }



.star-rating{

  text-align:center;

  font-size:1.4em;



}



/*.testimonial-content{

  padding:10px 0px;

  font-size:.75em;

  line-height:1.5;

  text-align:justify;

}*/







.testimonial-content{

 padding: 10px 13px;

    font-size: .50em;

    line-height: 1.7;

    background: #00be8b;

    text-align: center;

    border-radius: 0 0 10px 10px;

    color: #fff;

}



.rating{

  color:gold;

}



@media (max-width:576px){

  .wrapper{

  

  width:100%;

}

  .testimonial-content{

    

  }

}







/*certification*/







.section-padding{

  width:1170px;

  margin: 0 auto;

  padding:25px 0;

}



.certificate .owl-item .item {

   transform: translate3d(0, 0, 0); /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */

  // transform: scale(0.9);



  // transition: all .25s ease-in-out; 

  margin: 50px 66px 60px; /* OVERWRITE PLUGIN MARGIN */

 }



.certificate .owl-item .item .leader_item {

    -webkit-transition: 0.3s;

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

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

    -o-transition: 0.3s;

    transition: 0.3s;

    -webkit-transform: scale(0.80);

    -ms-transform: scale(0.80);

    transform: scale(1.45);

    z-index: 1000;

}



.certificate .owl-item.center .item .leader_item {

    -webkit-transform: scale(1.7);

    -ms-transform: scale(1.7);

    transform: scale(1.7);

    

}



.certificate .owl-nav {

    text-align: center;

    // margin: 40px 0;

}



.certificate .owl-nav button {

  font-size: 24px !important;

  margin: 10px;

  color: #fff !important;

}

.certificate .owl-item .item .leader_item img {

    display: block;

    width: 100%;

    height: 150px;

    object-fit: contain;

}



 .certificate button.owl-prev {

    position: absolute!important;

    left: -2%;

    top: 30%;

    color: #fff;

  }



  .certificate button.owl-next {

    position: absolute;

    right: -2%;

    top: 30%;

    color: #fff;

  }

.certificate .owl-carousel .owl-nav button.owl-prev{

  position: absolute;

}











/*.wrapper{

  border:1px solid dodgerBlue;

  background-color: #fff;

  padding:20px 15px 0px;

  

}*/

.wrapper{

    border: 0px solid dodgerBlue;

    background-color: #fff;

    padding: 20px 0 0px;

    background-image: linear-gradient(180deg, #006899, #00be8b);

    border-radius: 10px;

    }

.relative{

  position:relative;

}

.avtar{

  position:absolute;

  top:0;

  left:50%;

  transform:translate(-50%,-50%);

  width:100px;

  height:100px;

  border-radius:50%;

  overflow:hidden;

}



.profile_box_tt{min-height: 50px;}

.client-name{

    display: block;

    text-align: center;

    padding: 10px;

    font-size: 0.7rem;

    margin: 40px 0px 0;

    text-transform: uppercase;

    color: #fff;

    line-height: 10px;

    font-weight: 600;

}



.client-designation{

  display: block;

    text-align: center;

    padding: 0px;

    font-size: 0.5rem;

    margin: 0px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 300;

     line-height: 10px;

  }



.star-rating{

  text-align:center;

  font-size:1.4em;



}



/*.testimonial-content{

  padding:10px 0px;

  font-size:.75em;

  line-height:1.5;

  text-align:justify;

}*/







.testimonial-content{

 padding: 10px 13px;

    font-size: .50em;

    line-height: 1.7;

    background: #00be8b;

    text-align: center;

    border-radius: 0 0 10px 10px;

    color: #fff;

}



.rating{

  color:gold;

}



.certificate .center{z-index: 999999 !important;}



@media (max-width:576px){

  .wrapper{

  

  width:100%;

}

  .testimonial-content{

    

  }

}







/*solutions*/

.bg-solution {

    background-image: url(../images/solutions/solution_bg.jpg);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding: 25px;

}



.solution_main_heading{

  text-align: center;

  color: #009672;

}



.solution-items {

    background-color: #004263;

    text-align: center;

    border-radius: 40px;

    transition: transform .8s;

    height: 400px;

}



.solution-items:hover{

 transform: scale(1.1);

 background-color: #053146;

  /*transition: all .3s;*/

}



/*.solution-items img{

  height: 90px;

  width: 100px;

}*/



.solution-items img {

    height: auto;

    margin-bottom: 8px;

    width: 72px;

}



.solution-inner-items {

    border-bottom: 3px solid #557b8f;

}



.solution-inner-items-txt h3{

  font-size: 20px;

  text-transform: uppercase;

  color: #00aa84;

  padding: 20px 45px;

  font-weight: 600;

}



.solution-inner-items-txt p {

    color: whitesmoke;

    font-size: 14px;

    padding: 20px 20px;

    border-bottom: 3px solid #557b8f;

    text-align: left;

    font-weight: 400;

}





.btn-arrow {

    padding: 1px 22px;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: rgb(255, 255, 255);

    background-color: rgb(0 190 139);

    background-clip: padding-box;

    border: none;

    appearance: none;

    border-radius: 20px;

    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

}

.btn-arrow:hover {

   transform: scale(1.1);

   

}







/*client section*/

.client-heading{

  text-align: center;

  color: rgb(0 190 139);

}



#client-logos .item {

    margin: 1px;

}

.cover-wrapper {

    padding:20px 75px;

}

.client-inners img {

    height: 100%;

    object-fit: contain;

}

.client-inners {

    border: 1px solid #ccc;

    height: 245px;

    text-align: center;

    padding: 15px;

    background-color: #e7e7e7;

}

.owl-nav img {

    width: 34px;

}

.owl-prev img {

    position: absolute;

    left: -38px;

    top: 50%;

    margin-top: -42px;

}

.owl-next img {

    position: absolute;

    right: -38px;

    top: 50%;

    margin-top: -42px;

}







/*particle*/



#particles-js{ position:absolute; width: 100%; height: 35%; margin-top:253px; background-color: #fff; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }





/*---------------------------------------

  TIMELINE               

-----------------------------------------*/

.timeline,

.timeline-nodes {

  position: relative;

}



.timeline-nodes:nth-child(even) {

  flex-direction: row-reverse;

}



.timeline h3, 

.timeline p {

  padding: 10px 30px;

} 



.timeline h3 {

  background: var(--dark-color);

}



.timeline::before {

  content: "";

  display: block;

  position: absolute;

  top: 37px;

  left: 50%;

  width: 0;

  border-left: 1px solid var(--border-color);

  height: 85%;

  z-index: 1;

  transform: translateX(-50%);

}



.timeline-content {

  position: relative;

  border-radius: 0 0 0.25rem 0.25rem;

  padding: 0;

}



.timeline-nodes:nth-child(odd) h3,

.timeline-nodes:nth-child(odd) p {

  text-align: right;

}



.timeline-nodes:nth-child(odd) .timeline-date {

  text-align: left;

}

 

.timeline-nodes:nth-child(even) .timeline-date {

  text-align: right;

}



.timeline-nodes:nth-child(odd) h3::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 100%;

  transform: translate(0, -50%);

  width: 0;

  border-left: 10px solid var(--dark-color);

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

}



.timeline-nodes h3 {

  position: relative;

  border-radius: 0.25rem 0.25rem 0 0;

}



.timeline-nodes:nth-child(even) h3::after {

  content: "";

  position: absolute;

  top: 50%;

  right: 100%;

  transform: translate(0, -50%);

  width: 0;

  border-right: 10px solid var(--dark-color);

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

}



.timeline-icons {

  position: relative;

  z-index: 100;

}



.timeline-icons::before {

  content: "";

  width: 80px;

  height: 80px;

  border-radius: 50%;

  display: block;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translate(-50%,0);

  background: var(--white-color);

  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);

  z-index: 1;

}



.timeline-icon {

  position: relative;

  z-index: 100;

  font-size: var(--h3-font-size);

  color: var(--primary-color);

  display: block;

  text-align: center;

  line-height: 80px;

}



@media (max-width: 767px) {

  .timeline-nodes:nth-child(odd) h3,

  .timeline-nodes:nth-child(odd) p {

    text-align: left;

  }



  .timeline-nodes:nth-child(even) {

    flex-direction: row;

  }



  .timeline::before {

    content: "";

    display: block;

    position: absolute;

    top: 60px;

    left: 33px;

    width: 0;

    height: 90%;

    z-index: 1;

    transform: translateX(-50%);

  }



  .timeline-icons {

    position: absolute;

    left: 0%;

    top: 60px;

  }



  .timeline-nodes:nth-child(odd) h3::after {

    left: auto;

    right: 100%;

    border-left: 0;

    border-right: 10px solid var(--dark-color);

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

  }



  .timeline-nodes:nth-child(even) h3::after {

    right: 100%;

    width: 0;

    border-right: 10px solid var(--dark-color);

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

  }



  .timeline-nodes:nth-child(even) .timeline-date {

    text-align: left;

  }



  .timeline-icons::before {

    width: 75px;

    height: 75px;

  }



  .timeline-icon {

    line-height: 75px;

  }

}



@media (max-width: 575px) {

  .timeline::before {

    content: "";

    display: block;

    top: 60px;

    left: 57px;

    height: 87%;

  }



  .timeline-icons {

    position: absolute;

    left: -10px;

  }



  .timeline-icons::before {

    width: 70px;

    height: 70px;

  }



  .timeline-icon {

    line-height: 70px;

  }

}



/*---------------------------------------

  REVIEWS               

-----------------------------------------*/

.reviews-thumb {

  margin-bottom: 0;

  padding: 32px;

}



.reviews-text {

  margin-top: 10px;

  margin-bottom: 25px;

}



.reviews-image {

  border-radius: 100px;

  width: 70px !important;

  height: 70px !important;

}



.reviews-carousel .owl-item {

  opacity: 0.45;

}



.reviews-carousel .owl-item.active.center {

  opacity: 1;

}



.reviews-carousel .owl-item.active.center .reviews-thumb {

  background: var(--dark-color);

}



.reviews-carousel .owl-item.active.center .reviews-thumb,

.reviews-carousel .owl-item.active.center .reviews-text {

  color: var(--white-color);

}



.reviews-carousel .owl-nav {

  display: flex;

  justify-content: space-between;

  margin: auto;

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.reviews-carousel .owl-nav span {

  width: 35px;

  height: 35px;

  line-height: 35px;

  display: block;

}



.reviews-carousel .owl-nav .owl-prev {

  position: relative;

  left: -80px;

}



.reviews-carousel .owl-nav .owl-next {

  position: relative;

  right: -80px;

}



.reviews-carousel .owl-prev span,

.reviews-carousel .owl-next span {

  color: transparent;

}



.reviews-carousel .owl-prev span::before,

.reviews-carousel .owl-next span::before {

  font-family: bootstrap-icons;

  display: block;

  font-size: var(--h3-font-size);

  color: var(--p-color);

  width: 35px;

  height: 35px;

}



.reviews-carousel .owl-prev span::before {

  content: "\f12f";

}



.reviews-carousel .owl-next span::before {

  content: "\f138";

}



/*---------------------------------------

  BOOKING FORM            

-----------------------------------------*/



.booking-form .form-control {

  background: transparent;

  border-radius: 0;

  border: 0;

  border-bottom: 1px solid var(--border-color);

  color: #6c757d;

  font-weight: var(--font-weight-normal);

  padding-top: 12px;

  padding-bottom: 12px;

  margin-top: 15px;

  transition: all 0.3s;

}



.booking-form #submit-button {

  background: var(--dark-color);

  border-bottom: 0;

  font-weight: var(--font-weight-semibold);

  color: var(--white-color);

  text-transform: uppercase;

  margin-top: 35px;

}



.booking-form #submit-button:hover {

  background: var(--primary-color);

}



/*---------------------------------------

  FOOTER              

-----------------------------------------*/

.site-footer {

 /* background-image: url("../images/footer/footer_bg.png");*/

   background-color: #e7e7e7;

  /*height: 500px; */

  background-position: center; 

  background-repeat: no-repeat; 

  background-size: cover; 

  

}



/*.footer_txt{

  color: #fff;

}



.footer_txt a{

  color: #fff;

}*/



.copyright-text {

  font-size: var(--menu-font-size);

}



/*---------------------------------------

  SOCIAL ICON               

-----------------------------------------*/

.social-icon {

  margin: 0;

  padding: 0;

}



.social-icon li {

  list-style: none;

  display: inline-block;

  vertical-align: top;

  transition: all 0.3s;

}



.social-icon:hover li:not(:hover) {

  opacity: 0.65;

}



.social-icon-link {

  font-size: var(--p-font-size);

  display: inline-block;

  vertical-align: top;

  margin-top: 4px;

  margin-bottom: 4px;

  margin-right: 15px;

}



.social-icon-link:hover {

  color: var(--primary-color);

}



.d-flx{

  display: flex;

}

.text-explore-center{

    text-align: left; 

}

/*

.nav_logo{

  width: 225px;

  height: 110px;

}

*/



.nav_logo{

  width: 225px;

    height: auto;

    margin: 25px auto 30px;

}



.small_logo .nav_logo{margin: 8px auto 10px;}

.small_logo .navbar-nav .nav-link{padding-top: 22px;}



/*.top_header{width:89.5%;display: block;     border-bottom: 1px solid #e9e8e86b;margin: auto; clear: both;

  background: #b6b6b7; text-align: right;

}*/



.top_header{width:100%;display: block;     border-bottom: 0px solid #e9e8e86b; margin: auto; clear: both;

  background: transparent; text-align: right;

}

.top_header ul{ margin: 0 0 1px 0; padding: 0; background: #fff;}

.top_header ul li{ list-style-type: none; display: inline-block;}

.top_header ul li a{    margin: 4px 10px;

    color: var(--p-color);

    font-size: 14px;

    display: block;

    border-right: 1px solid var(--p-color);

    padding-right: 18px;

  }



  .top_header ul li a i{ margin-right: 6px;}



  .top_header ul li:last-child a{border-right: 0px solid #fff;padding-right: 0;}



.bg-leadership{ 

  background-image: url('../images/leadership/ledarship_bg_new.jpg');

  background-repeat: no-repeat;

  background-size: cover;

  

  height: auto;



}

.bg-certification{ 

  background-color: #0b4556;

  background-repeat: no-repeat;

  background-size: cover;

  height: auto;



  min-height: 80vh;

  display: flex;

  justify-content: center;

  align-items: center;

  overflow: hidden;

  



}



.certificate_head{

  text-align: center;

  margin-top: 20px;

  font-size: 30px;

  text-transform: uppercase;

  color: #fff;

}



.screenshot_slider .center{z-index: 999999 !important;}



.screenshot_slider button.owl-prev {

    position: absolute!important;

    left: -2%;

    top: 50%;

    color: #fff;

  }



.screenshot_slider button.owl-next {

    position: absolute;

    right: -2%;

    top: 50%;

    color: #fff;

  }



.services-items {

    background-color: #a8d1c4;

    text-align: center;

    padding-bottom: 10px;

    border-radius: 40px;

    margin-top: 15px;

    

    

}



.services-items img{

    border-top-left-radius: 40px;

    border-top-right-radius: 40px;

    height: 210px;

    width: 100%;

    padding-bottom: 5px;

}



.service-inner-items-txt p {

    color: #000;

    font-size: 14px;

    padding: 5px 45px 0px 35px;

    text-align: left;

    font-weight: 400;

}



.service-inner-items-txt h3{

  font-size: 20px;

    text-transform: uppercase;

    color: #000;

    padding: 5px 45px;

    font-family: 'gothamlight';

    font-weight: 800!important;

}



.service_head{

  text-align: center;

  margin: 40px 0px;

  font-size: 30px;

  text-transform: uppercase;

  color: #009672;

}



.services-items:hover{

  transform: scale(1.1);

  transition: all .3s;

}



.h-30{

  height: 30px;

}





.btn-structure {

    /* display: block; */

    /* width: 100%; */

    padding: 10px 22px;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #fff;

    background-color: #032f46;

    background-clip: padding-box;

    border: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 20px;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



/*leaves*/



.set{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.set div{

    position: absolute;

    display: block;

}

.set div:nth-child(1){

    left: 90%;

    animation: animate 15s linear infinite;

    animation-delay: -7s;

}

.set div:nth-child(2){

    left: 50%;

    animation: animate 20s linear infinite;

    animation-delay: -5s;

}

.set div:nth-child(3){

    left: 70%;

    animation: animate 25s linear infinite;

}

.set div:nth-child(4){

    left: 0%;

    animation: animate 15s linear infinite;

    animation-delay: -5s;

}

.set div:nth-child(5){

    left: 85%;

    animation: animate 18s linear infinite;

    animation-delay: -10s;

}

.set div:nth-child(6){

    left: 50%;

    animation: animate 12s linear infinite;

}

.set div:nth-child(7){

    left: 75%;

    animation: animate 14s linear infinite;

}

.set div:nth-child(8){

    left: 60%;

    animation: animate 15s linear infinite;

}

@keyframes animate {

    0%{

        opacity: 0;

        top: -10%;

        transform: translateX(20px) rotate(0deg);

    }

    10%{

        opacity: 1;

    }

    20%{

        transform: translateX(-20px) rotate(45deg);

    }

    40%{

        transform: translateX(-20px) rotate(90deg);

    }

    60%{

        transform: translateX(20px) rotate(135deg);

    }

    80%{

        transform: translateX(-20px) rotate(180deg);

    }

    100%{

        top: 110%;

        transform: translateX(-20px) rotate(225deg);

    }

    

}

.set2{

    transform: scale(2) rotateY(180deg);

    filter: blur(2px);

}

.set3{

    transform: scale(0.8) rotateY(180deg);

    filter: blur(4px);



}



.unstructured-item1 {

  text-align: center;

 animation-name: blinker;

 animation-duration: 5s;

 animation-timing-function: linear;

 animation-iteration-count: infinite;

}



 

@keyframes blinker {

  from {

    opacity: 0.5;

  } 50% {

    opacity: 0;

  } 70% {

    opacity: 0.7;

  } to {

    opacity: 1;

  }

}



.line-heading  {

  text-align:center;

  position: relative;

  text-transform:uppercase;

  font-size:26px; letter-spacing:1px;

  

  display: inline-flex;

  grid-template-columns: 1fr auto 1fr;

  grid-template-rows: 16px 0;

  grid-gap: 22px;

      width: auto;

    clear: both;

    margin: auto;

}



.line-heading:after {

  content: " ";

  display: block;

  border-bottom: 4px solid #006899;

  background-color:transparent;

  width: 60px;

    position: absolute;

    right: -90px;

    top: 18px;

}



.line-heading:before {

  content: " ";

  display: block;

  border-bottom: 4px solid #00bf8b ;

  background-color:transparent;

  width: 60px;

    position: absolute;

    left: -90px;

    top: 18px;

}



/*.fa-color{

  color: #fff;

}*/

  .pl-20{

    padding: 0px 20px;

  }



   /*certificate*/





.frame {

  width: 700px;

  height: 700px;

  position: absolute;

  border-radius: 50px;

  border: 5px solid rgba(0, 255, 255, 0.3);;

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

    0 0 30px rgba(0, 255, 255, 0.1);;

  animation: zooming 4s linear infinite alternate;

}



.frame:nth-child(1) {

  transform: rotate(40deg) translateY(0px) translateZ(0px);

  opacity: 1;

  animation-delay: -1s;

}



.frame:nth-child(2) {

  transform: rotate(40deg) translateY(50px) translateZ(-10px);

  opacity: 0.9;

  animation-delay: -1.3s;

}



.frame:nth-child(3) {

  transform: rotate(40deg) translateY(100px) translateZ(-20px);

  opacity: 0.85;

  animation-delay: -1.5s;

}



.frame:nth-child(4) {

  transform: rotate(40deg) translateY(150px) translateZ(-30px);

  opacity: 0.8;

  animation-delay: -1.7s;

}



.frame:nth-child(5) {

  transform: rotate(40deg) translateY(200px) translateZ(-40px);

  opacity: 0.75;

  animation-delay: -1.9s;

}



.frame:nth-child(6) {

  transform: rotate(40deg) translateY(250px) translateZ(-50px);

  opacity: 0.7;

  animation-delay: -2.1s;

}



.frame:nth-child(7) {

  transform: rotate(40deg) translateY(300px) translateZ(-60px);

  opacity: 0.65;

  animation-delay: -2.3s;

}



.frame:nth-child(8) {

  transform: rotate(40deg) translateY(350px) translateZ(-70px);

  opacity: 0.6;

  animation-delay: -2.5s;

}



.frame:nth-child(9) {

  transform: rotate(40deg) translateY(400px) translateZ(-80px);

  opacity: 0.5;

  animation-delay: -2.7s;

}



.frame:nth-child(10) {

  transform: rotate(40deg) translateY(450px) translateZ(-90px);

  opacity: 0.4;

  animation-delay: -2.9s;

}



.frame:nth-child(11) {

  transform: rotate(40deg) translateY(500px) translateZ(-100px);

  opacity: 0.3;

  animation-delay: -3.1s;

}



.frame:nth-child(12) {

  transform: rotate(40deg) translateY(550px) translateZ(-110px);

  opacity: 0.2;

  animation-delay: -3.3s;

}



.frame:nth-child(13) {

  transform: rotate(40deg) translateY(600px) translateZ(-120px);

  opacity: 0.1;

  animation-delay: -3.5s;

}



.frame:nth-child(14) {

  transform: rotate(40deg) translateY(650px) translateZ(-130px);

  opacity: 0.05;

  animation-delay: -3.7s;

}



@keyframes zooming {

  0% {

    transform: scale(0.2) rotate(40deg);

    opacity: 1;

  }

  

  100% {

    transform: scale(1) rotate(180deg);

    opacity: 0;

  }

}



.btn-organised {

    /* display: block; */

    /* width: 100%; */

    padding: 10px 22px;

    border: 5px solid white;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #fff;

    background-color: #00bf8b;

    background-clip: padding-box;

    

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 30px;

    text-transform: uppercase;

     outline: 2px solid #19bee2;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

.bdr-lft{

  position: relative;

}



.bdr-lft::before{

  content:' ';

position: absolute;

    width: 4px;

    height: 85px;

    background-color: #00bf8b;

    left: -25px;

    display: block;

    top: 34px;

}







.text-org h3 {

    color: #009776;

    font-size: 20px;

    text-transform: uppercase;

    line-height: 1.3;

     text-shadow: 0px 4px 3px rgb(126 123 123 / 40%),

             0px 8px 13px rgba(0,0,0,0.1),

             0px 18px 23px rgba(0,0,0,0.1);

}



.logo-end-footer{

  text-align: end!important;

}



.fa-chevron-right{

  width: 366px;

    height: 170px;

    /* background-color: yellow; */

    position: relative;

    top: -117px;

}



.fa-chevron-right:before {

    content: "\f054";

    position: absolute;

    right: 0;

    top: 117px;

}



.fa-chevron-left{

  width: 366px;

    height: 170px;

    /* background-color: yellow; */

    position: relative;

    top: -117px;

}



.fa-chevron-left:before {

    content: "\f054";

    position: absolute;

    left: 0;

    top: 117px;

}



.foot_icon span{

  font-size: 22px;

  color: #717275;

  float: left;

}



.social_width1{width: 30px; height: 30px; margin: 0 4px; float: left;}

 

    /*

    text-align: center;*/



/*.ml-5{

  

  margin-top: -12px;

}*/



/*structure*/







.container1 {

  background: #fff;

  height: 60vh;

  position: relative;

  overflow: hidden;

}

.container1 span {

  color: #27ae60;

  font-family: 'gothamlight';

  transition: 3s all cubic-bezier(0.17, 0.67, 0.83, 0.67);

  position: absolute;

}



.translateY {

  transform: translateY(80vh);

}











.dott-bdr-right{

  position: relative;

}



.text-strut{

  right: 0;

  left: 20%;

}



/*.dott-bdr-right::before {

    content: ' ';

    border-right: 2px dotted #003046;

    height: 160px;

    position: absolute;

    bottom: -18px;

    left: 94%;

     top: 0; 

}*/



/*.dott-bdr-right::before {

    content: ' ';

    border-right: 2px dotted #003046;

    height: 230px;

    position: absolute;

    bottom: -15px;

    left: 94%;

    

}*/

.dott-bdr-right::before {
    content: ' ';
    border-right: 2px dotted #003046;
    height: 434px;
    position: absolute;
    bottom: -56px;
    left: 96%;
    /* top: 0; */
}



.letterDrop {

  position: relative;

  top: -40%;  

  display: inline-block;

  text-transform: uppercase; 

  /*letter-spacing:5px;*/

  opacity: 0.8;

  transform: rotateX(-90deg);

  font-size: 19px;

  animation: letterDrop 1.2s ease 1 normal forwards;

  text-align: center;

  line-height: 40px;

  color: #00aea0;



}



.hgt{

  height: 97vh;

}



.text-org{

  margin-top: -150px;

}



@keyframes letterDrop {

    10% {

        opacity: 0.5;

    }

    20% {

        opacity: 0.8;

        top: 3.75em;

        transform: rotateX(-360deg);

    }

    100% {

        opacity: 1;

        top: 4.50em;

        transform: rotateX(360deg);

    }

}





spans:nth-child(2n) {

  color: #009454;

}



.mt-100{

  margin-top: 87px;

}



.btn-back {

    /* display: block; */

    /* width: 100%; */

    padding: 10px 85px;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #fff;

    background-color: #032f46;

    background-clip: padding-box;

    border: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 20px;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

.baner_wgt span{

  font-weight: 1000;

  font-family: 'gothambold';

}



.mt-26{

  margin-top: -26px;

}



/*.scroll-prompt {

  position: fixed;

  z-index: 998;

  bottom: -80px;

  left: 50%;

  margin-left: -80px;

  width: 160px;

  height: 160px;

}*/



/*.scroll-prompt {

    position: relative;

    z-index: 998;

    bottom: -113px;

    left: 50%;

    margin-left: -66px;

    width: 160px;

    height: 160px;

}*/



.scroll-prompt {

    position: relative;

    z-index: 998;

    bottom: 0;

    top: -42px;

    left: 18%;

   

    width: 2px;

    height: 0px;

}

.scroll-prompt .scroll-prompt-arrow-container {

  position: absolute;

  top: 0;

  left: 50%;

  margin-left: -18px;

  -webkit-animation-name: bounce;

          animation-name: bounce;

  -webkit-animation-duration: 1.5s;

          animation-duration: 1.5s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

}

.scroll-prompt .scroll-prompt-arrow {

  -webkit-animation-name: opacity;

          animation-name: opacity;

  -webkit-animation-duration: 1.5s;

          animation-duration: 1.5s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

}

.scroll-prompt .scroll-prompt-arrow:last-child {

  animation-direction: reverse;

  margin-top: -6px;

}

.scroll-prompt .scroll-prompt-arrow > div {

  width: 36px;

  height: 36px;

  border-right: 3px solid #fff;

  border-bottom: 3px solid #fff;

  transform: rotate(45deg) translateZ(1px);

}



@-webkit-keyframes opacity {

  0% {

    opacity: 0;

  }

  10% {

    opacity: 0.1;

  }

  20% {

    opacity: 0.2;

  }

  30% {

    opacity: 0.3;

  }

  40% {

    opacity: 0.4;

  }

  50% {

    opacity: 0.5;

  }

  60% {

    opacity: 0.6;

  }

  70% {

    opacity: 0.7;

  }

  80% {

    opacity: 0.8;

  }

  90% {

    opacity: 0.9;

  }

  100% {

    opacity: 1;

  }

}



@keyframes opacity {

  0% {

    opacity: 0;

  }

  10% {

    opacity: 0.1;

  }

  20% {

    opacity: 0.2;

  }

  30% {

    opacity: 0.3;

  }

  40% {

    opacity: 0.4;

  }

  50% {

    opacity: 0.5;

  }

  60% {

    opacity: 0.6;

  }

  70% {

    opacity: 0.7;

  }

  80% {

    opacity: 0.8;

  }

  90% {

    opacity: 0.9;

  }

  100% {

    opacity: 1;

  }

}

@-webkit-keyframes bounce {

  0% {

    transform: translateY(0);

  }

  10% {

    transform: translateY(3px);

  }

  20% {

    transform: translateY(6px);

  }

  30% {

    transform: translateY(9px);

  }

  40% {

    transform: translateY(12px);

  }

  50% {

    transform: translateY(15px);

  }

  60% {

    transform: translateY(18px);

  }

  70% {

    transform: translateY(21px);

  }

  80% {

    transform: translateY(24px);

  }

  90% {

    transform: translateY(27px);

  }

  100% {

    transform: translateY(30px);

  }

}

@keyframes bounce {

  0% {

    transform: translateY(0);

  }

  10% {

    transform: translateY(3px);

  }

  20% {

    transform: translateY(6px);

  }

  30% {

    transform: translateY(9px);

  }

  40% {

    transform: translateY(12px);

  }

  50% {

    transform: translateY(15px);

  }

  60% {

    transform: translateY(18px);

  }

  70% {

    transform: translateY(21px);

  }

  80% {

    transform: translateY(24px);

  }

  90% {

    transform: translateY(27px);

  }

  100% {

    transform: translateY(30px);

  }

}



/*who we serve*/

.serve_wrapper .accordion-item {

    background-color: #fff;

     border: none; 

}



.serve_wrapper .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: #fff!important;

    background-color: #00aea0!important;

    border-color: #1f4b76 #dee2e6 #fff!important;

}



.serve_wrapper .nav-tabs .nav-link {

    margin-bottom: -1px;

    background: #a5a5a5;

    color: #fff;

   /* border-top: 5px solid!important;*/

  /*  border-top-left-radius: 0.25rem;

    border-top-right-radius: 0.25rem;*/

    padding: 0.5rem 3.8rem;

    border-radius: 50px;

   

}



.who_we_main {

    margin: 25px auto;

    padding: 30px 20px;

    width: 100%;

    background: rgb(139 197 63 / 40%);

    max-width: 100%;

    border-radius: 16px;

    /* z-index: 111; */

}



.nav-link {

     color: #626060;

}



.serve_wrapper .txt-tab{

  text-align: justify;

  padding: 25px;

}

.serve_wrapper .who_hed_txt{

  text-align: justify;

}





@media (max-width: 991px) {

  .tab-content>.tab-pane {

    display: block;

    opacity: 1;

  }

}





/*why-new */



/*.why-bg {

  height: 100vh;

  width: 100%;

  padding: 0;

  margin: 0;

  overflow: hidden;

  background: radial-gradient(circle at center, #006765 0%, #02202e 100%);

  color: whitesmoke;

  font-family: sans-serif;

  text-align: center;

}*/



.swiper-container {

  width: 100%;

  padding-top: 50px;

  padding-bottom: 50px;

  overflow: hidden;

}

.swiper-slide {

  background-color: green;

  border-radius: 50%;

  width: 400px!important;

  height: 400px!important;

  text-align: center;

  position: relative;

}



.swiper-slide.why-item img {

    display: block !important;

    text-align: center;

    vertical-align: middle;

    width: 152px;

    position: relative;

    /*left: 100px;*/

      left: 0px;

    color: #fff;





}

.swiper-slide.why-item img{width: 120px;  left: 0; margin: auto;}

.swiper-slide.why-item .why-item-heading{font-size: 20px;margin: 15px; position: relative;}

.swiper-slide.why-item p{font-size: 16px;}

.swiper-slide .why-item .why-item-heading::before {

    content: "";

    position: absolute;

    background-color: #fff;

    width: 85%;

    height: 3px;

    top: 0px;

    left: 20px;

}



/* bottom line */

.swiper-slide .why-item .why-item-heading::after {

     content: "";

    position: absolute;

    background-color: #fff;

    width: 85%;

    height: 3px;

    bottom: 0px;

    left: 20px;

    top: 104%;

}



/*.swiper-slide {

  background-color: green;

  border-radius: 50%;

  width: 300px!important;

  height: 300px!important;

}*/





/*.swiper-slide.swiper-slide-visible{

  

    width: 223.2px;

    transition-duration: 0ms;

    transform: translate3d(0px, 0px, -69.8925px) rotateX(0deg) rotateY(4.19355deg) scale(1)!important;

    z-index: 1;



}*/



/* why medrev*/







.wrap {

  position: relative;

  z-index: 100;

  width: 100%;

  height: 100%;

  padding: 0 60px;

  background: url(https://images.unsplash.com/photo-1485069203392-8e1aeb1ebf02?auto=format&fit=crop&w=1054&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D) center no-repeat;

  -webkit-background-size: cover;

  background-size: cover;

  overflow: hidden;

}



.wrap:after {

  content:'';

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(0,0,0,.5);

}



.slider {

  position: relative;

  z-index: 200;

  padding: 0 0px;

  margin: 1rem auto;

  max-width: 1050px;

  width: 100%;

  overflow: hidden;

}



/*.slick-arrow {

  position: absolute;

  top: 50%;

  width: 40px;

  height: 50px;

  line-height: 50px;

  margin-top: -25px;

  border: none;

  background: transparent;

  color: #000;

  font-family: monospace;

  font-size: 5rem;

  z-index: 300;

  outline: none;

}*/

.slick-arrow {
    position: absolute;
    top: 97%;
    display: flex;
    height: 40px;
    line-height: 40px;
    margin-top: -25px;
    border: none;
     background: none; 
    color: #004657;
    font-family: monospace;
    font-size: 2rem;
    z-index: 300;
    outline: none;
}


.slick-prev {

  left: 47%;

  text-align: left;

}



.slick-next {

  right: 47%;

  text-align: right;

}



.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 50px 60px!important;

}





.item.slick-slide {

  width: 400px;

  height: 400px !important;

  transition: transform .4s;

  position: relative; 

  border-radius: 50%;

}



/*.slick-slide:after {

  content:'';

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(0,0,0,.5);

  transition: transform .4s;

  border-radius: 50%;

}*/



.item.slick-slide {

  transform: scale(0.8)  translate(600px);

}



.item.slick-slide.slick-center + .slick-slide {

  transform: scale(0.8) translate(-250px);

  z-index: 10;

}



.item.slick-slide.slick-center + .slick-slide + .item.slick-slide {

  transform: scale(0.8)  translate(-600px);

  z-index: 5;

}



.item.slick-slide.slick-active {

  transform: scale(0.8) translate(250px);

}



.item.slick-slide.slick-center {

  /* margin: 0 -10%; */

  transform: scale(1);

  z-index: 30;

}



.slick-center:after {

  opacity: 0;

}



.why-heading{

  text-align: center;

  color: #009672;

  /font-size: 32px;/

}



.item.slick-slide.slick-center .why-item {

    background-color: #009672 !important;

    border-radius: 50%;

    height: 400px;

    text-align: center;

    padding: 22px;

    

}



.item.slick-slide .why-item {

    background-color: #c4ece2 !important;

    border-radius: 50%;

    height: 400px;

    text-align: center;

    padding: 22px;

    color: #fff; 

    position: relative;

    -webkit-box-shadow: 0px 0px 8px 2px rgba(109,161,151,0.6);

    box-shadow: 0px 0px 8px 2px rgba(109,161,151,0.6);

 

    

}



/*.item.slick-slide .why-item::after {

  content: '';

  background: url("../images/why_shadow_250.png");

  background-position: center center;

  background-size: cover;

 opacity: 0.8;

    height: 107px;

    margin: 0;

    width: 100px;

    position: absolute;

    right: 0;

    z-index: 11;

    bottom: -95px;

    left: 0;

    overflow: hidden;

}*/



/*.item.slick-slide:nth-child(odd) .why-item{

    background: purple;

}



.item.slick-slide:nth-child(even) .why-item{

    background: green;

}*/



/*.item.slick-slide:nth-child(1) .why-item{

    background: purple !important;

}

 



.item.slick-slide:nth-child(2) .why-item{

    background: black !important;

}





.item.slick-slide:nth-child(3) .why-item{

    background: red !important;

}

.item.slick-slide:nth-child(4) .why-item{

    background: green !important;

}

*/

 



.item.slick-slide .why-item img{width: 150px;  left: 0; margin: auto;}

.item.slick-slide .why-item .why-item-heading{font-size: 20px;margin: 15px;}

.item.slick-slide .why-item p{font-size: 16px;}



 /*.why-item::after{

content:'';

  position: absolute;

  z-index: 2;

  top: auto;

  left: 0;

  right: 0;

  bottom: 0;

  background-image: url('../images/why_shadow.png');

  background-repeat: no-repeat;

}*/



/*.item.slick-slide .why-item h3{

  color: #009571!important;

}*/



.item.slick-slide.slick-center .why-item img {

    display: block !important;

    text-align: center;

    vertical-align: middle;

    width: 152px;

    position: relative;

    /left: 100px;/

      left: 0px;

    color: #fff;



}



.item.slick-slide.slick-center .why-item .why-item-heading{font-size: 20px;}

.item.slick-slide.slick-center .why-item p{font-size: 17px;}



 



/*.item.slick-slide.slick-center .why-item img::before {

  content:' ';

    display: block !important;

    text-align: center;

    vertical-align: middle;

    width: 152px;

    position: relative;

    height: 3px;

}*/



.why-item-heading{

  color: #fff;

  position: relative;

}



.item.slick-slide.slick-center .why-item .why-item-heading::before {

    content: "";

    position: absolute;

    background-color: #fff;

    width: 85%;

    height: 3px;

    top: 0px;

    left: 20px;

}



/* bottom line */

.item.slick-slide.slick-center .why-item .why-item-heading::after {

     content: "";

    position: absolute;

    background-color: #fff;

    width: 85%;

    height: 3px;

    bottom: 0px;

    left: 20px;

    top: 104%;

}





.item.slick-slide.slick-center .why-item p{

  color: #fff;

}



.item.slick-slide.slick-center .why-item h3{

  color: #fff; margin: 15px 0;

    line-height: 41px;

}

.slick-slide img {

    display: block !important;

    text-align: center;

    vertical-align: middle;

    width: 220px;

    position: relative;

    left: 62px;

}



.slick-slide p {

    display: block !important;

    text-align: center;

    vertical-align: middle;

    

    position: relative;

    color: #009876 ;

     padding: 0px 35px;

    line-height: 1.4;

}



.slick-slide h3 {

  color: #009876 ;

}



/*banner slider*/





.main-banner .owl-slider .item img{

  height: auto;

}



.main-banner .owl-theme .custom-nav{

  position: absolute;

  top: 35%;

/*   width:100%; */

/*   background-color:grey; */

  left: 0;

  right: 0;

  z-index: 9;

}



.main-banner .owl-theme .custom-nav .owl-prev, .owl-theme .custom-nav .owl-next,{

  height: 100px;

}



.main-banner .owl-theme .custom-nav .owl-prev i, .owl-theme .custom-nav .owl-next i {

  font-size: 2.5rem;

  color: white;

  text-shadow:2px 2px 3px black;

}



/* stylise navigation arrows individually */

.main-banner .owl-theme .custom-nav .owl-prev {

  position: absolute;

  top: 40%;

  margin-left: 10px;

  display: block !important;

  z-index: 100;

  background-color:none !important;

}

.main-banner .owl-theme .custom-nav .owl-next {

  position: absolute;

  top: 40%;

  right: 10px;

  display: block !important;

  z-index: 100;

  background-color: none;

}





/* stylise navigation arrow background */

.main-banner .owl-theme .owl-nav [class*="owl-"]{

  background: none;

  border: none;

}

.main-banner .owl-theme .owl-nav [class*="owl-"]:hover{

  background:rgba(22,22,22,0.75);

}



/* --------- Captions ------*/

/*.main-banner .caption{



  border: none;

    position: absolute;

    top: 30%;

    left: 20%;

    width: 60vw;

    height: 50%; 

}*/





/* ------ random css ----*/

/*.main-banner .item h2, .item p{

  padding: 0.5rem;

  color: white;

  text-shadow: 1px 1px 1px black;

}*/



.main-banner .owl-item .item {

    transform: translate3d(0, 0, 0);

    // transform: scale(0.9);

    // transition: all .25s ease-in-out;

    margin: 0px 0px;

}



.main-banner{

  margin-top: -95px;

}



.main-banner .owl-theme .owl-dots, .owl-theme .owl-nav {

    text-align: center;

    -webkit-tap-highlight-color: transparent;

    position: relative;

    /*bottom: 30px;*/

}



.main-banner .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #00aea0;

}



.main-banner .owl-theme .owl-dots .owl-dot span {

    width: 15px;

    height: 15px;

    margin: 5px 7px;

    background: #D6D6D6;

    display: block;

    -webkit-backface-visibility: visible;

    transition: opacity .2s ease;

    border-radius: 30px;

}



.wht-float {

  position: fixed;

    bottom: 40px;

    right: 25px;

    padding: 12px;

    background-color: white;

    color: red;

    text-align: center;

    font-size: 26px;

    box-shadow: 0px 0px 2px 5px #99999952;

    z-index: 999999;

    transition: 0.4s ease-in-out;

    line-height: 0px;

    height: 49px;

    width: 49px;

    border-radius: 100%;

}

.wht-float:hover {

  background-color: rgb(55, 197, 207);

  box-shadow: 0px 0px 2px 5px #9999999c;

  color:white

}



.organized_item {

  position: fixed;

  padding: 12px;

  bottom: 100px;

  right: 25px;

  background-color: white;

  color: red;

  border-radius: 50px;

  text-align: center;

  font-size: 26px;

  box-shadow: 0px 0px 2px 5px #99999952;

  z-index: 999999;

  height:49px;

  width:49px;

  transition: 0.4s ease-in-out;

  line-height: 10px;

}

.organized_item:hover {

  background-color: rgb(55, 197, 207);

  box-shadow: 0px 0px 2px 5px #9999999c;

  color:white

}

/* .tool-tip{

  position: relative;

}

.tool_style{

  width: fit-content;

    background: red;

    color: white;

    padding: 3px 10px;

    font-size: 12px;

    border-radius: 11px;

    font-weight: 800;

} */

.git_open{

  color:white;

  transition: 0.4s ease-in-out;

}

.git-btn1:hover,

.git-btn1:focus{

  background-color: white;

  box-shadow: 0px 0px 2px 5px #9999999c;

}

.git-btn1:hover .git_open,

.git-btn1:focus .git_open{

  color:red;

}

.git-btn1 {

  transform: rotate(-90deg);

  cursor: pointer;

  background: #00ab9d;

  width: fit-content;

  padding-inline: 13px;

  padding-block: 4px;

  /* color: white; */

  position: fixed;

  right: -57px;

  border-radius: 4px;

  bottom: 50%;

  transition: 0.4s ease-in-out;

}



.no_padding{padding: 0 !important;}



.navbar-expand-lg .navbar-nav .nav-link.active{color: var(--dark-color);}

.th_head{

  margin-bottom: 25px;

}



.formbold-mb-5 {

    margin-bottom: 5px!important;

}



/*footer*/





#container #content {

  position: relative;

  width: 100%;

  background: #404040;

  z-index: 1;

  float: left;

  overflow: hidden;

}

#container #content .left-burger {

  position: relative;

  width: 50%;

  float: left;

  background: transparent;

  z-index: 100;

}

#container #content .left-burger h2 {

  position: relative;

  z-index: auto;

}

#container #content .left-burger .triangle {

  width: 0;

  height: 0;

  border-top: solid #f1f1f1;

  border-right: solid transparent;

  border-left: none;

  border-bottom: none;

  position: absolute;

}

#container #content .right-slider {

  position: relative;

  width: 50%;

  float: left;

  background: transparent;

}

#container #content .right-slider h2 {

  position: absolute;

  bottom: 30px;

  right: 30px;

}



/*#main-nav {

  width: 100%;

  background: transparent;

  position: fixed;

  z-index: 100;

  display: inline-block;

}*/

#main-nav {

  width: fit-content;

  background: transparent;

  position: absolute;

  z-index: 100;

  display: inline-block;

}

#main-nav .logo {

  padding: 0px 50px;

  margin: 0;

  color: #fff;

  cursor: pointer;

  opacity: 1;

  transition: opacity 200ms ease;

  position: relative;

}

/*#main-nav #bun {

  position: fixed;

  cursor: pointer;

  right: 30px;

  top: 25px;

  background: #00aea0;

  width: 38px;

  height: 38px;

  border: 1px solid #444444;

  border-radius: 5px;

  box-shadow: 0px 0px 0px 1px #1f1f1f;

  overflow: hidden;

}*/



#main-nav #bun {

    position: fixed;

    cursor: pointer;

    right: 30px;

    top: 25px;

    background: #00aea0;

    width: 40px;

    height: 40px;

    border: 1px solid #ffffff;

    border-radius: 5px;

    box-shadow: 0px 0px 0px 1px #e9e1e1;

    overflow: hidden;

}

#main-nav #bun .mmm-burger {

  position: relative;

  width: 25px;

  margin: 18px 7px 0;

  height: 3px;

  background: #fff;

}

#main-nav #bun .mmm-burger:before {

  content: '';

  position: absolute;

  width: 100%;

  height: 3px;

  background: #fff;

  right: 0;

  top: -8px;

}

#main-nav #bun .mmm-burger:after {

  content: '';

  position: absolute;

  width: 100%;

  height: 3px;

  background: #fff;

  right: 0;

  top: 8px;

}

#main-nav #bun:before {

  content: '';

  top: -10px;

  left: -45px;

  width: 30px;

  height: 75px;

  position: absolute;

  opacity: 0;

  background: rgba(255, 255, 255, 0.2);

  transform: rotate(25deg);

  transition: left 300ms linear 50ms, opacity 20ms linear;

}

#main-nav #bun:hover:before {

  opacity: 1;

  left: 100px;

}



#sidebar {

  position: fixed;

  z-index: 99;

  height: 100%;

  width: 300px;

  background: #fff;

  /*overflow-x: hidden;

  overflow-y: scroll;*/

  margin: 0;

  /*left: -300px;*/

  right: -300px;

  top: 0;

  transition: right 300ms ease;

}

#sidebar #mobile-nav .mobile-logo {

  color: white;

  font-size: 2rem;

  width: 100%;

  text-align: center;

  padding: 0px 0;

  margin: 0;

  opacity: 0;

  transition: opacity 1500ms ease;

}

#sidebar #mobile-nav ul {

  margin: 0;

  padding: 80px 0;

  /*padding: 4px 0;*/

}

#sidebar #mobile-nav ul .nav-item {

  position: relative;

  border-top: 0px solid trandsparent;

  border-bottom: 0px solid trandsparent;

  float: left;

  list-style: none;

  width: 100%;

  color: #fff;

  font-size: 1.25rem;

  font-weight: 300;

  background: rgba(255, 255, 255, 0.05);

  border-top: 1px solid #5a5a5a;

  border-bottom: 1px solid #333;

  /*overflow: hidden;*/

  cursor: pointer;

  transform: scale(0.75, 0.75);

  opacity: 0;

  transition: left 300ms linear 2s, opacity 100ms ease-in 600ms;

  transition: transform 0.3s cubic-bezier(0.45, 1.8, 0.5, 0.75) 500ms;

  transition: border-top 40 ease 0ms, border-bottom 40 ease 0ms, box-shadow 150 ms ease-in;

}

#sidebar #mobile-nav ul .nav-item:hover {

  box-shadow: 0 0px 12px 3px #333;

  z-index: 100;

}

#sidebar #mobile-nav ul .nav-item:hover:after {

  color: #000;

}

#sidebar #mobile-nav ul .nav-item h3 {

  position: relative;

  font-size: 1rem;

  font-weight: 400;

  color: #000;

  padding: 15px 25px;

  margin: 0;

  /*text-shadow: 0px -2px #333;*/

}

#sidebar #mobile-nav ul .nav-item:first-child {

  border-top: 1px solid #333;

  margin: 0;

}

#sidebar #mobile-nav ul .nav-item:first-child:hover {

  box-shadow: 0 4px 16px 0px #333 !important;

}

#sidebar #mobile-nav ul .nav-item:last-child {

  border-bottom: 1px solid #333;

}

#sidebar #mobile-nav ul .nav-item:last-child:hover {

  box-shadow: 0 -4px 16px 0px #333 !important;

}

#sidebar #mobile-nav ul .sub-nav {

  width: 100%;

  position: relative;

  margin: 0;

  padding: 0;

  overflow: hidden;

  box-shadow: inset 0 -7px 12px rgba(0, 0, 0, 0.15) !important;

}

#sidebar #mobile-nav ul .sub-nav .sub-nav-item {

  position: relative;

  float: left;

  list-style: none;

  width: 100%;

  color: #fff;

  font-size: 1.25rem;

  font-weight: 300;

  overflow: hidden;

  cursor: pointer;

  border-top: 1px solid #4a4a4a;

  border-bottom: 1px solid #333;

}

#sidebar #mobile-nav ul .sub-nav .sub-nav-item:hover {

  /*background: rgba(0, 0, 0, 0.1);*/

  background: #000;

}

#sidebar #mobile-nav ul .sub-nav .sub-nav-item:hover h4 {

  color: #fff;

}

#sidebar #mobile-nav ul .sub-nav .sub-nav-item h4 {

  position: relative;

  font-size: 1rem;

  font-weight: 300;

  color: #000;

  padding: 11px 20px 10px 40px;

  margin: 0;

  /*text-shadow: 0px -2px #333;*/

}

#sidebar #mobile-nav ul .sub-nav .sub-nav-item:first-child {

  border-top: none;

}

#sidebar #mobile-nav ul .sub-nav .sub-nav-item:last-child {

  border-bottom: none;

}



.nav-slide {

  /*left: 0 !important;*/

  right: 0!important;

}

.nav-slide #mobile-nav .mobile-logo {

  opacity: 1 !important;

}



.body-slide {

  left: 300px !important;

}

.body-slide #main-nav .logo {

  opacity: 0 !important;

}



.item-slide {

  transform: scale(1, 1) !important;

  opacity: 1 !important;

}



/*.scroll-jam {

  height: 100%;

  overflow-y: hidden;

}*/



.arrowed:after {

  content: '+';

  width: 25px;

  height: 25px;

  position: absolute;

  color: #333;

  right: 6px;

  font-size: 26px;

  top: 9px;

}



.selected {

  box-shadow: 0 0 12px 3px #333 !important;

}

.selected:after {

  content: "_";

  width: 25px;

  height: 25px;

  position: absolute;

  color: #000;

  right: 4px;

  font-size: 20px;

  top: 4px;

}

.hdr_cntct {
    position: absolute;
    font-size: 1rem;
    font-weight: 200;
    color: #000;
    padding: 15px 25px;
    display: flex;
    margin: 2px;
    bottom: 0;
    list-style: none;
}

.hdr_cntct h5 {
    font-size: 13px;
    padding: 5px;
    color: #00b1a3;
}

.crar_wrp{
  margin-top: 30px;
}


.cls_icn {

    color: #fff;

    text-align: center;

    padding: 2px;

}

.txt-jsty{
  text-align: justify;
}

/*#mobile-nav a li:active{
  background-color: #000!important;
}*/

li.active.nav-item.item-slide {
  background: #00b1a3!important;
}

li.active.nav-item.item-slide h3{
  color: #fff!important;
}

li.active.sub-nav-item {
  background: #00b1a3!important;
}

li.active.sub-nav-item h4{
  color: #fff!important;
}


/*footer*/

/*magnific popup*/




/*end magnific*/