body{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #212112;
	overflow-x: hidden;
} 

.container{
	max-width: 1440px;
}
@media screen and (max-width: 1600px){
	.container {
		max-width: 1250px;
	}
}
@media screen and (max-width: 1500px){
	.container{
		max-width: 1140px;
	}
}
@media screen and (max-width: 1200px){
	.container{
		max-width: 960px;
	}
}
h1,h2,h3,h4,h5,h6{
	font-family: "Abhaya Libre", serif;
}
.start-header {
	opacity: 1;
	transform: translateY(0);
	padding: 5px 0;
	box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.start-header.scroll-on {
	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
	padding: 5px 0;position: fixed;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.start-header.scroll-on .navbar-brand img{
	height: 50px;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navigation-wrap{
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navbar{
	padding: 0;
}
.navbar-brand img{
	height: 130px;
	margin-bottom: -40px;
	box-shadow: 0 3px 6px rgba(11, 75, 124, 0.01), 0 3px 6px rgba(242, 148, 33, 0.16);
	padding: 7px;
	width: auto;
	display: block;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
	background: #fff;
	margin-top: -10px;
}.carousel-control-next {
	right: 0;
	width: 60px;
	background: #000;
	height: 60px;
	top: 40%;
	right: 20px;
	border-radius: 31px;
}
.carousel-control-prev{
	width: 60px;
	background: #000;
	height: 60px;
	top: 40%;
	left: 20px;
	border-radius: 31px;
}
.navbar-toggler {
	float: right;
	border: none;
	padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
	width: 24px;
	height: 17px;
	background-image: none;
	position: relative;
	border-bottom: 1px solid #000;
	transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
	width: 24px;
	position: absolute;
	height: 1px;
	background-color: #000;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
	transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
	top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}
.nav-link{
	color: #212121 !important;
	font-weight: 500;
	transition: all 200ms linear;font-family: "Abhaya Libre", serif;font-size: 21px;
}
.nav-item:hover .nav-link{
	color: #0c4876 !important;
}
.nav-item.active .nav-link{
	color: #777 !important;
}
.nav-link {
	position: relative;
	padding: 5px 0 !important;
	display: inline-block;
}
.nav-item:after{
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background-color: #0c4876;
	opacity: 0;
	transition: all 200ms linear;
}
.nav-item:hover:after{
	bottom: 0;
	opacity: 1;
}
.nav-item.active:hover:after{
	opacity: 0;
}
.nav-item{
	position: relative;
	transition: all 200ms linear;margin-top: 10px;
}


.bg-light {
	background-color: #fff !important;
	transition: all 200ms linear;
}
.section {
	position: relative;
	width: 100%;
	display: block;
}
.full-height {
	height: 100vh;
}
.over-hide {
	overflow: hidden;
}
.absolute-center {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: 40px;
	transform: translateY(-50%);
	z-index: 20;
}

.nav-item .dropdown-menu {
	transform: translate3d(0, 10px, 0);
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	display: block;
	padding: 0;
	margin: 0;
	transition: all 200ms linear;
}
.nav-item.show .dropdown-menu {
	opacity: 1;
	visibility: visible;
	max-height: 999px;
	transform: translate3d(0, 0px, 0);
}
.dropdown-menu {
	padding: 10px!important;
	margin: 0;
	font-size: 13px;
	letter-spacing: 1px;
	color: #212121;
	background-color: #fcfaff;
	border: none;
	border-radius: 3px;
	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
	transition: all 200ms linear;
}
.dropdown-toggle::after {
	display: none;
}

.dropdown-item {
	padding: 3px 15px;
	color: #212121;
	border-radius: 2px;
	transition: all 200ms linear;
}
.dropdown-item:hover, 
.dropdown-item:focus {
	color: #fff;
	background-color: rgb(242, 147, 27);
}


@media (max-width: 767px) { 
	
	.nav-item:after{
		display: none;
	}
	
	.dropdown-menu {
		padding: 0 !important;
		background-color: transparent;
		box-shadow: none;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
		margin-top: 0px !important;
		margin-bottom: 20px !important;
	}
	
}

/* #Link to page
================================================== */

.logo {
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: block;
	z-index: 100;
	transition: all 250ms linear;
}
.logo img {
	height: 26px;
	width: auto;
	display: block;
	filter: brightness(10%);
	transition: all 250ms linear;
}
.headerbtn {
  background: #0c4876;
  padding: 4px 20px;
  color: #fff;
  border-radius: 7px;
  margin-top: 0px;
  border: 1px solid #0c4876;
  margin-left: 20px;
  transition: 0.5s ease;
}

.headerbtn:hover{
	background: #fff;
	color: #0c4876;
}

#dnn {
  display: none;
}@media screen and (max-width: 991px) {
  #dnn {
    display: block;
  }  #dss {
    display: none;
  }
}


.topbar {
	background: linear-gradient(to right, #0c4876, #0c4876, #0b4775);
	padding: 5px 0;
	position: relative;
}
.topbar::before {
	background: #fff none repeat scroll 0 0;
	content: "";
	height: 105px;
	position: absolute;
	right: 37.8%;
	top: -18px;
	transform: rotate(-45deg);
	width: 8px;
	z-index: 1;
}

.topbar ul li {
	display: inline-block;
	color: #fff;
	margin-right: 20px
}

.topbar ul li a {
	font-size: 14px;
	padding-left: 5px;
	color: #fff !important
}

ul {
	padding: 0;
	margin: 0
}
.carousel-indicators li{
	background-color: rgb(238, 42, 129);
}
.social {
	float: right
}


.topbar ul {
	float: left
}

.pbl-0 {
	padding: 0
}


.social {
	padding-right: 0px;
	float:right !important;
}

a {
	text-decoration: none !important
}
@media screen and (max-width:1510px){
	.ml-md-4, .mx-md-4 {
		margin-left: 1rem !important;

	}
	.nav-link{
		font-size: 19px;
	}
}

@media screen and (max-width:1200px){
	.nav-link{
		font-size: 17px;
	}

	.navbar-brand img {
		height: 80px;
	}
}
@media screen and (max-width:991px){
	.nav-link{
		font-size: 15px;
	}
	.ml-md-4, .mx-md-4 {
		margin-left: 0.6rem !important;

	} .navbar-brand img {
		height: 60px;
	}
	.topbar{
		padding: 1px 0;
	}
}


@media screen and (max-width:767px){
	.topbar{
		display: none;
	}
	.carousel-control-next, .carousel-control-prev{
		display: none;
	}
	.navbar-brand img {
		height: 100px;
	}
	.nav-link{
		font-size: 18px;
	}
	.navbar-nav{
		margin-top: 40px;
	}
}

.click-btn {
  display: flex;
  width: 160px;
  height: 40px;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
  line-height: 35px;
  border: 1px solid;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  transition: all 0.35s;
  box-sizing: border-box;
  margin-left: 110px;
}

.btn-style500 {
  border-color: #0c4876;
  color: #0c4876;
}

.btn-style500:hover {
  color: #fff;
  transition-delay: 0.2s;
  animation: ani500 0.6s forwards;
  background: radial-gradient(circle, #0c4876 0.2em, transparent 0.3em) 6em 6em/1em 1em, radial-gradient(circle, #0c4876 0.2em, transparent 0.3em) 0 0/1em 1em;
}

@keyframes ani500 {
  100% {
    background-size: 2.375em 2.375em, 0.1em 0.1em;
  }
}

.btn {
  background: #0c4876;
  color: #fff;
  transform: perspective(1px) translateZ(0);
  overflow: hidden;
  z-index: 9;
  padding: 10px 23px 10px 48px;
  display: inline-block;
  border-radius: 100px;
  border: none;
  font-weight: 500;
  margin-top: 40px;
  font-size: 20px;
}

.btn::before {
  background: #000;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
  opacity: 1;
  transition: .6s;
  z-index: -1
}

.btn span {
  color: #fff
}

.btn:hover::before {
  clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%)
}

.btn i {
  font-size: 20px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 100%;
  line-height: 40px;
  margin-left: 10px;
  color: #0c4876
}

.btn:hover i {
  color: #000;
  transition: .6s
}

.hero-slider .slide-inner::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #00000042, #00000080);
}

/*Slider Start*/

.hero-slider {
  width: 100%;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}

@media (max-width: 991px) {
  .hero-slider {
    height: 600px;
  }

  .start-header.scroll-on .navbar-brand img {
    height: 46px;
  }
}

@media (max-width: 767px) {
  .hero-slider {
    height: 400px;
  }
}

.hero-slider .swiper-slide {
  overflow: hidden;
  color: #fff;
}

.hero-slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.hero-slider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: top;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
  background: transparent;
  width: 55px;
  height: 55px;
  line-height: 53px;
  margin-top: -30px;
  text-align: center;
  border: 2px solid #d4d3d3;
  border-radius: 55px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
}

.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {

  .hero-slider .swiper-button-prev,
  .hero-slider .swiper-button-next {
    display: none;
  }
}

