@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800;900&display=swap');


/* Base CSS */

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    color: #006666;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

body {
    color: #006666!important;
    font-weight: 400;
    font-family: 'Outfit', sans-serif;
}

.selector-for-some-widget {
    box-sizing: content-box;
}

a:hover {
    text-decoration: none
}

a, button, input, textarea{
    outline: none !important;
    font-family: 'Outfit', sans-serif;
}

.section-padding{
    padding: 80px 0;
}







header {
    background-color: #ddd;
    background-position: center;
    background-size: cover;
    background-image: url(../img/hero-bg.png);
    padding: 40px 0;
}
.video-wrap {
    max-width: 690px;
    margin: 0 auto;
    margin-top: 25px;
}
.header-content-top {
    text-align: center;
}
.header-content-top h1 {
    color: #000000!important;
    background: #fac55f;
    display: block;
    border-radius: 50px;
    padding: 12px 20px;
    text-align: center;
    line-height: 1;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.header-content-top h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
}
.header-content-top h2 span {
    color: #fac55f;
}
.header-content-top h2 span a {
    display: inline-block;
    color: #fac55f;
    text-decoration: underline;
}
.header-content-top p {
    color: #fff;
    font-size: 22px;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    font-weight: 400;
}
.header-content-top p span {
    color: #fac55f;
    text-decoration: none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
}











.services-area {
    padding: 60px 0;
}
.area-title {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}
.area-title h2 {
    font-weight: 600;
}
.area-title p {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .3px;
}
.services-item {
    text-align: center;
}
.services-item img {
    margin-bottom: 25px;
}







.about-area {
    background: #AFCECE;
    padding: 60px 0;
}
.thumbnail-wrap {
    padding: 35px 25px;
    text-align: right;
}
.about-wrapper {
    max-width: 920px;
    margin: 0 auto;
}
.about-content p {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}







.contact-area {
    padding: 60px 0;
}
.contact-wrapper {
    max-width: 720px;
    margin: 0 auto;
}
.contact-area {
    padding: 60px 0;
}

.contact-wrapper {
    max-width: 720px;
    margin: 0 auto;
}

.contact-wrapper input {
    width: 100%;
    margin-bottom: 15px;
    height:48px;
    border: 1px solid #ddd;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 17px;
    color: #006666;
}
.contact-wrapper input::placeholder{
    color: #006666;
    opacity: .4;
}
.contact-wrapper textarea::placeholder{
    color: #006666;
    opacity: .4;
}
.contact-wrapper textarea {
    width: 100%;
    margin-bottom: 15px;
    height: 130px;
    border: 1px solid #ddd;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 17px;
    color: #006666;
}
.contact-wrapper button {
    width: 100%;
    height: 50px;
    border: 2px solid #006666;
    transition: .3s;
    border-radius: 5px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .4px;
    background-color:#006666;
    color: #fff;
}
.contact-wrapper button:hover {
    color: #006666;
    background-color: transparent;
}
.contact-info-wrapper {
    max-width: 720px;
    margin: 0 auto;
}
.info-item {
    margin-top: 25px;
}
.info-item h4 a {
    color: #006666;
    text-decoration: none;
}
.why-me h4:last-child{
    margin-bottom: 0;
}
.info-item span {
    display: block;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 600;
}


footer {
    padding: 15px 0;
    background: #000000!important;
    color: #fff;
}
.footer-copyright p {
    color: #fff;
    font-size: 15px;
    margin: 0;
}
.social-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.social-links ul li {
    display: inline-block;
    margin-left: 15px;
}
.social-links ul li a {
    display: inline-block;
    color: #fff;
}
.social-links ul li img {
    width: 18px;
}
.social-links {
    text-align: right;
}
.services-item h3 {
    font-size: 24px;
}











/*-------------- page loader Start -------------*/
#preloader {
	position: fixed;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	height: 100vh;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	 align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.loader3 {
	width: 70px;
	height: 70px;
	display: inline-block;
	padding: 0px;
	text-align: left;
}
.loader3 span {
	position: absolute;
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 100%;
  background: #006666;
  background: #006666;
	-webkit-animation: loader3 1.5s linear infinite;
	animation: loader3 1.5s linear infinite;
}
.loader3 span:last-child {
	animation-delay: -0.9s;
	-webkit-animation-delay: -0.9s;
}

@keyframes loader3 {
  	0% {
    	-webkit-transform: scale(0, 0);
    	        transform: scale(0, 0);
    	opacity: 0.8;
  	}
  	100% {
    	-webkit-transform: scale(1, 1);
    	        transform: scale(1, 1);
    	opacity: 0;
  	}
}

@-webkit-keyframes loader3 {
  	0% {
    	-webkit-transform: scale(0, 0);
    	opacity: 0.8;
  	}
  	100% {
    	-webkit-transform: scale(1, 1);
    	opacity: 0;
  	}
}
/*-------------- page loader End -------------*/