:root {
    --the-black: #000;
    --the-white: #fff;
    --the-main-blue: #009FEC;
    --the-blue: #127BAE;
    --the-gradient: rgba(0, 159, 236, 0.8);
    --the-grey: #F4F4F4;
	--the-orange: #F28D53;
	--the-pink: #DA2F73;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



/*Font icons*/

@font-face {
	font-family: 'tutorial';
	src: url('font/tutorial.eot?9846416');
	src: url('font/tutorial.eot?9846416#iefix') format('embedded-opentype'),
		 url('font/tutorial.woff2?9846416') format('woff2'),
		 url('font/tutorial.woff?9846416') format('woff'),
		 url('font/tutorial.ttf?9846416') format('truetype'),
		 url('font/tutorial.svg?9846416#tutorial') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
  /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
  /*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	  font-family: 'tutorial';
	  src: url('../font/tutorial.svg?9846416#tutorial') format('svg');
	}
  }
  */
  [class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "tutorial";
	font-style: normal;
	font-weight: normal;
	speak: never;
  
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
  
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
  
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
  
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
  
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
  
	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }
  
  .icon-instagram:before { content: '\e800'; } /* '' */
  .icon-linkedin:before { content: '\e801'; } /* '' */
  .icon-marker:before { content: '\e802'; } /* '' */
  .icon-megaphone:before { content: '\e803'; } /* '' */
  .icon-phone:before { content: '\e804'; } /* '' */
  .icon-search:before { content: '\e805'; } /* '' */
  .icon-slider-left:before { content: '\e806'; } /* '' */
  .icon-arrow-up:before { content: '\e807'; } /* '' */
  .icon-arrow-down:before { content: '\e808'; } /* '' */
  .icon-facebook:before { content: '\e809'; } /* '' */
  .icon-twitter:before { content: '\e80a'; } /* '' */
  .icon-pencil:before { content: '\e80b'; } /* '' */
  .icon-arrow-rigth:before { content: '\e80c'; } /* '' */
  .icon-slider-right:before { content: '\e80d'; } /* '' */
  

/*------------------------------------------------------------*/
html,
body,
a,
p,
ul,
li  {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
  }
  h2 {
	color: var(--the-main-blue);
	font-weight: 700 !important;
	font-size: 2.5em !important;
}
.the-h2-center {
	text-align: center;
	display: block;
	width: 100%;
	margin-bottom: 2.5em;
	margin-top: 3em;
	position: relative;
}
.the-h2-center::before {
	content: url('img/circles.png');
	position: relative;
	top: -1em;
}
.ea-card.sp-ea-single h3 a {
    font-family: "Poppins", sans-serif !important;
	font-weight: 700 !important;
	font-style: normal;
}
iframe {
	width: 100%;
	margin-bottom: 2em;
}

p {
    font-size: 1.1em;
}

a:hover {
    text-decoration: none !important;
}

.container {
    max-width: 90%;
}

button {
    outline: none !important;
}

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

.the-body-content {
    overflow: hidden;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

ul {
    padding: 0;
}


/* li {
    list-style: none;
  } */

img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.the-body-content ul li {
    position: relative;
    list-style-position: inside;
    list-style: none;
    font-size: 1.1em;
    font-family: "Inter", sans-serif;
    list-style: disc;
    list-style-position: outside;
    margin-left: 20px;
}


/* .the-body-content li::before {
    content: "";
    background: var(--the-orange);
    height: 9px;
    width: 9px;
    display: inline-block;
    color: var(--the-orange);
    position: absolute;
    bottom: 6px;
    left: -15px;
    top: 8px;
} */

a {
    color: var(--the-black);
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: var(--the-blue);
}

a img {
    transition: 500ms;
}

a img:hover {
    opacity: 0.8;
    transform: translateY(5px);
}


/* LOgo */
:not(.home) .main-logo img {
	width: 180px;
	height: 145px;
	object-fit: contain;
}
.log img {
    width: 270px;
}

.color-logo {
    display: none;
}

.sticky .color-logo {
    display: block;
}

.sticky .black-logo {
    display: none;
}


/*---------Banner----------*/
.banner-caption {
	padding-top: 3em;
	padding-bottom: 3em;
}
/*.mk-bgimg {*/
/*	position: relative;*/
/*	background-position: center;*/
/*	background-repeat: no-repeat;*/
/*	background-size: cover;*/
/*	margin: 143px 0 40px 0;*/
/*	height: 510px;*/
/*	background-color: var(--the-dark-gray);*/
/*}*/

.container.banner {
    position: relative;
    margin-bottom: 5em;
}

.mk-bgimg {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 140px 0 41px 0;
	height: 438px;
	background-color: var(--the-dark-gray);
}
.mk-bgimg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.01);
}

/* .ms-caption {
      position: absolute;
      z-index: 8;
      top: 35%;
  } */

.actual-bread {
    position: relative;
    z-index: 8;
    top: -14em !important;
    background: transparent;
    margin-bottom: -5em;
    /* padding: 10px 0px 0 45px; */
}

.mk-page-title {
    color: var(--the-white);
    font-weight: 400;
}

.breadcrumb {
	color: var(--the-orange);
    font-weight: 600;
}

.breadcrumb a {
    color: var(--the-black);
    font-weight: 300;
}

.breadcrumb .icon-right-arrow {
    color: var(--the-black);
}

.ms-caption {
    margin-bottom: 0em;
    position: absolute;
    top: 50%;
    /* text-align: center; */
    display: block;
    /* width: 100%; */
    /* left: 0; */
}

.mk-page-title .dot {
    position: relative;
    top: -9px;
}

.ms-caption li {
    list-style: disc;
    color: var(--the-gray);
    list-style-position: inside;
}

.mk-page-title .dot::after {
    content: "";
    background: var(--the-orange);
    height: 9px;
    width: 9px;
    display: inline-block;
    color: var(--the-orange);
    position: absolute;
    bottom: 6px;
    left: 2px;
}


/* .ms-caption span {
      font-size: 4em;
  } */

.mk-page-title {
    font-size: 1.2em;
    font-weight: 400;
    color: var(--the-white);
}


/*
  .mk-bgimg {
      filter: brightness(80%);
  }
  */

  .breadcrumb {
	background-color: transparent;
	padding-left: 0;
}


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


/*for banner image*/

.the-actual-img {
    position: absolute;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 0 40px 0;
    height: 500px;
    width: 100%;
    /* z-index: 9 !important; */
    top: 35%;
    right: 5%;
}

.mk-bgimg {
    position: relative;
}


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

/* Home page side bar */
.the-apply::before {
	content: '\e80b';
	font-family: 'tutorial';
	display: flex;
	justify-content: center;
	background: var(--the-blue);
	width: 38px;
	padding: 6px;
	border-radius: 50px;
	height: 38px;
	align-items: center;
}
.the-info::before {
	content: '\e803';
	font-family: 'tutorial';
	display: flex;
	justify-content: center;
	background: var(--the-blue);
	width: 38px;
	padding: 6px;
	border-radius: 50px;
	height: 38px;
	align-items: center;
}
.the-contact::before {
	content: '\e804';
	font-family: 'tutorial';
	display: flex;
	justify-content: center;
	background: var(--the-blue);
	width: 38px;
	padding: 6px;
	border-radius: 50px;
	height: 38px;
	align-items: center;
}
.intpouch-items {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	text-align: center;
	justify-content: center;
}
.locations-wrapper {
	position: absolute;
	height: 100%;
	width: 5%;
	background: var(--the-main-blue);
	z-index: 99;
	display: flex;
	flex-direction: column;
	gap: 1em;
	justify-content: space-between;
	padding: 2em 0em;
}
.intpouch-items a {
	color: var(--the-white);
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 0.7em;
	padding: 0px 6px;
}
.zim::before {
	content: '\e802';
	font-family: 'tutorial';
	font-size: 1.8em;
	display: flex;
	justify-content: center;
	color: var(--the-orange);
}
.south-.africa::before{
	content: '\e802';
	font-family: 'tutorial';
	font-size: 1.8em;
	display: flex;
	justify-content: center;
	color: var(--the-pink);
}
.actual-locations p {
	font-size: 11px;
	padding: 6px;
	color: var(--the-white);
	text-align: center;
}
.actual-locations p {
	font-size: 11px;
	padding: 6px;
	color: var(--the-white);
	text-align: center;
}
.zim, .south-.africa {
	text-transform: uppercase;
	font-weight: 600;
}
.zim span, .south-.africa span {
	text-transform: capitalize;
	font-weight: 500;
}
/* Slider */
#homeSlider .owl-prev i::before {
	content: '\e806';
	font-family: 'tutorial';
	font-size: 2em;
	color: var(--the-white);
}
#homeSlider .owl-next i::before {
	content: '\e80d';
	font-family: 'tutorial';
	font-size: 2em;
	color: var(--the-white);
}
.counter-position {
	position: relative;
	z-index: 9;
	display: flex;
	justify-content: end;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	top: -11em;
}
.change {
	font-size: 2.8em;
	display: block;
	width: 82px;
	font-weight: 600;
	text-transform: uppercase;
	font-style: normal;
	line-height: 0;
	text-align: center;
	margin-top: -6px;
}


