@font-face{font-family:'Myriad Pro';src: url(https://beta4.technodreamcenter.com/overlaydesignsresurfacing.com/wp-content/themes/overlaydesign/assets/fonts/MYRIAD-PRO.otf);}
*{margin:0;padding:0;box-sizing:border-box;}
html, body{width: 100%;overflow-x: hidden;font-family:'Poppins',sans-serif;min-width:320px;}
a{color:white;text-decoration: none;}
h4 {font-family: 'Montserrat';font-size: 20px;color: #999999;}
h3 {font-size: 22px;letter-spacing: 1px;font-weight: 500;}
h2 {font-size: 50px;color: #1069D7;font-family: 'Playfair Display';margin: -10px 0 20px;font-weight: 800;}
h1 {font-size: 56px;font-weight: 400;line-height: 80px;letter-spacing: .50px;}
span {font-weight: 700;}
.btn {background: #1069D7;padding: 20px;display: block;text-align: center;max-width: 380px;font-size: 18px;padding: 20px 30px;border-radius: 50px;letter-spacing: .40px;border:none;}
.flex{display: flex; justify-content: space-between; align-items: center;}
.cta {position: fixed;bottom: 20px;}
a#cta {font-size: 25px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
#header .logo {max-width: 600px;margin-top: 20px;}
#header .bottom {max-width: 1700px;margin: -40px auto 0 auto;}
#header .top a {font-weight: 800;}
#header .top {margin: 10px auto -20px; font-size: 18px;z-index:99;}
#header .nav a {font-size: 13px;font-family: Montserrat;letter-spacing: 1px;font-weight: 500;}
#header h3 {margin: 10px 0 40px;}
/* #header .banner-content {max-width: 1671px;margin: 230px auto;} */
#header .banner-content {
        max-width: 1671px;
        margin: 70px auto 490px;
}
#welcome h2 {margin: 5px auto 30px!important;}
#welcome p {color: #333333;font-size: 16px;}
#welcome .left p {max-width: 730px;line-height: 35px;}
#welcome .left {padding: 0 5% 0 12%;width: 100%;max-width: 1150px;}
#choice h1 {font-size: 70px;font-family: 'Playfair Display';font-weight: 700; margin-bottom: 30px;}
#choice {padding: 110px 10%;}
#choice p {font-size: 22px;max-width: 970px;}
#choice .img-box {margin: 60px 0 20px;}
#choice .box img {width: 95%;}
#reviews .flex h4 {font-size: 22px;font-family: 'Poppins';font-weight: 400;color: #333333;}
#reviews .flex {justify-content: start;}
#reviews .right {padding: 0px 5%;}
#reviews {padding: 150px 11%;}
#reviews p {font-style: italic;letter-spacing: .40px;line-height: 35px;}
#reviews .left:after {content: '';background: url(../../../../beta4.technodreamcenter.com/overlaydesignsresurfacing.com/wp-content/uploads/2022/08/Untitled-10.fw_.png) no-repeat;position: absolute;width: 100%;height: 100%;right: -80%;left: auto;top: -60px;}
#about .btn {max-width: 230px;}
#about {margin: 80px 2% 10px 0;}
#about .left p {font-size: 20px;}
#about .left {padding: 0 8% 0 12%;}
#about h2 {margin-top: 5px;}
#gallery {margin: 0 2% 110px 0;}
/* #gallery img {width: 100%;height: 700px;margin: 0;} */
#gallery img {width: 100%;height: 500px;margin: 0;}
/* #gallery h2 {font-size: 82px;transform: rotate(-90deg);width: 100%;max-width: 900px;font-weight: 300;margin-left: 90px;} */
/* #gallery h2 {font-size: 82px;width: 100%;max-width: 900px;font-weight: 300;margin-left: 90px;} */
#gallery .elementor-column {padding: 10px;}
#footer {padding: 150px 0 20px 0;}
#footer .bottom .left span {letter-spacing: 2px;font-size: 15px;font-weight: 500;}
#footer .bottom {max-width: 1300px;margin: 20px auto 0 auto;}
#footer .bottom .left {letter-spacing: 2px;}
#footer .bottom .left .phone {font-size: 23px;font-weight: 600;font-family: 'Century Gothic';letter-spacing: 3px;}
#footer .bottom a.mail {letter-spacing: .40px;font-weight: 600;font-size: 18px;font-family: 'Century Gothic';}
#footer .right {left: 150px;font-weight: 500;letter-spacing: 1px;}
#form input[type="text"], input[type="email"], #form textarea {font-style: italic;font-family: 'Poppins';letter-spacing: .50px;width: 100%;padding: 15px;border-radius: 10px;border: none;background: #EBEBEB;box-shadow: 5px 7px 21px -14px rgba(0,0,0,0.75) inset;}
#form label {color: transparent; width: 32%;}
#form {padding: 60px 4%;max-width: 1500px;margin: 0 auto;border-radius: 20px;}
#form {background: white;text-align: center;color: #999999;}
#form .flex br {display: none !important;}
#form p {font-size: 16px;font-family: 'Poppins';}
#form h3 {font-size: 20px;letter-spacing: 0;font-weight: 400;}
#form .btn {color: white;font-family: 'Montserrat';font-weight: 700;letter-spacing: 10px;margin: 30px auto 0 auto;max-width: 250px;width: 100%;}
#socials{display:flex;column-gap:10px;}
@media screen and (max-width:1500px){
	h2{font-size:40px;}
/* 	#header .banner-content {max-width: 1400px;margin: 200px auto;} */
	#header .banner-content {max-width: 1400px; margin: 70px auto 490px;}
	.elementor-element-6ad03fe {width: 68.212% !important;}
	#welcome .left {padding: 0 5% 0 9%;max-width: 900px;}
	#reviews .left:after{background-size:24%;}
	#gallery h2{margin-left:0;}
	#form{max-width: 1200px;}
	#socials img{width:30px!important;}
	#socials {column-gap:5px;}
}
@media screen and (max-width:1200px){
	h1 {line-height:60px;}
	h2 {font-size: 33px;}
	#header .logo {max-width: 400px;}
	#header .nav a {font-size: 10px; padding: 5px;}
	#welcome .right {width: 80%;}
	#welcome .left {padding: 0 4%;max-width: 900px;}
	#welcome .left p {line-height: 30px;font-size: 14px;}
	#choice h1 {font-size: 50px;}
	#choice p {font-size: 15px;max-width: 650px;}
	#reviews {padding: 100px 3%;}
	#about .left {padding: 0 5% 0;width: 70%;}
	#gallery img{height: auto;}
	#gallery h2 {font-size: 50px;}
	.elementor-element.elementor-element-9ed6e34.elementor-widget.elementor-widget-image {width: 90%;}
	#form {max-width: 1000px;}
	#footer .bottom {max-width: 1000px;margin: 20px auto 0 auto;}
	#footer .right {left: 50px;}
}
@media screen and (max-width:768px){

}
.elementor-widget-image-carousel .swiper-slide{padding:5px;}

/*** dont delete ***/
/* @media screen and (max-width:1024px){
	#reviews br {display: none;}
	.flex {display: block;}
	h2.elementor-image-box-title {text-align: center;}
	.fa-align-justify:before {content: "\f039";color: white;font-size: 30px;}
	.btn {margin: 0 auto;}
	.elementor-container .elementor-column {width: 100% !important;max-width: unset !important;margin: 0px auto;}
	.elementor-container {display: block !important;}
	#header .banner-content {max-width: 900px;margin: 50px auto;text-align: center;}
	#header .logo {max-width: 400px;margin: 0 auto;}
	#header .bottom {margin: 20px auto;}
	#header .nav a {font-size: 14px;color: black;font-weight: 700;padding: 20px;}
	#welcome .left p {max-width: unset;}
	#welcome .left {padding: 20px 2%;max-width: 900px;text-align: center;}
	#welcome .right {max-width: 600px !important;width: 100%;}
	#choice {padding: 20px 2%;text-align: center;}
	#choice p {font-size: 15px;max-width: unset;}
	#choice .box {margin: 20px auto;}
	#choice .img-box {margin: 0px 0 20px;}
	#choice .box img {width: 50%; margin: 10px auto !important;display: block;}
	#reviews .right {padding: 50px 5%;text-align: center;}
	#reviews {padding: 100px 10% 0 10%;}
	#about {margin: 0px auto;}
	#about .left {padding: 0 ;width: 70%;text-align: center; margin: 30px auto;}
	#gallery h2 {font-size: 50px;transform: none;}
	#gallery .elementor-element {width: 50%;margin: 10px auto;}
	#footer {text-align: center;overflow:hidden;}
	#footer .mid {max-width: 350px !important;width: 100%; margin:20px auto;}
	#footer .right {left: 0px;}
}

@media screen and (max-width: 480px){
	.btn{padding:10px;} 
	a span {display: block;}
	h1 {font-size: 35px;line-height: 45px !important;}
	#header .banner-content {max-width: 900px;margin: 30px auto;}
	#choice h1 {font-size: 24px;line-height: 40px !important;}
	#choice .box img {width: 100%;}
	#gallery .elementor-element {width: 90%;}
	#footer .bottom .left .phone,#footer .bottom a.mail{display:block;}
	#reviews {padding: 20px 0;} 
} */