@font-face {
    font-family: 'InterTight-VariableFont_wght';
    src: url('../fonts/InterTight-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

html, body {
    font-family: 'InterTight-VariableFont_wght', sans-serif;	
	overflow-x: hidden;
}

body {

}

@media (min-width:1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1396px;
}
}

h1, .h1, h2, h3 {
	hyphens: auto;
	-webkit-hyphens: auto;
}

h1, .h1 {
	font-size: 4rem;
}

h2, .h2 {
	font-size: 3rem;
}

h3, .h3 {
	font-size: 2.5rem;
}

h4, .h4 {
	font-size: 1.25rem;
}

p, .p {
	font-size: 1.25rem;
}

#eye-text {
	font-size: .875rem
}



@media (min-width:992px) {

h1, .h1 {
	font-size: 7.5rem;
}

h2, .h2 {
	font-size: 6.875rem;
}

h3, .h3 {
	font-size: 3.375rem;
}

h4, .h4 {
	font-size: 1.375rem;
}

p, .p {
	font-size: 1.375rem;
}

.btn-lg {
	font-size: 1.5rem;
}

#eye-text {
	font-size: 1.125rem
}
}

@media (min-width:1024px) {
h1, .h1 {
	font-size: 7.5rem;
}	
}

.strong, b {
	font-weight: normal;
	font-variation-settings:
  "wght" 700
}

.fw-500 {
	font-variation-settings:
  "wght" 500
}

.bg-primary {
	background: rgba(25, 200, 148, 1)!important;
}

.btn-primary {
	background: rgba(25, 200, 148, 1)!important;
}

.border-primary {
	border-color: rgba(25, 200, 148, 1)!important;
}

.border-secondary {
	border-color: rgba(0, 84, 79, 1)!important;
}

.btn {
	border-radius: 50rem;
}



.bg-black {
	background: rgba(0, 5, 15, 1)!important;
}

.text-black {
	color: rgba(0, 5, 15, 1)!important;
}

.bg-light {
	background: rgba(234, 234, 239, 1)!important;
}

.bg-light-2 {
	background: rgba(255, 255, 255, 0.4)!important;
}

.text-light {
	color: rgba(234, 234, 239, 1)!important;
}

.text-primary {
	color: rgba(25, 200, 148, 1)!important;
}

.bg-secondary {
	background: rgba(0, 84, 79, 1)!important;
}

.border-secondary {
	border-color: rgba(0, 84, 79, 1)!important;
}

.text-secondary {
	color: rgba(0, 84, 79, 1)!important;
}

#hero {
	background-image: url(../img/hero.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.swiper-slide {
	width: 80%;
	
	max-width: 1200px
}

.swiper-slide .swiper-slide-inner {
	min-height: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
	filter: blur(5px);
}

.swiper-slide.swiper-slide-active .swiper-slide-inner {
	min-height: 350px;
	margin-top: 0px;
	margin-bottom: 0px;
	filter: blur(0px);
}

@media (max-width:1024px) {
.swiper-slide.swiper-slide-active .swiper-slide-inner {
	min-height: 400px;
}	
}

@media (max-width:768px) {
.swiper-slide.swiper-slide-active .swiper-slide-inner {
	min-height: 480px;
}	
}

.swiper-pagination-bullet {
width: 43px;
height: 13px;
display: inline-block;
border: 2px solid white;
background: transparent;
opacity: 1;
border-radius: 1rem
}
@media (max-width:768px) {
.swiper-pagination-bullet {
width: 30px;
height: 13px;
display: inline-block;
border: 2px solid white;
background: transparent;
opacity: 1;
border-radius: 1rem;
}
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: -2rem
}

@media (min-width:992px) {
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: -3rem;
}
}

.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: white;
}

.bg-dark-bg {
	background-image: url(../img/dark-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;	
}

.bg-dark-bg-2 {
	background-image: url(../img/dark-bg-2.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;	
}

.accordion {
--bs-accordion-color: transparent;
--bs-accordion-bg: #fff;	
} 

.accordion-button {
	padding-top: 2rem;
	padding-bottom: 2rem;
	color: #fff;
	background-color: transparent
}

.accordion-button:not(.collapsed) {
color:#fff;
background-color: transparent;
box-shadow: none;
}

.accordion-item {
color: #fff;
background-color: transparent;
border: 3px solid rgba(25, 200, 148, 1);
}

.accordion-header {
	color: #fff;
}

.accordion-body {
	padding-bottom: 3rem;
}

.accordion-button::after {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' viewBox='0 0 16 16' fill='%2319C894'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' viewBox='0 0 16 16' fill='%2319C894'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.bg-light-1 {
		background-image: url(../img/bg-grain.jpg);
	background-size: cover;	
	background-position: center
}

.bg-light-1b {
		background-image: url(../img/click.png), url(../img/bg-grain.jpg);
	background-size: auto, cover;	
	background-position: bottom left, center;
	background-repeat: no-repeat;
}

.btn-spec {
	position: relative;
	border: 2px solid black;
	z-index: 12;
	height: 48px;
	line-height: 13px
}

.btn-cls.btn-spec {
	position: relative;
	border: 2px solid black;
	z-index: 12;
	height: 48px;
	line-height: 30px
}

.btn-spec-2 {
	position: relative;
	border: 1px solid black;
	z-index: 10;
	height: 48px;
	margin-top: -40px
}

@media (max-width:767px) {
.btn-spec {
	font-size: .75rem;
	line-height: 13px;
}

.rounded-5 {
	border-radius: 1.25rem!important
}	
}

.btn-lg.btn-spec {
	position: relative;
	border: 3px solid black;
	z-index: 12;
	height: 74px;
		line-height: 39px
}

.btn-lg.btn-spec-2 {
	position: relative;
	border: 3px solid black;
	z-index: 10;
	height: 74px;
	margin-top: -60px
}

.stack-card {
  position: relative;
}

.card-fade {
  opacity: 0;
  transform: translateY(20px);
}

input::placeholder {
  color: #A4A4A4!important;
}

input:placeholder-shown {
  border-color: #A4A4A4 !important;
}

.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: .875em;
color: rgba(25, 200, 148, 1);
}

.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
color: rgba(25, 200, 148, 1);
}

.form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
color: #fff;
}

#eye-wrapper {
	height: 74px
}

#eye-wrapper:hover {
	background: white!important;
	color: black!important;
	
}

#eye-wrapper:hover svg#eye path,
#eye-wrapper:hover svg#eye rect {
	fill: black;
}

@media (min-width:1200px) {
	#hl {
		right: 0;
z-index: 11;
position: absolute;
	}
}

.form-label {
	font-size: .875rem;
}

small,
label {
font-size: .875rem;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
pointer-events: none;
border: none;
opacity: .5;
}

form .btn {
	width: fit-content!important;
	min-width: 160px;
}