@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
html {
	scroll-behavior: smooth;
	font-size: 100%;
}
body {
	--main-color: #4dc7e7;
	--second-color: #fdf4f7;
	--light-color: #ffffff;
	--dark-color: #000000;
	--grey-color: #6d6b6b;
	--light-grey-color: #949494;
	--soft-grey-color: #f0f0f0;
	--super-grey-color: #eeeeee;
	--mood-grey-color: #848484;
	--footer-main-color: #0b0b0b;
	--footer-border-color: #4544446e;
	--preloader-initial-color: #454444;
	--preloader-bg-color: rgba(0, 0, 0, 0.1);
	--schedule-main-color: #3f1e42;
	--separator-line-color: #212121;
	padding: 0;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	background: var(--dark-color);
	color: var(--light-color);
	font-family: 'Yellix-Regular', sans-serif;

}
a, a:hover, a:focus, a:visited {
	text-decoration: none;
	outline: none;
	color: inherit;
}
a, a:hover{
  color: var(--dark-color);
  outline: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-decoration: none;
}
:focus {
	outline: none;
}
.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none !important;
	text-decoration: none;
}
li {
	list-style: none;
}
.img-responsive {
	display: block;
	height: auto;
}
.clearfix {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.container {
	max-width: 1200px;
	margin: 0 auto;
}
img {
	max-width: 100%;
}
ol, dl, ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	word-wrap: break-word;
	margin-bottom: 1rem;
}
p {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
hr {
	float: left;
	display: block;
	height: 0.1rem;
	width: 100%;
	background: var(--grey-color);
	margin: 1rem 0;
}
sup{
  color: var(--main-color);
  vertical-align: top; position: relative; top: -0.5em;
  font-size: 16px;
}
section{ overflow: hidden; position: relative;}
.dropdown:hover .dropdown-menu {
	display: block;
	-webkit-animation: fadeInUp 400ms;
	animation: fadeInUp 400ms;
	margin-top: .-1rem;
}
header.cc-header {
	background: transparent;
	transition: top 0.2s ease-in-out;
	width: 100%;
  z-index: 10;
  position: relative;
}
header.cc-header li {
	list-style: none;
	display: inline-block;
}
header.cc-header a {
	text-decoration: none;
	padding: 0;
}
header.cc-header a:hover { color: var(--main-color); }
header.cc-header.darkHeader {
	background: var(--dark-color);
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
.a-btn-1, .a-btn-2, .a-btn-3, .a-btn-4, .a-btn-5, .a-btn-6, .a-btn-7, .a-btn-8, .a-btn-9, .a-btn-10{
	cursor: pointer;
	font-size: 13px;
	display: inline-block;
	position: relative;
	z-index: 3;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 1px;
	text-decoration: none;
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	transition: all 350ms ease;
}
.a-btn-1 span, .a-btn-2 span, .a-btn-3 span, .a-btn-4 span, .a-btn-5 span, .a-btn-6 span, .a-btn-7 span, .a-btn-8 span, .a-btn-9 span, .a-btn-10 span {
  position: relative;
  z-index: 3;
}
.a-btn-1 {
  color: var(--light-color);
  padding: 20px 38px;
  position: relative;
}
.a-btn-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border: 2px solid var(--light-color);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.a-btn-1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}
.a-btn-1:hover::before, .a-btn-1:focus::before {
  opacity: 0;
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.a-btn-1:hover::after, .a-btn-1:focus::after {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.a-btn-1:hover, .a-btn-1:focus {
  color: var(--light-color);
}
.a-btn-3 {
  color: var(--light-color);
  padding: 20px 38px;
  position: relative;
  box-shadow: 0 10px 10px 0 rgba(242, 75, 128, 0.2);
  transition: 0.35s;
}
.a-btn-3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--main-color);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.a-btn-3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  border: 2px solid var(--main-color);
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.a-btn-3:hover, .a-btn-3:focus {
  box-shadow: none;
  color: var(--main-color);
}
.a-btn-3:hover::before, .a-btn-3:focus::before {
  opacity: 0;
  -webkit-transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}
.a-btn-3:hover::after, .a-btn-3:focus::after {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.title{ 
	font-size: 50px;
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.28;
	letter-spacing: 1px;
	color: var(--dark-color);
	padding-bottom: 20px;
	position: relative;
}
.subtitle{
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--main-color);
  margin-bottom: 22px;
}
.padding-l-r-4{
	padding: 0 4rem;
}
.padding-l-r-5{
	padding: 0 5rem;
}
.margin-t-20{
	margin-top: 20px;
}
.margin-b-20{
	margin-bottom: 20px;
}
.separator{
  position:relative;
}
.separator::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 50px;
  height: 3px;
  background-color: var(--main-color);
  left: 50%;
  transform: translateX(-50%);
  transition: width .7s;
  z-index: 1;
}
.separator::after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 150px;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--super-grey-color);
  z-index: 0;
}
.w100{
	width: 100%;
}
.w90{
	width: 90%;
}
.w80{
	width: 80%;
}
.m-0-auto{
	margin: 0 auto;
}
.bg-none{
  background: none !important;
}
.container-full{ width: 100%; display:flex; }
.overlay{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background-color: #00000094;
}
.progress-wrap {
  position: fixed;
  right: 15px;
  bottom: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 0 2px #9daeeb33;
  box-shadow: inset 0 0 0 2px #9daeeb33;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  background-color: var(--dark-color);
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.progress-wrap .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color: var(--light-color);;
}
.progress-wrap svg.progress-circle path {
  stroke: var(--main-color);
  stroke-width: 4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}