.change-font {
	position: relative;
	left: -42px;
}
.slider-counter {
	position: relative;
	right: 13%;
	color: var(--the-white);
	font-size: 2.3em;
	top: -90px;
	font-family: "Lato", sans-serif !important;
	font-weight: 400;
	font-style: normal;
}
@media(max-width: 600px){
    .slider-counter {
        position: relative;
        right: -1%;
        color: var(--the-white);
        font-size: 2.3em;
        top: -40px;
        font-family: "Lato", sans-serif !important;
        font-weight: 400;
        font-style: normal;
    }
}
#homeSlider .owl-next span::after {
	content: '\e804';
	font-family: 'covenant';
	color: var(--the-blue);
	position: relative;
	right: 5px;
}
#homeSlider .owl-prev span::before {
	content: '\e805';
	font-family: 'covenant';
	color: var(--the-blue);
	position: relative;
	left: 5px;
}
.owl-next span, .owl-prev span {
	color: transparent;
}
.content-wrapper {
	position: absolute;
	top: 40%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.slider-captionn {
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-items: baseline;
}
.slider-captionn h2 {
	color: var(--the-white);
	font-family: "Platypi", serif !important;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 3em !important;
}
@media(min-width: 760px){
	.slider-captionn h2 {
		font-size: 4em !important;
	}
}
.slider-captionn p {
	font-family: "Platypi", serif !important;
	font-optical-sizing: auto;
	font-style: normal;
	font-style: italic;
	font-size: 3em;
}
.change-font p {
	font-size: 17px !important;
	height: 122px;
	width: 120px;
	background: var(--the-gradient);
	border-radius: 50%;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 6px;
	line-height: 2;
	text-transform: uppercase;
	font-style: normal;
	font-family: "Poppins", sans-serif !important;
}
.change {
	font-size: 2.8em;
	display: block;
	width: 82px;
	text-transform: uppercase;
	line-height: 0;
	text-align: center;
	margin-top: -6px;
	font-family: "Platypi", serif !important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;

}
.slider-caption h2 {
    color: #fff;
    font-weight: 400;
}

.slider-caption p {
    font-size: 20px;
}

@media(min-width: 760px){
    .slider-caption h2 {
        width: 48%;
    }
    .slider-caption p {
        width: 60%;
    }
}
#homeSlider .owl-nav.disabled {
	display: flex;
	justify-content: end;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -80px;
	gap: 10px;
}
@media(max-width:759px){
	.slider-container {
		margin-left: 0%;
	}
}

