/* external font here */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap');
/* external font here */



/* basic css start here */

:root {
	--primary-color: #28EBCF;
	--secondary-color: #006A81;
	--extra-color: #FFFF00;
	--transition: .3s !important;
}

body {
     font-family: "DM Sans", sans-serif;
	font-family: 'Raleway', sans-serif;
	overflow-x: hidden;
}

.container {
	max-width: 1630px;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	transition: var(--transition);
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
    font-family: "DM Sans", sans-serif;
     font-family: "Raleway", sans-serif;
}

/* basic css end here */



/* header area css start here */

#header.sticky {
	padding: 0px 0;
	box-shadow: 0 0 10px #ddd;
}
.hero__brand-area {
	background: transparent !important;
}
#header {
	position: sticky;
	top: 0;
	transition: .3s;
	z-index: 999;
	background: #fff;
	padding: 5px 0;
}

.header__area {
	padding: 30px 0 36px 0;
}

.header__main {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header__logo img {
	width: 100%;
}

.full-canva .nice-select {
	border: none;
}

.header__right {
	display: flex;
	align-items: center;
}

.header__nav ul li {
	display: inline-block;
}

.header__nav ul li {
	display: inline-block;
	margin-right: 30px;
}

.header__nav ul li a {
	font-size: 24px;
	color: #000;
	position: relative;
	padding: 16px 0;
}

.header__nav ul li a:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right: 0;
	height: 6px;
	margin: auto;
	width: 0;
	background: var(--secondary-color);
	border-radius: 50px;
	transition: var(--transition);
}

.header__nav ul li a:hover {
	color: var(--secondary-color);
}

.header__nav ul li a:hover::after {
	width: 20px;
}

.header__nav ul li a.active {
	font-weight: 700;
	color: #006A81;
	position: relative;
}

.header__nav ul li a.active::after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right: 0;
	height: 6px;
	margin: auto;
	width: 20px;
	background: var(--secondary-color);
	border-radius: 50px;
	transition: var(--transition);
}

.header__select__menu {
	display: flex;
	align-items: center;
}

.header__select__menu select {
	background: transparent;
	border: none;
	font-size: 24px;
}
.header__select__menu .nice-select .option {
	font-size: 19px !important;
	padding: 5px 16px !important;
}
.header__select__menu .nice-select {
	font-size: 19px !important;
}
.header-que a i {
	height: 33px;
	width: 33px;
	font-size: 23px;
	background: var(--secondary-color);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 50%;
	margin: 0 20px;
}
.nice-select::after {
	border-bottom: 2px solid #000 !important;
	border-right: 2px solid #000 !important;
	height: 7px !important;
	width: 7px !important;
	right: 5px;
}

.btn.btn-primary:focus {
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5) !important;
}

.btn-close.text-reset {
	padding-top: 20px;
}

.btn-close.text-reset:focus {
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5) !important;
}

.header__reg__btn .btn__header:nth-child(1) {
	background: var(--secondary-color);
	color: #fff;
	margin-right: 10px;
}

.header__reg__btn .btn__header:nth-child(1):hover {
	background: transparent;
	border-color: var(--secondary-color);
	color: var(--secondary-color);
}

.header__reg__btn .btn__header:nth-child(2) {
	background: var(--extra-color);
	color: #000914;
}

.header__reg__btn .btn__header:nth-child(2):hover {
	background: transparent;
	border-color: #000914;
}

.btn__header {
	width: 250px;
	height: 80px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 32px;
	font-weight: 600;
	border-radius: 10px;
	border: 2px solid transparent;
	transition: .3s !important;
	;
}

/* header area css end here */



/* hero area css start here */

.hero-area {
	/*! overflow: hidden; */
}

.hero-content {
	margin-top: 60px;
}

.hero-text h3 {
	font-size: 48px;
	font-style: italic;
	font-weight: 700;
	color: var(--secondary-color);
}

.hero-text h1 {
	color: #006A81;
	font-size: 85px;
	font-weight: 700;
	margin-bottom: 25px;
}

.hero-ph li {
	font-size: 32px;
	margin-bottom: 30px;
}

.hero-ph {
	width: 80%;
}

.hero-btn a {
	font-size: 32px;
	color: #000;
	width: 300px;
	height: 100px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	margin-right: 15px;
}

.custom-btn a {
	font-size: 32px;
	color: #000;
	width: 300px;
	height: 100px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	margin-right: 15px;
	font-weight: 600;
	border: 2px solid transparent;
	transition: .3s !important;
}

.btn-pri {
	background: #19CCA3;
}

.btn-pri:hover {
	background: transparent;
	border-color: var(--primary-color);
}

.btn-sec {
	background: #FFFF00;
}

.btn-sec:hover {
	background: transparent;
	border-color: var(--primary-color);
}

.custom-btn {
	margin-top: 43px;
}

.hero-wrapper {
	position: relative;
}

.wrapper-worker {
	position: absolute;
	top: 0;
	left: -230px;
}

.wrapper-bg {
	position: absolute;
	top: 110px;
	left: -190px;
}

/* hero area css end here */



/* brands area css start here */

.brand-area {
	padding-top: 104px;
}

.brands-content {
	display: flex;
	justify-content: space-evenly;
	/*! margin-top: 50px; */
}

.brands-content img {
	width: 100%;
}

.area-intro h1 {
	font-size: 64px;
	font-weight: 700;
	color: #19CCA3;
}
#feedback {
	min-height: 1010px;
	display: flex;
	align-items: end;
	justify-content: center;
	position: relative;
	background-position: center bottom;
	background-size: cover;
}
.feedback-area {
	margin-bottom: 130px;
	max-width: 1200px;
}
.area-intro h3 {
font-family: Raleway;
font-size: 32px;
font-style: italic;
font-weight: 600;
line-height: 46px;
letter-spacing: -0.03em;
text-align: center;
	color: #006A81;

}

.single-brand {
	display: flex;
	justify-content: space-around;
}.single-brand {
	display: flex;
	justify-content: center;
	align-items: center;
	/*! margin-top: 65px; */
}

.brand-area .owl-dot span {
	display: none;
}

/* brands area css end here */



/* job info css start here */

.job-info {
	padding: 90px 0;
}

.job-info h1 {
	font-size: 64px;
	font-weight: 700;
	color: var(--secondary-color);
}

.job-info p {
	font-size: 24px;
	margin-top: 20px;
}

/* job info css end here */



/* job banner area css start here */