.hero-slider .swiper-button-prev {
  left: 25px;
  transform: translateX(50px);
}

.hero-slider .swiper-button-prev:before {
  font-family: "Font Awesome 5 Free";
  content: "\f060";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-button-next {
  right: 25px;
  transform: translateX(-50px);
}

.hero-slider .swiper-button-next:before {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  text-align: left;
  line-height: 12px;
  font-size: 12px;
  color: #000;
  opacity: 0.3;
  background: #fff;
  transition: all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
  opacity: 1;
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
  bottom: 30px;
}

@media screen and (min-width: 992px) {

  .hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
  .hero-slider .swiper-pagination-custom,
  .hero-slider .swiper-pagination-fraction {
    /*     display: none; */
  }
}

.swiper-pagination {
  text-align: left;
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 50px;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
}
}

@media (min-width: 767px) {
  .hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 30px;

  }
}

.hero-content{
	width: 70%;
  padding: 10px;
  border-left: 4px solid #fa971f;
}
.hero-title span{
	font-style: italic;
  color: #fa971f;
  font-size: 50px;
  font-weight: 800;
}
@media screen and (max-width: 991px){
	.hero-content{
	width: 90%;
  padding: 10px;
  border-left: 4px solid #fa971f;
}
}
@media screen and (max-width: 767px){
	.hero-content{
	width: 100%;
  padding: 10px;
  border-left: 4px solid #fa971f;
}
.hero-title{
	font-size: 30px;
}
.hero-title span{
  font-size: 34px;
}
}
/*Button*/

.btn-default{
  position: relative;
  display: inline-flex;
  line-height: 1.2em;
  background: #050505;
  text-transform: capitalize;
  border-radius: 100px;
  padding: 2px 25px 2px 2px;
  border: none;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}
.headerbtn:hover {
  color: #000;
  background:
  #fff;
  transition:
  0.5s ease;
}
.headerbtn {
  background:
  #000;
  padding:
  4px 20px;
  color: #fff;
  border-radius:
  7px;
  margin-top: 0px;
  border:
  1px solid #000;
  margin-left: 20px;
  transition:
  0.5s ease;
}

.btn-default:hover{
  background-color: transparent;
}



.btn-default:hover:before{
  filter: brightness(0) invert(1);
  transform: translate(-10px, -50%);
}

.btn-default::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  border-radius: 100px;
  background: #000;
  transition: all 0.4s ease-in-out;
  z-index: 0;
}

.btn-default:hover::after{
  width: 100%;
}

.btn-default span{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
  background-color: #000;
  color: #fff;
  border-radius: 100px;
  padding: 15px 20px;
  overflow: hidden;
  z-index: 1;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}

.btn-default:hover span{
  background-color: transparent;
  color: #fff;
}

.btn-default span::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  border-radius: 100px;
  background: #39b5ff;
  transition: all 0.4s ease-in-out;
  z-index: -1;
}

.btn-default:hover span::after{
  width: 100%;
}