.owl-prev, .owl-next {
	background: transparent;
	width: 50px;
	height: 50px;
}

#homeSlider .item {
	background-size: cover;
	height: 100vh;
	background-attachment: scroll;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
}
#homeSlider .item::before {
	content: "";
	position: absolute;
	height: 100vh;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
}
.content-wrapper {
    color: var(--the-white)
}

.post-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.actual-locations p {
	font-size: 11px;
	padding: 6px;
	color: var(--the-white);
	text-align: center;
}
.post-title {
    margin-bottom: 30px;
}


.post-title a {
    color: var(--the-white);
    font-size: 20px;
    font-weight: 300;
    transition: 500ms;
}

.read-more a {
	color: var(--the-white);
	font-weight: 600;
	transition: 500ms;
}

.insights {
    margin-top: 5px;
}

.insights h2 {
    color: var(--the-white);
}

.insight-wrap {
    flex-basis: 33.3%;
}
/* Welcome */
	.welcome-text {
		text-align: center;
	}

@media(min-width: 760px){
	.welcome-text {
		text-align: center;
		max-width: 74%;
		margin-right: auto;
		margin-left: auto;
	}
	.slightly-big p {
		font-size: 1.5em;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
}
.Welcome {
	margin-bottom: 7em;
}
/* We are section */
.custom-select select {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: "Font Awesome 5 Free";
    padding-left: 20px; /* Adjust this value according to your icon size */
  }
  .we-are {
	margin-bottom: 10em;
	position: relative;
}
.wht-makes h3 {
	font-family: "Poppins", sans-serif !important;
	font-weight: 500 !important;
	font-style: normal;
	font-size: 2.2em;
}
@media(max-width: 1335px){
	.we-second-img {
		position: relative;
		/* left: 47px; */
		top: 35px;
	}
}
@media(min-width: 1336px){
	.floating-img {
		position: absolute;
		right: 0;
		top: -16px;
	}
}

.p-spacing {
	margin-top: 2em;
}
.impact {
	margin: 3em 0;
}
.impact p::after {
	content: '\e80c';
	font-family: 'tutorial';
	position: relative;
	right: -13px;
	background: var(--the-main-blue);
	padding: 13px;
	border-radius: 50px;
	color: var(--the-white);
	font-size: 1.3em;
}
.frt-img-we-are {
	margin-top: 79px;
	position: relative !important;
}
.impact span {
	font-style: italic;
	font-weight: 600;
}
  .the-dropdown {
	display: grid;
	grid-template-columns: 1fr;
}
@media(max-width:599px){
	.custom-select {
		margin-top: 14px;
	}
}

@media(min-width: 600px){
	.the-dropdown {
		display: grid;
		grid-template-columns: 1fr 3fr;
	}
}
.impact p {
	text-transform: capitalize;
	position: relative;
}
.the-dropdown {
	position: relative;
  }
  .custom-select {
	display: inline-block;
	height: 5em;
	background: none;
	margin-bottom: 4em;
	position: relative;
	top: -15px;
	padding-left: 0px;
	border-color: var(--the-grey);
}
.dropdown-btn.closed h3, .dropdown-btn h3 {
	position: relative;
	top: 5px;
}
.custom-select .dropdown-btn {
	color: var(--the-main-blue);
	font-family: "Platypi", serif !important;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	width: 100%;
	display: flex;
	gap: 1em;
	justify-content: space-between;
	border-bottom: 1px solid var(--the-grey);
}
.custom-select ul li h3 {
	font-size: inherit !important;
} 
.dropdown-btn {
	background: var(--the-white);
	border: 0;
	padding: 2px 10px;
}
.dropdown-content.open ul {
	background: var(--the-main-blue);
	color: var(--the-white);
	font-size: 2.5em;
	position: relative;
	top: -1px;
}
.dropdown-btn.opened.closed::after {
	content: "\e807" !important;
	font-family: "tutorial";
	font-weight: 900;
	margin-left: 5px;
  }
  .custom-select h3 {
	font-size: 1.0em;
}
.dropdown-btn::after {
	content: "\e808";
	font-family: 'tutorial';
	background: var(--the-main-blue);
	width: 68px;
	color: var(--the-white);
	position: relative;
	right: -38px;
	height: 78px;
	top: -8px;
	padding: 11px;
	margin-bottom: -10px;
}
.dropdown-btn.opened::after{
	content: "\e807";
	font-family: 'tutorial';
	background: var(--the-main-blue);
	width: 68px;
	color: var(--the-white);
	position: relative;
	right: -38px;
	height: 78px;
	top: -8px;
	padding: 11px;
	margin-bottom: -10px;
}
.custom-select .dropdown-btn {
    transition: background-color 0.5s, color 0.3s; /* Add transition */
}

.custom-select .dropdown-content {
    transition: opacity 0.5s; /* Add transition */
}

.dropdown-btn.closed::after {
	content: "\e808";
	font-family: 'tutorial';
	background: var(--the-main-blue);
	width: 68px;
	color: var(--the-white);
	position: relative;
	right: -38px;
	height: 79px;
	border: transparent;
	display: flex;
	align-content: center;
	justify-content: center;
	top: -8px;
	padding: 11px;
}

  .dropdown-content.open {
	display: block !important;
}
  .custom-select .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 100%;
	z-index: 1;
  }
  
  .custom-select .dropdown-content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
  }
  
  .custom-select .dropdown-content li {
	padding: 10px;
	cursor: pointer;
	transition: 500ms;
  }
  
  .custom-select .dropdown-content li:hover {
	background-color: var(--the-blue);
}
  
  .custom-select .dropdown-content li h2 {
	margin: 0;
  }
  
  .custom-select.open .dropdown-content {
	display: block;
  }
  
  /*Classes  */
  .classes-the-flex {
	display: grid;
	gap: 1em;
	grid-template-columns: 1fr;
	margin-bottom: 4em;
	position: relative;
}
  @media(min-width: 600px){
	.classes-the-flex {
		display: grid;
		gap: 1em;
		grid-template-columns: 1fr 1fr;
		margin-bottom: 4em;
	    position: relative;
	}
	.the-classes-holder {
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
	}
  }
  .classes-the-flex::after {
	content: "";
	position: absolute;
	border-bottom: 2px solid var(--the-grey);
	width: 100%;
	bottom: -33px;
}
.classes-img img {
	width: 100%;
	object-fit: cover;
	height: 350px;
}
.love-us-text.inside {
	margin-top: 3em;
}
  /*  Why love us section */
