/*!
Theme Name: Microsite
Author: WMI Team
Description: Custom wordpress theme use for micro websites
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: microsite
*/
/* Add your custom styles here */
.where-are-section .we-are-box h2 {font-size: 30px;line-height: 1em;position: relative;}
.where-are-section .we-are-box h2:before {position: absolute;content: '';top: 50%;left: 73%;background-color: #209e98;width: 219px;height: 2px;transform: translate(-50%, -50%);}
.where-are-section .we-are-box .are-list:before{left: 30%;}
.where-are-section .we-are-box {background-color: #fff;padding: 30px;border-radius: 20px;}
.where-are-section {background-color: #209e98;padding: 80px 0px;}
.getting-more-section .elementor-shape-fill {filter: invert(1);}
.remove-we-section {padding-top: 50px;}
.getting-more-section {background-color: #d0edff;padding: 0px 0px 80px 0px;}
.getting-more-section .time-arrow {position: relative;}
.getting-more-section .time-arrow img {position: absolute;top: 538px;left: -17px;}
.getting-more-section .wpcf7-form-control {height: 60px;}
.getting-more-section .bform i::before {bottom: -44px;}
.getting-more-section .bform .fa-map-marker::before {bottom: -34px;}
.getting-more-section .bform {box-shadow: none;margin-top:35px;}
.getting-more-section .digital-box {height: 419px;}
.getting-more-section .right-side-box {background-color: #209e98;padding: 40px;border-radius: 15px;color: #fff;}


.getting-more-section .more-inner {box-shadow: 0 0 50px 15px rgba(0, 0, 0, .06);padding: 20px;background-color: #fff;border-radius: 6px; margin-top: -130px;}
.getting-more-section .right-side-box h3 {color: #f1faff;font-family: archivo, Sans-serif;font-size: 45px;font-weight: 700;line-height: 1.1em;margin-top: 30px;}
.lcyan-mark3 {background: linear-gradient(to top, transparent 10%, #01f0ff70 10%, #01f0ff59 65%, transparent 40%);    font-weight: 400;}
.getting-more-section .bform h3 {font-size: 2rem;line-height: 33px;}
.main-container {padding: 9px 24px;background-color: #f1faff;width: 60%;border-radius: 50px;color: #209e98;font-weight: bold;}
.remove-we-section p{font-size: 3rem;font-weight: bold;}
.remove-we-section .type {color: #ffffff;background-color: #209e98;font-size: 2.9rem;font-weight: 500;overflow: hidden;white-space: nowrap;border-right: 2px solid;animation: type 1.5s steps(90) 1.5s 1 normal both, cursor 1s step-end infinite;position: relative;}
@keyframes type {from {width: 0;}
	to {width: 100%;}}
@keyframes cursor {
	50% {border-color: transparent;}}
.results-section {padding: 30px 0px 30px 30px;overflow: hidden;}
.results-section .results-img {
    width: 93%;
    max-width: 164%;
    margin-left: 260px;
}
.result-inner .header-btn {padding: 12px 40px;margin-top: 22%;display: inline-block;border-radius: 41px;}
.result-inner .header-btn:hover{background-color:#fff;color:#001c44;}
.result-inner {background-color: transparent;background-image: linear-gradient(180deg, #d0edff 0%, #FFFFFF 100%);padding: 70px 49px;border-radius: 10px;position: relative;}
.result-inner:before{height: 100%;width: 100%;background-image: url(https://order.remoovd.com/lp2/wp-content/uploads/2024/07/omg-top-left-blue-grid.webp);background-position: top left;background-repeat: no-repeat;}
.result-inner:before {position: absolute;content: '';}
.results-section .difference-text {text-align: left;font-size: 20px;font-weight: 400;text-transform: none;font-family: cursive;color: #209e98;margin-bottom: 23px;display: block;}
.results-section .lcyan-mark3 {background: linear-gradient(to top, transparent 10%, #01f0ff70 10%, #01f0ff59 65%, transparent 40%);}
.results-section .heading-title{color: #001c44;font-family: archivo, Sans-serif;font-size: 40px;font-weight: 800;line-height: 1.1em;}
.faq-section{padding:80px 0px;background-color:#F3f3f3;}
.faq-section .card-header {display: block;position: relative;color: #ffffff;background: #ececec;}
.faq-section .card {margin-bottom: 20px;}
.faq-section .card-header a{display: block;position: relative;color: #011844;background: #ececec;font-size: 14px;line-height: 1.2;}
.faq-section .faq-subtitle {font-size: 19px;font-weight: 1.0;letter-spacing: 1.6px;text-transform: uppercase;margin-bottom: 15px;    color: #209e98;
	font-weight: bold;}
.faq-section .faq-title {font-size: 36px;line-height: 1.05;color: #021844;position: relative;margin-bottom: 25px;font-weight: bold;}
.growing-section .watch-button {padding-left: 30px;padding-right: 30px;margin: 0 0 10px;font-weight: 700;border-radius: 8px;line-height: 22px;width: 46%;font-size: 14px;letter-spacing: -0.56px;display: inline-block;color: #fff;padding: 13px 30px;}
.growing-section .primary{    display: inline-block;padding: 13px 30px;color: #fff;border-radius: 8px;background-color: #1976d2;border: 1px solid transparent;}
.growing-section .secondary{margin-left: 15px;background-color: #fff;border: 1px solid #1976d2;color: #1976d2;}
.growing-section {
    background-color: #0c6a66;
    padding: 30px 0;
    overflow-x: hidden;
}
/* .growing-section{background-color: #30a39e;padding: 80px 0;overflow-x: hidden;} */
.growing-section h2{font-size: 27px;margin-bottom: 6px;color:#000;}
.growing-section p{font-size: 16px;margin-bottom: 4px;}
.footer-section {background-color: #000;color: #fff;padding: 10px 0px;}
.footer-section  .bottom-list ul li {padding: 0px 10px;font-size: 12px;font-weight: 500;}
.countr .topc i::before {color: #209e98 !important;}
header#masthead {box-shadow: 4px 5px 5px #b0a8a8;}
.growing-section h2,.growing-section p {color: #fff;}
@media only screen and (max-width: 768px) {
	h2 { font-size: 26px !important;
		line-height: 31px !important;}
	.counterss .countr , .testimonial {width: 100% !important;}
	.features-grid {grid-row-gap: 0px !important;grid-template-columns: 2fr !important;padding-top: 0px !important;}
	.plan {width: 100% !important;margin-bottom: 20px !important;}
	.plan.popular {margin-top: 0px !important;}
	.plans {display: block !important;}
	.where-are-section .we-are-box {margin-bottom: 30px !important;}
	.where-are-section .we-are-box h2 {font-size: 21px !important;}
	.where-are-section .we-are-box h2:before {left: 82% !important;width: 120px !important;}
	.where-are-section .we-are-box .are-list:before {left: 73% !important;}
	.main-container {width: 100% !important;font-size: 14px !important;}
	.getting-more-section .right-side-box h3 {font-size: 26px !important;}
	.getting-more-section .more-inner {margin-top: 10px !important;}
	.getting-more-section .digital-box {width: 100% !important;height: auto;}
	.getting-more-section .time-arrow img {display: none;}
	.results-section {padding: 30px 0px 30px 0px !important;}
	.remove-we-section p , .remove-we-section .type{font-size: 29px !important;text-align: center;}
	.tab-container {flex-wrap: wrap;}
	.tab {width: 43% !important;text-align: center;}
	header#masthead .header-btn {display: none !important;}
	.numbr span {font-size: 26px !important;}
	img.header-logo {width: 69% !important;}
	.quote_button {
		margin-bottom: 20px !important;
	}
	.google_review {
		margin-top: 30px !important;
	}
	.google_benefits {
		margin-top: 20px !important;
	}
	.google_benefits {
		margin-top: 10px !important;
	}
	.google_service {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	section.banner-section h3 {
		font-size: 18px;
		line-height: 26px !important;
	}
	section.banner-section ul.listing {
		margin-top: 30px;
		padding-left: 20px;
	}
	section.banner-section ul.listing li {
		margin-bottom: 3px;
	}
	.bform {
		margin-top: 40px;
	}
}

@media (min-width: 600px) and (max-width: 1030px) {
	.counterss .countr {
		display: flex;
		align-items: center;
		column-gap: 10px;
	}
	.countr .topc i::before {
		font-size: 48px !important;
		color: #e91c1c;
	}
	.countr .topc {
		column-gap: 10px;
	}
	.features-grid {
		display: flex !important;
		flex-wrap: wrap !important;
	}
	.features-card.outline {
		width: 48%;
	}
    #app {
    font-size: 32px;
    }
}
#app{
  text-align:center;
  font-size:50px;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #209e98 67%,
    #209e98 100%
  );
  background-clip:border-box;
   text-fill-color: transparent;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  animation: textclip 2s linear infinite;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}