.job-banner {
	background-image: url(../img/page1/job-banner/job-banner.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px 0;
	position: relative;
}

.job-bn-text .custom-btn {
	margin-top: 40px;
}

.job-bn-text .custom-btn a {
	width: 395px;
}

.job-bn-text .custom-btn a:hover {
	border-color: var(--extra-color);
	color: var(--extra-color);
}

.job-bn-text a i {
	margin-left: 20px;
	font-size: 25px;
}

.job-bn-text h3 {
	color: #fff;
	font-style: italic;
	font-weight: 500;
	position: relative;
	padding-left: 80px;
}

.job-bn-text h3::before {
	position: absolute;
	content: '';
	left: 0;
	top: 44%;
	width: 70px;
	height: 5px;
	background-color: #fff;
}

.job-bn-text h1 {
	font-size: 64px;
	font-weight: bold;
	color: var(--extra-color);
}

.job-bn-text p {
	font-size: 24px;
	color: #fff;
	margin-top: 20px;
}

.job-worker-img {
	position: absolute;
	top: -164px;
}

/* job banner area css end here */



/* catagroy area css start here */


.catagory-text h5 {
	font-size: 28px;
	color: #000914;
	transition: .3s;
}

.catagory-text:hover h2 {
	color: #006A81;
}

.catagory-active .owl-dots {
	display: none;
}

.catagory-text.cat-two {
	background: #006A81;
}

.catagory-text.cat-two:hover h2 svg path {
	fill: #FFFF00;
}

.catagory-text.cat-two:hover h2 {
	color: #FFFF00;
}

.catagory-text.cat-two h5 {
	color: #fff;
}

.catagory-text.cat-two h2 {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.catagory-text.cat-three {
	background: #19CCA3;
}

.catagory-text.cat-three h2 {
	color: #000914;
}

.catagory-text.cat-three h5 {
	color: #000914;
}

.catagory-text.cat-three:hover h2 {
	color: #FFFF00;
}

.catagory-text.cat-three:hover h2 svg path {
	fill: #FFFF00;
}

.catagory-text svg path {
	transition: .3s;
}

.catagory-area {
	padding: 100px 0;
}

.catagory-content img {
	width: 100% !important;
}

.catagory-text h2 {
	font-size: 40px;
	font-weight: bold;
	color: #000914;
	transition: .3s;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.catagory-text h2:hover svg path {
	fill: #006A81;
}

.catagory-text svg {
	margin-left: 82px;
	transition: .3s
}

.catagory-text {
	padding: 34px 40px;
	background: #FFFF00;
	margin: 0 40px;
	border-radius: 10px;
	margin-top: -105px;
	position: relative;
	z-index: 9999;
	transition: .3s;
	border-color: 2px solid transparent;
}

.cat-intro h1 {
	font-size: 64px;
	font-weight: bold;
	color: var(--primary-color);
	text-align: center;
	position: relative;
	margin-bottom: 64px;
	padding-top: 32px;
}

.cat-intro h1:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	height: 10px;
	width: 139px;
	background: var(--extra-color);
	margin: auto;
}

.cat-content {
	position: relative;
}

.cat-img img {
	width: 100%;
}

.cat-info {
	padding: 0 40px;
}

.cat-text {
	max-width: 420px;
	margin: auto;
	border-radius: 10px;
	height: 140px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	bottom: -47px;
	left: 0;
	right: 0;
}

.cat-text.cat-one {
	background: var(--extra-color);
}

.cat-text.cat-two {
	background: var(--secondary-color);
	color: #fff;
}

.cat-text.cat-two a {
	color: #fff;
}

.cat-text.cat-three {
	background: var(--primary-color);
}

.cat-text h5 {
	font-size: 28px;
	color: #000;
}

.cat-txt-icon a {
	justify-content: space-between;
	font-size: 40px;
	font-weight: bold;
	color: #000;
	align-items: center;
	margin-left: 7px;
}

/* catagory area css end here */



/* service area css start here */

.service-area {
	padding: 75px 0;
}

.ser-text h3 {
	font-style: italic;
	font-weight: bold;
	color: var(--secondary-color);
	font-size: 45px;
	position: relative;
	padding-left: 76px;
}

.ser-img img {
	/*! width: 100%; */
}

.ser-text h3:after {
	position: absolute;
	content: '';
	left: 0;
	top: 44%;
	height: 5px;
	width: 70px;
	background: var(--extra-color);
}

.ser-text h1 {
	font-size: 64px;
	font-weight: bold;
	color: var(--primary-color);
}

.ser-listing {
	margin-top: 64px;
}

.ser-listing ul li {
	margin-bottom: 36px;
	font-size: 24px;
	display: flex;
	line-height: 25px;
}

.ser-listing svg {
	margin-right: 8px;
	width: 58px;
}

.service-content .custom-btn a {
	width: 480px;
	background: var(--secondary-color);
	color: #fff;
}

.service-content .custom-btn a:hover {
	background: transparent;
	border-color: var(--secondary-color);
	color: var(--secondary-color);
}

.service-content .custom-btn a i {
	margin-left: 20px;
}

/* service area css end here */



/* decision area css start here */

.deci-content.active .deci-btn button:nth-child(2) {
	margin-top: 30px;
	border: 2px solid #fff;
	background: transparent;
	color: #fff;
	transition: 0.3s;
}

.deci-content {
	margin-top: 76px;
	background: #19CCA3;
}

.deci-content.active {
	background: #006A81;
}

.deci-content.active ul li {
	color: #fff;
}

.deci-content.active ul li i {
	background: #fff;
	color: #006A81;
}

.deci-content.active h4 {
	color: #fff;
}

.decision-area {
	padding-bottom: 94px;
}

.deci-content {
	margin-top: 76px;
}

.deci-text {
	padding: 38px 50px;
	transition: var(--transition);
}

.deci-img img {
	width: 100%;
}

.deci-text h4 {
	font-size: 40px;
	font-weight: bold;
	color: #000914;
}

.deci-list {
	margin-top: 20px;
}

.deci-list li {
	font-size: 24px;
	color: #000914;
	margin-bottom: 28px;
	font-weight: 600;
	transition: var(--transition);
}

.deci-btn button {
	width: 100%;
}

.deci-list li i {
	width: 24px;
	height: 24px;
	border-radius: 50px;
	background: #000914;
	color: #fff;
	font-size: 16px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	transition: var(--transition);
}

.deci-btn button {
	width: 100%;
	height: 80px;
	border: 2px solid transparent;
	border-radius: 10px;
	font-size: 32px;
	font-weight: 600;
	transition: var(--transition);
}

.deci-btn button:nth-child(1) {
	background: var(--extra-color);
	border: 2px solid transparent;
}

.deci-btn button:nth-child(1):hover {
	border-color: #FFFF00;
	color: #FFFF00;
	background: transparent;
}

.deci-btn button:nth-child(2) {
	background: transparent;
	border: 2px solid #000914;
	margin-top: 30px;
	transition: 0.3s;
}

.deci-btn button:hover:nth-child(2) {
	background: #fff;
	color: #000;
	border-color: #fff;
}

.deci-middle h1 {
	font-size: 48px;
	font-weight: bold;
	font-style: italic;
	color: #000914;
}

/* decision area css end here */



/* step area css start here */

.step-area {
	position: relative;
	padding: 100px 0;
	overflow: hidden;
}

.step-area .row {
	position: relative;
	z-index: 99;
}

.step-content {
	position: relative;
	z-index: 999;
	margin-top: 62px;
}

.step-intro h1 {
	font-size: 64px;
	font-weight: bold;
	color: var(--secondary-color);
	text-transform: uppercase;
	position: relative;
	z-index: 9999;
}

.step-text h1 {
	font-size: 34px;
	color: var(--secondary-color);
	font-weight: bold;
}

.step-bg-end {
	position: absolute;
	right: 0;
	top: -20px;
	display: none;
}

.step-text p {
	font-size: 24px;
	margin-top: 11px;
}

.step-area .custom-btn {
	margin-top: 73px;
}

.step-area .custom-btn a {
	width: 480px;
	background: var(--extra-color);
}

.step-area .custom-btn a i {
	margin-left: 20px;
}

/* step area css end here */



/* testimonial area css start here */

.testimonial-area {
	padding-top: 63px;
	padding-bottom: 100px;
}

.test-intro h3 {
	font-size: 48px;
	color: #000914;
	font-weight: 600;
	font-style: italic;
	text-transform: uppercase;
	position: relative;
	padding-top: 10px;
}

.test-active {
	position: relative;
}

.test-intro h3::after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	width: 100px;
	height: 5px;
	margin: auto;
	background: var(--extra-color);
	top: 0;
}

.test-intro h1 {
	font-size: 64px;
	font-weight: bold;
	color: var(--primary-color);
}

.test-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.test-user h1 {
	font-size: 36px;
	font-weight: bold;
	color: var(--primary-color);
}

.test-img {
	position: relative;
}

.test-user {
	position: absolute;
	bottom: 24px;
	right: -120px;
}

.test-user span {
	font-size: 24px;
}

.test-svg-end {
	width: 94%;
	text-align: end;
}

.test-text p {
	font-size: 36px;
	font-weight: 200;
	font-style: italic;
}

.owl-nav button i {
	height: 50px;
	width: 50px;
	background: #CACACA;
	color: #fff;
	font-size: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	transition: var(--transition);
}

.owl-nav button i:hover {
	background: var(--secondary-color);
}

.owl-prev {
	position: absolute;
	bottom: 190px;
	left: 0;
}

.owl-next {
	position: absolute;
	bottom: 190px;
	right: 0;
}

.owl-dot span {
	width: 53px;
	height: 9px;
	background: #99C3CD;
	display: block;
	/*! opacity: 44%; */
	margin-right: 8px;
}

.owl-dot.active span {
	background: #006A81;
	opacity: 100%;
	border: 0;
	box-shadow: none;
}

.owl-dots {
	margin-left: 372px;
}

/* testimonial area css end here */



/* feedback area css start here */

.feedback-area .area-intro h3 {
	font-size: 40px;
	margin-bottom: 8px;
}

.feedback-area .area-intro h1 {
	font-size: 88px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Raleway;
font-size: 96px;
font-weight: 700;
line-height: 92px;
letter-spacing: -0.06em;
text-align: center;
color: #FFFF00;
	text-shadow: 2px 2px 4px #3333333d;

	margin-bottom: 9px;
}

.area-intro p {
font-family: Raleway;
font-size: 32px;
font-weight: 600;
line-height: 38px;
text-align: center;
	color: #fff;

}

.feedback-thumb img {
	width: 100%;
	margin-top: 20px;
}

/* feedback area css end here */


/* feature area css start here */

.feature-area {
	padding: 100px 0;
}

.feat-content {
	border: 5px solid var(--secondary-color);
	margin-top: 79px;
	padding: 50px 43px;
	text-align: center;
	cursor: pointer;
	transition: var(--transition);
}

.feat-content:hover {
	border-color: var(--primary-color);
}

.feat-content:hover a {
	border-color: var(--primary-color);
}

.feat-listing {
	text-align: left;
}

.feat-text h1 {
	font-size: 35px;
	font-weight: bold;
	padding-bottom: 55px;
	border-bottom: 1px solid #000;
}

.feat-text h4 {
	font-size: 28px;
	color: var(--secondary-color);
	font-style: italic;
	font-weight: 600;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.feat-text p {
	font-size: 24px;
	height: 215px;
}

.feat-listing ul li {
	font-size: 24px;
	margin-bottom: 24px;
}

.feat-listing ul li i {
	color: var(--secondary-color);
	margin-right: 15px;
}

.feat-text a {
	font-size: 32px;
	font-weight: 600;
	color: #000;
	display: flex;
	height: 80px;
	justify-content: center;
	align-items: center;
	border: 3px solid var(--secondary-color);
	border-radius: 10px;
	margin-top: 54px;
}

.long-btn-bottom a {
	display: flex;
	justify-content: center;
	font-size: 32px;
	font-weight: 600;
	color: #000;
	height: 80px;
	align-items: center;
	background: var(--extra-color);
	margin-top: 50px;
}

.long-btn-bottom a i {
	margin-left: 20px;
}

/* feature area css end here */



/* music area css start here */

.music-area {
	padding-bottom: 100px;
}

.music-intro h1 {
	font-size: 64px;
	color: var(--secondary-color);
	font-weight: bold;
	margin-bottom: 50px;
}

.music-content {
	display: flex;
	gap: 20px;
	background: var(--secondary-color);
	padding: 20px;
	position: relative;
	transition: var(--transition);
	margin-bottom: 30px;
	cursor: pointer;
}

.music-content:hover {
	background: var(--primary-color);
}

.music-content:hover .music-text {
	color: #000914;
}

.music-content:hover .music-reload span {
	color: #000914;
}

.music-content:hover .music-reload i {
	color: #000914;
}

.music-content:hover .music-time {
	color: #000914;
}

.music-content:hover a {
	color: #000914;
}

.playlist {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 35px;
	margin-top: 5px;
}

.music-bar {
	width: 100%;
	height: 6px;
	background: #fff;
	position: relative;
}

.music-bar:after {
	position: absolute;
	content: '';
	left: 0;
	height: 100%;
	width: 30%;
	background: var(--extra-color);
}

.music-text {
	display: flex;
	color: #fff;
	flex: auto;
	margin-top: 24px;
	transition: var(--transition);
}

.music-text h1 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 4px;
}

.music-left {
	width: 83%;
}

.music-left b {
	font-size: 16px;
	display: inline-block;
	padding-right: 15px;
}

.playlist a i {
	height: 15px;
	width: 15px;
	border: 1px solid;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 8px;
}

.music-text a {
	color: #fff;
}

.music-right {
	display: flex;
	align-items: end;
}

.music-reload {
	position: relative;
	padding: 0 20px;
}

.music-reload i {
	font-size: 25px;
}

.music-reload i {
	color: #fff;
	transition: var(--transition);
}

.music-reload span {
	color: #fff;
	transition: var(--transition);
}

.music-reload span {
	position: absolute;
	font-size: 12px;
	top: 12px;
	left: 39px;
}

.music-time {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin-right: 25px;
	transition: var(--transition);
}

.spotify-icon {
	position: absolute;
	right: 20px;
}

.spotify-icon a {
	font-size: 30px;
	display: inline-block;
	color: #fff;
}

.music-area .long-btn-bottom a {
	background: #000914;
	color: #fff;
	border-radius: 10px;
	margin-top: 20px;
}

/* music area css end here */



/* faq area css start here */

.faq-area {
	padding: 100px 0;
	background: #19CCA3;
}

.faq-area .area-intro h3 {
	color: #fff;
}

.faq-area .area-intro h1 {
	color: #000914;
}

.faq-accordion {
	margin-top: 45px;
}

.accordion-item {
	border: none;
	margin-bottom: 20px;
}

.faq-area .accordion-item button {
	height: 100px;
	font-weight: bold;
}

/* faq area css end here */

.scroll-header .logo {
	display: none;
}
.header__logo {
  position: relative;
}
.header__df_btn a {
  width: 200px;
  height: 50px;
  background: #FFFF00;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 15px;
  line-height: 91.5%;
  color: #000914;
  transition: .3s;
  border: 2px solid #FFFF00;
  border-top-color: rgb(255, 255, 0);
  border-right-color: rgb(255, 255, 0);
  border-bottom-color: rgb(255, 255, 0);
  border-left-color: rgb(255, 255, 0);
}
.header__df_btn a svg {
  max-width: 15px;
  margin-left: 10px;
}
.header__df_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: none;
  transition: .3s;
}
.scroll-header .header__df_btn {
  display: block;
}

/* -------------------------------------- Footer AREA START -------------------------------- */
.footer {
    padding-top: 100px;
    background: #0D0D0D;
}

.footer-bottom {
    border-top: 1px solid #FFFFFF;
    padding-top: 38px;
    padding-bottom: 46px;
}

.footer-bottom h5 {
    font-weight: 300;
    font-size: 24px;
    line-height: 186.5%;
    color: #FFFFFF;
    margin-bottom: 1px;
}

.footer-bottom p {
    font-weight: 400;
    font-size: 20px;
    line-height: 160.5%;
    color: #FFFFFF;
}

.footer-top {
    padding-bottom: 45px;
}

.footer-item {
    margin-bottom: 30px;
}

.footer-item h4 {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    color: var(--primary-color);
    margin-bottom: 16px;
    transition: .3s;
}

.footer-item ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 6px;
}

.footer-item ul li a {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.2;
    color: #FFFFFF;
    display: block;
    margin-bottom: 16px;
    transition: .3s;
}

.footer-item ul li a:hover {
    color: #FF0;
}

.footer-top .col-lg-3 {
    width: auto;
}

.footer-top .row {
    justify-content: space-between;
}

.footer-social {
    display: flex;
    margin-bottom: 16px;
}.footer-social img {
	width: 44px;
}

.footer-social a {
    max-width: 51px;
    margin-right: 17px;
}

.lang_with_quesrion {
    display: none;
    align-items: center;
}

.lang_with_quesrion .puestion-mark {
    margin-left: 30px;
}

/* -------------------------------------- Footer AREA END -------------------------------- */






.faq-area .accordion-button:focus {
	z-index: 3;
	border-color: transparent;
	outline: 0;
	box-shadow: none;
}

.header__select__menu .nice-select {
	border: none;
	padding: 0 20px 0 8px;
}

.item-text .nice-select {
	width: 100%;
	color: #141414;
	margin-bottom: 30px;
	border: 2px solid #525252;
	border-radius: 10px;
	font-size: 24px;
	font-weight: 400;
	line-height: 38px;
	letter-spacing: 0em;
	height: 54px;
	display: flex;
	align-items: center;
	margin-top: 3px;
}

.item-text .nice-select::after {
	border-bottom: 2px solid #000000 !important;
	border-right: 2px solid #000000 !important;
	content: '';
	display: block;
	height: 10px !important;
	margin-top: -4px;
	right: 18px !important;
	top: 47% !important;
	width: 10px !important;
}

.item-text .nice-select:hover {
	border-color: #006A81;
}

.item-text .nice-select ul {
	width: 100%;
}

.item-bottom {
	margin-top: 30px;
}

.item-area .col-xl-4.custom-col {
	width: 33%;
}

.item-select-box .row {
	justify-content: space-between;
}

.item-search {
	position: absolute;
	top: 25px;
	right: -80px;
	display: none;
}

/* offcanvas menu css start here */

.full-canva {
	display: none;
}

.btn-primary {
	color: #000;
	background-color: transparent;
	border-color: transparent;
	font-size: 30px;
}

.btn-primary:hover {
	color: #000;
	background-color: transparent;
	border-color: transparent;
}

.offcanvas-body ul li a {
	font-size: 25px;
	font-weight: 700;
	color: #000;
	padding: 20px 0;
	display: block;
	border-bottom: 1px solid #000;
}

.offcanvas-body ul li a:hover {
	padding-left: 30px;
}

.offcanvas-body .header__reg__btn {
	margin-top: 30px;
}

.full-canva select {
	background: transparent;
	border: none;
	margin-right: 30px;
	font-size: 24px;
}

.offcanvas-body ul {
	text-align: left;
}

.deci-content.active .deci-btn button:hover:nth-child(2) {
	background: #fff;
	color: #000;
}

/* offcanvas menu css end here */
.header__area i {
	font-size: 24px;
}


/* page 2 area css start here */

.item-content {
	position: relative;
}

.item-area {
	padding: 80px 0;
	background: #F1F1F1;
}

.item-box {
	background: #fff;
	box-shadow: 2px 2px 20px #d1d1d1;
	padding: 33px 56px 0;
}