.p-relative {
	position: relative;
}
.it-about-shape-4 {
	position: absolute;
	top: 165px;
	right: 120px;
	animation: rotate2 4s linear infinite;
}
@keyframes rotate2 {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
.ed-about-thumb-box {
	margin-right: 75px;
	padding-top: 300px;
}
.ed-about-thumb-1 {
	text-align: end;
}
.ed-about-thumb-box {
	margin-right: 75px;
	padding-top: 300px;
}
.ed-about-thumb-1 {
	text-align: end;
}
.ed-about-thumb-1 img {
	border-radius: 10px;
}
.ed-about-thumb-2 {
	position: absolute;
	top: 0;
	left: -10%;
}
.ed-about-thumb-2 img {
	border-radius: 10px;
}
.ed-about-thumb-3 {
	position: absolute;
	left: 46%;
	top: 8.3%;
}
.ed-about-thumb-3 img {
	border-radius: 10px;
}
p{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.9;
}
.ed-about-shape-1 {
	position: absolute;
	right: 4%;
	top: 1%;
	z-index: -1;
	animation: zoom2 4s infinite;
}
.ed-about-experience {
	position: absolute;
	top: 30%;
	left: 27%;
	height: 200px;
	width: 200px;
	border-radius: 50%;
	text-align: center;
	padding-top: 60px;
	background: linear-gradient(to bottom, #189842, #65b340, #92c33c);
	border: 5px solid #fff;
}
.ed-about-experience span {
	font-weight: 500;
	font-size: 25px;
	color: #fff;
}
.ed-about-experience span b {
	font-size: 50px;
}
.ed-about-style-2 .it-about-right-box {
	margin-left: -28px;
}
.ed-section-subtitle {
	color: #0c4876;
	font-size: 14px;
	font-weight: 400;
	height: 32px;
	line-height: 32px;
	padding: 0 22px;
	display: inline-block;
	margin-bottom: 10px;
	text-transform: uppercase;
	border-radius: 5px;
	background-color: #0C487640;
}
.ed-section-title {
	font-size: 45px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 0;
	line-height: 1.3;
	margin-bottom: 10px;
}
.ed-title-shape svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.ed-btn-theme {
	display: inline-block;
	padding: 0 25px;
	padding-right: 25px;
	padding-right: 80px;
	height: 58px;
	line-height: 58px;
	position: relative;
	transition: 0.3s;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -0.01em;
	text-transform: capitalize;
	color: #fff !important;
	background-color: #f2961b;
	border-radius: 200px;
}
.ed-btn-theme i {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	height: 58px;
	width: 58px;
	line-height: 54px;
	border-radius: 50%;
	text-align: center;
	transition: 0.3s;
	color: #fff;
	background-color: #91C33C;
}
.it-about-area{
	padding: 70px 0;
}

@keyframes zoom2 {
	0%{
		transform:scale(.9);
	}
	50%{
		transform: scale(1);
	}
	100%{
		transform: scale(.9);     
	}
}
.it-about-content h5{
	font-size: 30px;
	font-weight: 800;
	margin-top: 20px;
}
p{
	text-align: justify;
}
.it-about-content{
	margin-right: 30px;
}

@media screen and (max-width:1600px){
	.ed-about-thumb-2 {
		left: -15%;
	}
}

@media screen and (max-width:1500px){
	.ed-about-thumb-3{
		left: 57%;
	}
	.ed-about-thumb-2 {
		left: -11%;
	}
	.ed-about-style-2 .it-about-right-box {
		margin-left: 20px;
	}
}


@media screen and (max-width:1199px){
	.ed-about-style-2 .it-about-right-box {
		margin-left: 0;
		margin-top: 40px;
	}
	.ed-section-subtitle{
		margin-bottom: 10px;
	}
	p{
		font-size: 15px;
	}
	.it-about-content h5{
		margin-top: 10px;
	}
	.ed-about-shape-1 {
		right: 11%;
		top: -5%;
	}
}

@media screen and (max-width:991px){
	.ed-about-thumb-2 {
		left: 8%;
	}
}

@media screen and (max-width:767px){
	.it-about-area {
		padding: 45px 0;
	}
	.ed-about-thumb-2 {
		left: 0%;
	}
	.ed-about-thumb-1 img{
		width: 120%;
	}
	.ed-about-experience span{
		font-size: 15px;
	}
	.ed-about-experience span b {
		font-size: 30px;
	}
	.ed-about-experience{
		padding-top: 40px;
		height: 160px;
		width: 160px;
	}
	.ed-about-thumb-3 {
		left: 57%;
		top: 15%;
	}
	.ed-about-experience {
		top: 35%;
		left: 34%;
	}
	.it-about-content-wrapper{
		display: block !important;
	}
	.it-about-content h5 {
		margin-top: 10px;
		margin-bottom: 0;
	}
	.ed-btn-theme{
		height: 50px;
		line-height: 50px;
	}
	.ed-btn-theme i{
		height: 50px;
		width: 50px;
		line-height: 46px;
	}
	.ed-section-title {
		font-size: 30px;
	}
	.it-about-content h5 {
		font-size: 26px;
	}
}




.courses-categories-area {
	position: relative;
	z-index: 1;
	padding: 60px 0;
}
.courses-categories-area.bg-image {
	background-image: url(../images/pattern.jpg);
}
.single-categories-courses-box {
	position: relative;
	z-index: 1;
	background-color: #f2961b;
	text-align: center;
	border-radius: 8px;
	overflow: hidden;
	padding: 40px 20px 20px;
}
.single-categories-courses-box .icon {
	width: 100px;
	height: 100px;
	line-height: 85px;
	position: relative;
	background: rgba(255, 255, 255, 0.1);
	margin-bottom: 20px;
	font-size: 65px;
	color: #ffffff;
	transition: 0.5s;
	border-width: 2px;
	border-style: dashed;
	border-color: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
}
.single-categories-courses-box .icon i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}
.single-categories-courses-box h3 {
	color: #ffffff;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 700;
}
.single-categories-courses-box span {
	text-transform: uppercase;
	display: block;
	color: #ffffff;
	font-weight: 500;
	font-size: 14px;
}
.single-categories-courses-box .link-btn {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
}
.single-categories-courses-box::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 50px;
	height: 35px;
	background: #ffffff;
	opacity: 0.06;
	border-radius: 50% 50% 0 0;
}
.single-categories-courses-box::after {
	content: '';
	position: absolute;
	top: 18px;
	right: 18px;
	width: 40px;
	height: 40px;
	background: #ffffff;
	z-index: -1;
	border-radius: 50%;
	opacity: 0.05;
	animation: border-transform 5s linear infinite alternate forwards;
}
.single-categories-courses-box:hover .icon, .single-categories-courses-box:focus .icon {
	background-color: #ffffff;
	border-color: #0eb582;
	color: #0eb582;
	animation: border-transform 10s linear infinite alternate forwards;
}
.single-categories-courses-item {
	position: relative;
	z-index: 1;
	text-align: center;
	border-radius: 8px;
	overflow: hidden;
	padding: 40px 20px;
	transition: 0.5s;
	background-color: #ff1949;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.single-categories-courses-item .icon {
	width: 100px;
	height: 100px;
	position: relative;
	background: rgba(255, 255, 255, 0.2);
	margin-bottom: 30px;
	font-size: 65px;
	color: #ffffff;
	transition: all 0.2s ease-in-out 0s;
	animation: border-transform 10s linear infinite alternate forwards;
	border-width: 2px;
	border-style: dashed;
	border-color: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
}
.single-categories-courses-item .icon i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}
.single-categories-courses-item h3 {
	color: #ffffff;
	margin-bottom: 10px;
	transition: all 0.3s ease-in-out 0s;
	font-size: 20px;
	font-weight: 700;
}
.single-categories-courses-item span {
	transition: all 0.4s ease-in-out 0s;
	text-transform: uppercase;
	display: block;
	color: #ffffff;
	font-weight: 500;
	font-size: 14px;
}
.single-categories-courses-item .link-btn {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
}
.single-categories-courses-item .learn-more-btn {
	display: inline-block;
	position: absolute;
	color: #ffffff;
	z-index: 1;
	padding-right: 22px;
	transition: all 0.5s ease-in-out 0s;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	font-size: 15px;
	font-weight: 500;
}
.single-categories-courses-item .learn-more-btn i {
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.single-categories-courses-item .learn-more-btn::before {
	content: '';
	position: absolute;
	background-color: #ffffff;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 100%;
	z-index: -1;
	transition: 0.5s;
}
.single-categories-courses-item.bg1 {
	background-image: url(../../assets/img/categories/1.jpg);
}
.single-categories-courses-item.bg2 {
	background-image: url(../../assets/img/categories/2.jpg);
}
.single-categories-courses-item.bg3 {
	background-image: url(../../assets/img/categories/3.jpg);
}
.single-categories-courses-item.bg4 {
	background-image: url(../../assets/img/categories/4.jpg);
}
.single-categories-courses-item.bg5 {
	background-image: url(../../assets/img/categories/5.jpg);
}
.single-categories-courses-item.bg6 {
	background-image: url(../../assets/img/categories/6.jpg);
}
.single-categories-courses-item.bg7 {
	background-image: url(../../assets/img/categories/7.jpg);
}
.single-categories-courses-item.bg8 {
	background-image: url(../../assets/img/categories/8.jpg);
}
.single-categories-courses-item:hover, .single-categories-courses-item:focus {
	transform: translateY(-10px);
}
.single-categories-courses-item:hover .icon, .single-categories-courses-item:focus .icon {
	border-color: #ffffff;
	transform: translateY(-18px);
}
.single-categories-courses-item:hover h3, .single-categories-courses-item:focus h3 {
	transform: translateY(-18px);
}
.single-categories-courses-item:hover span, .single-categories-courses-item:focus span {
	transform: translateY(-18px);
}
.single-categories-courses-item:hover .learn-more-btn, .single-categories-courses-item:focus .learn-more-btn {
	opacity: 1;
	visibility: visible;
	bottom: 18px;
}
@keyframes border-transform {
	0%,100% {
		border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
	} 
	14% {
		border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
	} 
	28% {
		border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
	} 
	42% {
		border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
	} 
	56% {
		border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
	} 
	70% {
		border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
	} 
	84% {
		border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
	} 
}
.section-title{
	margin-bottom: 20px;
	text-align: center;
}
.single-categories-courses-box .icon img{
	height: 60px;
	filter: brightness(0) invert(1);
}
.single-categories-courses-box:hover .icon img{
	filter: none;
}
.post-slide{
	margin: 0 20px;
}

.it-about-area, .courses-categories-area{
	overflow: hidden;
}
.color2{
	background-color: #91c33c;
}
.color2:hover .icon{
	border-color: #91c33c;
	color: #91c33c;
}
@media screen and (max-width:767px){
	.courses-categories-area {
		padding: 40px 0;
	}
	.single-categories-courses-box h3{
		font-size: 26px;
	}
	.single-categories-courses-box{
		padding: 25px 20px 10px;
	}
}


.testi-box {
	padding:50px;
	background-color:#fff;
	box-shadow:0px 10px 15px 0px rgba(208,219,233,0.3);
	border-radius:10px;
	overflow:hidden;
	position:relative;
	z-index:1
}
.testi-box .testi-box-bg-shape {
	position:absolute;
	left:0;
	top:0;
	z-index:-1
}
@media (max-width: 1399px) {
	.testi-box {
		padding:40px
	}
}
.testi-box_content {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:30px
}
.testi-box_img {
	min-width:120px
}
.testi-box_img img {
	border-radius:10px
}
.testi-box_bottom {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-top:40px;
	padding-top:40px;
	border-top:1px solid #DAE5F0
}
.testi-box_name {
	font-size:24px;
	margin-bottom:3px;
	margin-top:-0.24em;
	font-weight:600
}
.testi-box_desig {
	color:#f2961b;
	margin-bottom:-0.45em;
	display:block
}
.testi-box_text {
	font-size:20px;
	line-height:1.5;
	margin-bottom:0
}
.testi-box_review {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	gap:3px
}
.testi-box_review i {
	font-size:14px;
	color:#f2961b
}
@media (max-width: 320px) {
	.testi-box_review {
		margin-top:10px
	}
}
@media (max-width: 1199px) {
	.testi-box_img {
		min-width:90px
	}
}
@media (max-width: 991px) {
	.testi-box_img {
		min-width:120px
	}
}
@media (max-width: 767px) {
	.testi-box {
		padding:40px 20px
	}
	.testi-box_content {
		gap:25px
	}
	.testi-box_bottom {
		margin-top:25px;
		padding-top:30px
	}
	.testi-box_text {
		font-size:18px
	}
}
@media (max-width: 767px) {
	.testi-box_content {
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap
	}
}
@media (max-width: 375px) {
	.testi-box_name {
		font-size:20px;
		margin-bottom:0
	}
	.testi-box_bottom {
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap
	}
}
.testi-thumb {
	border-radius:20px
}
.testi-thumb img {
	border-radius:20px
}.testi-box.style2 {
	padding:40px
}
@media (max-width: 575px) {
	.testi-box.style2 {
		padding:30px
	}
}
.testi-box.style2 .testi-box-bg-shape {
	bottom:0;
	top:auto
}
.testi-box.style2 .testi-box_img {
	min-width:70px;
	position:relative
}
.testi-box.style2 .testi-box_img:after {
	content:'';
	position:absolute;
	left:-5px;
	top:-5px;
	width:calc(100% + 10px);
	height:calc(100% + 10px);
	background:#fff;
	border-radius:10px;
	z-index:-1
}
.testi-box.style2 .testi-box-author-details {
	margin-right:auto;
	margin-left:20px
}
@media (max-width: 320px) {
	.testi-box.style2 .testi-box-author-details {
		margin-left:10px
	}
}
@media (max-width: 375px) {
	.testi-box.style2 .testi-box_quote {
		display:none
	}
}
.testi-box.style2 .testi-box_text {
	font-size:16px;
	line-height:26px;
	font-weight:500
}
.testi-box.style2 .testi-box_bottom {
	margin-top:20px;
	padding-top:0;
	border-top:0
}
.testi-box.style2 .testi-box_review {
	margin-bottom:10px;
	margin-top:-4px
}
.testi-box.style2 .testi-box_review i {
	font-size:16px;
	color:#FFCB47
}.testi-box {
	padding: 50px;
	background-color: #fff;
	box-shadow: 0px 10px 15px 0px rgb(194, 217, 197);
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin: 10px 0 30px;
}.testi-box.style2 .testi-box_img::after {
	content: '';
	position: absolute;
	left: -5px;
	top: -5px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	background: #fff;
	border-radius: 10px;
	z-index: -1;
}.testi-box.style2 .testi-box_review i {
	font-size: 16px;
	color: #FFCB47;
}
.testimonials{
	padding-bottom: 40px;
}.grey-bg {
	background: #f2f2f2;
}
.it-choose-content {
	border-radius: 8px;
	padding: 30px 20px;
	background-color: #fff
}

.it-choose-content-box {
	margin-right: 45px;
	position: relative;
	z-index: 999;
}
.mb-30 {
	margin-bottom: 30px;
}
.it-choose-style-2 .it-choose-content:hover {
	background: linear-gradient(to right, #189842, #65b340, #92c33c);
}
.it-choose-style-2 .it-choose-content:hover .it-choose-title{
	color: #fff;
}.it-choose-style-2 .it-choose-title {
	font-size: 21px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 0;
	text-transform: capitalize;
	transition: 0.5s;
}.it-choose-style-2 .it-choose-text p {
	transition: 0.5s;
}.it-choose-style-2 .it-choose-content:hover .it-choose-text p {
	color: #fff;
}

.it-choose-style-2 .it-choose-content:hover .it-choose-icon span {


	color: #fff;

}.it-choose-style-2 .it-choose-icon {
	margin-right: 20px;
}
.it-choose-style-2 .it-choose-icon span img{
	height: 40px;
}
.it-choose-style-2 .it-choose-icon span {
	height: 80px;

	width: 80px;

	line-height: 77px;

	text-align: center;

	display: inline-block;

	background:linear-gradient(to right, #189842, #65b340, #92c33c);

	border-radius: 50%;

	color: #fff;

	transition: 0.5s;

	font-size: 35px;

}
@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.it-choose-content-box {
		margin-right: 0
	}
}

.it-choose-content h5 {
	font-size: 17px;
	font-weight: 600;
	line-height: 32px;
	padding-bottom: 8px;
	text-transform: capitalize
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.it-choose-content h5 {
		font-size: 16px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.it-choose-content h5 {
		font-size: 14px
	}
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.it-choose-content h5 {
		font-size: 16px
	}
}

.it-choose-content h5 i {
	margin-right: 10px;
	display: inline-block;
	color: #f2961b
}

.it-choose-content p {
	color: #4d5756;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 0;
	padding-right: 60px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.it-choose-content p {
		font-size: 14px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.it-choose-content p {
		font-size: 12px;
		padding-right: 0
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.it-choose-text p {
		font-size: 13px
	}
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.it-choose-text p {
		font-size: 14px
	}
}
.it-choose-area{
	position: relative;
	padding: 85px 0 60px;
}

.it-choose-thumb {
	display: inline-block;
	border: 10px solid #fff
}

.it-choose-thumb-box {
	margin-right: 40px
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.it-choose-thumb-box {
		margin-right: 0
	}
}

.it-choose-shape-1 {
	position: absolute;
	top: -30px;
	left: -30px;
	z-index: 1
}

.it-choose-shape-2 {
	position: absolute;
	bottom: -30px;
	right: -30px;
	z-index: 1
}
.whymain{
	position: relative;
	z-index: 999 !important;
}
.it-choose-shape-3 {
	position: absolute;
	top: -80px;
	right: -85px;
	z-index: -1;
	animation: itupdown .8s infinite alternate
}

.it-choose-shape-4 {
	position: absolute;
	top: 215px;
	left: 40%;
	animation: itleftright 1s infinite alternate
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.it-choose-shape-4 {
		top: 150px;
		left: 35%
	}
}

.it-choose-shape-5 {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.it-choose-shape-5 {
		bottom: -20%
	}
}

.it-choose-shape-6 {
	position: absolute;
	top: 115px;
	left: 255px;
	z-index: -1;
	animation: itrotate 3s ease-in-out 3s infinite alternate forwards
}

.it-choose-shape-7 {
	position: absolute;
	top: 135px;
	right: 180px;
	z-index: -1;
	animation: rotate2 4s linear infinite
}

.it-choose-shape-8 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}


footer {
	background: #0c4876;
	position: relative;
	z-index: 1;
	padding: 0 0 40px 0;
	overflow: hidden;
}
footer:before {
	background: #ffffff;
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	height: 150px;
	width: 50%;
	z-index: -1;
}
footer:after {
	background: #000;
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: -2;
	opacity: 0.9;
}
footer .shape_wrapper {
	position: absolute;
	z-index: 5;
	content: "";
	height: 100%;
	width: 300px;
	right: 0;
	top: 0;
}
footer .shape_wrapper:before {
	border-radius: 0 0 0 50%;
	background: #d67d06;
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}
footer .shape_wrapper img {
	position: absolute;
}
footer .shape_wrapper .shape_t_1 {
	left: 0;
	top: 0;
}
footer .shape_wrapper .shape_t_2 {
	right: 0;
	bottom: 0;
}
footer .become_techer_wrapper .become_a_teacher {
	background: #f2961b;
	padding: 30px 40px 40px 100px;
	position: relative;
	z-index: 1;
}
footer .become_techer_wrapper .become_a_teacher:before {
	background: #f2961b;
	position: absolute;
	content: "";
	top: 0;
	right: -100px;
	height: 100%;
	width: 100px;
	z-index: -1;
}

footer .become_techer_wrapper .become_a_teacher .title h2 {
	color: #ffffff;
	font-size: 45px;
	margin-bottom: 20px;
}
footer .become_techer_wrapper .become_a_teacher .title p {
	color: #ffffff;
	padding: 20px 0 35px;
}
footer .become_techer_wrapper .become_a_teacher .get_s_btn a {
	background: #fff;
	font-weight: 500;
	border-radius: 5px;
	color: #0c4876;
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	font-family: "Rubik", sans-serif;
	transition: all 0.3s ease-in-out;
}
footer .become_techer_wrapper .become_a_teacher .get_s_btn a:hover {
	background: #ffffff;
	color: #333146;
}
footer .become_techer_wrapper .become_a_teacher .shape_t_1 {
	position: absolute;
	bottom: -65px;
	right: -165px;
}
footer .footer_top {
	position: relative;
	z-index: 1;
	margin-top: 50px;
}
footer .footer_top h3 {
	font-weight: 700;
	font-size: 26px;
	color: #ffffff;
	margin-bottom: 15px;
}
footer .footer_top .information {
	margin-left: 50px;
}
footer .footer_top .contact {
	margin-left: 80px;
}
footer .footer_top .footer_intro {
	padding-right: 25%;
}
footer .footer_top .footer_intro img {
	height: 45px;
	margin-bottom: 40px;
}
footer .footer_top .footer_single_col p {
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
}
footer .footer_top .footer_single_col ul li {
	display: block;
	padding-bottom: 11px;
	font-size: 17px;
}
footer .footer_top .footer_single_col ul li:last-childe {
	padding-bottom: 0px;
}
footer .footer_top .footer_single_col ul li a {
	color: #ffffff;
	font-family: "Rubik", sans-serif;
}
footer .footer_top .footer_single_col ul li a:hover {
	color: #f2961b;
}
footer .footer_top .footer_single_col ul li a:hover:before {
	color: #f2961b;
}
footer .footer_top .footer_single_col .quick_inf0 li a {
	position: relative;
	padding-left: 0px;
}
.contact_info{
	margin-bottom: 20px;
}
footer .footer_top .footer_single_col .contact_info span {
	color: #ffffff;
	font-size: 17px;
	line-height: 32px;

}
footer .footer_top .footer_single_col .contact_info .email {
	color: #f2961b;

	font-weight: 400;
}
footer .footer_top .footer_single_col .contact_info .email a{
	color: #fff !important;
}
footer .footer_top .footer_single_col .social_items {
	padding: 20px 0 0;
}
footer .footer_top .footer_single_col .social_items li {
	margin-right: 30px;
}
footer .footer_top .footer_single_col .social_items li:last-child {
	margin-right: 0;
}
footer .footer_top .footer_single_col .social_items li a i {
	font-size: 18px;
	margin: 0;
	color: #ffffff;
	transition: all 0.3s ease-in-out;
}
footer .footer_top .footer_single_col .social_items li a i:hover {
	color: #f2961b;
}
footer .round_shape {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
footer .round_shape span {
	border: 1px solid #ffffff;
	border-radius: 50%;
	position: absolute;
	transform: translate(-50%, 50%);
	bottom: 0;
	left: 0;
	animation-name: bounce_fountainG;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: normal;
}
footer .round_shape .shape_1 {
	height: 50px;
	width: 50px;
	animation-delay: 0s;
}
footer .round_shape .shape_2 {
	height: 120px;
	width: 120px;
	animation-delay: 0.39s;
}
footer .round_shape .shape_3 {
	height: 190px;
	width: 190px;
	animation-delay: 0.78s;
}
footer .round_shape .shape_4 {
	height: 260px;
	width: 260px;
	animation-delay: 1.17s;
}
footer .round_shape .shape_5 {
	height: 330px;
	width: 330px;
	animation-delay: 1.56s;
}
footer .round_shape .shape_6 {
	height: 400px;
	width: 400px;
	animation-delay: 2.34s;
}
@keyframes bounce_fountainG {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
footer .shapes1_footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: -11;
}

.copyright {
	background: #0c4876;
	padding: 10px 0;
	color: #fff;
	text-align: center;
}.copyright p {
	margin-bottom: 0;
	text-align: center;
}
.copyright p a{
	color: #fff;
}


@media screen and (max-width: 991px){
	footer .footer_top .contact {
  margin-left: 0;
}
}

@media screen and (max-width:767px){
	.it-choose-left{
		margin-top: 20px;
	}
	.it-choose-area {
		position: relative;

		padding: 60px 0 12px;

	}
	.whymain{
		width: 100%;
	}
	.courses-categories-area {
		padding: 40px 0 10px;
	}
	.testi-box{
		margin:0 0 40px;
	}
	footer .become_techer_wrapper .become_a_teacher {
		padding: 30px 10px 40px 30px;
	}
	footer .become_techer_wrapper .become_a_teacher .title h2 {
		font-size: 26px;
		margin-bottom: 14px;
	}
	footer .become_techer_wrapper .become_a_teacher .get_s_btn a{
		height: 46px;
		line-height: 46px;
		padding: 0 24px;
	}
	footer .footer_top{
		margin-top: 15px;
	}
	footer .footer_top .contact {
		margin-left: 15px;
	}
	footer .footer_top .footer_single_col .contact_info span{
		font-size: 15px;
	}.contact_info {
		margin-bottom: 9px;
	}
	footer .footer_top h3{
		margin-top: 20px;
	}
}
.it-choose-area{
	overflow: hidden;
}




/*banner section css */
.banner-section {
	background: linear-gradient(to right, #1a9a44, #5cb03f, #80bb3e);
	padding: 60px 0 40px;
}
.banner-section h2 {
	color: #fff !important;
}
.sec-title2 {
	font-size: 40px;
	margin-top: -0.22em;
	text-transform: uppercase;
}
/* / banner section css */
/*contact page css*/
.contactus {
	padding: 70px 0;
}
.box-cards {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 30px 30px 15px;
	overflow: hidden;
	border-radius: 3px;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.contactus .sec-title2 {
	font-size: 30px;
	margin-bottom: 20px;
}
.box-cards ul {
	padding: 0;
	margin: 0;
}
.box-cards ul li {
	list-style: none;
	margin-bottom: 15px;
}.marquee {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  padding: 20px 0;
  background: #0c4876;
}
.marquee span {
  text-transform: uppercase;
  will-change: transform;
  transform: translateX(0);
  white-space: nowrap;
  -webkit-animation: marquee 24s linear infinite;
          animation: marquee 24s linear infinite;
  font-size: 30px;
  font-family: "Gravitas One", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-family: "Cinzel Decorative", serif;
  color: #fff;
  font-family: "Cormorant Infant", serif;
}
@-webkit-keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.color1{
  color: rgb(235, 88, 41);
  font-weight: 600;
  font-size: 20px;
}
.color2 {
  color: rgb(13, 118, 47);
  font-weight: 600;
  font-size: 20px;
}

.box-cards ul li i {
	padding-right: 10px;
	color: #fff;
	background: linear-gradient(to right, #0C4876 0% , #0c4876 50%, #0c4876 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 18px;
	line-height: 28px;
}
.box-cards ul li a {
	list-style: none;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	line-height: 28px;
	font-weight: 400;
	color: #212112;
}
.box-cards {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 30px 30px 15px;
	overflow: hidden;
	border-radius: 3px;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.contactus .sec-title2 {
	font-size: 30px;
	margin-bottom: 20px;
}
.sec-title2 {
	font-size: 40px;
	margin-top: -0.22em;
	text-transform: uppercase;
}	
.contactus .form-control {
	margin-bottom: 10px;
}
.form-control {
	display: block;
	width: 100%;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}	
.contactus .form-control {
	margin-bottom: 10px;
}
.contactus .btn {
	background: linear-gradient(to right, #1a9a44, #5cb03f, #80bb3e);
	color: #fff;
	border: 1px solid #fff;
	margin-top: 15px;
	transition: 0.5s ease;
	margin-bottom: 15px;
}
.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.contactus iframe {
	margin-top: 50px;
}
.contactus textarea {
	height: 135px;
}
/* / contact page css*/
/*gallery section css*/
.gallery-section{
	padding: 50px 0px ;
}
.gallery-section .gallery-box {
	margin-bottom: 30px;
}
/*gallery section css*/
/*our clint section css*/
.our-client-section{
	padding: 50px 0px;
}
.our-client-section img{
	padding: 10px 15px;
	box-shadow: 0 5px 13px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(126, 187, 62, 0.18);
	margin: 10px;
	border-radius: 10px;
}
/* / our clint section css*/
/*career section css*/
.career-section{
	padding: 50px 0px;
}
.gutter-y-30 {
	--bs-gutter-y: 30px;
}
.contact-one__inner {
	position: relative;
	background: linear-gradient(to right, #1a9a44, #5cb03f, #80bb3e);
	padding: 30px;
	overflow: hidden;
	border-radius: 20px;
}
.contact-one__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.15;
}
.form-one__group {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
	margin: 0;
}
.form-one__control {
	border: none;
	width: auto;
	height: auto;
	border-radius: 0;
	padding: 0;
	position: relative;
}
.contact-one__form input[type="text"], .contact-one__form input[type="email"] {
	border-radius: 10px;
	height: 60px;
	width: 100%;
	border: none;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	outline: none;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	display: block;
}
.contact-one__form input[type="text"], .contact-one__form input[type="email"] {
	border-radius: 10px;
	height: 60px;
	width: 100%;
	border: none;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	outline: none;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	display: block;
}
.form-one__control {
	border: none;
	width: auto;
	height: auto;
	border-radius: 0;
	padding: 0;
	position: relative;
}
.form-one__control {
	border: none;
	width: auto;
	height: auto;
	border-radius: 0;
	padding: 0;
	position: relative;
	margin: 10px auto;
}


.contact-one__form input[type="file"], .contact-one__form input[type="file"] {
	border-radius: 10px;

	border: none;

	background-color: #fff;

	outline: none;

	font-weight: 400;

	font-size: 16px;

	color: #000;

	display: block;

	margin: 10px 0;

	padding: 22px 12px 44px !important;

}
.form-one textarea {
	height: 195px;
	padding-top: 20px;
}
.contact-one__form textarea {
	border-radius: 10px;
	height: 150px;
	width: 100%;
	border: none;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	outline: none;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	display: block;
}
.form-one__control {
	border: none;
	width: auto;
	height: auto;
	border-radius: 0;
	padding: 0;
	position: relative;
}
.contact-one .wallox-btn__submite {
	border-radius: 10px;
	color: #fff;
}
.contact-one__form .wallox-btn__submite {
	display: flex;
	align-items: center;
}
.contact-one .wallox-btn__submite {
	border-radius: 10px;
	color: #fff;
}
.contact-one__form .wallox-btn__submite {
	display: flex;
	align-items: center;
}
.contact-one .wallox-btn__submite i {
	margin-left: 20px;
	font-size: 14px;
}
.wallox-btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;
	border: none;
	outline: none !important;
	background-color: #2E2A20;
	color: #fff;
	font-family: var(--wallox-font, "Plus Jakarta Sans", sans-serif);
	padding: 15px 24px;
	transition: 500ms;
	background-color: #fff;
	color: #fff;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.25;
	text-transform: capitalize;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
	text-align: center;

}
.wallox-btn span{
	padding-right: 10px;
	color: #fff;
	background: linear-gradient(to right, #1A9B44 0% , #55ac40 50%, #76b93c 100%);
	background-clip: border-box;
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 18px;
	line-height: 28px;
}
/* / career section css*/
/*approch page css*/
.f-35{
	font-size: 35px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 0;
	line-height: 1.3;
	margin-bottom: 10px;
}
.approach img {
	width: 100%;
}
/* / approch page css*/
/*mobile applications css*/
.mobile-app-section {
	padding: 60px 0px 60px;
}
.mobile-app-section p {

	line-height: 35px;
	font-size: 16px;
}

.mobile-app-section h4 {
	font-family: "Abhaya Libre", serif;
	line-height: 35px;
	color: #fff;
	margin-top: 20px;
	text-transform: capitalize;
	font-family: 'Cinzel', serif;
	background: linear-gradient(to right, #7dbb3d 0% , #37a243 50%, #79bb3c 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mobile-app-section p span{
	font-family: "Abhaya Libre", serif;
	line-height: 35px;
	font-size: 20px;
	color: #fff;
	text-transform: capitalize;
	font-family: 'Cinzel', serif;
	background: linear-gradient(to right, #7dbb3d 0% , #37a243 50%, #79bb3c 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* / mobile applications css*/



.mobile-app-section ul li{
	font-family: "Abhaya Libre", serif;
	line-height: 35px;
	font-size: 19px;
	list-style: disclosure-closed;
}
.mobile-app-section ul{
	margin-left: 15px;
}
.mobile-app-section ul li::marker{
	color: #4daa41;
}
.visionmission{
	padding: 70px 0;
}
.visionmission .card img {
  height: 70px;
  width: auto;
  max-width: fit-content !important;
  margin-bottom: 0px;
}
.visionmission .card {
  border-radius: 8px;
  padding: 30px 20px;
  background-color: #fff;
  box-shadow: 0px 10px 15px 0px rgb(194, 217, 197);
  border: 1px solid #0c4876;
  min-height: 430px;
}
.visionmission .card h4{
	font-family: "Abhaya Libre", serif;
  line-height: 35px;
  color: #fff;
  font-size: 30px;
  margin-top: 20px;
  text-transform: capitalize;
  font-family: 'Cinzel', serif;
  background: linear-gradient(to right, #7dbb3d 0% , #37a243 50%, #79bb3c 100%);
    background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.textbooks-section{
	padding: 70px 0 50px;
}
.textbooks-section .card{
	margin-bottom: 20px;
	box-shadow: 0px 10px 15px 0px rgb(194, 217, 197);
	border:1px solid #ececec;
}
.textbooks-section .card h4{
	margin: 0;
    margin-top: 0px;
  padding: 10px;
  text-align: center;
  background: linear-gradient(to right, #0c4876, #f2961b, #92c33c);
  color: #fff;
  margin-top: -2px;
}.aboutus2 ul {
  margin-left: 15px;
}
.aboutus2 p{
	line-height: 35px;
  font-size: 16px;
}
.aboutus2 ul li {
  font-family: "Abhaya Libre", serif;
  line-height: 32px;
  font-size: 19px;
  list-style: disclosure-closed;
}.aboutus2 ul li::marker {
  color: #4daa41;
}
.aboutus2 h4 {
  font-family: "Abhaya Libre", serif;
  line-height: 35px;
  color: #fff;
  margin-top: 20px;
  text-transform: capitalize;
  font-family: 'Cinzel', serif;
  background: linear-gradient(to right, #7dbb3d 0% , #37a243 50%, #79bb3c 100%);
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.aboutus2{
	padding: 0px 0 40px;
}

@media screen and (max-width:1600px){
	.visionmission .card{
		min-height: 460px;
	}
}
@media screen and (max-width:1500px){
	.visionmission .card{
		min-height: 490px;
	}
}
@media screen and (max-width: 991px) {
  .visionmission .card {
    min-height: 526px;
  }
}
@media screen and (max-width:767px){
	.mobile-app-section {
		padding: 35px 0px 30px;
	}  .visionmission .card {
    min-height: auto;
  }.aboutus2 {
  padding: 0px 0 10px;
  margin-top: -45px;
}.visionmission {
  padding: 40px 0 20px;
}
.visionmission .card{
	margin-bottom: 20px;
}
.visionmission .card h4{
	font-size: 26px;margin-top: 10px;
}
.visionmission .card img {
  height: 60px;
}
	.mobile-app-section p{
		font-size: 15px;
		line-height: 30px;
	}
	.mobile-app-section ul li{
		line-height: 30px;
		font-size: 18px;
	}
	.banner-section{
		padding: 40px 0 20px;
	}
	.sec-title2 {
  font-size: 30px;
}
.our-client-section {
  padding: 30px 0px;
}.contactus {
  padding: 40px 0;
}
.contactus .sec-title2 {
  font-size: 24px;
  margin-bottom: 15px;
}
.box-cards ul li a{
	font-size: 16px;
}  footer .footer_top .contact {
    margin-left: 0;
  }.textbooks-section {
  padding: 40px 0 20px;
}
}





































.sidebcx a{
	padding: 7px;
  background: #0c4876;
  color: #fff;
  border-radius: 4px;
  font-size: 20px;
  margin-right: 10px;
}
.book-design{
	padding: 60px 0;
}
.book-design .table-bordered td, .table-bordered th{
	font-size: 14px;
}
.book-design .mn li{
	margin-left: 15px;list-style: disclosure-closed;
	margin-bottom: 6px;
}
.book-design .mn li::marker{
	color: #1c9b44;
}
.color#0c4876{
	color: #1c9b44;margin-bottom: 0;
}
.booksidebar h3 {
	background: #1c9b44;
	border: 1px solid #eceff8;
	display: inline-block;
	padding: 10px 43px;
	color: #fff;
	text-transform: uppercase;
	font-family: Ubuntu, serif;
	font-size: 18px !important;
	text-align: center
}

.booksidebar strong {
	background: #1c9b44;
	display: inline-block;
	padding: 8px;
	color: #fff;
	text-transform: uppercase;
	font-family: Ubuntu, serif;
	font-size: 18px !important;
	text-align: center;
	width: 100%
}

.booksidebar b {
	background: #1c9b44;
	display: inline-block;
	padding: 8px;
	color: #fff;
	text-transform: uppercase;
	font-family: Ubuntu, serif;
	font-size: 14px !important;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #fff
}

.booksidebarapp ul>li>a {
	color: #fff;
	display: block;
	font-family: Ubuntu, serif;
	width: 100%;
	border-bottom: 1px solid #fff;
	text-align: center
}

.booksidebar ul>li>a {
	background: #7fbb3e none repeat scroll 0 0;
	color: #fff;
	display: block;
	padding: 10px;
	font-family: Ubuntu, serif;
	width: 100%;
	border-bottom: 1px solid #fff;
	text-align: center
}

.booksidebar ul>li>a:hover {
	background: #1c9b44 none repeat scroll 0 0
}

.booksidebarfaq>a {
	color: #000;
	display: block;
	padding: 10px;
	font-family: Ubuntu, serif;
	width: 100%;
	border: 1px solid #7fbb3e;
	text-align: center
}

.booksidebarfaq>a:focus {
	color: #000;
	text-decoration: none
}

.booksidebar ul>li>a.active {
	background: #1c9b44 none repeat scroll 0 0
}

.booksidebar ul>li>button {
	background: #1c9b44;
	border: 1px solid #eceff8;
	display: inline-block;
	padding: 10px;
	width: 100%;
	color: #fff;
	text-decoration: none;
	transition: .3s;
	font-family: Ubuntu, serif;
	font-weight: 400;
	font-size: 13px !important;
	text-align: center
}

.booksidebar ul>li>button:hover {
	background: #ffa600 none repeat scroll 0 0
}

.pt-10 {
  padding-top: 15px;
}
.pb-10{
	padding-bottom: 15px;
}

@media screen and (max-width: 1199px){
	.booksidebar{
		margin-top: 20px;
	}

}
@media screen and (max-width: 767px){
	
	.book-design h1{
		font-size: 30px;
	}
	.ll{
		padding-left: 10px;
	}
	.color#0c4876 {
  color: #1c9b44;
  margin-bottom: 5px;
}
.book-design {
  padding: 30px 0;
}
}

/*Banner Title Start*/

.breadcrumb {
  list-style: none;
  display: block;
  position: relative;
  text-align: center;
  background: #f2961b;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
  padding: 8px 40px;
  z-index: 999;
  width: fit-content;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.breadcrumb ul {
  margin: 0;
  padding: 0;
  line-height: 30px
}

.breadcrumb ul li {
  display: inline-block
}

.breadcrumb ul li:after {
  content: "»";
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  padding: 0 5px 0 10px
}

.breadcrumb ul li:last-child:after {
  content: none
}

.breadcrumb ul li a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize
}

.bannersection {
  padding: 21px 0 15px;
  background: #0c4876;
    background-size: auto;
  background-size: cover;
}
.bannersection h1{
	margin: 0;
	text-align: center;
	margin-bottom: 10px;
	color: #fff;
}

@media screen and (max-width:767px){
	.bannersection {
  padding: 20px 0 25px;
  background-position: center;
}
.breadcrumb{
	padding: 5px 19px;
	margin-bottom: 0;
}
.bannersection h1{
	margin-bottom: 10px;
}
}

/*Banner Title End*/


/***
=============================================
    Services Details
=============================================
***/
.service-sidebar {
  position: relative;
  display: block;
  width: 100%;
}
.service-sidebar .service-sidebar-single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.service-sidebar .service-sidebar-single-services {
  position: relative;
  display: block;
  background: #f6f4ec;
  border-radius: 10px;
  padding: 35px 30px 25px;
}
.service-sidebar .service-sidebar-single-services .title {
  position: relative;
  display: block;
  margin-bottom: 12px;
  padding-left: 20px;
}
.service-sidebar .service-sidebar-single-services .title h3 {
  color: #032043;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.service-sidebar .service-sidebar-single-services ul {
  position: relative;
  display: block;
  margin-top: 10px;
}
.service-sidebar .service-sidebar-single-services ul li {
  position: relative;
  display: block;
  margin-bottom: 5px;
  margin-top: -10px;
}
.service-sidebar .service-sidebar-single-services ul li:last-child {
  margin-bottom: 0;
}
.service-sidebar .service-sidebar-single-services ul li a {
  position: relative;
  display: block;
  color: var(--agriox-color-1, #687469);
  font-size: 18px;
  padding: 22px 20px 22px;
  border-radius: 10px;
  background: transparent;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.service-sidebar .service-sidebar-single-services ul li a:hover {
  color: #032043;
}
.service-sidebar .service-sidebar-single-services ul li a:hover::before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.service-sidebar .service-sidebar-single-services ul li a:hover i {
  color: #0c4876;
}
.service-sidebar .service-sidebar-single-services ul li a::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  z-index: -1;
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.service-sidebar .service-sidebar-single-services ul li a i {
  font-size: 16px;
}
.service-sidebar .service-sidebar-single-services ul li.current a::before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.service-sidebar .service-sidebar-single-services ul li.current a i {
  color: #0c4876;
}
.service-sidebar .service-sidebar-single-services ul li.current:first-child {
  margin-top: 20px;
}
.service-sidebar .service-sidebar-single-services ul li.current:last-child {
  margin-bottom: 35px;
}
.service-sidebar .service-sidebar-single-contact-box {
  position: relative;
  display: block;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  padding: 50px 0px 44px;
  z-index: 1;
}
.service-sidebar .service-sidebar-single-contact-box::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(109, 140, 84, 0.93);
  border-radius: 10px;
  content: "";
  z-index: -1;
}
.service-sidebar .service-sidebar-single-contact-box .icon {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 50%;
  background: #032043;
}
.service-sidebar .service-sidebar-single-contact-box .icon:hover {
  background-color: #032043;
}
.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before {
  color: #fff;
}
.service-sidebar .service-sidebar-single-contact-box .icon span::before {
  position: relative;
  display: inline-block;
  color: #032043;
  font-size: 30px;
  line-height: 60px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-sidebar .service-sidebar-single-contact-box .title {
  position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 42px;
}
.service-sidebar .service-sidebar-single-contact-box .title h2 {
  color: #ffffff;
  font-size: 36px;
}
.service-sidebar .service-sidebar-single-contact-box .phone {
  font-size: 24px;
  line-height: 34px;
}
.service-sidebar .service-sidebar-single-contact-box .phone a {
  color: #ffffff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-sidebar .service-sidebar-single-contact-box .phone a:hover {
  color: #0c4876;
}
.service-sidebar .service-sidebar-single-contact-box p {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}
.service-sidebar .service-sidebar-single-btn {
  position: relative;
  display: block;
}
.service-sidebar .service-sidebar-single-btn .thm-btn {
  font-size: 16px;
  padding: 13px 50px 28px;
}
.service-sidebar .service-sidebar-single-btn .thm-btn span::before {
  position: relative;
  display: inline-block;
  top: 13px;
  color: #334b35;
  font-size: 40px;
  padding-right: 25px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-weight: 500;
}
.service-sidebar .service-sidebar-single-btn .thm-btn:hover span::before {
  color: #ffffff;
}
.service-sidebar .banner-widget {
  position: relative;
  display: block;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}
.service-sidebar .banner-widget .widget-content {
  position: relative;
  display: block;
  width: 100%;
  padding: 45px 30px 40px 30px;
  background-size: cover;
  background-repeat: no-repeat;
}
.service-sidebar .banner-widget .widget-content .shape {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 278px;
  background-repeat: no-repeat;
  background-size: cover;
}
.service-sidebar .banner-widget .content-box {
  position: relative;
  max-width: 200px;
  width: 100%;
}
.service-sidebar .banner-widget .content-box .icon-box {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 40px;
  background-color: #032043;
  color: ;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 23px;
}
.service-sidebar .banner-widget .content-box .icon-box .icon-shape {
  position: absolute;
  top: -15px;
  right: -38px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}
.service-sidebar .banner-widget .content-box h3 {
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.service-sidebar .banner-widget .content-box .theme-btn-two:hover {
  background: #0a267a;
}
.service-sidebar .service-sidebar-single-btn .theme-btn {
  padding: 20px 50px;
}
.service-sidebar .service-sidebar-single-btn .theme-btn .btn-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.service-sidebar .service-sidebar-single-btn .theme-btn span::before {
  position: relative;
  display: inline-block;
  font-size: 36px;
  padding-right: 25px;
  margin-top: 7px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-weight: 500;
}

.services-details__content .feature-list .single-item {
  position: relative;
  display: block;
  border: 1px solid #e1e8e4;
  padding: 16px 30px 16px 53px;
  margin-bottom: 20px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.services-details__content .feature-list .single-item .icon-box {
  color: #0c4876;
  position: absolute;
  left: 20px;
  top: 16px;
  font-size: 18px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.services-details__content .feature-list .single-item .title {
  display: block;
  margin: 0;
  font-size: 16px;
  line-height: 32px;
  font-weight: 600;
  text-transform: uppercase;
}
.services-details__content .feature-list .single-item .title:hover {
  color: green;
}
.services-details__content .feature-list .single-item:hover {
  background-color: #032043;
  color: green;
}
.services-details__content .feature-list .single-item:hover .icon-box,
.services-details__content .feature-list .single-item:hover .title {
  color: green;
}

.service-list li {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.service-list li:last-child {
  margin-bottom: 0px;
}
.service-list li a {
  position: relative;
  display: block;
  font-size: 18px;
  color: #032043;
  font-weight: 600;
  transition: 0.5s ease;
  background-color: #fff;
  padding: 17px 20px 17px 50px;
  -webkit-box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
}
.single-item {
  position: relative;border: 1px solid #F1951A;
  display: block;

  padding: 10px 30px 10px 53px;
  margin-bottom: 20px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.single-item .icon-box {
  color: #F1951A;
  position: absolute;
  left: 20px;
  top: 13px;
  font-size: 18px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.single-item .title {
  display: block;
  margin: 0;
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
}
.services-details__content h2{
	color: #0c4876;
  font-weight: 800;
}
.services-details__content h4{
	margin-bottom: 10px;
}
.services-details__content hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  }
.single-item:hover .title {
  color: #fff;
}
.single-item:hover {
  background-color: #0C4876;
  color:  #fff;
}
.service-list li a:hover {
  color: white;
  background-color: #0c4876;
  padding-left: 70px;
}
.service-list li a.current {
  color: white;
  background-color: #0c4876;
}
.service-list li a:hover i, .service-list li a.current i {
  color:white ;
  background-color: #f2961b;
}
.service-list li i {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 100%;
  background-color: #f6f4ec;
  text-align: center;
  font-size: 16px;
  color: #707582;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.services-details{
    padding: 70px 0
}

.services-details__content p{
    margin-bottom: 10px;
}

.services-details__content p a {
  color: #0c4876;font-weight: 500
}

.services-details__content ul li {
  margin-left: 15px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 30px;
  list-style: disclosure-closed;
}
.services-details__content ul li::marker{
    color: #0c4876;
}
@media screen and (max-width: 1500px){
    .service-list li a {
      font-size: 16px;
  }
}
@media screen and (max-width: 1300px){
    .service-list li a {
      font-size: 15px;
  }
}
@media screen and (max-width: 1199px){
    .service-list li a {
      font-size: 16px;
  }
  .service-sidebar {
      margin-top: 20px;
  }
  .services-details__content h2{
    font-size: 28px
}
}
@media screen and (max-width: 767px){
   .services-details__content h2{
    font-size: 25px
    }.services-details {
      padding:
      35px 0 10px;
      } .main-footer--three .main-footer__top {
        padding-top: 37px;
        padding-bottom: 1px;
    }
    .about-one__content__list li, p{
        font-size: 15px;
        line-height: 27px
    }
}

.testimonialsinternal{
    background: #fff
}
.testimonialsinternal .testi-style3{
    margin-top: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}




 .faq .card {
  border-bottom: 2px solid #0c4876 !important;
  margin-bottom: 20px;
  box-shadow: 0 19px 38px rgb(0 0 0 / 7%), 0 15px 12px rgb(0 0 0 / 4%);
  background: transparent !important;
}

.faq .accordion-title {
  position: relative;
  display: block;
  background: #fff;
  overflow: hidden;
  text-decoration: none;
  color: #2A2A2A;
  font-size: 21px;font-family: "Abhaya Libre", serif;
  font-weight: 700;
  width: 100%;
  text-align: left;
  transition: all 0.4s ease-in-out;
  padding: 19px 30px 8px;
  padding-right: 30px;
  padding-right: 50px;
  border-bottom: 1px solid #0c4876 !important;
  transition: all 500ms ease;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  z-index: 2;
  padding-left: 25px;
  margin-top: 0 !important;
}
.single img{
	height: 80px;
	margin-bottom: 20px;
}
.single{
	text-align: center;
}
.single p{
	text-align: center;
}
.faq .accordion-body {
  padding: 40px 55px;
  padding: 25px 30px 10px;
  border-top: none;
  margin-top: -2px;
  gap: 18px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.faq h3{
        font-size: 20px;
    font-weight: 600;
}
.faq [aria-expanded="true"] i::before {
  content: "-";
}
.faq .accordion-title i{
  float: right;
}
.faq hr{
    margin:50px 0 40px;
}


.faq ul li{
        font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #5E6770;
    margin-bottom: 10px;
    text-align: justify;
    margin-top: 0;
    
    margin-bottom: 5px;
}
.faq .accordion-body ul{
    margin-left: 15px;
}

.faq .accordion-title{
        white-space: wrap;
}
.services-details__content .click-btn{
	margin-left: 0;
}
@media screen and (max-width: 767px){
	  .bannersection {
    padding: 45px 0 25px;
    background-position: center;
  }
    .bannersection h1 {
    margin-bottom: 10px;
    font-size: 30px;
  }  .breadcrumb {
    padding: 2px 12px;
    margin-bottom: 0;
  }
  .faq .accordion-title{
  	font-size: 19px;
  	line-height: 1.3;
  }
  .marquee{
  	padding: 10px 0;
  	margin-top: 20px;
  }
  .marquee span{
  	font-size: 18px;
  }
}

.whyus{
	padding: 60px 0;
}

.whyus .card {
  border-radius: 10px;
  margin-bottom: 30px;
}.whyus img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
}.whyus .card h4 {
  background: #0c4876;
  color: #fff;
  text-align: center;
  padding: 10px;
  margin: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: "Marcellus", serif;
  text-transform: capitalize;
}


.course-block-four {
  margin-bottom: 30px;
}
.course-block-four .inner-box {
  position: relative;
  margin-top: 91px;
  padding: 100px 15px 25px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-align: center;
}
@media (max-width: 1199.98px) {
  .course-block-four .inner-box {
    padding: 105px 20px 30px;
  }
}
.course-block-four .inner-box:hover .image-box .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.course-block-four .inner-box:hover .image-box .icon {
  background-color: #0c4876;
}
.course-block-four .inner-box:hover .content .read-more i:before {
  content: "\f105";
}
.course-block-four .inner-box:hover .content .read-more span {
  width: 100px;
}
.course-block-four .inner-box .image-box {
  position: absolute;
  top: -91px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.course-block-four .inner-box .image-box .image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 0;
}
.course-block-four .inner-box .image-box .image img {
  position: relative;
  -webkit-transition: all 300ms ease;border: 4px double #0c4876;
  border-radius: 400px;
  transition: all 300ms ease;
}
.course-block-four .inner-box .image-box .icon {
  position: relative;
  display: block;
  width: 60px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 30px;
  margin: -50px auto 0;
  font-size: 30px;
  color: #0c4876;
  outline: 5px solid #0c4876 !important;
  background-color: #0c4876;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.course-block-four .inner-box .content {
  position: relative;
}
.course-block-four .inner-box .content .title {
  position: relative;
  font-weight: 700;
  letter-spacing: -0.4px;
  margin-bottom: 8px;
  font-size: 26px;
}
.course-block-four .inner-box .content .text {
  position: relative;
  margin-bottom: 10px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 2;
}
.course-block-four .inner-box .content .read-more {
  position: relative;
  color: #0c4876;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.course-block-four .inner-box .content .read-more:hover span {
  text-decoration: none;
}
.course-block-four .inner-box .content .read-more i:before {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.course-block-four .inner-box .content .read-more span {
  position: relative;
  display: block;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}


.why-choose-two {
  position: relative;
  background-color: #CCD8E2;
  counter-reset: count;
}
.why-choose-two .col-xl-6{
padding: 0;
}
.why-choose-two .sec-title {
  padding-bottom: 20px;
}
.why-choose-two .container {
  z-index: 2;
  position: relative;
}
.why-choose-two__content {
  padding-top: 60px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .why-choose-two__content {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}
.why-choose-two__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #636363;
  margin-bottom: 25px;
}
.why-choose-two__list {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}
.why-choose-two__item {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 10px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  transition: all 500ms ease;
  counter-increment: count;
}
.why-choose-two__item:last-child {
  margin-bottom: 0;
}
.why-choose-two__item__content {
  padding-left: 20px;
}
.why-choose-two__item__title {
  font-size: 22px;
  font-weight: 500;
  line-height: 26.4px;
  color: #222222;
  margin-bottom: 6px;
}
.why-choose-two__item__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #636363;
  margin-bottom: 0;
}
.why-choose-two__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 63px;
  height: 100%;
  background-color: #19527D;
  clip-path: polygon(100% 0%, 48% 50%, 100% 100%, 0% 100%, 0 48%, 0% 0%);
  transition: all 500ms ease;
}
.why-choose-two__item:hover {
  padding-left: 130px;
  background-color: #222222;
}
.why-choose-two__item:hover::before {
  opacity: 0;
  visibility: hidden;
  left: -200px;
}
@media (max-width: 767px) {
  .why-choose-two__item:hover {
    padding-left: 0px;
  }
}
.why-choose-two__item:hover .why-choose-two__item__title {
  color: #fff;
}
.why-choose-two__item:hover .why-choose-two__item__text {
  color: #fff;
}
.why-choose-two__item:hover .why-choose-two__count {
  left: 0;
}
.why-choose-two__item:hover .why-choose-two__icon {
  transform: translateX(-30px);
  background-color: #19527D;
}
@media (max-width: 767px) {
  .why-choose-two__item:hover .why-choose-two__icon {
    transform: translateX(10px);
  }
}
.why-choose-two__item:hover .why-choose-two__item__content {
  padding-left: 0;
}
@media (max-width: 767px) {
  .why-choose-two__item:hover .why-choose-two__item__content {
    padding-left: 20px;
  }
}
.why-choose-two__count {
  transition: all 500ms ease;
  transition-delay: 200ms;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  color: #fff;
  background-color: #fff;
  font-family: var(--pelocis-heading-font, "Solway", serif);
  -webkit-text-stroke: 1px #222222;
  position: absolute;
  left: -200px;
  height: 100%;
  width: 160px;
  display: flex;
  padding-left: 30px;
  align-items: center;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg  viewBox="0 0 160 108" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H160L112.298 54L160 108H0V0Z" fill="currentColor"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg  viewBox="0 0 160 108" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H160L112.298 54L160 108H0V0Z" fill="currentColor"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top right;
  mask-position: top right;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.why-choose-two__count:before {
  content: counters(count, ".", decimal-leading-zero);
  display: inline-block;
  position: relative;
}
@media (max-width: 767px) {
  .why-choose-two__count {
    display: none;
  }
}
.why-choose-two__icon {
  width: 90px;
  height: 88px;
  border: 3px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #222222;
  border-radius: 10px;
  z-index: 1;
  flex-shrink: 0;
  font-size: 44px;
  color: #fff;
  transition: all 500ms ease;
}
.why-choose-two .pelocis-stretch-element-inside-column {
  position: relative;
  height: 100%;
}
.why-choose-two__shape-one {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 957 869" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M118.658 0H959V869H0.0976562C0.0976562 869 181.143 791.001 69.4579 434.5C-42.2272 77.9998 118.658 0 118.658 0Z" fill="currentColor"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 957 869" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M118.658 0H959V869H0.0976562C0.0976562 869 181.143 791.001 69.4579 434.5C-42.2272 77.9998 118.658 0 118.658 0Z" fill="currentColor"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top left;
  mask-position: top left;
  -webkit-mask-size: cover;
  mask-size: cover;
  max-width: 987px;
  position: relative;
  z-index: 11;
}
@media (max-width: 1199px) {
  .why-choose-two__shape-one {
    mask: none;
    text-align: right;
  }
}
.why-choose-two__shape-one img {
  max-width: 100%;
  height: 100%;
  min-height: 780px;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .why-choose-two__shape-one img {
    min-height: auto;
  }
}
.why-choose-two__shape-two {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg  viewBox="0 0 985 869" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M272.035 10L987 0V869H0C0 869 164.5 817 83.3927 454.5C2.28532 92.0004 272.035 10 272.035 10Z" fill="currentColor"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg  viewBox="0 0 985 869" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M272.035 10L987 0V869H0C0 869 164.5 817 83.3927 454.5C2.28532 92.0004 272.035 10 272.035 10Z" fill="currentColor"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: bottom left;
  mask-position: bottom left;
  -webkit-mask-size: cover;
  mask-size: cover;
  max-width: 987px;
  height: 100%;
  width: 100%;
  background-color: #19527D;
  position: absolute;
  top: 0;
  right: 25px;
}
@media (max-width: 1199px) {
  .why-choose-two__shape-two {
    display: none;
  }
}
.why-choose-two__shape-three {
  position: absolute;
  left: 0;
  bottom: 0;
}
.why-choose-two .pelocis-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled + .owl-dots {
  margin: 0;
}


@media screen and (max-width: 767px){
	.whyus {
  padding: 35px 0 12px;
}
  .why-choose-two__content {
    padding-top: 40px;
    padding-bottom: 40px;
  }.why-choose-two {
  padding-left: 15px;
  padding-right: 15px;
}
}















































.services-detail2s{
    
}

.red{
    color:red;
}





.ppb-2 {
	padding-bottom: 80px;
}

.ppb-2 img{
	box-shadow: 0px 10px 15px 0px rgb(194, 217, 197);
}
.accordion-title::before{
    display:none !important;
}


@media screen and (max-width: 767px){
	.single img{
	height: 80px;margin-top: 20px;
	margin-bottom: 10px;
}
.single{
	text-align: center;
}
.single p{
	text-align: center;
}
}