.love-us-text ul li {
	list-style: none;
	background: var(--the-grey);
	padding: 15px 30px;
	min-height: 95px;
	display: flex;
	align-items: center;
	height: 100%;
	margin: 1em 0;
}
.in-own-c {
	margin-bottom: 3em;
}
.love-us-text ul li p {
	margin-top: auto;
	margin-bottom: 1rem;
}
/* News */
.news-wrap {
	margin-bottom: 2em;
}
.one-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	color: var(--the-main-blue);
	margin-bottom: 0.9em;
}
.news-readmore a {
	font-weight: 600;
	text-decoration: underline;
	transition: 500ms;
}
.lates-news {
	margin-bottom: 5em;
	margin-top: 6em;
}
.news-date::after {
	content: "";
	position: relative;
	right: -13px;
	border-right: 2px solid var(--the-main-blue);
	height: 10px;
	width: 2px;
}
/* Enrol Section */
.the-enroll {
	background-image: url('img/Enroll-background.png');
	min-height: 525px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
}
.enroll-wrapper h2 {
	color: var(--the-white);
	margin-bottom: 0.6em;
}
.the-btn-two a {
	border: 1px solid var(--the-white);
	padding: 15px 30px;
	border-radius: 50px;
	transition: 500ms;
	font-weight: 600;
	color: var(--the-white);
}
.the-btn-one a {
	background: var(--the-white);
	padding: 15px 30px;
	transition: 500ms;
	border-radius: 50px;
	color: var(--the-main-blue);
	font-weight: 600;
}
@media(min-width: 600px){
    .enroll-wrapper p {
        max-width: 75%;
        text-align: center;
    }
}
.enroll-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 525px;
	justify-content: center;
	align-items: center;
	color: var(--the-white);
}
.enrol-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 3em;
	margin-top: 2em;
}
/* Partners */
#partnerSlider img {
	max-width: 219px;
	max-height: 60px;
	object-fit: scale-down;
}
.partners-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 3em;
	justify-content: space-between;
}
.the-partners-section {
	margin-bottom: 5em;
    margin-top: 5em;
}
.partners-flex img {
	width: 228px;
	object-fit: contain;
	height: 84px;
	display: flex;
	align-items: center;
}
#partnerSlider img {
	max-width: 225px;
	height: 81px;
	object-fit: scale-down;
}
#partnerSlider .owl-stage {
	display: flex;
	align-items: center;
}
/* FAQ's */
.view-center {
	text-align: center;
	margin-top: 2.7em;
}
.faqs-no-center {
	margin-bottom: 3em;
}
.view-center a {
	text-decoration: underline;
	transition: 500ms;
}
.view-center a {
	text-decoration: underline;
	transition: 500ms;
	font-weight: 600;
}
.faqs-no-center p {
	padding-top: 1em;
	margin-bottom: 3em;
}
@media(min-width: 600px){
    .faqs-no-center p {
        max-width: 83%;
    }
}
/* Accordion */
.sp-easy-accordion .sp-ea-single {
	background: var(--the-grey) !important;
	margin-bottom: 20px !important;
	border-radius: 0;
	border: none !important;
	padding: 0;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
	padding: 25px !important;
	color: var(--the-black) !important;
}
.ea-icon-expand-plus::before {
	content: '\e808';
	font-family: 'tutorial';
	font-size: 35px;
}
.sp-ea-single > .sp-collapse > .ea-body {
	border: 1px solid var(--the-grey);
}
.ea-icon-expand-minus::before {
	content: '\e807';
	font-family: 'tutorial';
    font-size: 35px;
}
/* Footer */
.fluid-container.last-footer {
	background: var(--the-main-blue);
}
.footer-menu li {
	list-style: none !important;
}
.th-cr-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	justify-content: space-between;
	color: var(--the-white);
	padding-top: 20px;
}
.footer-menu li a {
	font-size: 1.1em;
}
.fluid-container.for-footer {
	margin-top: 7em;
}
#menu-footer-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	list-style: none;
}
.the-btn a {
	background: var(--the-main-blue);
	padding: 20px 40px;
	color: var(--the-white);
	display: inline-block;
	margin: 2em 0 4em 0em;
	transition: 500ms;
	border-radius: 50px;
	font-weight: 600;
}
@media(min-width: 760px){
    .get-intch p {
        max-width: 73%;
        padding-top: 1em;
    }
}
.footer-menu a {
	color: var(--the-white);
}
/*--------Search-----------*/
@media screen and (max-width: 575px) {
    .main-nav-container {
        top: -63px;
    }
}