.item-heading h1 {
	font-size: 44px;
	color: var(--secondary-color);
	font-weight: 600;
	margin-bottom: 40px;
}

.item-area select {
	width: 83%;
	background: top;
	border: 1px solid #525252;
	border-radius: 10px;
	height: 50px;
	padding: 0 20px;
	font-weight: 600;
}

.reset-btn {
	display: flex;
	flex-direction: column;
}

.reset-btn a.reset {
	color: #18CBA3;
	font-size: 26px;
	font-weight: 700;
	padding: 10px 13px;
}

.single-box h4 {
	font-size: 24px;
}

.item-search a i {
	height: 50px;
	width: 50px;
	background: var(--extra-color);
	color: #000;
	font-size: 30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.item-text.search-tab {
	display: flex;
	align-items: end;
	gap: 20px;
}

.item-left {
	width: 100%;
}

.item-text.search-tab select {
	width: 82%;
}

.item-bottom h4 {
	font-size: 20px;
	margin-top: -20px;
	color: #C341CE;
	font-weight: bold;
	padding-bottom: 10px;
}


/* construct area start here */

.construct-area {
	padding: 100px 0;
}

.construct-content {
	padding: 0;
	box-shadow: 2px 2px 20px #d1d1d1;
	height: 100%;
	position: relative;
	margin-bottom: 130px !important;
}

.construct-content.cans_Sec .construct-btn {
  position: unset;
}
.construct-content.cans_Sec {
  margin: 0 !important;
}
.box__link {
	padding: 20px;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.construct-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 78px;
}

.construct-heading h4 {
	font-size: 32px;
	font-weight: 400;
	color: #495A62;
}

.construct-heading a {
  width: auto;
  padding: 0 30px;
}
.construct-heading a img {
  margin-right: 10px;
}
.construct-heading a {
	height: 67px;
	width: 313px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: var(--primary-color);
	border-radius: 10px;
	color: #000;
	font-weight: bold;
	font-size: 30px;
	border: 2px solid transparent;
	transition: var(--transition) !important;
}

.construct-heading a:hover {
	background: #fff;
	border-color: var(--primary-color);
}

.construct-heading span {
	font-weight: bold;
	color: var(--primary-color);
}

.construct-img img {
	width: 100%;
	transition: .3s;
}

.construct-content:hover .construct-img img {
	transform: scale(1.2);
}

.construct-text h1 {
	font-size: 32px;
	font-weight: 600;
	color: var(--secondary-color);
	margin: 20px 0 10px 0;
	height: auto;
	border-bottom: 1px solid #939393;
	padding-bottom: 12px;
}

.construct-text h3 {
	font-size: 28px;
	font-weight: bold;
	color: var(--primary-color);
}

.construct-text h5 {
	font-size: 24px;
	color: #525252;
	font-weight: 300;
}
.construct-btn span svg {
	margin-right: 8px;
	height: 30px;
}
.construct-btn {
	position: fixed;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
	width: 91%;
}
.construct-btn span {
	height: 80px;
	background: var(--extra-color);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	font-weight: bold;
	color: #000;
	border-radius: 10px;
	margin-top: 20px;
	border: 2px solid transparent;
	transition: var(--transition);
	width: 100%;
}

.construct-content:hover span {
	background: transparent;
	border-color: var(--extra-color);
}

.construct-listing li {
	margin-bottom: 6px;
	font-size: 21px;
	color: #525252;
}

.construct-listing li svg {
  margin-right: 6px;
}
.construct-listing {
	margin-top: 15px;
	padding-left: 10px;
}

.cons-btn-container {
	margin-top: 50px;
}

.btn-box {
	font-size: 36px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cons-btn-container button {
	background: #FFFFFF !important;
	border: 2px solid #006A81 !important;
	border-radius: 15px !important;
	height: 70px;
	width: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 54px;
	text-align: center;
	color: #000000;
	margin: 0 9px;
	transition: 0.3s;
}

.cons-btn-container button:hover {
	background: var(--secondary-color) !important;
	color: #fff;
}

button.active_pegination_btn {
	background: var(--secondary-color) !important;
	color: #fff;
}

/* construct area end here */



/* prot-area start here */

.prot-box {
	padding: 88px 97px;
	border: 5px solid var(--primary-color);
	border-radius: 10px;
}

.box-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.box-content h1 {
	font-size: 56px;
	font-weight: 400;
}

.box-content h1 span {
	color: var(--secondary-color);
}
.box-content h1 {
	color: #000 !important;
}
.box-content span {
	color: #000 !important;
}
.box-content h1 b {
	color: var(--primary-color);
}

.prot-btn i {
	margin-left: 10px;
}

.prot-btn {
	width: 282px;
	height: 100px;
	display: flex;
	justify-content: center;
	font-size: 32px;
	align-items: center;
	color: #000;
	background: var(--primary-color);
	border-radius: 10px;
	border: 2px solid transparent;
	transition: var(--transition);
}

.prot-btn:hover {
	background: transparent;
	border-color: var(--primary-color);
	color: #000;
}

.protfolio-box {
	padding-bottom: 100px;
}

/* prot-area end here */

/* page 2 area css end here */


.ser-listing ul li i {
	width: 24px;
	height: 24px;
	background: #28EBCF;
	color: #fff;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 15px;
}

.list-icon {
	margin-right: 10px;
}

.construct-img {
	overflow: hidden;
}

.item-select-box .option.selected.focus {
	font-weight: 600;
}



/* hum-area-start */

.hum {
	background: #F9F8F8;
	padding-top: 60px;
}

.reg {
	background: #F9F8F8;
	padding-top: 60px;
	padding-bottom: 114px;
}

.hum__btn {
	background: #F9F8F8;
	border: 3px solid #D9D9D9;
	border-radius: 10px;
	width: 240.3px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hum__btn a:hover {
	color: #000;
}

.hum__btn a {
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color: #777777;
	display: flex;
	align-items: center;
}

.home-svg path {
	transition: .3s;
}

.home-svg path:hover {
	fill: #000;
}

.hum__btn span {
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color: #777777;
	margin-left: 15px;
	padding-right: 10px;
	display: flex;
}

/* hum-area-end */


/* reg-area-start */

.reg__box {
	background: #FFFFFF;
	box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
	border-radius: 10px;
	padding: 50px 80px;
}

.reg__title {
	text-align: center;
}

.reg__title h3 {
	font-weight: 700;
	font-size: 60px;
	line-height: 75px;
	text-transform: uppercase;
	color: #19CCA3;
	margin-bottom: 10px;
}

.reg__title p {
	font-weight: 600;
	font-size: 24px;
	line-height: 47px;
	color: #000914;
	/*! font-family: 'DM Sans'; */
	margin-bottom: 20px;
}

.reg__title {
	margin-bottom: 10px;
}

.reg__box-flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.single__reg {
	width: 50%;
	padding: 0 60px;
	position: relative;
	/*! border-right: 1px solid #ABABAB; */
	text-align: center;
}

.single__reg:before {
	position: absolute;
	content: "";
	background: #ABABAB;
	height: 85%;
	bottom: 0;
	right: 0;
	width: 2px;
}

.single__reg:last-child:before {
	display: none;
}

.reg__img {
	margin-bottom: 55px;
}

.reg__text h3 {
	font-weight: 700;
	font-size: 48px;
	line-height: 56px;
	text-align: center;
	color: #006A81;
	margin-bottom: 10px;
}

.reg__text p {
	/*! font-family: 'DM Sans'; */
	font-style: italic;
	font-weight: 400;
	font-size: 23px;
	line-height: 36px;
	text-align: center;
	color: #000000;
}

.reg__last-text {
	padding-top: 60px;
}

.reg__last-text p {
	font-weight: 400;
	font-size: 28px;
	line-height: 42px;
	color: #000000;
}

.reg__last-text p a {
	font-style: italic;
	font-weight: 400;
	font-size: 32px;
	line-height: 42px;
	text-decoration-line: underline;
	color: #006A81;
}

/* reg-area-end */


/* video-area-start */

.video:before {
	position: absolute;
	content: "";
	background: #19CCA3;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.video__flex {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 9;
	flex-wrap: wrap;
}

.video:after {
	position: absolute;
	content: "";
	background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
	opacity: 0.5;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.video__left {
	width: 70%;
}

.video__hero a img {
	width: 100%;
}

.video {
	padding-top: 60px;
}

.video__hero {
	margin-bottom: 40px;
}

.video__ll {
	overflow-x: scroll;
	padding: 20px 0;
	width: 96%;
	margin: auto;
}

.video__hero-tab {
	background: #FFFFFF;
	box-shadow: 15px 15px 55px 10px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	height: 111px;
	display: flex;
	align-items: center;
	/*! padding: 0 20px; */
	position: relative;
	margin-bottom: 85px;
	/*! overflow-x: scroll; */
	overflow: hidden;
}

.video__hero-tab ul li {
	/*! display: inline-block; */
	display: block ruby;
}

.video__ll ul {
	display: flex;
}

.video__hero-tab ul li a {
	padding-right: 38px;
	font-weight: 700;
	font-size: 21px;
	line-height: 91.5%;
	color: #909090;
	display: block;
}

.button.selected {
	color: #5FC8A4;
}

.video__hero-tab:before {
	position: absolute;
	content: "";
	background: #ADADAD;
	opacity: 0.55;
	border-radius: 20px;
	height: 7px;
	width: 97%;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 24px;
	display: none;
}

.video__hero-tab li a {
	position: relative;
}

.video__hero-tab li a.active::before {
	position: absolute;
	content: "";
	background: #19CCA3;
	border-radius: 20px;
	height: 7px;
	width: 100%;
	left: 0;
	bottom: -21px;
	display: none;
}

.tem__title h3 {
	font-weight: 600;
	font-size: 47px;
	line-height: 91.5%;
	color: #1E1E1E;
	margin-bottom: 45px;
}

.tem__title a {
	width: 430.49px;
	height: 80px;
	background: #FFFF00;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 32px;
	line-height: 91.5%;
	color: #000914;
	transition: .3s;
	border: 2px solid #FFFF00;
}

.tem__title a:hover {
	background: transparent;
	border-color: var(--primary-color);
}

.tem__title.ss button {
  width: 430.49px;
  height: 80px;
  background: #FFFF00;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 32px;
  line-height: 91.5%;
  color: #000914;
  transition: .3s;
  border: 2px solid #FFFF00;
}
.tem__title.ss button:hover {
  background: transparent;
  border-color: var(--primary-color);
}
.tem__title a svg {

	margin-left: 15px;
}
.tem__title.ss button svg {
	margin-left: 15px;
}
.tem__title a img {
	margin-left: 13px;
}

.tem__title {
	margin-bottom: 70px;
}

/* video-area-end */





/* The container */
.containerse {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.containerse input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 4px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerse:hover input~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerse input:checked~.checkmark {
	background-color: #006A81;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.containerse input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.containerse .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}







.video__right {
	width: 27.6%;
	position: absolute;
	top: 0;
	right: 0;
}

.video__right-box {
	background: #FFFFFF;
	box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
	border-radius: 10px;
	padding: 15px 25px;
	margin-bottom: 50px;
}

.video__detail {
	display: flex;
	align-items: center;
	padding: 25px 35px;
	border-bottom: 1px solid #F1F1F1;
}

.video__detail-text {
	width: 85%;
}

.video__detail-img {
	margin-right: 14px;
}

.video__detail-text h3 {
	font-weight: 600;
	font-size: 24px;
	line-height: 91.5%;
	letter-spacing: -0.07em;
	color: #006A81;
	margin-bottom: 8px;
}

.video__detail-text span {
	font-weight: 400;
	font-size: 16px;
	line-height: 91.5%;
	color: #939393;
	display: block;
	margin: 0;
}

.video__form-title {
	margin-bottom: 20px;
	text-align: center;
}

.video__form-title h3 {
	font-weight: 700;
	font-size: 34px;
	line-height: 120.5%;
	text-align: center;
	letter-spacing: -0.05em;
	color: #19CCA3;
	margin-bottom: 5px;
}

.video__form-title p {
	font-weight: 500;
	font-size: 15px;
	line-height: 113%;
	text-align: center;
	letter-spacing: -0.035em;
	color: #4F4F4F;
	margin: 0;
}

.video__form-input input {
	background: #FFFFFF;
	border: 2px solid #006A81;
	border-radius: 10px;
	height: 80px;
	width: 100%;
	padding: 0 20px;
	font-weight: 400;
	font-size: 21px;
	line-height: 113%;
	color: #777777;
}
input:focus-visible {
	outline: 2px solid #006A81;
}
.video__form-input {
	margin-bottom: 10px;
	position: relative;
}

.video__form-input a {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	background: #19CCA3;
	border-radius: 10px;
	height: 55px;
	width: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video__form-check {
	margin-top: 15px;
	margin-bottom: 20px;
}

.video__form-check label {
	font-weight: 400;
	font-size: 16px;
	line-height: 139.5%;
	color: #777777;
}

.video__form-check label span {
	color: #777777;
	height: 16px;
	width: 16px;
	border-radius: 2px;
}

.vaide__form-btn {
	margin-bottom: 25px;
}

.vaide__form-btn button {
	background: #FFFF00;
	border-radius: 10px;
	width: 100%;
	height: 80px;
	font-weight: 600;
	font-size: 32px;
	line-height: 91.5%;
	color: #000000;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #FFFF00;
	transition: 0.3s;
}

.vaide__form-btn button:hover {
	background: transparent;
	border-color: var(--primary-color);
}

.vaide__form-btn button img {
	margin-left: 12px;
	width: 25px;
}

.single__tem-box {
	padding: 25px 50px;
	background: #FFFFFF;
	box-shadow: 12px -6px 55px rgba(0, 0, 0, 0.09);
	border-radius: 10px;
	margin-bottom: 20px;
}

.single__tem-box h3 {
	font-weight: 700;
	font-size: 48px;
	line-height: 56px;
	color: #006A81;
	margin-bottom: 10px;
}

.single__tem-box p {
	font-weight: 400;
	font-size: 24px;
	line-height: 40px;
	letter-spacing: -0.04em;
	color: #000000;
	margin-bottom: 15px;
}

.single__tem-box ul li {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	font-weight: 400;
	font-size: 24px;
	line-height: 31px;
	color: #000000;
}

.single__tem-box li img {
	margin-right: 13px;
}

.single__tem-box li:last-child {
	margin: 0;
}

.single__tem-box.actives h3 {
	color: #19CCA3;
}

.video {
	padding-bottom: 0;
	position: relative;
}

.map__title-flex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}

.map__title h3 {
	font-weight: 700;
	font-size: 64px;
	line-height: 75px;
	color: #006A81;
	margin-bottom: 35px;
}

.map__title p {
	font-weight: 400;
	font-size: 28px;
	line-height: 36px;
	color: #000000;
	margin: 0;
}

.map__location p {
	font-weight: 700;
	font-size: 24px;
	line-height: 31px;
	color: #000000;
}

.map__location p span {
	color: #26CDA7;
}

.map__btns {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 50px;
}



.location__flex {
	display: flex;
	align-items: center;
}

.location__flex a {
	background: #FFFFFF;
	border: 3px solid #19CCA3;
	border-radius: 10px;
	width: 450px !important;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 32px;
	line-height: 91.5%;
	color: #000000;
	margin-right: 20px;
}

.location__flex a svg {
	margin-right: 20px;
}

.location__flex a img {
	margin-right: 18px;
}

.location__flex .nice-select {
	background: #FFFFFF;
	border: 3px solid #19CCA3;
	border-radius: 10px;
	width: 450px;
	height: 100px;
	display: flex;
	align-items: center;
	padding: 0 44px;
	font-weight: 600;
	font-size: 32px;
	line-height: 91.5%;
	color: #000000;
}

.location__flex .nice-select::after {
	width: 14px;
	height: 14px;
	top: 45% !important;
	right: 40px;
	border-color: #006A81;
}

.map__btns a {
	background: #FFFFFF;
	border: 3px solid #19CCA3;
	border-radius: 10px;
	width: 260px;
	font-weight: 600;
	font-size: 32px;
	line-height: 91.5%;
	text-align: center;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.location__flex a {
	font-weight: 600;
	font-size: 32px;
	line-height: 91.5%;
	text-align: center;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.map__btns a img {
	margin-right: 18px;
}

#test {
	height: 644px;
}

.maps {
	padding: 80px 0;
	background: #F8F8F8;
}

.com {
	padding-top: 130px;
}

.com-box {
	background: #FFFFFF;
	box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
	border-radius: 10px;
	height: 416px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.com__content {
	text-align: center;
	width: 940px;
}

.com__content h3 {
	font-weight: 700;
	font-size: 64px;
	line-height: 75px;
	text-align: center;
	color: #006A81;
	margin-bottom: 70px;
	position: relative;
}

.com__content h3:before {
	position: absolute;
	content: "";
	background: #19CCA3;
	height: 2px;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.com__content h3 span {
	position: relative;
	background: #fff;
	padding: 0 30px;
}

.com__content a {
	width: 460px;
	height: 120px;
	background: #006A81;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	font-weight: 600;
	font-size: 32px;
	line-height: 91.5%;
	color: #FFFFFF;
}

.com__content a img {
	margin-right: 20px;
}

.term {
	padding-top: 60px;
}

.term__title {
	margin-bottom: 40px;
}

.term__title h3 {
	font-weight: 800;
	font-size: 64px;
	line-height: 75px;
	color: #006A81;
	margin: 0;
}

.term__flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.single__term {
	width: 29.9%;
	background: #FFFFFF;
	border: 5px solid #19CCA3;
	box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
	border-radius: 10px;
	margin-bottom: 50px;
	padding-top: 49px;
	padding-bottom: 27px;
}

.term__img {
	height: 92px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.term__text {
	text-align: center;
}

.term__text h3 {
	font-weight: 600;
	font-size: 36px;
	line-height: 42px;
	text-align: center;
	color: #000000;
	margin-bottom: 5px;
}

.term__text p {
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	text-align: center;
	color: #939393;
	margin: 0;
}

.term__flex.mb-85 {
	justify-content: start;
}

.term__flex.mb-85 .single__term {
	margin-bottom: 0;
	margin-right: 80px;
}

.term {
	padding-bottom: 40px;
}

.job {
	padding-top: 90px;
	padding-bottom: 140px;
	background: #1ACBA3;
	position: relative;
}
.bg_shape-img {
	position: absolute;
	bottom: -18%;
	z-index: 1;
}
.job_inner_wrapper {
	position: relative;
	z-index: 2;
}
.job__title h4 {
	font-style: italic;
	font-weight: 700;
	font-size: 48px;
	line-height: 62px;
	text-align: center;
	color: #003232;
}

.job__title h3 {
	font-weight: 700;
	font-size: 64px;
	line-height: 75px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}

.job__socail {
	margin-top: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.job__socail a i {
	width: 69px;
	height: 69px;
	background: #003232;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #1ACBA3;
	font-size: 39px;
	border-radius: 50%;
}

.job__socail .face-icon i {
	background: transparent;
	color: #003232;
	font-size: 71px;
}

.job__socail a {
	margin: 0 10px;
}

.job__title {
	margin-bottom: 80px;
}

.job__box {
	background: #FFFFFF;
	box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
	border-radius: 10px;
	padding: 80px 124px;
}

.job__box h3 {
	font-weight: 700;
	font-size: 42px;
	line-height: 49px;
	color: #006A81;
	margin-bottom: 30px;
}

.job__box ul {
	list-style: decimal;
	padding-left: 30px;
	margin-bottom: 30px;
}

.job__box li {
	font-weight: 400;
	font-size: 32px;
	line-height: 42px;
	color: #000000;
}

.job__box p {
	font-weight: 400;
	font-size: 32px;
	line-height: 42px;
	color: #000000;
	margin-bottom: 30px;
}

.job__box a {
	color: #000000;
	background: #FFFF00;
	border-radius: 10px;
	max-width: 400px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 32px;
	line-height: 91.5%;
	color: #000000;
	margin-top: 40px;
	transition: .3s;
}

.job__box a:hover {
	background: #006A81;
	color: #fff;
}

.construct-heading h3 {
	text-align: center;
	display: flex;
	justify-content: center;
	width: 100%;
	font-weight: 700;
	font-size: 68px;
	line-height: 80px;
	text-align: center;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #000000;
}






.construct-heading i {
	margin-right: 7px;
}

.team__fx {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.video__right-box.video-ri-box--sec {
  width: 27.6%;
  margin-top: -90px;
}

.team__wrap {
	width: 70%;
}

.team__area {
	padding-top: 40px;
	padding-bottom: 40px;
}

.nice-select .list {
	width: 100% !important;
}

.nice-select .option {
	padding-top: 5px !important;
	padding-bottom: 7px !important;
	font-size: 24px !important;
}











.popup__menu__blk ul li {
    display: inline-block;
    padding: 0 10px;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}

.popup__menu__blk ul li a {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 91.5%;
    color: #909090;
    display: inline-block;
    padding: 0 30px;
    padding-bottom: 20px;
    border-bottom: 5px solid transparent;
}

.popup__menu__blk {
    background: #FFFFFF;
    mix-blend-mode: normal;
    box-shadow: 15px 15px 55px 10px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding-top: 35px;
    padding-bottom: 15px;
    position: relative;
    margin-top: 40px;
}

.popup__menu__blk::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.popup__menu__blk {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}


.popup__menu__blk nav ul {
    display: flex;
}

.popup__menu__blk ul li:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    content: '';
    background: #D2D2D2;
    z-index: -1;
}

.popup__menu__blk ul li:last-child:before {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.popup__menu__blk ul li:first-child:before {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.video__area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 65px;
    padding-bottom: 50px;
}

.popup__menu__blk ul li.active a {
    border-color: #00C8C6;
    color: #00C8C6;
}


.popup__menu__blk {
	background: #FFFFFF;
	mix-blend-mode: normal;
	box-shadow: 15px 15px 55px 10px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	padding-top: 35px;
	padding-bottom: 15px;
	position: relative;
	margin: 40px 0;
}

.popup__menu__blk nav ul {
	display: flex;
}
.popup__menu__blk ul li {
	display: inline-block;
	padding: 0 10px;
	flex: 0 0 auto;
	position: relative;
	z-index: 1;
}
.popup__menu__blk ul li::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	content: '';
	background: #D2D2D2;
	z-index: -1;
}.popup__menu__blk ul li.active a {
	border-color: #5FC8A4;
	color: #5FC8A4;
}.popup__menu__blk ul li a {
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 91.5%;
	color: #909090;
	display: inline-block;
	padding: 0 30px;
	padding-bottom: 20px;
	border-bottom: 5px solid transparent;
}

.video__thumb {
	position: relative;
	filter: drop-shadow(-12px 12px 55px rgba(0, 0, 0, 0.25));
}.video__thumb .play__btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.single__registr__input label {
	margin-bottom: 5px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-style: normal;
	font-weight: 400;
	font-size: 19px;
	line-height: 113%;
	color: #777777;
}
.uploadFile {
	overflow: hidden;
	position: relative;
	resize: none;
	background: #FFFFFF;
	border: 2px solid #006A81;
	border-radius: 12px;
	margin-top: 10px;
	padding: 5px 20px;
	padding-right: 8px;
}
.single__registr__input label {
	font-style: normal;
	font-weight: 400;
	font-size: 19px;
	line-height: 113%;
	color: #777777;
	height: 80px;
}.dream__job__card .single__registr__input input {
	color: #777777;
}.uploadFile [type="file"] {
	cursor: pointer !important;
	display: block;
	font-size: 999px;
	filter: alpha(opacity=0);
	min-height: 100%;
	min-width: 100%;
	opacity: 0;
	position: absolute;
	right: 0px;
	text-align: right;
	top: 0px;
	z-index: 1;
}
.video__thumb img {
	width: 100%;
	height: 100%;
}

#thevideo iframe {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 18/10;
	height: 100%;
	left: 0;
	outline: none;
	position: relative;
	top: 0;
	width: 100%;
}


.videoCoverImage button {
  background: transparent;
  border: 0;
  box-shadow: unset;
  padding: 0 !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}

.location__inp {
  position: relative;
  margin-right: 20px;
}
.location__inp input {
  background: #FFFFFF;
  border: 3px solid #19CCA3;
  border-radius: 10px;
  width: 450px;
  height: 100px;
  display: flex;
  align-items: center;
  padding: 0 44px;
  font-weight: 600;
  font-size: 32px;
  line-height: 91.5%;
  color: #000000;
  padding-left: 100px;
}
.location__inp span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 60px;
}
input,focus {
  outline: none;
}








/*====================================faq--page-ecurio--style--start=====================================*/

.help__area {
  padding: 190px 0;
  background: linear-gradient(90deg, #006A81 26.9%, #19CCA3 100%);
  position: relative;
}
.man__img {
  position: absolute;
  bottom: 0;
  right: 9%;
}

.help__content {
  max-width: 1020px;
}
.help_search {
  position: relative;
}
.help__content h4 {
  font-family: Raleway;
  font-size: 64px;
  font-weight: 700;
  line-height: 102px;
  letter-spacing: 0em;
  color: #fff;
  margin-bottom: 20px;
}
.help_search input {
  width: 100%;
  height: 100%;
  box-shadow: 4px 4px 33px 0px #0000001F;
  border-radius: 10px;
  border: 0;
  font-family: DM Sans;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0em;
  color: #777777;
  padding-left: 92px;
  padding-right: 15px;
}
.help_search {
  width: 100%;
  height: 100px;
}
.searh__icn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
}

/*cart--aera--stryle--start*/

.cart__area {
  position: relative;
  padding-top: 50px;
  padding-bottom: 100px;
}
.job__sisngle__box.last-job__box {
	margin: 0;
}
.cart__single__box {
  width: 32.1%;
  border: 5px solid #19CCA3;
  border-radius: 10px;
  display: flex;
  height: 200px;
  box-shadow: 12px 12px 55px 0px #0000001A;
}
.cart__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.cart__icon img {
  width: 100%;
}
.cart__icon {
  width: 91px;
  display: flex;
}
.cart_tx p {
  margin: 0;
  font-family: Raleway;
  font-size: 36px;
  font-weight: 600;
  line-height: 58px;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  margin-left: 33px;
}
.cart__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80px;
}

.job__sisngle__box {
  width: 33%;
}
.job__fx {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
}

.jobs__title h2 {
  font-family: Raleway;
  font-size: 64px;
  font-weight: 700;
  line-height: 102px;
  letter-spacing: 0em;
  text-align: justified;
  color: #006A81;
  display: inline-block;
  position: relative;
}
.jobs__title h2:before {
  position: absolute;
  width: 110%;
  height: 3px;
  background: #19CCA3;
  content: "";
  left: 0;
  bottom: 0;
}
.jobs__title {
  margin-bottom: 30px;
}
.job__box__title h4 {
  font-family: Raleway;
  font-size: 40px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: 0em;
  color: #000914;
  margin-bottom: 30px;
}
.job__sisngle__box ul li button {
  display: flex;
  align-items: center;
  position: relative;
  font-family: DM Sans;
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.02em;
  color: #4B4B4B;
  padding-left: 30px;
  margin-bottom: 15px;
  background: #fff;
  border: 0;
  text-align: left;
}
.job__sisngle__box ul li button span {
  position: absolute;
  top: -3px;
  left: 0;
}
.job__sisngle__box {
  border-right: 1px solid #939393;
  margin-bottom: 60px;
  min-height: auto;
}
.job__sisngle__box:nth-child(3) {
  border: 0;
  padding-left: 20px;
  border-left: 1px solid #939393;
}
.job__sisngle__box:nth-child(2) {
  padding-left: 20px;
  border-right: 0;
}
.job__sisngle__box:nth-child(5) {
  margin: 0;
  border: 0;
  padding-left: 20px;
}
.job__box__title ul {
	margin-right: 20px;
}
.job__sisngle__box:nth-child(4) {
  margin: 0;
}
.job__wrap.job__wrap-sec {
  margin-top: 100px;
}
.job__sisngle__box.last-job__box {
	border: 0;
}
/*cart--aera--stryle--end*/


/*====================================faq--page-ecurio--style--end=====================================*/



/*chckbox--style--start*/
.form-group {
  display: block;
  margin-bottom: 15px;
}

.form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-group label {
  position: relative;
  cursor: pointer;
}

.form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 8px;
  width: 6px;
  height: 14px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
/*chckbox--style--end*/




/*====================================Register Login - Ecurio--page-ecurio--style--start=====================================*/


.login__bt__link {
  width: 173px;
  height: 60px;
  border: 3px solid #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  color: #777 !important;
}
.home_bt {
  margin-right: 8px;
}
.home_arrow {
  margin-right: 8px;
}

.login__box {
  width: 100%;
  box-shadow: 12px 12px 55px 0px #00000017;
  background: #fff;
  border-radius: 10px;
  padding-top: 74px;
  padding-bottom: 94px;
  padding-left: 48px;
  padding-right: 48px;
}
.account__tx {
  text-align: right;
  margin-bottom: 54px;
}
.account__tx p {
  margin: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0em;
  color: #000000;
}
.account__tx p a {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0em;
  color: var(--primary-color);
}
.login_title {
  max-width: 1000px;
  margin: auto;
  text-align: center;
}
.login_title h3 {
  font-family: Raleway;
  font-size: 64px;
  font-weight: 700;
  line-height: 75px;
  letter-spacing: 0em;
  text-align: center;
  color: var(--primary-color);
  margin-bottom: 73px;
}
.login__form {
  max-width: 1000px;
  margin: auto;
}
.login_single__inp label {
  display: flex;
  font-family: Raleway;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  color: #323232;
  margin-bottom: 10px;
}
.login_single__inp input {
  width: 100%;
  height: 100px;
  border: 3px solid #003F45;
  border-radius: 10px;
  padding: 0 20px;
  font-family: Raleway;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  color: #323232;
}
.login_single__inp {
  margin-bottom: 24px;
}
.pass {
  position: relative;
}
.pass span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  font-size: 20px;
  color: #6F6F6F;
}

.login__check .form-group label::before {
  width: 24px;
  height: 24px;
  padding: 0;
  border-color: #999;
  top: -2px;
  margin-right: 13px;
}
.login__check label {
  font-family: DM Sans;
  font-size: 24px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
  color: #000;
}
.form-group {
  margin: 0;
}
.login__check .form-group input:checked + label::after {
  width: 7px;
  height: 14px;
  top: 8px;
}
.forget__tx a {
  font-family: DM Sans;
  font-size: 24px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: right;
  color: #006A81;
}
.login__check__fx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.login__btn a:hover {
	border: 2px solid #FFFF00;
	color: #FFFF00;
	background: transparent;
}
.login__btn a {
  width: 100%;
  height: 100px;
  background: #FFFF00;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-family: Raleway;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  color: #000;
  border: 2px solid transparent;
  transition: .3s;
}
.login__btn {
  padding-bottom: 69px;
  margin-bottom: 60px;
  border-bottom: 1px solid #6F6F6F;
}
.login__social a {
  width: 59px;
  height: 59px;
  display: flex;
  align-items: center;
  margin: 0 30px;
}
.login__social a img {
  width: 100%;
  height: 100%;
}

.login__social {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login__area {
  padding-top: 60px;
  background: #F9F8F8;
  padding-bottom: 100px;
}
.login__top__bt {
  margin-bottom: 60px;
}
/*====================================Register Login - Ecurio--page-ecurio--style--end=====================================*/





/*====================================Schedule a Web Demo Page - Ecurio--page-ecurio--style--start=====================================*/
.iti-flag {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");
}
  .iti-flag {
      background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags@2x.png");
    }

.web__box {
  width: 100%;
  position: relative;
  max-width: 886px;
}
.web__wrap {
  max-width: 1307px;
  position: relative;
  box-shadow: 12px 12px 55px 0px #00000017;
  padding: 70px;
  border-radius: 10px;
}
.web__area {
  padding: 100px 0;
  background: #F8F8F8;
}
.web__area.pt-200 {
	padding-top: 200px;
}
.web__title h2 {
  font-family: Raleway;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: -0.025em;
  text-align: left;
  color: #006A81;
  margin-bottom: 35px;
}
.web__title p {
  font-family: DM Sans;
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
  color: #001B1A;
  margin-bottom: 35px;
}
.web__single__form {
  height: 80px;
  width: 49%;
  position: relative;
  margin-bottom: 30px;
}
.web__single__form input {
  width: 100%;
  height: 100%;
  border: 3px solid #19CCA3;
  border-radius: 10px;
  font-family: Raleway;
  font-size: 21px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  padding-left: 27px;
  padding-right: 20px;
}
.web__form__fx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.web__input_tx p {
  font-family: DM Sans;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  margin-bottom: 30px;
}
.web__input_tx p a {
  font-weight: 500;
  color: var(--primary-color);
}
.web__btn a:hover {
	background: transparent;
	border: 2px solid #FFFF00;
	color: #292923;
}
.web__btn a {
  width: 100%;
  height: 100px;
  background: #FFFF00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Raleway;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  border: 2px solid transparent;
  transition: .3s;
}

.web__ri_box {
  max-width: 602px;
  background: #19CCA3;
  padding-left: 67px;
  padding-right: 40px;
  padding-top: 140px;
  padding-bottom: 140px;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.web__ri_box h4 {
  font-family: Raleway;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.035em;
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 58px;
}
.web__ri_box ul li img {
	margin-right: 13px;
}
.web__ri_box ul li {
  display: flex;
  align-items: center;
  font-family: DM Sans;
  font-size: 22px;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
  margin-bottom: 30px;
}
.web__ri_box ul li:last-child {
  margin: 0;
}
.web__posi {
  position: relative;
}
/*====================================Schedule a Web Demo Page - Ecurio--page-ecurio--style--end=====================================*/








/*====================================Registration Page 3 - Ecurio - OP1--page-ecurio--style--start=====================================*/


.unser__wrap {
  max-width: 1598px;
  margin: auto;
  box-shadow: 12px 12px 55px 0px #00000017;
}
.unser__lf {
  width: 37.7%;
  background: #EAFAF7;
  border-radius: 10px 0 0 10px;
  padding-bottom: 97px;
}
.profile__menu {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 64px;
}
.profile__menu h4 {
  font-family: Raleway;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 29px;
  color: #001B1A;
}
.profile__menu ul li {
  display: flex;
  align-items: center;
  font-family: DM Sans;
  font-size: 22px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  color: #001B1A;
  margin-bottom: 25px;
}
.profile__menu ul li:last-child {
  margin: 0;
}
.profile__menu ul li img {
  max-width: 22px;
  margin-right: 14px;
}




.unser__ri {
  width: 62.3%;
  background: #FFFFFF;
  padding-top: 57px;
  padding-right: 43px;
  padding-left: 58px;
  padding-bottom: 55px;
}
.unser__wrap {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.unser__ri h6 {
  font-family: DM Sans;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-bottom: 20px;
  color: #000000;
}
.unser__single__form {
  width: 48.6%;
  height: 80px;
  position: relative;
  margin-bottom: 17px;
}
.unser__single__form input {
  width: 100%;
  height: 100%;
  border: 3px solid #9B9B9B;
  border-radius: 10px;
  font-family: Raleway;
  font-size: 21px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #000;
  padding: 0 27px;
}
.unser__form__fx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.unser__single__form.frm-wd {
  width: 100%;
}
.unser__single__form.frm-wd .nice-select {
  width: 100%;
  height: 100%;
  border: 3px solid #9B9B9B;
  display: flex;
  align-items: center;
  padding: 0 27px;
  font-family: Poppins;
  font-size: 21px;
  font-weight: 300;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: left;
  border-radius: 10px !important;
}
.unser__single__form input::placeholder {
  opacity: 1;
}
.unser__single__form.frm-wd .nice-select::after {
	width: 12px !important;
	height: 12px !important;
	border-color: #9B9B9B !important;
	right: 34px;
}


.unser__tx p {
  font-family: DM Sans;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  color: #777777;
  margin-bottom: 17px;
}
.unser__tx p a {
  color: #19CCA3;
  font-weight: 500;
}
.unser__bt a:hover {
	background: transparent;
	border: 2px solid #FFFF00;
	color: #000914;
}
.unser__bt a {
  width: 100%;
  height: 71px;
  background: #FFFF00;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-family: Raleway;
  font-size: 28px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: 0em;
  text-align: center;
  color: #000914;
  transition: .3s;
  border: 2px solid transparent;
}
.unser__area {
	padding: 100px 0;
	background: #F8F8F8;
}

.profile__img {
  width: 100%;
  position: relative;
}
.profile__img img {
  width: 100%;
}

.profile_tx p {
  margin: 0;
  font-family: Raleway;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.045em;
  text-align: center;
  color: #FFFFFF;
  max-width: 175px;
  position: absolute;
}
.profile_tx {
  width: 215px;
  height: 215px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #00C8C6;
  position: absolute;
  top: -15px;
  right: -15px;
  border-radius: 190px 0px 190px 190px;
}
.profile__img {
  overflow: hidden;
}
.sicher__lf ul li a i {
	color: #006A81;
	margin-right: 32px;
}
.sicher__lf ul li a {
  font-family: DM Sans;
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.sicher__wrap {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.sicher__area {
  padding: 100px 0;
  background: #ffff;
}
.sicher__lf ul li:last-child a {
	margin: 0;
}

.sicher__ri a {
  width: 232px;
  display: flex;
  align-items: center;
  margin-left: 32px;
}
.sicher__ri {
  display: flex;
  align-items: center;
}
/*====================================Registration Page 3 - Ecurio - OP1--page-ecurio--style--end=====================================*/





/*useful--aera--start*/

.useful__lf {
  width: 47.5%;
}
.useful___ri {
  width: 49.4%;
}
.useful__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.useful__area {
  padding-top: 96px;
  padding-bottom: 80px;
  position: relative;
}
.useful__content span {
  font-family: Raleway;
  font-size: 32px;
  font-style: italic;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 10px;
  color: #19CCA3;
  display: block;
}
.useful__content h4 {
  font-family: Raleway;
  font-size: 48px;
  font-weight: 600;
  line-height: 49px;
  letter-spacing: -0.025em;
  text-align: left;
  color: #000000;
  margin-bottom: 13px;
  border-bottom: 2px solid #939393;
  padding-bottom: 8px;
}
.useful__content h2 {
  font-family: Raleway;
  font-size: 64px;
  font-weight: 700;
  line-height: 75px;
  letter-spacing: 0em;
  text-align: left;
  color: #006A81;
  margin-bottom: 37px;
}
.useful__content p {
  font-family: DM Sans;
  font-size: 24px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  margin-bottom: 45px;
}
.useful__content a:hover {
	background: transparent;
	border: 2px solid #FFFF00;
}
.useful__content a {
  width: 100%;
  height: 80px;
  background: #FFFF00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: center;
  color: #000914;
  transition: .3s;
  border: 2px solid transparent;
}
.useful___ri img {
  width: 100%;
  border-radius: 10px;
}

.download__top a {
  font-family: DM Sans;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: center;
  display: block;
  width: 100%;
  position: relative;
  color: #006A81;
}
.download__top a:before {
  position: absolute;
  width: 43%;
  border: 3px solid #19CCA3;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.download__top a:after {
  position: absolute;
  width: 43%;
  border: 3px solid #19CCA3;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.download__top {
  margin-bottom: 40px;
}
.download__title h2 {
  font-family: Raleway;
  font-size: 56px;
  font-weight: 700;
  line-height: 66px;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  margin-bottom: 60px;
}

.download__box {
  max-width: 500px;
  box-shadow: 12px 12px 55px 0px #00000017;
  border-radius: 10px;
}
.download_img img {
  width: 100%;
  border-radius: 10px;
}
.download_img {
  width: 100%;
}
.download__ct {
  padding: 32px 50px 50px 50px;
  text-align: center;
}
.download__ct h3 {
  font-family: Raleway;
  font-size: 44px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 4px;
}
.download__ct p {
  font-family: DM Sans;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 24px;
  color: #525252;
}
.download__ct a img {
	margin-left: 10px;
}
.download__ct a:hover {
	background: transparent;
	border: 2px solid #006A81;
	color: #006A81;
}
.download__ct a {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #006A81;
  border-radius: 10px;
  font-family: Raleway;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
  transition: .3s;
  border: 2px solid transparent;
}
.download__ct a i {
  margin-left: 15px;
  color: #19CCA3;
}
.download_area {
  padding-bottom: 100px;
}
/*useful--aera--end*/


/*mein--aera--stayle--start*/

.mein__lf {
  width: 49.1%;
}
.mein__ri {
  width: 49.9%;
  box-shadow: 12px 12px 55px 0px #00000017;
  box-shadow: 12px 12px 35px 0px #00000026;
  background: #fff;
  padding: 70px 36px;
  border-radius: 10px;
}
.mein__lf h3 {
  font-family: Raleway;
  font-size: 48px;
  font-weight: 600;
  line-height: 49px;
  letter-spacing: 0em;
  text-align: left;
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 2px solid #939393;
}
.mein__lf h2 {
  font-family: Raleway;
  font-size: 64px;
  font-weight: 700;
  line-height: 75px;
  letter-spacing: -0.04em;
  text-align: left;
  margin-bottom: 30px;
  color: #006A81;
}
.mein__img {
  max-width: 662px;
  margin-bottom: 30px;
}
.mein__img img {
  width: 100%;
}
.mein__ct h4 {
  font-family: Raleway;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  color: #000;
  margin-bottom: 20px;
}
.mein__ct p {
  font-family: DM Sans;
  font-size: 24px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
  color: #000;
  margin-bottom: 30px;
}
.main__single__box {
  width: 31.7%;
  height: 199px;
  background: #FFFF00;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  text-align: center;
  border-radius: 10px;
}
.main__single__box p {
  margin: 0;
  font-family: DM Sans;
  font-size: 22px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: center;
  color: #000;
}
.mein__box__fx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.unser__single__form.frm-wd.mein__inp input {
  border-color: #19CCA3;
  color: #000000;
}
.unser__single__form.frm-wd.mein__inp .nice-select {
  border-color: #19CCA3;
}
.mein__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mein___check label {
  font-family: DM Sans;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  display: flex;
  align-items: center;
  padding-left: 32px;
}
.mein___check .form-group label::before {
  padding: 0;
  width: 22px;
  height: 22px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 3px;
  background: #00C8C6;
  border: 0;
  border-radius: 4px;
}
.mein___check {
  margin-bottom: 26px;
}
.mein___check .form-group input:checked + label::after {
  border-color: #fff;
  top: 5px;
}
.warning__tx p {
  font-family: DM Sans;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color: #000;
  position: relative;
  padding-left: 32px;
  margin-bottom: 18px;
}
.warning__tx p span {
  position: absolute;
  left: 0;
  color: #006A81;
}
.unser__tx.main__btm__tx p {
  margin-bottom: 20px;
}
.main__btm__btn a:hover {
	background: transparent;
	border: 2px solid #006A81;
	color: #006A81;
}
.main__btm__btn a {
  width: 100%;
  height: 100px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #006A81;
  border-radius: 10px;
  font-family: Raleway;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: center;
  transition: .3s;
  border: 2px solid transparent;
}
.main__btm__btn a img {
  margin-left: 18px;
}
.unser__single__form.frm-wd.mein__inp.mar {
	margin-bottom: 46px;
}
.mein__area {
	padding-top: 67px;
	padding-bottom: 167px;
}
.unser__single__form.frm-wd.mein__inp {
	margin-bottom: 30px;
}
/*mein--aera--stayle--end*/


/*dein--aera--style--start*/

.dein__area {
  padding-top: 56px;
  padding-bottom: 64px;
}
.dein__lf {
  width: 48.2%;
}
.dein__ri {
  width: 44.5%;
}
.download__box.dein_box {
  width: 100%;
  max-width: 100%;
}
.download__box.dein_box .download__ct a img {
  margin-left: 15px;
  max-width: 30px;
}
.dein__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.dein__lf h3 {
  font-family: Raleway;
  font-size: 64px;
  font-weight: 700;
  line-height: 75px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 30px;
  color: #006A81;
}
.dein__lf h5 {
  margin-bottom: 33px;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: 0em;
  text-align: left;
  color: #19CCA3;
}
.dein__menu {
  margin-bottom: 34px;
}
.dein__btm__tx h3 {
  font-family: Raleway;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: -0.035em;
  text-align: left;
  margin-bottom: 20px;
  color: #006A81;
}
.dein__btm__tx p {
  font-family: DM Sans;
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
  margin: 0;
  color: #000000;
}
.dein__btm__tx p a {
  font-family: DM Sans;
  font-size: 28px;
  font-style: italic;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
  color: #19CCA3;
}

.download__ct.deni__ct h3 {
  font-family: Raleway;
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
  letter-spacing: 0em;
  text-align: center;
  color: #19CCA3;
}

.dein__menu ul li {
  font-family: DM Sans;
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
  padding-left: 38px;
  color: #000000;
  margin-bottom: 30px;
}
.dein__menu ul li:last-child {
  margin: 0;
}
.dein__menu ul li span {
  position: absolute;
  left: 0;
  top: 0;
}
.download__ct.deni__ct p {
	color: #000;
}
/*dein--aera--style--end*/
.job__sisngle__box.mar-nn {
	margin: 0;
}




.web__country__select {
  width: 100%;
  height: 100%;
}
.iti__flag {
scale: 1.4 !important;;
  margin-right: 7px !important;;
}
.web__country__select .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
  width: 100%;
  height: 100%;
}
.iti__arrow {
	border-left: 6px solid transparent !important;;
	border-right: 6px solid transparent !important;;
	/*! border-top: 6px solid #555 !important; */;
}
.web__country__select .iti__selected-flag {
  padding-right: 10px;
  padding-left: 31px;
}
.web__country__select input {
  padding-left: 80px !important;
}
.iti__dropdown-content input {
  padding-left: 20px !important;
  background: transparent;
}
.web__country__select .iti.iti--allow-dropdown {
	width: 100%;
	height: 100%;
}



.con__map #test {
  width: 100%;
  height: 100%;
}
.con__map {
  height: 100%;
}








.modal-dialog {
  max-width: 1727px;
}
.pop__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.pop__right {
  background: #19CCA3;
  border-radius: 20px;
  padding: 80px 70px;
  width: 37.7%;
  min-height: 724px;
}
.pop__right-text h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  color: #FFFFFF;
  padding-bottom: 20px;
  border-bottom: 1px solid #E2F814;
  margin-bottom: 20px;
}
.pop__right-text li {
  display: block;
  font-weight: 400;
  font-size: 26px;
  line-height: 142%;
  color: #000000;
  display: flex;
  margin-bottom: 6px;
}
.pop__right-text li span {
  background: #FFFF00;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  font-size: 10px;
  justify-content: center;
  margin-top: 8px;
  margin-right: 8px;
}
.pop__left {
  width: 62%;
  padding: 0 65px;
}
.pop__left-text h3 {
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  color: #19CCA3;
  border-bottom: 1px solid #AEAEAE;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.pop__left-text p {
  font-weight: 400;
  font-size: 28px;
  line-height: 123.5%;
  color: #000000;
  margin-bottom: 0;
}
.pop__left-text {
  margin-bottom: 50px;
}
.pop__left-in {
  position: relative;
}
.pop__left-in input {
  background: #FFFFFF;
  border: 3px solid #006A81;
  border-radius: 10px;
  height: 80px;
  width: 100%;
  padding: 0 28px;
  font-weight: 600;
  font-size: 21px;
  line-height: 27px;
  color: #000000;
}
.pop__like {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
.pop__like a {
  background: #FFFF00;
  border-radius: 6px;
  height: 30.07px;
  display: flex;
  align-items: center;
  margin-left: 13px;
  padding: 0 7px;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #000000;
}
.pop__like a i {
  margin-right: 5px;
}
.pop__like a.green {
  background: #19CCA3;
  color: #fff;
}
.modal-header {
  padding: 0;
  border: 0;
  position: absolute;
  right: 29px;
  top: 26px;
}
.modal-header button {
  color: #fff !important;
  opacity: 1;
}






.modal-dialog.wd-600 {
  max-width: 626px;
}
.modal-dialog.wd-600 .video__right-form {
  padding: 50px;
}

.modal-dialog.wd-600 .video__form-title h3 {
  max-width: 400px;
  margin: auto;
  margin-bottom: 15px;
}



.pop__right-text li p {
  margin: 0;
  width: 94%;
}



.item-text input {
  width: 100%;
  height: 54px;
  border: 2px solid #525252;
  border-radius: 10px;
  padding: 0 20px;
  margin-bottom: 30px;
}





.loc__btns.toggle .loc__btns-in {
  display: none;
}
.loc__btns-in2 {
  display: none !important;
}
.loc__btns.toggle .loc__btns-in2 {
  display: flex !important;
}

.loans.activee {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.loans.activee .loc {
  display: block;
  /*! height: 778px; */
  /*! overflow-y: scroll; */
  /*! padding: 20px 20px; */
  width: 34%;
}
.loans.activee .loc-wd {
  width: auto;
}
.loans.activee .loc-non {
  display: block;
  width: 64%;
  height: calc(100vh - 70px);
  /*! padding: 20px; */
  position: sticky;
  top: 70px;
}



.loc.activee .row {
  display: block;
}
.loc.activee {
  height: 789px;
  overflow: hidden;
}

.loc-non {
  display: none;
}


.loc {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.loc-wd {
  max-width: 31.3%;
  margin-bottom: 50px;
  position: relative;
}
.loans.activee .loc-wd {
  max-width: 100%;
}



/* contact-area-start */

.web__wrap.contact__form {
  padding: 0;
  /*! padding-bottom: 35px; */
  max-width: unset;
}
.contact__title--box {
  height: 290px;
  background: #19CCA3;
  border-radius: 10px;
  text-align: center;
}
.contact__title--img img {
  margin-top: -85px;
  margin-bottom: 9px;
  filter: drop-shadow(0px -4px 19.5px rgba(0, 0, 0, 0.16));
  border: 3px solid #006A81;
  border-radius: 50%;
}
.contact__title--text h3 {
  font-weight: 700;
  font-size: 44px;
  line-height: 52px;
  color: #FFFFFF;
  margin-bottom: 4px;
}
.contact__title--text span {
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  color: #FFFFFF;
  display: block;
  margin-bottom: 4px;
}
.contact__title--text a {
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  color: #FFFFFF;
  font-family: 'DM Sans';
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact__title--text a img {
  margin-right: 8px;
}
.web__wrap.contact__form .web__form {
  padding: 35px 80px;
}
.contact__form--title h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 47px;
  color: #001B1A;
  text-align: center;
  margin: 0;
}
.contact__form--title {
  margin-bottom: 30px;
}
.web__wrap.contact__form .web__input_tx p {
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  text-align: center;
  color: #9B9B9B;
  font-family: 'DM Sans';
}

.web__wrap.contact__form .web__single__form input {
  border: 3px solid #9B9B9B;
}
/* contact-area-end */




/* forget-area-start */

.forget__box {
  background: #FFFFFF;
  box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
  border-radius: 10px;
  padding: 50px 80px;
}
.forget {
  padding: 100px 0;
  background: #F8F8F8;
}
.forget__img {
  text-align: center;
  margin-bottom: 25px;
}
.forget__img img {
  border-radius: 50%;
  border: 3px solid #19CCA3;
}
.forget__img a {
  width: 220px;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.forget__text {
  text-align: center;
}
.forget__text h3 {
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
  color: #006A81;
  margin-bottom: 8px;
}
.forget__text p {
  font-style: italic;
  font-weight: 500;
  font-size: 36px;
  line-height: 42px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #525252;
}

.forter__content {
  margin-bottom: 40px;
}
.forget__form label {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  color: #19CCA3;
  margin-bottom: 4px;
}
.forget__btn {
  display: flex;
  margin-top: 35px;
  justify-content: end;
}
.forget__form .web__single__form {
  height: auto;
  width: 100%;
  /*! border-color: #777777; */
}
.forget__form .web__single__form input {
  height: 80px;
  width: 100%;
  border-color: #777;
}
.forget__btn button {
  width: 430.49px;
  height: 80px;
  background: #FFFF00;
  border-radius: 10px;
  font-weight: 600;
  font-size: 32px;
  line-height: 91.5%;
  color: #000914;
  transition: 0.3s;
  border: 2px solid #FFFF00;
}
.forget__btn button:hover {
	background: transparent;
	border-color: #000914;
}
.forget__btn button img {
  margin-left: 16px;
}

.contact__pop {
  position: relative;
  background: #FFFFFF;
  box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
  border-radius: 10px;
  width: 100%;
  max-width: 1600px;
  margin: auto;
  /*! display: flex; */
  align-items: center;
  padding: 80px;
  text-align: center;
}
.contact__pop--content img {
  margin-bottom: 20px;
}
.contact__pop--content h3 {
  font-weight: 700;
  font-size: 64px;
  line-height: 75px;
  color: #006A81;
  margin-bottom: 12px;
}
.contact__pop--content p {
  font-weight: 600;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -0.02em;
  color: #525252;
  margin: 0;
}
/* forget-area-end */


.related_faq_selected.related_quest::before {
	opacity: 1;
}

.pop__right-text p:before {
  position: absolute;
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  width: 20px;
  background: #FFFF00;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  font-size: 10px;
  justify-content: center;
  margin-top: 8px;
  margin-right: 8px;
  left: 0;
  opacity: .5;
}
.pop__right-text p {
  font-weight: 400;
  font-size: 26px;
  line-height: 142%;
  color: #000000;
  display: flex;
  margin-bottom: 6px;
  position: relative;
  padding-left: 28px;
  cursor: pointer;
}


.job__box__title ul li {
  display: flex;
  align-items: start;
  position: relative;
  font-family: DM Sans;
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.02em;
  color: #4B4B4B;
  padding-left: 30px;
  margin-bottom: 15px;
  background: #fff;
  border: 0;
  text-align: left;
  padding: 0;
  cursor: pointer;
}
.job__box__title ul li img {
  margin-right: 15px;
  margin-top: 4px;
}




scrollbar .scrollbar-thumb, [scrollbar] .scrollbar-thumb, [data-scrollbar] .scrollbar-thumb {
	background: #5FC8A4 !important;
	border-radius: 4px;
	height: 8px;
	left: 0;
	position: absolute;
	top: -1px !important;
	width: 8px;
}
scrollbar .scrollbar-track-x, [scrollbar] .scrollbar-track-x, [data-scrollbar] .scrollbar-track-x {
	bottom: 14px;
	height: 8px;
	left: 0;
	width: 100%;
	background: #D2D2D2 !important;
	opacity: 1 !important;
	visibility: visible !important;
}















/*BildungsKiez--page--style--start*/

.uber__area {
    padding-top: 95px;
    padding-bottom: 100px;
    background: #006A81;
}

.uber__title h2 {
    font-family: Nunito Sans;
    font-size: 64px;
    font-weight: 700;
    line-height: 58.56px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
    margin-bottom: 70px;
}

.uber__single__box {
    border: 1px solid rgba(204, 204, 204, 1);
    background: #FFFFFF;
    padding: 28px 20px 25px 20px;
    position: relative;
    border-radius: 10px;
    margin: 0 10px;
}

.uber__single__box.bg-wd {
  width: 573px;
}
.uber__single__box.sm-wd {
  width: 417px;
}
.uber__img {
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: auto;
}

.uber__img img {
    width: 100%;
    height: 100%;
}

.check {
    position: absolute;
    max-width: 20px;
    height: auto !important;
    width: auto !important;
    top: 5px;
    right: 0;
}

.uber__box__ct {
    text-align: center;
}

.uber__top__ts h3 {
    font-family: Nunito Sans;
    font-size: 32px;
    font-weight: 700;
    line-height: 29.28px;
    text-align: center;
    margin: 10px 0;
    color: #006A81;
}

.uber__top__ts h6 {
    font-family: Nunito Sans;
    font-size: 20px;
    font-weight: 600;
    line-height: 18.3px;
    text-align: center;
    margin-bottom: 14px;
    color: #19CCA3;
}

.uber__box__fx span {
    font-size: 16px;
    font-weight: 400;
    line-height: 16.08px;
    text-align: left;
    color: rgba(147, 147, 147, 1);
    padding: 0 20px;
    height: 33px;
    display: flex;
    align-items: center;
    border-right: 1px solid rgba(204, 204, 204, 1);
    font-family: "DM Sans", sans-serif;
}

.uber__box__fx {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.uber__box__fx span:last-child {
    border: 0;
}

.uber__box__fx {}

.uber__top__ts p {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.33px;
    text-align: center;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 18px;
    font-family: "DM Sans", sans-serif;
}

.uber__btm__tx {
    padding-top: 14px;
    border-top: 1px solid rgba(204, 204, 204, 1);
}

.uber__btm__tx h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 16.08px;
    text-align: left;
    color: rgba(147, 147, 147, 1);
    display: flex;
    align-items: center;
    font-family: "DM Sans", sans-serif;
}

.uber__btm__tx h5 span {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00B4FF;
  border-radius: 50%;
  margin-right: 8px;
}











/*packet--area--style-start*/

.paket__area {
  padding: 100px 0;
  background: #F5F5F5;
}
.packet__title {
  text-align: center;
}
.packet__title h3 {
  font-family: Nunito Sans;
  font-size: 48px;
  font-style: italic;
  font-weight: 600;
  line-height: 65.47px;
  letter-spacing: -0.035em;
  text-align: center;
  margin: 0;
  color: rgba(0, 0, 0, 1);
}
.packet__title h2 {
  font-family: Nunito Sans;
  font-size: 64px;
  font-weight: 700;
  line-height: 87.3px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #006A81;
  margin-bottom: 28px;
}
.packet-link {
  width: 440px;
  height: 80px;
  background: #fff;
  border: 3px solid rgba(147, 147, 147, 1);
  border-radius: 10px;
  margin: 0 15px;
  padding: 0;
  font-family: Nunito Sans;
  font-size: 32px;
  font-weight: 600;
  line-height: 29.28px;
  text-align: center;
  color: rgba(0, 9, 20, 1);
}
.packet-tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 47px;
}
.packet-link.active {
  background: #19CCA4;
  color: #fff;
  border-color: transparent;
}
.packet__tab__body {
  padding: 52px;
  box-shadow: 12px 12px 55px 0px rgba(0, 0, 0, 0.09);
  background: rgba(255, 255, 255, 1);
  border-radius: 20px;
}
.packet__body_title h3 {
  text-align: center;
  font-family: Nunito Sans;
  font-size: 40px;
  font-weight: 600;
  line-height: 54.56px;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 46px;
  color: rgba(0, 0, 0, 1);
}
.packet__lf__top h6 {
  font-family: Nunito Sans;
  font-size: 32px;
  font-weight: 700;
  line-height: 43.65px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-bottom: 7px;
  color: #006A81;
}
.packet__lf__top h4 {
  font-family: Raleway;
  font-size: 64px;
  font-weight: 800;
  line-height: 75.14px;
  letter-spacing: -0.02em;
  text-align: left;
  color: rgba(0, 168, 107, 1);
  margin-bottom: 30px;
  display: flex;
  align-items: end;
}
.packet__lf__top h4 span {
  font-family: Nunito Sans;
  font-size: 32px;
  font-weight: 600;
  line-height: 43.65px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}
.alli {
  padding: 14px 10px;
  background: #B8EFE2;
  border-radius: 10px;
  position: relative;
}
.alli p {
  font-size: 24px;
  font-weight: 400;
  line-height: 28.8px;
  letter-spacing: -0.02em;
  text-align: left;
  margin: 0;
  align-items: center;
  font-family: "DM Sans", sans-serif;
}
.alli p img {
  margin-right: 8px;
}
.packet__lf {
  width: 46.2%;
}
.alli.ali-sec p img {
  position: absolute;
  left: 0;
  top: 0;
}
.alli.ali-sec {
  padding-left: 55px !important;
  padding: 0;
  background: transparent;
  margin-top: 20px;
}
.packet__lf__tx {
  margin-top: 36px;
}
.packet__lf__tx p {
  font-size: 28px;
  font-weight: 600;
  line-height: 33.6px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 38px;
  font-family: "DM Sans", sans-serif;
}
.packet__lf__tx a {
  width: 452px;
  height: 75px;
  background: #FFFF00;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  transition: .3s;
  color: #000000;
  border-radius: 10px;
  font-family: Montserrat;
  font-size: 28px;
  font-weight: 600;
  line-height: 34.13px;
  text-align: center;
  font-family: "Raleway", sans-serif;
}
.packet__lf__tx a:hover {
  background: transparent;
  border: 2px solid #F38599;
  color: #F38599;
}
.packet__ri {
  width: 42.7%;
}
.packet__ri h5 {
  font-family: Nunito Sans;
  font-size: 32px;
  font-weight: 600;
  line-height: 43.65px;
  text-align: left;
  color: #006A81;
  margin-bottom: 17px;
}
.packet__ri ul li {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  color: rgba(86, 86, 86, 1);
  position: relative;
  padding-left: 53px;
  padding-bottom: 12px;
  border-bottom: 0.5px solid rgba(204, 204, 204, 1);
  margin-bottom: 12px;
  font-family: "DM Sans", sans-serif;
}
.packet__ri ul li span {
  font-weight: 500;
  color: #000;
  font-family: "DM Sans", sans-serif;
}
.packet__ri ul li img {
  position: absolute;
  top: 10px;
  left: 10px;
}
.packet__ri ul li:last-child {
  margin: 0;
  padding-bottom: 0;
  border: 0;
}
.packet__fx {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
}
/*packet--area--style-end*/



/*interview--area--style--start*/

.interview__area {
  padding-bottom: 100px;
  position: relative;
  margin-top: -160px;
}
.inter__sp {
  position: absolute;
  bottom: 55px;
  left: 0;
  z-index: -1;
}
.interview__img {
  width: 54%;
}
.interview__content {
  width: 45%;
}
.interview__fx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.interview__img img {
  width: 100% !important;
}
.interview__content a {
  font-family: Nunito Sans;
  font-size: 32px;
  font-weight: 600;
  line-height: 43.65px;
  text-align: left;
  color: rgba(25, 204, 163, 1);
  display: flex;
  align-items: center;
}
.interview__content a span {
  width: 47px;
  height: 47px;
  background: #19CCA3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 39px;
  margin-right: 10px;
}
.interview__content h3 {
  font-family: Nunito Sans;
  font-size: 64px;
  font-weight: 700;
  line-height: 87.3px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 8px;
}
.interview__content p {
  margin: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  font-family: "DM Sans", sans-serif;
}

.interview__inner {
  position: relative;
}
.interview__btn {
  width: 480px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: auto;
  z-index: 999999;
}
.interview__btn a {
  width: 100%;
  height: 100%;
  background: #FFFF00;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 32px;
  font-weight: 600;
  line-height: 39.01px;
  text-align: center;
  border: 2px solid transparent;
  transition: .3s;
}
.interview__btn a:hover {
  background: transparent;
  border: 2px solid #000914;
  color: #000914;
}

.interview__title h5 {
  font-family: Nunito Sans;
  font-size: 58px;
  font-weight: 400;
  line-height: 72px;
  text-align: left;
  margin: 0;
}
.interview__title h3 {
  font-family: Nunito Sans;
  font-size: 78px;
  font-weight: 700;
  line-height: 75px;
  text-align: left;
  margin: 0;
  color: #006A81;
}
.interview__title {
  margin-bottom: 110px;
}

.interview__area .owl-dots button {
  width: 53px;
  height: 10px;
  background: #FACED6 !important;
  margin: 0 5px;
  display: inline-block;
  border-radius: 16px;
}
.interview__area .owl-dots button.active {
  background: #F38599 !important;
}
.interview__area .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  bottom: 15%;
}
/*interview--area--style--end*/



/*jens--area--style--start*/

.jens__area {
  position: relative;
  padding-top: 133px;
  padding-bottom: 0;
}
.jens__sp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.jens__icon {
  max-width: 1021px;
  margin: auto;
  z-index: 9;
  position: relative;
  margin-bottom: 30px;
  transform: rotate(3deg);
}
.jens__icon img {
  width: 93%;
  margin: ;
}
.jens__icon {
  text-align: center;
}
.jens_video__title h2 {
  font-family: Nunito Sans;
  font-size: 64px;
  font-weight: 700;
  line-height: 64.32px;
  text-align: center;
  margin: 0;
}
.jens_video__title h2 span {
  color: #006A81;
}
.jens__video {
  max-width: 1200px;
  margin: auto;
  position: relative;
  z-index: 999999;
  background: #19CCA3;
  padding: 20px;
  border-radius: 20px;
  margin-top: 34px;
}
.jens__video a {
  width: 100%;
  display: flex;
  position: relative;
}
.jens__video a img {
  width: 100%;
}
.jens__video a span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  width: 97px;
  height: 97px;
  background: rgb(243, 133, 153);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 68px;
  border: 1px solid #fff;
}
.jens__video a span img {
  max-width: 28px;
}


.von__box {
  width: 725px;
  height: 725px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  box-shadow: 12px 12px 75px 0px rgba(0, 0, 0, 0.09);
  border-radius: 50%;
  background: #FFFFFF;
  margin-left: -4%;
}
.von__box h5 {
  font-family: Nunito Sans;
  font-size: 95px;
  font-weight: 700;
  line-height: 118.75px;
  text-align: center;
  color: rgba(30, 30, 30, 1);
}
.von__box h6 {
  font-family: Nunito Sans;
  font-size: 40px;
  font-weight: 700;
  line-height: 40.2px;
  text-align: center;
  color: rgba(30, 30, 30, 1);
  margin-bottom: 22px;
}
.von__box p {
  font-family: Nunito Sans;
  font-size: 40px;
  font-weight: 400;
  line-height: 40.2px;
  text-align: center;
  margin: 0;
}

.pool__box {
  width: 534px;
  height: 534px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00A86B;
  border-radius: 50%;
  position: absolute;
  bottom: 13%;
  left: 321px;
  flex-direction: column;
  text-align: center;
  padding: 4px;
}
.pool__box h5 {
  font-family: Nunito Sans;
  font-size: 95px;
  font-weight: 700;
  line-height: 118.75px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 20px;
}
.pool__box p {
  margin: 0;
  font-family: Nunito Sans;
  font-size: 35px;
  font-weight: 400;
  line-height: 40.2px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.von__box.Quote_box {
  background: #1E1E1E;
  position: absolute;
  top: 408px;
  right: 38px;
}
.von__box.Quote_box h5 {
  color: #fff;
}
.von__box.Quote_box p {
  color: rgba(255, 255, 255, 1);
}
.jens__inner {
  position: relative;
  padding-top: 720px;
  padding-bottom: 890px;
  margin-top: -330px;
}

.pool__box.pool___box_sec {
  width: 623px;
  height: 623px;
  background: #00B4FF;
  box-shadow: 12px 12px 75px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  bottom: 44px;
  right: 205px !important;
  left: auto;
}

.pool__heding h3 {
  font-family: Nunito Sans;
  font-size: 96px;
  font-weight: 700;
  line-height: 96px;
  text-align: left;
  color: #1E1E1E;
  margin: 0;
}
.pool__heding {
  position: absolute;
  right: 20%;
  top: 56%;
}
.ls1 {
  position: absolute;
  left: 0;
  z-index: -1;
  top: 410px;
}


.ls2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -111;
}
/*jens--area--style--end*/





/*bild--area--style--start*/
.bild__wrap {
	position: relative;
	padding-top: 129px;
	padding-bottom: 134px;
}
.bild__area {
  position: relative;
  z-index: 9;
  background: #F5F5F5;
}
.bild__ct {
  max-width: 833px;
  margin-left: auto;
}
.bild__ct h5 {
  font-family: Nunito Sans;
  font-size: 48px;
  font-style: italic;
  font-weight: 600;
  line-height: 65.47px;
  text-align: left;
  color: #19CCA3;
  margin: 0;
}
.bild__ct h3 {
  font-family: Nunito Sans;
  font-size: 64px;
  font-weight: 700;
  line-height: 87.3px;
  letter-spacing: -0.03em;
  text-align: left;
  color: #006A81;
}
.bild__ct p {
  margin: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 49px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}

.mobile__img {
  position: absolute;
  top: 92px;
  left: -23px;
}
.mobile__img img {
	width: 100%;
}
/*bild--area--style--end*/







/*BildungsKiez--page--style--end*/







  .video-container {
            position: relative;
            width: 100%;
            max-width: 100%; /* Adjust as needed */
        }

        /* Styling for the video */
        video {
            width: 100%;
            height: auto;
        }

        /* Styling for the play button */
        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -54%);
            width: 80px;
            height: 80px;
            background-color: #D97B81;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* Styling for the play icon */
        .play-button::after {
            content: '\25B6'; /* Unicode character for play icon */
            font-size: 40px;
            color: white;
        }


.video-container video {
	border-radius: 20px;
}








/* employer side page four start here */

/* hero area start here */

.employer__page-four.hero-content {
    padding-bottom: 0;
}

.employer__page-four .custom-btn {
    margin-top: 38.36px;
    margin-bottom: 100px;
}

.employer__page-four .hero-text h4 {
    font-size: 40px;
    line-height: 52.08px;
    font-weight: 400;
    width: 80%;
}

.employer__page-four .hero-text h1 {
    margin-bottom: 0;
}

.employer__page-four .hero-text h3 {
    color: #19CCA3;
    font-style: normal;
    font-size: 78px;
    line-height: 91.57px;
    font-weight: 700;
}

.employer__page-four .hero-text h1 {
    font-size: 95px;
    line-height: 111.53px;
    font-weight: 700;
}

.employer__page-four .hero-ph h2 {
    font-size: 50px;
    color: #1E1E1E;
    line-height: 50.25px;
    font-weight: 700;
}

.employer__page-four .hero-ph span {
    font-weight: 400;
    font-size: 36px;
    line-height: 43.2px;
    margin-bottom: 49px;
    display: block;
    margin-top: 25px;
    font-family: "DM Sans", sans-serif;
}

.employer__page-four .hero-ph p {
    font-weight: 400;
    font-size: 36px;
    line-height: 43.2px;
    margin-bottom: 30px;
    font-family: "DM Sans", sans-serif;
}

.employer__page-four .wrapper-worker {
    position: absolute;
    top: -29px;
    bottom: 0;
    z-index: -1;
    left: -189px;
    height: 780px;
}

.employer__page-four .wrapper-bg {
    position: absolute;
    top: 479px;
    z-index: -1;
    left: -151px;
}

.hero__brand-area .brand-area {
    padding: 111px 0;
    position: relative;
    z-index: 1;
    background: transparent;
    padding-bottom: 0;
}

.employer__page-four svg {
    margin-top: 3px;
    margin-left: 10px;
}

/* hero area end here */



/* lost area strt here */

#lost {
    background: transparent;
    padding-top: 266px;
}

#lost .area__title h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 64.32px;
}

#lost .area__title h1 span:nth-child(1) {
    color: #006A81;
}

#lost .area__title h1 span {
    color: #19CCA3;
}

.area__title p {
    font-weight: 400;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 32px;
}

.lost__area.employer__page-four {
    position: relative;
    background: #006A81;
    padding-top: 71px;
    padding-bottom: 75px;
}

.employer__page-four .lost__flexbox {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 20px;
}

.employer__page-four .lost__item {
    width: 32%;
    padding: 0;
    margin-top: 30px;
    height: 270px;
    display: flex;
    border-radius: 0;
}

.employer__page-four .lost__item h4 {
    font-size: 40px;
    font-weight: 400;
    color: #1E1E1E;
}

/* lost area end here */



/* academy area start here */

.academy__img {
    display: none;
}
.academy__area.employ.employer__page-four {
    padding-top: 100px;
    padding-bottom: 50px;
    position: relative;
}

.employer__page-four .academy__content {
    display: flex;
    gap: 132px;
    position: relative;
    padding: 0 20px;
    flex-wrap: nowrap;
}

.academy__eclipse {
    position: absolute;
    z-index: -1;
    bottom: 100px;
    left: 280px;
}

.academy__man {
    position: absolute;
    bottom: 0;
    left: 457px;
}

.employer__page-four .academy__item.item__one {
    width: 55%;
}

.employer__page-four .academy__item.item__two {
    width: 45%;
    position: relative;
    z-index: 1;
}

.employer__page-four .item__one .academy__text {
    padding: 62px 33px;
    border: 1px solid #000;
    border-radius: 20px;
    background: #F9F9F9;
}

.employer__page-four .item__one .academy__text {
    padding: 62px 33px;
    border: 1px solid #000;
    border-radius: 20px;
    padding-right: 354px;
}

.employer__page-four .academy__item h3 {
    font-size: 48px;
    font-weight: 600;
    font-style: italic;
    color: #016980;
    line-height: 48px;
}

.employer__page-four .academy__item h1 {
    color: #19CCA3;
    font-size: 64px;
    font-weight: 799;
    margin-bottom: 50px;
    line-height: 64.32px;
}

.employer__page-four .academy__text h1 {
    font-size: 64px;
    font-weight: 700;
    line-height: 80px;
    color: #1E1E1E;
    margin-bottom: 20px;
}

.employer__page-four .academy__text p {
    color: #1E1E1E;
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 30px;
}.employer__page-four .academy__text p:last-child {
	margin: 0;
}

.employer__page-four .btn__classic {
    height: 100px;
    background: #19CCA3;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: 600;
    border: 2px solid transparent;
    color: #fff;
    border-radius: 10px;
    transition: .3s;
}

.employer__page-four .btn__classic:hover {
    background: #fff;
    border-color: #00A86B;
    color: #00A86B;
}

.academy__top {
    position: relative;
    z-index: 9;
}

.employer__page-four .btn__classic i {
    margin-top: 8px;
    font-size: 25px;
    margin-left: 10px;
}

.employer__page-four .academy__text h5 {
    font-size: 40px;
    font-weight: 400;
    line-height: 40.2px;
    margin-bottom: 12px;
}

.employer__page-four .academy__text {
    margin-bottom: 26px;
    border-radius: 20px;
}

.employer__page-four .academy__item.item__two .academy__text {
    padding: 43px 54px;
    position: sticky;
    top: 168px;
    left: 0;
}

.employer__page-four .academy__text.box__one {
    background: #C5F2E8;
}

.employer__page-four .academy__text.box__two {
    background: #006A81;
    color: #fff;
}

.employer__page-four .academy__text.box__three {
    background: #FFFFAB;
}

.employer__page-four .academy__text.box__two p {
    color: #fff;
}

/* academy area end here */


/* employer side page four end here */






.flip-card {
  width: 100%;
  height: 100%;
  perspective: 1000px;
  box-shadow: unset;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

.flip-card:focus {
    outline: 0;
}

.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner{
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flip-card-front {
  background: #FFFFFF;
  color: black;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #000;
}

.flip-card-back {
  background: #FFFFFF;
  color: white;
  transform: rotateY(180deg);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #000;
}












* {
    box-sizing: border-box;
}

@-webkit-keyframes ticker {
  0% {
    transform: translateX(0);
    transition: 1s;
  }
  100% {
    transform: translateX(calc(-220px * 5));
    transition: 1s;
  }
}
@keyframes ticker {
  0% {
    transform: translateX(0);
    transition: 1s;
  }
  100% {
    transform: translateX(calc(-220px * 5));
    transition: 1s;
  }
}
.ticker-wrap {
    padding-right: 100%;
    box-sizing: content-box;
}
.ticker-wrap .ticker {
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
     animation: ticker 40s infinite linear;
    margin-bottom: 20px;
}
.ticker-wrap .ticker__item {
    display: inline-block;

}


@-webkit-keyframes ticker2 {
  0% {
    transform: translateX(0);
    transition: 1s;
  }
  100% {
    transform: translateX(calc(-220px * 5));
    transition: 1s;
  }
}
@keyframes ticker2 {
  0% {
    transform: translateX(0);
    transition: 1s;
  }
  100% {
    transform: translateX(calc(-220px * 5));
    transition: 1s;
  }
}

.ticker-wrap {
    padding-right: 100%;
    box-sizing: content-box;
    overflow: hidden;
}
.ticker-wrap .ticker2 {
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
       animation: ticker 30s infinite linear;
    margin-bottom: 0;
}
.ticker-wrap .ticker__item {
    display: inline-block;

}







.custom-btn a:hover {
    background: transparent !important;
     border-color: var(--secondary-color) !important;
     color: var(--secondary-color) !important;
   }
   .custom-btn a:hover svg {
     filter: brightness(0000);
   }




.ser-img {
	position: relative;
}

.video__img {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 557px;
}

.sp {
	position: absolute;
	left: 0;
	top: 16%;
}









/*for-live-website-register-company-page*/


.unser__single__form.frm-wd.multiselect2-wrap {
  height: auto;
}
.unser__single__form.frm-wd.multiselect2-wrap .unser__single__form .nice-select, .multiselect2-wrap .select2 {
  padding: 20px 20px;
}






.ser-img a {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
}
.ser-img img {
	width: 100%;
	box-shadow: -18px -18px #28EBCF;
	border-radius: 30px;
}
.ser-img a img {
	box-shadow: none;
	width: 106px;
}