@font-face {
    font-family: 'Lexend-Black'; 
    src: url('fonts/Lexend-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lexend-Bold'; 
    src: url('fonts/Lexend-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lexend-ExtraLight'; 
    src: url('fonts/Lexend-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lexend-Regular'; 
    src: url('fonts/Lexend-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html{
	overflow-x: hidden;
	scroll-behavior: smooth;
}
html, table, body, p, a, button, input, div, li, ul, label{
	transition: ease-in-out 0.8s !important;
}
body {
    font-family: 'Lexend-Regular', sans-serif !important;	
	color: #2C2A52;
	text-align: justify !Important;
}
h1
{
	font-family: 'Lexend-ExtraLight', sans-serif !important;
	font-size: 55px;
}
h2,h3,h4,h5{
	font-family: 'Lexend-Regular', sans-serif !important;
	line-height: 45px;
}
p{text-align: justify !Important;}
.rounded_line{
	border-radius: 20px;
}
.headline_decor{
	height: 65px;
	filter: invert(40%) sepia(38%) saturate(1381%) hue-rotate(209deg) brightness(83%) contrast(88%);
}
.list {
	list-style: none;
}
.list li {
	position: relative;
	margin-bottom: 15px;
}
.list li:nth-child(odd)::before {
	content: '•';
	color: #5c59c2;
	font-size: 80px;
	position: absolute;
	left: -40px;
	top: -48px;
}
.list li:nth-child(even)::before {
	content: '•';
	color: #99d2cb;
	font-size: 80px;
	position: absolute;
	left: -40px;
	top: -48px;
}
.thin-txt{
	font-family: 'Lexend-ExtraLight', sans-serif !important;
}
.bold-txt{
	font-family: 'Lexend-bold', sans-serif !important;
}
.navbar{
	background:	#fff !important;
	height: 120px;
}
.navbar a{	
	color:	#898989 !important;
	font-weight: bold;
}
.navbar a:hover{
	background: transparent;
	color: #5c59c2 !important;
}
.navbar .dropdown-menu{
	background:	#5c59c2 !important;
	color:	#fff !important;
}
.navbar .dropdown-menu a{
	color:	#fff !important;
}
.navbar .dropdown-menu a:hover{
	color:	#fff !important;
}
.navbar-brand img{
	height:50px; 
	width:auto;
}
.turquoise_bg{background:	#99d2cb !important;}
.purple_bg{background:	#5c59c2 !important;}
.gray_bg{background:	#898989 !important;}
.white_bg{background:	#fff !important;}
.turquoise_color{color:	#99d2cb !important;}
.purple_color{color:	#5c59c2 !important;}
.gray_color{color:	#898989 !important;}
.white_color{color:	#fff !important;}
.default_color{color: #2C2A52;}
.rounded_box{
	border-radius: 10px;
	padding: 25px;
}
.gray_border{
	border: solid 10px #ebebeb;
}
.brand_pic{	
	background-position: center;
	background-size: cover;
	padding: 0 !important;
}
#index_div{
	margin-left: 5%;
}
.circle_inner_normal{
	transition: all 0.9s ease-in-out;
	height: 180px;
	width: 180px;
	background-size: cover;
	background-position: center;
	border-radius: 50%;
	margin-top: 5%;
	border: 10px solid #fff;
}
.circle_outer_normal{
	transition: all 0.9s ease-in-out;
	background: #99d2cb;
	height: 200px;
	width: 200px;
	border-radius: 50%;
	box-shadow: 0px 0px 0px transparent;
}
.circle_inner_xl{
	transition: all 0.9s ease-in-out;
	height: 200px;
	width: 200px;
	background-size: cover;
	background-position: center;
	border-radius: 50%;
	margin-top: 5%;
	border: 10px solid #fff;
}
.circle_outer_xl{
	transition: all 0.9s ease-in-out;
	background: #99d2cb;
	height: 220px;
	width: 220px;
	border-radius: 50%;
	box-shadow: 0px 0px 0px transparent;
}
.circle_outer_border{
	transition: all 0.9s ease-in-out;
	border: 10px solid #99d2cb;
	height: 200px;
	width: 200px;
	border-radius: 50%;
	box-shadow: 0px 0px 0px transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}
.circle-box{
	cursor: pointer;
}
.circle-box:hover .circle_outer_normal, .circle-box:hover .circle_outer_border, .circle-box:hover .circle_inner_xl{
	box-shadow: 0px 0px 10px #555;
}
.contact_btn{
	cursor: pointer;
}
.contact_btn:hover {
	background: #99d2cb !important;
	box-shadow: 2px 2px 3px #505050;
}
.ref_btn:hover{
	background: #5c59c2 !important;
	box-shadow: 2px 2px 3px #505050;
}
#footer{
	background: #5b5b5b;
}
#footer a{
	color: #fff !important;
	text-decoration: none;
}
#footer img{
	height: 25px;
	width: auto;
	margin: 5px;
	filter: invert(76%) sepia(14%) saturate(599%) hue-rotate(123deg) brightness(105%) contrast(86%);
}
.footer-txt-middle{
	display: flex;
	justify-content: center;
	align-items: center;
}
.left_decor_bg{
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: bottom;
	background-size: 50%;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7464%) hue-rotate(20deg) brightness(95%) contrast(111%);
}
.right_decor_bg{
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: top;
	background-size: 50%;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7464%) hue-rotate(20deg) brightness(95%) contrast(111%);
}
/*LOW*/
@media (max-width: 1250px) {
	h1
	{
		font-size: 45px;
	}
	h2,h3,h4,h5{
		line-height: 35px;
	}
}

/*TABLET*/
@media (max-width: 768px) {
	h1
	{
		font-size: 35px;
	}
	h2,h3,h4,h5{
		font-size: 25px;
	}
	.navbar-brand img{
		height:40px; 
	}
	#index_div{
		margin-left: 0;
	}
	.navbar{
		height: auto;
	}
	.left_decor_bg, .right_decor_bg {
		background-size: 90%;
	}
	.rounded_box {
	  padding: 10px;
	}
}

/*MOBIL*/
@media (max-width: 480px) {
	h1
	{
		font-size: 30px;
	}
	h2,h3,h4,h5{
		font-size: 20px;
	}
	.navbar-brand img{
		height:30px; 
	}
}

@keyframes slides {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos {
  overflow: hidden;
  padding: 30px 0px;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
}

.logos:before, .logos:after {
  position: absolute;
  top: 0;
  content: '';
  width: 250px;
  height: 100%;
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255));
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255));
}

.logo_items {
  display: inline-block;
  animation: 50s slides infinite linear;
}

.logos:hover .logo_items {
  animation-play-state: paused;
}

.logo_items img{
  height: 100px;
  margin-right: 50px;
}
*COOKIEBAR*/
#cookiebar{
	background: linear-gradient(90deg, #99D2CB 0%, #5C59C2 100%);
	height: 85px;
}
.cookiebar-desciption{
	font-family: Poppins !important;;
    font-size: 18px !important;;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.5px;
	margin-left: 5%;
}
.cookiebar-btn{
	background: #e7c9a1 !important;
	text-align: center;
	width: 136px;
	height: 48px !Important;
	padding: 12px 22px 12px 22px;
	border-radius: 8px;
	gap: 4px;
	transition: background 1s;
	color: #fff !important;
    text-transform: none !important;

	font-size: 18px !important;
	font-weight: 700!important;
	line-height: 23px!important;
	letter-spacing: 0px!important;
	text-align: center!important;
	margin-left: 20px !important;
}
.cookiebar-btn:hover{
	background: #99d2cb !important;
	color: #fff !important;
}
.more-btn{
	background: #99d2cb !important;
	text-align: center;
	width: 200px !important;
	height: 48px !Important;
	padding: 12px 22px 12px 22px;
	border-radius: 8px;
	gap: 4px;
	transition: background 1s;
	color: #fff !important;
	text-transform: none !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 23px !important;
	letter-spacing: 0px !important;
	text-align: center !important;
	margin-left: 20px !important;
	border: none !important;

}
.more-btn:hover{
	background: #e7c9a1 !important;
	color: #fff !important;
}
.link-btn{
	background: transparent !important;
	width: 220px;
	height: 48px;
	border-radius: 8px;
	border: 2px;
	gap: 4px;
	transition: color 1s;
	color: #fff !important;
	text-transform: none !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 23px !important;
	letter-spacing: 0px !important;
	text-align: center !important;
	margin-left: 20px !important;
	border: 2px solid #2C2A52 !important;
}
.link-btn:hover{
	color: #2C2A52 !important;
}
.cookiebar-link{
	width: 220px;
	height: 48px;
	padding: 12px 22px 12px 22px;
	border-radius: 8px;
	border: 2px;
	gap: 4px;
}
.cookiebar-link a{
	font-size: 18px !important;
	font-weight: 700 !important; 
	line-height: 23px !important;
	letter-spacing: 0px !important;
	text-align: center !important;
}
.cookiebar-content{
	padding-top: 10px;
	width: 100% !important;
}
.web-icons{
	font-size: 50px !important;
	margin-left: 15px;
}
.cookiebar-actions {
  width: none !important;
}

@media (max-width: 992px) {
	#cookiebar {
		min-height: 170px !important;
	}
	.cookiebar-desciption{
		font-size: 25px !important;
	}
	.cookiebar-btn,.more-btn,.link-btn{
		height: 75px !important;
		font-size: 25px !important;
		width: 100% !important;
	}
	.cookiebar-actions{
		margin-left: 20px !important;
		margin-top: 10px !important;
	}
}