@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
textarea {resize: none;}
body{font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; width: 100%;}
p{color:#757575}
.title{font-weight: 900;font-family: "Manrope", sans-serif; text-transform: capitalize;}
.inter{font-family: "Inter", sans-serif;}
.manrope{font-family: "Manrope", sans-serif;}
.bg-first{background-color: #23489B;}
.text-first{color: #23489B;}
.border-first{border: 1px solid #23489B;}
.bg-secound{background-color: #0C7C3E;}
.text-secound{color: #0C7C3E;}
.border-secound{border: 1px solid #0C7C3E;}
.border-third{border: 1px solid #0CD064;}
.bg-third{background-color: #0CD064;}
.text-third{color: #0CD064;}

a, button{outline: none;}
/* X ICON CODE */
.fa.fa-twitter{font-family:sans-serif;}
.fa.fa-twitter::before{content:"𝕏";}

/* HEADER */
.header {position: relative; z-index: 99; width: 100%; transition: background-color 0.3s ease;}
.sticky-header {position: fixed; top: 0; left: 0; width:  100%; background-color: #ffffffd8; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease;} 
.sticky-header .contact-bar{display: none;}
.sticky-header .logo{height: 40px;}

/* mobilescreen menu */
.m-menu-slide {transition: transform 0.3s ease;}
.m-menu-open {transform: translatey(0%);}
.m-menu-closed {transform: translatey(-100%);}
footer .activemenu{color: #23489B; } 

/* #m-menu .nav-link::before, nav .nav-link::before { content: ''; position: absolute; left: 0px; bottom: 0px; right: 0; margin: 0 auto;  background-color: #757575; border-radius: 4px; width: 5px; height: 4px; transition: all 0.5s ease-in-out; } */
/* #m-menu .nav-link:hover::before, #m-menu .activemenu.nav-link::before , #m-menu .sub-activemenu.nav-link::before, nav .nav-link:hover::before, nav .activemenu.nav-link::before , nav .sub-activemenu.nav-link::before { width: 22px; background-color: #23489B;} */
/* #m-menu .nav-link::before, nav .nav-link::before {  right: auto; } */

 nav .nav-link::before { content: ''; position: absolute; left: 0px; bottom: 0px; right: 0; margin: 0 auto; border-radius: 4px; width: 5px; height: 4px; transition: all 0.5s ease-in-out; } 
 nav .nav-link:hover::before, nav .activemenu.nav-link::before , nav .sub-activemenu.nav-link::before { width: 22px; background-color: #23489B;} */
 nav .nav-link::before {  right: auto; }
#m-menu .activemenu, #m-menu .sub-activemenu{color: #0CD064; } 
/* close icon */
.closetoggle{position: relative; width: 25px; height: 20px;}  
.close_icon, .close_icon::before, .close_icon::after {position: absolute; width: 25px; height: 3px; background-color:#23489B; left: 0;}
.close_icon{width: 21px; top:0px; bottom: 0px; margin: auto 0;}
.close_icon::before {content: ""; bottom: 8px;}
.close_icon::after {content: ""; top: 8px;}
.toggled .close_icon {height: 3px; width: 25px; top: 0; transform: rotate(-45deg); background-color: #fff; border-radius: 3px;}
.toggled .close_icon::after {width: 25px; height: 3px; top: 0px; transform: rotate(-270deg); background-color: #fff;border-radius: 3px;}
.toggled .close_icon::before {transform: scale(0);}
.close_icon, .close_icon::after {transition: all 0.3s linear;}

/* SUBMENU*/
.submenu, .m-submenu {display: none;}
.submenu.active, .m-submenu.active {display: block;}
.arrow-btn {/* background: none; */ border: none; cursor: pointer; display: inline-block; transition: transform 0.3s ease-in-out; transform-origin: center;}
.arrow-btn.rotate {transform: rotate(180deg);}

 /* OWL CAROUSEL */
.owl-carousel .owl-nav { display: flex; justify-items: center; align-items: center; }
.owl-carousel .owl-prev,  .owl-carousel .owl-next { color: rgba(255, 255, 255, 0)!important;   background-size: 26%!important; border: 1px solid #0CD064!important;  border-radius: 100%; transition: all ease 800ms;  width: 38px; height: 38px;}
.owl-carousel .owl-prev {background: url('../images/home/icon/pre.svg')  center no-repeat !important;  background-color: #ffffff!important;} 
.owl-carousel .owl-next {background: url('../images/home/icon/next.svg')  center no-repeat !important; background-color: #ffffff!important;}
.owl-carousel .owl-prev:hover{background: url('../images/home/icon/pre-h.svg')  center no-repeat !important;  background-color: #0C7C3E!important;}
.owl-carousel .owl-next:hover { background: url('../images/home/icon/next-h.svg')  center no-repeat !important;  background-color: #0C7C3E!important;}
.case-carousel .owl-prev, .case-carousel .owl-next, .partners-carousel .owl-prev, .partners-carousel .owl-next   {position: absolute; top: 0; bottom: 0px; margin: auto 0;}  
.case-carousel .owl-prev{left: -19px;} .case-carousel .owl-next{right: -19px;}
.partners-carousel .owl-prev{left: -50px;} .partners-carousel .owl-next{right: -50px;}
.feedback-carousel .owl-nav { flex-direction: column; gap: 16px; position: absolute; bottom: 50%; transform: translateY(50%); right:30px;}
.home-carousel .owl-nav { gap: 16px; position: absolute; top: 0px; transform: translateY(50%); left:0px; z-index: 99;}
#comComment::placeholder { color: #858585; }

/* MEDIA QUERY */
@media (max-width: 1024px) {
.owl-carousel .owl-prev, .owl-carousel .owl-next{width: 32px; height: 32px; background-size: 40%!important;}
.case-carousel .owl-prev{left: -16px;} .case-carousel .owl-next{right: -16px;}
.feedback-carousel .owl-nav { right:20px; gap: 12px;}
.home-carousel .owl-nav{top:-50px; gap: 12px;}
}
@media (max-width: 640px) {
.owl-carousel .owl-prev, .owl-carousel .owl-next{width: 26px; height: 26px; background-size: 40%!important;}
.case-carousel .owl-prev{left: -13px;} .case-carousel .owl-next{right: -13px;}
.feedback-carousel .owl-nav { right:10px; gap: 7px;}
}

@media (min-width:  1536px) {
	.contain {
	   margin-left: calc(100% - 700px);
	}
   }
   @media (min-width: 1280px) and (max-width: 1536px) {
	   .contain {
		   margin-left: calc(100% - 588px);
	   }
   }
   @media (min-width: 1024px) and (max-width: 1280px) {
	   .contain {
		   margin-left: calc(100% - 458px);
	   }
   }

.team-gradient{background: #7C98D7;
background: radial-gradient(circle, rgba(124, 152, 215, 1) 0%, rgba(35, 72, 155, 1) 100%);
}
.help-gradient {
	background: rgba(35, 72, 155, 0.79);
background: linear-gradient(180deg, rgba(35, 72, 155, 0.5) 0%, rgba(0, 17, 53, 1) 100%);
}
/* accordian */
.abc-content {
	overflow: hidden;
	height: 0;
	transition: height 0.5s linear; /* Adjust the duration as needed */
  }
  
  .abc-content.hidden {
	height: 0;
  }
  
  .abc-content:not(.hidden) {
	height: auto;
  }