@charset "UTF-8";
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {	
	--van-theme-color-1:#05B6DD;
	--van-theme-color-1-dark:#049fc1;
	--van-theme-color-1-trans:rgba(5,182,221,.8);
	
	--van-theme-color-2:#028bcb;
	--van-theme-color-2-trans:rgba(2,139,203,.8);
	
	--van-theme-color-3:#378936;
	--van-theme-color-3-trans:rgba(55,137,54,.8);
	
	--van-theme-color-4:#91C4F2;
	--van-theme-color-4-trans:rgba(145, 196, 242, .8);
}


/* Theme Spesific Styles */
body{
	font-family: "Rubik", sans-serif;
	font-weight:300;
}
/*Colors*/
.theme-color-1{
	background-color:var(--van-theme-color-1);
}

.theme-color-1-trans{
	background-color:var(--van-theme-color-1-trans);
}
.theme-color-2-trans{
	background-color:var(--van-theme-color-2-trans);
}
.theme-color-3-trans{
	background-color:var(--van-theme-color-3-trans);
}
.theme-color-4-trans{
	background-color:var(--van-theme-color-4-trans);
}

.theme-color-2{
	background-color:var(--van-theme-color-2);
}
.theme-color-3{
	background-color:var(--van-theme-color-3);
}
.theme-color-4{
	background-color:var(--van-theme-color-4);
}

/*Buttons*/

.btn-primary-theme {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--van-theme-color-1);
  --bs-btn-border-color: var(--van-theme-color-1);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--van-theme-color-1-dark);
  --bs-btn-hover-border-color: var(--van-theme-color-1-dark);
  --bs-btn-focus-shadow-rgb: 111, 82, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--van-theme-color-1);
  --bs-btn-active-border-color: var(--van-theme-color-1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #51C0E0;
  --bs-btn-disabled-border-color: #51C0E0;
	--bs-btn-border-radius:0px !important;
}

.hero-banner{
	background-color:var(--van-theme-color-4);
	color:#fff;
}

.hero-banner h1{
	font-size:3.6rem;
	font-weight:500;
	line-height:5rem;
	position:relative;
	margin-bottom:50px;
	color:#fff;
}


@media only screen and (max-width: 600px) {
	.hero-banner h1{
		font-size:3.1rem !important;
		font-weight:500;
		line-height:3.7rem  !important;
	}
	h2, .h2{
		font-size:2.3rem !important;
		font-weight:500;
		line-height:2.8rem  !important;
	}

}

h2, .h2{
	font-size:2.3rem;
	font-weight:500;
	line-height:2.5rem;
	margin-bottom:15px;
}


.fixed-top {
  top: -40px;
  transform: translateY(40px);
  transition: transform .3s;
}
/* Nav Bar */
.navbar{
	text-transform:uppercase;
	font-size:.9rem !important;
}
.nav-link{
	color:#000;
	font-weight:400;
	margin-left:10px;
	margin-right:10px;
}

.nav-link:hover{
	color:var(--van-theme-color-3);
}
/* links */
a{
	color:#1C2230;
	text-decoration:none;
}

/* Featured Bar */

.featured-bar{
	background-color:var(--van-theme-color-2);
	padding:30px;
	border-radius:5px;
	color:#fff;
	position:relative;
	margin-top:-120px;
	z-index:1;
	text-transform:uppercase;
}

.featured-bar h3{
	font-weight:600;
	font-size:1.8rem;
}
.featured-bar h3 span{
	font-size:1rem;
	clear:both;
	display:block;
}
.featured-bar .center-box{
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding-left:30px;
	padding-right:30px;
}

@media only screen and (max-width: 600px) {
	.featured-bar .center-box{
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		padding-top:30px;
		padding-bottom:30px;
		
		border-left:none;
		border-right:none;
		padding-left:0px;
		padding-right:0px;
	}
}

.languages span{
	display:inline-block;
	padding:3px 10px;
	border-radius:3px;
	background-color:var(--van-theme-color-1-trans);
	text-transform:none;
}

/* Contact */
.wpcf7 {
  max-width:auto !important;
  margin:0px !important;
}

.google-maps {
    position: relative;
    padding-bottom: 56.25%; /* This is the aspect ratio 16:9 */
    height: 0;
    overflow: hidden;
  }
  .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }

/*FAQ*/
.accordion-header{
	line-height:1.4rem !important;
}
.accordion-button:not(.collapsed){
	background-color:var(--van-theme-color-2);
	color:#fff;
	outline:none;
}
.accordion-button,
.accordion-button:focus,
.accordion-button:not(.collapsed):focus{
	outline:none;
	border:none !important;
	
}

/* Area of Expertise */
.service-listing h4{
	font-size:1.2rem;
	line-height:1.4rem;
}


.service-block{
	position:relative;
	overflow:hidden;
	border-radius:10px;
	border-top-right-radius: 80px 80px;
}
.service-block,
.service-block:hover{
	color:#fff;
}

.service-block img {
	transition: all 1s;
	border-radius:10px;
	border-top-right-radius: 80px 80px;
}
.service-block:hover img {
  transform: scale(1.2);
}

.service-block .overlay{
	height:100%;
	width:100%;
	padding:40px;
	position:absolute;
	z-index:2;
	text-align:center;
	border-radius:10px;
	border-top-right-radius: 80px 80px;
}
.service-block h4{
	font-size:1rem;
	text-shadow:0px 0px 5px #000;
	margin-top:15px;
	font-weight:600;
	text-transform:uppercase;
}

@media only screen and (max-width: 600px) {
	.service-block .overlay{
		padding:30px;
	}
	.service-block h4{
		margin-top:0px;
	}
}
/* Media Listing */

.media-listing h4{
	font-size:1rem;
	line-height:1.3rem;
	font-weight:300;
}

/* Blog */

.post-date{
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:1px solid #ccc;
}

/* Appointment Form */

.form-control{
	border:none !important;
	border-bottom:2px solid #000 !important;
	background:transparent !important;
	border-radius:0px !important;
	padding-left:0px !important;
	padding-right:0px !important;
}

.tranform-img img{
	transform: rotate(-2deg);
	border-radius:30px;
}
/* Footer */
.footer ul li a{
	font-size:.9rem;
}
.copyright{
	border-top-color:var(--van-theme-secondary);
	border-top:1px;
	border-top-style:solid;
}
.social-links ul{
	list-style:none;
	padding-left:0px;
	margin-left:0px;
}
.social-links ul li{
	margin-bottom:5px;
}
.social-links a {
	color:var(--van-theme-primary);
}
