*{margin: 0; padding: 0; box-sizing: border-box;}
body{position: relative;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}
p{margin: 0; padding: 0;}
a{text-decoration: none;}
ul{margin: 0; padding: 0;}
.relative{position: relative;}
.absolute{position: absolute;}
.roboto{font-family: 'Roboto', sans-serif;}
.montserrat{font-family: 'Montserrat', sans-serif;}

/*.navigation-bar{width: 100%; background: #0F4946; z-index: 100; padding: 25px 0;}
.navigation ul li{display: inline-block; list-style: none; margin: 0 0 0 100px;}
.navigation ul li a{color: #FFFFFF; font-size: 13px; text-transform: uppercase; leading-trim: both; text-edge: cap; font-weight: 500; transition: all 0.5s;}*/
.navbar{z-index: 99; width: 100%; background: #114a46;}
/*.fixed{position: fixed; width: 100%; z-index: 100; background: #081410; top: 0%!important; transition: all 1s linear; -webkit-box-shadow: 0px 13px 25px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 13px 25px -8px rgba(0,0,0,0.75); box-shadow: 0px 13px 25px -8px rgba(0,0,0,0.75);}*/
.sticky-top{transition: all 1s linear; -webkit-box-shadow: 0px 13px 25px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 13px 25px -8px rgba(0,0,0,0.75); box-shadow: 0px 13px 25px -8px rgba(0,0,0,0.75);}
.nav-link{color: #FFFFFF; font-size: 13px; text-transform: uppercase; leading-trim: both; text-edge: cap; font-weight: 500; margin: 20px 0; padding: 0 50px!important; transition: all 0.5s;}
.navbar-nav{margin-left: 50px;}
.nav-link:hover{color: #fff; transition: all 0.5s linear;}
.mobile_header{display: none;}
.whatsapp-chat a{text-transform: uppercase; font-size: 13px; font-weight: 500; color: #fff; border: 1px solid #fff; border-radius: 25px; padding: 13px 15px}
.whatsapp-chat a img{margin-left: 6px;}
.mt-40{margin-top: 40px;}

.hero-img{padding: 50px 0;}
.hero-content h1{font-size: 38px; font-weight: 300; color: #1D1D24; line-height: 55px; margin-bottom: 50px;}
.hero-content h1 span{background:#114a46; color: #fff; padding: 5px 10px; font-size: 32px;}
#cursor{padding: 0;}
#target{padding: 0;}
a.hyperlink-button{padding: 15px 36px; background: linear-gradient(113.4deg, #6FFEAB 25.88%, #6DF5CE 75.44%); font-size: 15px; font-weight: 600; text-transform: capitalize; color: #000; border-radius: 25px;}

.about-yoboh{padding:30px 0;}
.about-yoboh h2 span{color: #6FFCBA;font-weight: 500;}
/*.about-content{padding: 65px 0;}*/
.about-content h2{font-size: 38px; font-weight: 300; margin-bottom: 20px;}
/*.about-img img{height: 600px;}*/
.about-content p{font-size: 15px; font-weight: 400;margin-bottom: 10px;}
.mb-40{padding-bottom: 40px;}

.why-yoboh{background:#114a46;padding: 50px 0;}
.why-content{margin-right: 50px;}
.why-content h2{font-size: 38px; font-weight: 300; margin-bottom: 30px;color:#fff;}
.why-content h2 span{font-weight: 600;}
.why-content p{font-size: 15px; font-weight: 400;margin-bottom: 10px;color:#fff;}
/*.why-img img{height: 450px;}*/
.why-box{background: #fff; border-radius: 20px; padding: 50px; width: 33.33%; margin: 0 10px; }
.why-icon{padding: 20px 0 0;}
.why-box span{background: #72f3a5; padding: 25px 15px; border-radius: 50%;}
.why-box h3{color: #000; font-size: 1.3em; padding: 30px 0 20px;}
.underline-div{height: 3px; width: 30px; background: #060e08;}
.why-box p{font-size: 15px; color: #bdbdbd; padding: 20px 0 0;}

.who-section{padding: 50px 0;}
.who-content{margin-right: 50px;}
.who-content h2{font-size: 38px; font-weight: 300; margin-bottom: 20px;}
.who-content h2 span{color: #6FFCBA; font-weight: 500;}
.who-content p{font-size: 15px; font-weight: 400;}
/*.who-img img{height: 450px;}*/
.counter-show{margin: 150px 100px 0 100px;}
/*.mboth-20{margin: 0 20px;}*/
.counter-data p{color: #6FFCBA; font-size: 52px; font-weight: 500;}
.counter-data h2{font-size: 19px; padding-top: 20px; font-weight: 600; text-transform: capitalize;}

.service-slider{background: #f2f2f2; padding: 50px 0;}
.services-heading h2{font-size: 38px; font-weight: 300;}
.services-heading h2 span{color: #6FFCBA; font-weight: 500;}
.services-para p{font-size: 14px; font-weight: 400; margin-bottom: 10px;}
.s-heading{margin-bottom: 50px;}
.service-sliding{margin-top: 100px;}
.outer-stage{padding: 30px 30px 50px 30px; background: #27272E; border-radius: 25px;min-height:730px;display:flex;flex-direction:column;}
.serv-icon-circle{background: linear-gradient(180deg, #6EFEA4 0%, #6EF9D3 100%); border-radius: 50%; width: 80px; height: 80px;}
/*.services_btn{margin-top:auto;}*/
.serv-heading{padding: 30px 0;}
.serv-heading h2{font-size: 28px; font-weight: 300; color: #fff; margin-bottom: 20px;}
.serv-heading h2 span{color: #6FFCBA; display: block;}
.serv-heading p{color: #fff; font-size: 15px; font-weight: 400; margin-bottom: 15px;}
.custom-dots {margin-top: 20px; text-align: center;}
.custom-dot {background-color: #fff; border-radius: 50%; display: inline-block; height: 3px; margin: 0 9px; width: 70px; border: 0;}
.custom-dot.active {background-color: #6FFCBA;}

.partners{padding: 60px 0;}
/*.partners-heading{margin-bottom: 60px;}*/
.partners-heading h2{font-weight:700; font-size: 38px; color:#1b8d86;}
.partners-heading h2 span{color: #000; font-weight: 500;}
.partners-img img{height: auto!important; display: initial!important; width: auto!important;}

.mobile-app{padding: 50px 0;}
.mobile-data h2{font-weight: 300; font-size: 38px; line-height: 50px;} 
.mobile-data h2 span{color: #6FFCBA; font-weight: 500; display: block;}
.mobile-data p{font-size: 15px; font-weight: 400;margin-bottom: 10px;}

.testimonials{padding: 50px 0;}
.testimonials-heading h2{color: #114a46; font-size: 15px; font-weight: 600;}
.start_quote img{width: auto!important;}
.testi-para{padding: 20px 0;}
.testtimonial_inner_sec p{padding: 10px 0; font-size: 15px; font-weight: 400;}
.testi_author_name h3{font-size: 38px; font-weight: 300;}
.start_quote img{display: initial!important;}

.footer{background: #166562; padding: 50px 0;}
.left-f p{font-size: 15px; font-weight: 400; color: #fff; padding-top: 20px;}
.right-f h3{font-size: 38px; font-weight: 300; color: #fff; margin-bottom: 40px;}
/*.right-f a.g-links{display: block; width: 100%; font-size: 25px; font-weight: 500; color: #fff; margin: 50px 0;}*/
.f-input{margin: 60px 0;}
.f-input input{border: 1px solid #fff; font-size: 38px; font-weight: 300; color: #6FAAA8; background: transparent; display: block; width: 100%; padding: 10px 25px; border-radius: 50px; transition: all 0.5s;}
.f-input input:focus{outline: none; border: 1px solid #0F4946; transition: all 0.5s linear;}
.f-links{margin-top: 40px;}
.f-links ul li{list-style: none; margin-bottom: 15px;}
.f-links ul li a{font-family: 'Montserrat', sans-serif; color: #fff; font-size: 15px; font-weight: 400; text-transform: capitalize;}
.social-media ul li{display: inline-block; list-style: none; margin: 30px 20px 0 0;}

@media only screen and (max-width: 1300px) and (min-width:820px){
	.pop_up_img a {display:block!important;text-align:center!important;}
}
@media only screen and (max-width: 480px)
{
	.navbar{display: none;}
	.mobile_header{display: block;}
	.navbar-brand img{height: 25px;}
	.navbar-toggler{color: #fff; border: 1px solid #fff;}
	.navbar-toggler:focus{box-shadow: none;}
	.navbar-collapse{background: #132a26;}
	.mobile-bg{background:#114a46; padding: 10px 0; position: relative;}
	.sidepanel .closebtn {position: absolute; top: 0; right: 18px; padding: 0; font-size: 36px; color: #fff; text-decoration: none;}
	.openbtn{cursor: pointer; background: transparent; padding: 0; border: none; color: #fff;}
	.site-logo-mobile img{height: 50px;}
	.mobile-hamburger-logo button{margin-right: 7px;}
	.sidepanel {width: 0; position: fixed; height: 100%; top: 6.5%; left: 0; background-color: #0F4946; overflow-x: hidden; transition: 0.1s; z-index: 9999; border-top: 2px solid #fff;}   
	.menu-items a{color: #fff; font-size: 16px;}
	.menu-items ul{text-align: center; padding: 0; margin-top: 20px;}
	.menu-items ul li{padding: 10px 0;}
	.mobile-logo img{height: 19px;}
	.padding-remove a{padding: 4px 11px;}
	.whatsapp-chat a{font-size: 10px;}
	.padding-remove a img{height: 15px; margin-bottom: 2px;}
	.hero-content h1{font-size: 26px; line-height: 40px; margin-bottom: 30px;}
	.hero-content h1 span{font-size: 22px;}
	.hero-content{margin-bottom: 50px;}
	a.hyperlink-button{padding: 12px 20px; font-size: 13px;}
	.disp-block{display: block!important;}
	.w-50{width: 100%!important;}
	.about-img img{height: auto;margin-top:0px!important;}
	.about-content{padding: 30px 0;}
	.about-content h2{font-size: 30px;}
	.why-yoboh{padding: 50px 0;}
	.why-content h2{font-size: 30px;}
	.why-img{margin-top: 40px;}
	.why-img img{height: auto;}
	.why-box{width: 100%; margin: 0 0 10px 0;}
	.who-section{padding: 30px 0;}
	.who-content h2{font-size: 30px;}
	.who-img img{height: auto;}
	.who-img{margin-top: 50px;}
	.counter-show{margin: 50px 0 0;}
	.counter-data p{font-size: 26px;}
	.align-start-mobile{align-items: flex-start!important;}
	.counter-data h2{font-size: 12px;}
	.service-slider{padding:30px 0!important;}
	.services-heading h2{font-size: 30px; margin-bottom: 20px;}
	.service-sliding{margin-top: 50px;}
	.serv-icon-circle{width: 50px; height: 50px;}
	.serv-heading h2{font-size: 20px;}
	.outer-stage{padding: 15px 15px 30px;}
	.serv-heading p{font-size: 14px;}
	.custom-dot{width: 25px;}
	.partners{padding: 10px 0;}
	.mobile-app{padding: 20px 0;}
	.mobile-app-img img{height: 350px;}
	.mobile-data{margin-top: 50px;}
	.mobile-data h2{font-size: 30px; line-height: 35px;}
	.testimonials{padding: 20px 0;}
	.testimonials-heading{margin-bottom: 50px;}
	.testi_author_name{margin-bottom: 30px;}
	.testi_author_name h3{font-size: 30px;}
	.start_quote img{height: 50px;}
	.footer{padding: 50px 0;}
	.right-f{margin-top: 30px;}
	.right-f h3{font-size: 30px;}
	.right-f a.hyperlink-button{padding: 12px 35px; border-radius: 35px; font-size: 13px; display: block; width: 100%; text-align: center;}
	.f-input{margin: 30px 0;}
	.f-input input{font-size: 25px;}
	.social-media{text-align: center;}
	.mobile_popup h2{font-size:15px!important;}
	.wrapper .circle{top: 66%!important;
    left: 4%!important;
    width: 65px!important;
    height: 65px!important;}
	.outer-stage{min-height:0px!important;}
	
	/*by souvik on 18Jan 2024 start*/
	.service-slider .s-heading{flex-direction: column;}
	.service-slider .s-heading .services-heading{text-align: center;}
	.service-slider .s-heading .services-para{align-items: center;display:block!important;padding:15px 0!important;}
	/*by souvik on 18Jan 2024 end*/
	
	.services-heading img{width:80%!important;}
    .partners-heading img{width:80%!important;}
	.about-content img{width:40%!important;}
	.why-content img{width:55%!important;}
	.who-content img{width:40%!important;}
	.mobile-data img{width:45%!important;}
	.elevate-content img{width:60%!important;}
}

 @media (min-width: 481px) and (max-width: 820px) 
 {
 	.navbar{display: none;}
	.mobile_header{display: block;}
	.navbar-toggler{color: #fff; border: 1px solid #fff;}
	.navbar-toggler:focus{box-shadow: none;}
	.navbar-collapse{background: #132a26;}
	.mobile-bg{background: #0F4946; padding: 10px 0; position: relative;}
	.sidepanel .closebtn {position: absolute; top: 0; right: 18px; padding: 0; font-size: 36px; color: #fff; text-decoration: none;}
	.openbtn{cursor: pointer; background: transparent; padding: 0; border: none; color: #fff;}
	.site-logo-mobile img{height: 50px;}
	.mobile-hamburger-logo button{margin-right: 7px;}
	.sidepanel {width: 0; position: fixed; height: 100%; top: 4%; left: 0; background-color: #0F4946; overflow-x: hidden; transition: 0.1s; z-index: 9999; border-top: 2px solid #fff;}   
	.menu-items a{color: #fff; font-size: 25px;}
	.menu-items ul{text-align: center; padding: 0; margin-top: 20px;}
	.menu-items ul li{padding: 20px 0;}

	.hero-content h1{font-size: 28px; line-height: 40px;}
	.about-img img{height: auto;}
 }
 .cssbuttons-io-button {
	background: #72f3a5;
	color: white;
	font-family: inherit;
	padding: 0.35em;
	padding-left: 1.2em;
	font-size: 17px;
	font-weight: 500;
	border-radius: 0.9em;
	border: none;
	letter-spacing: 0.05em;
	display: flex;
	align-items: center;
	box-shadow: inset 0 0 1.6em -0.6em #72f3a5;
	overflow: hidden;
	position: relative;
	height: 2.8em;
	padding-right: 3.3em;
  }
  
  .cssbuttons-io-button .icon {
	background: white;
	margin-left: 1em;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.2em;
	width: 2.2em;
	border-radius: 0.7em;
	box-shadow: 0.1em 0.1em 0.6em 0.2em #72f3a5;
	right: 0.3em;
	transition: all 0.3s;
  }
  
  .cssbuttons-io-button:hover .icon {
	width: calc(100% - 0.6em);
  }
  
  .cssbuttons-io-button .icon svg {
	width: 1.1em;
	transition: transform 0.3s;
	color: #72f3a5;
  }
  
  .cssbuttons-io-button:hover .icon svg {
	transform: translateX(0.1em);
  }
  
  .cssbuttons-io-button:active .icon {
	transform: scale(0.95);
  }
.sticky_button{position: fixed;bottom: 1%;right: 1%;}
.playstore-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #000;
	border-radius: 9999px;
	background: linear-gradient(113.4deg, #6FFEAB 25.88%, #6DF5CE 75.44%);
	padding: 0.625rem 1.5rem;
	text-align: center;
	color: #000;
	outline: 0;
	transition: all  .2s ease;
	text-decoration: none;
  }
  .icon {
	height: 1.5rem;
	width: 1.5rem;
  }
  
  .texts {
	margin-left: 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1;
  }
  
  .text-1 {
	/* margin-bottom: 0.25rem; */
	font-size: 0.75rem;
	line-height: 1rem;
  }
  
  .text-2 {
	font-weight: 600;
  }
.testi-para{position:relative;}
.circle {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 77%;
  left: 4%;
  border-radius: 50%;
  background-color: rgb(111 252 186 / 54%);
  margin: auto;
  transform: scale(1, 1);
}
.circle.pulse {
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
.wrapper svg {
  fill: #279b27;
  stroke: #279b27;
  stroke-linejoin: round;
  stroke-width: 5;
  transition: all 0.3s;
}
.wrapper svg:hover {
  cursor: pointer;
  fill: #228722;
  stroke: #228722;
  transform: scale(1.2, 1.2);
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
.modal-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px); 
    z-index: 999; 
	display: none; 
}

/* custom owl btn */
.owl-carousel .nav-button {
  height: 40px;
  width: 40px;
  cursor: pointer;
  position: absolute;
  top: 150px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.25;
}

.owl-carousel .owl-prev {
  left: -16px;
}

.owl-carousel .owl-next {
  right: -16px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #000;
  font-size: 27px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 50%;
}

.owl-carousel .prev-carousel:hover {
  background-position: 0px -53px;
}

.owl-carousel .next-carousel:hover {
  background-position: -24px -53px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #fff !important;
  color: #6FFCBA;
  text-decoration: none;
}

.owl-theme .owl-nav [class*=owl-] {
  padding: 0 !important;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: block !important;
}

.owl-theme .owl-dots .owl-dot.active span {
  background: #6FFCBA;
  width: 60px;
  height: 4px;
}
.owl-theme .owl-dots .owl-dot span {
  width: 6px;
  height: 6px;
  margin: 25px 5px;
  background: #D6D6D6;
  display: block;
  transition: opacity .2s ease;
  border-radius: 30px;
}

#gallery_slider .owl-nav {
  margin: 0;
	display:none!important;
}

#gallery_slider .owl-nav .owl-prev.disabled,
#gallery_slider .owl-nav .owl-next.disabled {
  display: none!important;
}
.gallery_image img{border-radius:20px;}
#gallery_slider .owl-stage-outer{border-radius:20px!important;}
.gallery_section{padding: 25px 0;}
.testi-para img{border-radius:20px!important;}
.pop_up_div{position:relative;}
.close_button {
    position: absolute;
    top: -40px;
    right: 3px;
    cursor: pointer;
    font-size: 24px;
	color:#fff;
}
.owl-theme .owl-nav{display:none!important;}
.services-para{display:flex;align-items:end;flex-direction:column;}
.services-para li{list-style:none;}
.ttm-list-li-content{display:inline-block;font-family:'Montserrat', sans-serif;font-size:14px;}
.services-heading img{width:50%;}
.partners-heading img{width:25%;}
.about-content img{width:25%;}
.services-para i{color:#1a8d84;}
.why-content img{width:40%;}
.who-content img{width:30%;}
.mobile-data img{width:35%;}
.close_button i{color:#000;}