.cs-primary_font {
  font-family: "Yellix-Regular", sans-serif;
}
.cc-menu-font {
  font-family: "Yellix-Medium", sans-serif;
}
@media (min-width: 576px) {
  .container, .container-sm, .container-block {
    max-width: 540px;
  }
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-block {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}
.cs-primary_font {
  font-family: "Yellix-Regular", sans-serif;
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm, .container-block {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm, .container-block {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-block {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}
a.cc-up-next-btn{
  border-radius: 30px;
  border: 1px solid var(--main-color);;
  padding: 10px 25px;
  color: var(--main-color);
  display: inline-block;
  text-align: center;
  font-size: 16px;
}
a.cc-up-next-btn:hover{
  background-color: var(--main-color);
  color: var(--light-color);
}
a.cc-up-next-btn.dark{
  border: 1px solid var(--dark-color);
  color: var(--dark-color);
}
a.cc-up-next-btn.light{
  border: 1px solid #9eeaff;
  color: var(--light-color);
}
a.cc-our-leads-btn{
  border-radius: 30px;
  padding: 10px 25px;
  color: var(--main-color);
  display: inline-block;
  text-align: center;
  font-size: 14px;
  background-color: var(--dark-color);
  width: 200px;
}
a.cc-our-subscribe-btn{
  border-radius: 30px;
  padding: 12px 45px;
  color: #000;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  background-color: #4dc7e7;
}
.cc-glow{
  -webkit-filter: blur(100px);
  background-color: #00b3ff;
  border-radius: 200px;
  filter: blur(100px);
  flex: none;
  height: 631px;
  left: calc(50.00000000000002% - 631px / 2);
  opacity: .13;
  overflow: hidden;
  position: absolute;
  top: 110px;
  transform: perspective(1200px) rotate(45deg);
  width: 431px;
  will-change: var(--framer-will-change-override, transform);
  z-index: 0;
}
.cc-row{
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.flex{
  display: flex;
}
.justify-content-end{
	justify-content: end;
}
.space-evenly{
  justify-content: space-evenly;
}
.space-between{
  justify-content: space-between;
}
.justify-content-center{
  justify-content: center;
}
.center{
  align-items: center;
}
.cc-x-wrap{
  display: flex;
  margin-left: 6px;
}
.cc-x-small{
  font-size: 16px;
  color: var(--main-color);
  display: flex;
}
.p-0-40{
  padding: 0 40px;
}
.p-0-5{
  padding: 0 5px;
}
.p-0-10{
  padding: 0 10px;
}
.cc-col-12{ width: 100%; }
.style1{
  flex-direction: column;
}
.style1 img{ height: 270px; }
.radius-none{ border-radius: 0 !important; }
form {
  margin: 0 auto;
  background: #000;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
label {
  font-weight: 500;
  margin-top: 10px;
  display: block;
  color: #fff;
  font-size: 18px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
  width: 100%;
  padding: 12px;
  margin-top: 5px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

input[type="file"] {
  margin-top: 5px;
  margin-bottom: 15px;
}

button {
  background-color: var(--main-color);
  color: var(--dark-color);
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: auto;
  font-size: 16px;
  float:right;
  font-size: 16px;
  text-transform: uppercase;
}

button:hover {
  background-color: #0056b3;
  color: var(--light-color);
}

.form-group {
  margin-bottom: 15px;
}

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

.flex-container > div {
  flex-basis: 48%;
}
#formResponse {
  text-align: center;
  margin: 20px 0;
  font-size: 18px;
  color: red;
}
#formResponse span{
  color: green;
}
.iti{
	display:block !important;
}
.d-none{
	display:none;
}