@media screen and (max-width: 999px) and (min-width: 576px) {
    .main-nav-container {
        top: -50px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 767px) {
    .main-nav-container {
        top: 25px;
        right: -120px;
    }
}

@media screen and (max-width: 1200px) {
    .the-search {
        display: inline-block;
        float: right;
        position: absolute;
        top: 0;
        right: 38px;
    }

    .fa.fa-bars {
        position: absolute;
        right: 0;
    }

    /* .main-nav-container {
          top: -55px;
      } */
}

@media only screen and (max-width: 580px) {
    .search-trigger {
        position: relative;
        display: block;
        width: 206px;
        height: 74px;
        overflow: hidden;
        white-space: nowrap;
        color: transparent;
        z-index: 10;
        top: 4em !important;
        background: var(--the-dark-blue);
        right: 225px !important;
    }

    .fa.fa-bars {
        position: absolute;
        right: 13px;
        top: 0em;
    }

    input[type="search"].search-field {
        top: -0.8em !important;
    }
}

@media screen and (max-width: 766px) and (min-width: 581px) {
    .search-trigger {
        top: 3.2em !important;
        right: 30px !important;
    }

    .fa.fa-bars {
        position: absolute;
        top: 6px !important;
        right: 12px !important;
    }

    input[type="search"].search-field {
        top: -1.2em !important;
    }
}

@media screen and (max-width: 991px) and (min-width: 767px) {
    .search-trigger {
        top: -1.5em !important;
        right: -99px !important;
    }

    .fa.fa-bars {
        position: absolute;
        right: -123px !important;
    }

    input[type="search"].search-field {
        top: -0.8em !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    #menu-primary-menu li {
        margin-right: 2px;
    }

    .menu-primary-menu-container {
        top: -25px;
    }

    .the-search {
        top: -98px !important;
        right: -138px !important;
    }

    input[type="search"].search-field {
        top: -3.1em !important;
    }
}

@media only screen and (min-width: 1201px) {
    .the-search {
        top: 0;
        right: -210px;
        position: relative;
    }
}
.search-trigger {
	position: relative;
	display: block;
	width: 111px;
	height: 74px;
	overflow: hidden;
	white-space: nowrap;
	color: transparent;
	z-index: 10;
	top: -29px !important;
	background: transparent;
	right: 0px;
	margin-bottom: -51px;
}

.search-trigger::before,
.search-trigger::after {
    content: "";
    position: absolute;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.search-trigger::before {
	top: 30px;
	left: 23px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 3px solid transparent;
	font-family: 'tutorial';
	content: "\E805";
	color: var(--the-white);
	text-indent: 31px;
	font-size: 1.4em;
}

.search-trigger::after {
    height: 15px;
    width: 3px;
    /*    background: var(--black);*/
    bottom: 20px;
    right: 159px;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.search-trigger span {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 13px;
    left: 13px;
}

.search-trigger span::before,
.search-trigger span::after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 35px;
    top: 50%;
    margin-top: -2px;
    left: 45%;
    margin-left: -11px;
    background: var(--the-white);
    opacity: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}
:not(.home) .search-trigger span::before, :not(.home) .search-trigger span::after {
	content: "";
	position: absolute;
	background: var(--the-black);
}
.home .header-container .search-trigger span::before,  .home .header-container .search-trigger span::after {
	content: "";
	position: absolute;
	background: var(--the-white);
}
.search-trigger span::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.search-trigger span::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.search-trigger.search-is-visible::before,
.search-trigger.search-is-visible::after {
    opacity: 0;
}

.search-trigger.search-is-visible span::before,
.search-trigger.search-is-visible span::after {
    opacity: 1;
}

.search-trigger.search-is-visible span::before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.search-trigger.search-is-visible span::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

input[type="search"].search-field {
	padding: 20px;
	margin: 49px 0px;
	border: 1px solid var(--the-black);
	position: absolute;
	top: 31px !important;
	border-radius: 0 0 0px 0px;
	width: 100%;
	left: 0;
	z-index: 9;
}

.search form {
    height: 100%;
    width: 100%;
}

.search {
    position: absolute;
    height: 70px;
    width: 100%;
    /* top: 39px; */
    /* left: 0; */
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.search.search-results {
    position: absolute;
    height: 70px;
    width: 100%;
    top: 0px;
    /* left: 0; */
    z-index: 3;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.search form {
    height: 100%;
    width: 100%;
    display: inline;
}

.search input {
    border-radius: 0;
    border: none;
    background: var(--the-gray);
    height: 113%;
    width: 100%;
    padding: 0 5%;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: absolute;
    top: 25px;
    color: var(--the-black);
}

.search input {
    border-radius: 0;
    border: none;
    background: var(--the-white);
    height: 113%;
    width: 100%;
    padding: 0 5%;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: absolute;
    top: 25px;
    color: var(--the-black);
}

.search input::-webkit-input-placeholder,
.search input::-moz-placeholder,
.search input:-moz-placeholder,
.search input:-ms-input-placeholder {
    color: #c9cbc4;
}

.search input:focus {
    outline: none;
}

.search.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.the-search {
    display: inline-block;
    float: right;
}

.srch li {
    list-style: none;
}
/*Contact Us*/
.contact-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	justify-content: space-between;
	width: 100%;
}
.wpcf7-form-control {
	height: 3.5em;
	padding: 10px;
}
.wpcf7-form-control.wpcf7-textarea {
	height: 12em;
}
.contact-flex input {
	width: 100%;
}
@media(min-width: 600px){
    .contact-flex {
	display: grid;
	gap: 1em;
	width: 100%;
	grid-template-columns: 1fr 1fr;
    }
}
.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email, .wpcf7-form-control.wpcf7-textarea {
	width: 100%;
}
.contact-flex input {
	width: 100%;
	border: 1px solid #E4E4E4;
	color: var(--the-black) !important;
}
.wpcf7-form-control, .wpcf7-form-control.wpcf7-textarea{
    	border: 1px solid #E4E4E4;
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
	background: var(--the-main-blue);
	color: var(--the-white);
	border-radius: 50px;
	padding: 10px 30px;
	border: none;
	transition: 500ms;
	font-weight: 600;
	position: relative;
	margin-top: 2em;
	margin-bottom: 2em;
}
/* About us */
.our-pride {
	position: relative;
	min-height: 400px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: var(--the-main-blue);
	color: var(--the-white ) !important;
}
.our-pride h2 {
	color: var(--the-white);
}
.our-pride::before {
	content: "";
	position: absolute;
	background: var(--the-main-blue);
	width: 200vw;
	height: 100%;
	z-index: -1;
}
 .the-h2-center {
	text-align: center;
	display: block;
	width: 100%;
	margin-bottom: 1.5em;
	margin-top: 0em;
	position: relative;
}
.also-on-offer {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1em;
}
@media(min-width: 760px){
	.our-pride p {
		text-align: center;
		max-width: 74%;
	}
	.we-second-img img {
	max-width: 552px;
	height: 100%;
	min-height: 830px;
}
	.also-on-offer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
}
.love-img img {
	min-height: 786px;
	max-width: 528px;
}
}

.col-sm-12.alsoo {
	margin-top: 3em;
/* 	text-align: center; */
}
.col-sm-12.alsoo h2 {
	text-align: center;
	margin-bottom: 1em;
}
.also-one li {
	font-size: 18px;
}
.also-one li {
	list-style-position: inside;
}
.Welcome-Video {
	margin-bottom: 7em;
	margin-top: -2em;
}
.Welcome-Video iframe {
	height: 600px;
	width: 100% !important;
	margin-bottom: 1em;
}


@media(max-width: 600px){
	.why-you-will-love-us {
	margin-top: 4em !important;
	padding-top: 9em;
}
	.Welcome-Video {
	margin-bottom: 7em;
	margin-top: -2em;
	height: 100%;
	padding-bottom: 5em;
}
	.Welcome-Video iframe {
	height: 600px;
	width: 100% !important;
	margin-bottom: 11em;
	padding-bottom: 5em;
}

}