@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
/* font-family: 'Roboto', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
/* font-family: 'Oswald', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Merienda+One&display=swap');
/* font-family: 'Merienda One', cursive; */


.bannerText .h1 {font-family: 'Oswald', sans-serif;}
.heading h2 {font-family: 'Roboto', sans-serif;text-transform: none !important; line-height: 1.4;}

.glory-text h2.overview-heading.text-center { margin-top: 10px;}

.header { background: rgba(0,0,0,0.6);}
body .topSideMenu li a { color: #fff;}
body .menuBtn { color: #fff;}
body .menuBtn .menuLine::before, body .menuBtn .menuLine::after { background: #fff;}

/*
body .header.fixed .topSideMenu li a { color: #000;}
body .header.fixed .menuBtn { color: #000;}
body .header.fixed .menuBtn .menuLine::before, body .header.fixed .menuBtn .menuLine::after { background: #000;}
body .header.fixed .topSideMenu li {border-color:#000;}
*/

body .bannerText { color: #fff;}
body .bannerSocial a { color: #fff;}
body .scrollDown {color: #fff;}
body .bannerControlsContainer .carousel-indicators li:hover, body .bannerControlsContainer .carousel-indicators .active { border-bottom-color: #fff;}
body .bannerControlsContainer .carousel-indicators li { color: #fff;}


.hm-featuresContainer .benefitContainer { margin-top: 50px;}
body .hm-featuresContainer .benefitBox .inner .img-fluid { width: 120px; margin: -100px auto 1rem; padding: 10px; background: #fff; box-shadow: none; border: solid 10px #fff;}
body .hm-featuresContainer .benefitBox .inner:hover .img-fluid { box-shadow: none;}

.hm-featuresContainer .benefitBox h5.text-primary { color: #fff !important;margin-top:10px;}
.hm-featuresContainer .benefitBox p { color: #fff !important;margin: 10px 0 0 0; font-weight: 300;}

.geoclean-policy-container.animate-section6 .benefitBox .inner {
    background: rgba(255,255,255,0.8);
    border: solid 5px #fff;
    border-radius: 20px;
}
.geoclean-policy-container.animate-section6 .benefitBox .inner:hover h5 { color: #000 !important;}
.geoclean-policy-container.animate-section6 .benefitBox .inner:hover { color: #000;}
.geoclean-policy-container.animate-section6 .benefitBox .inner .img-fluid { width: 100px; padding: 15px;}

body .partners-tab ul li button {
    padding: 15px 12px;
    font-size: 13px;
    border: 0;
    background: #fafafa;
    border-radius: 0 !important;
}
body .partners-tab ul li:first-of-type button { border-radius: 0; border: 0;}
body .partners-tab ul li button:hover, body .partners-tab ul li button.viewsBtnActive { color: #fff; background: #369c5a;}
.partnersBox.logo-slider .gap-form-row {
    row-gap: 0;
    margin: 20px 0 0 0;
    flex-wrap: nowrap;
    overflow: auto;
    justify-content: flex-start !important;
    padding: 0 0 10px 0;
}
.partnersBox.logo-slider .brand-logos {
    border: solid 1px #dcdcdc;
    margin: 5px;
}

.certified .gap-form-row { justify-content: center !important;}
.certified .certified-seal.col-lg-6 {width:100%;max-width:100%;flex: inherit;}
.certified .certified-seal.col-lg-6 .heading {width:100%;text-align:center;}
.certified .certified-seal.col-lg-6 .heading h2 {margin-bottom:20px !important;}

.footer-area .footerAbout .footer-title { font-size: 18px; font-weight: 500; text-transform: uppercase; font-family: 'Oswald', sans-serif;}
.footer-area .footerAddress p {font-size:15px;}

.scrollto .info_block .inner { max-width: 800px; width: 100%; text-align: center; margin: 0 auto;}
.scrollto .info_block .inner .heading h2 {margin-bottom:10px !important;}
.scrollto .info_block .readmore .button {margin:0 auto;}

.swiper-pointer-events .successBox .inner {border-radius: 15px;box-shadow: none; border: solid 2px #369c5a;}
.swiper-pointer-events .success_Text .success_year {
    letter-spacing: 0;
    border-radius: 50%;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    color: #369c5a;
    font-size: 50px;
    padding: 10px;
}
.swiper-pointer-events .success_Text .success_Stuff { padding: 10px;}
.swiper-pointer-events .successBox .success_connector { top: 50%;}


.overlay_section .container-fluid { max-width: 800px; width: 100%; margin: 0 auto; text-align: center;}
.overlay_section .container-fluid .readmore .button {margin: 0 auto; }
.overlay_section .benefitBox .inner.d-flex { box-shadow: none !important; padding: 5px 10px 5px 5px; border-radius: 40px 0 0 40px;}
.overlay_section .benefitBox .inner.flex-row-reverse{border-radius: 0 40px 40px 0;}
.overlay_section .benefitBox .inner p {font-size: 16px; padding: 8px;}
.overlay_section .benefitBox .inner.full_radius{border-radius: 40px;}

.desktop_menu ul { display: flex;margin:0;padding:0;}
.desktop_menu ul li {display:block;border:0;padding:0;margin:0;}
.desktop_menu ul li a {display:block;font-size:14px;padding:10px;}

.rotate-circle {}
.rotate-circle ul.circle-rotate {display: flex;margin:0;padding:30px 0 0 0; text-align: center; align-items: flex-start;}
.rotate-circle ul.circle-rotate li {
    display: block;
    margin: 0;
    padding: 10px;
    
}
.rotate-circle ul.circle-rotate li .icon > img {
    vertical-align: middle;
    height: 100px;
    border: solid 1px #7fc063;
    border-radius: 50%;
    width: 100px;
    margin: 0 auto 10px;
    padding: 0;
}
.rotate-circle ul.circle-rotate li .icon > span {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
}

@media (min-width:992px) {
	body .menuBtn {display:none;}
}

@media (max-width:991px) {
	.partnersBox.logo-slider .brand-logos { min-width: 150px; height: 100px;}
	body .partners-tab ul li button { padding: 15px; font-size: 12px;}
	
	.topSideMenu {display:none !important;}
	
	.rotate-circle ul.circle-rotate li { width: 20%;}
	
}

@media (max-width:767px) {
	.hm-featuresContainer .benefitContainer .row .benefitBox { margin-top: 60px;}
	.rotate-circle ul.circle-rotate li { width: 25%;}
	.rotate-circle ul.circle-rotate li .icon > span { font-size: 13px; line-height: 1.3;}
}

@media (max-width:575px) {
	.hm-featuresContainer .benefitContainer .row .benefitBox { margin-top: 30px;}
	body .hm-featuresContainer .benefitBox .inner .img-fluid { width: 80px; margin-top: -70px; padding: 5px;border: solid 5px #fff;}
	.rotate-circle ul.circle-rotate li { width: 33.33%;}
    .overlay_section .benefitBox .inner.flex-row-reverse, .overlay_section .benefitBox .inner.d-flex{border-radius: 40px; flex-direction: row !important;    }
}

@media (max-width:480px) {
	.rotate-circle ul.circle-rotate li { width: 50%;}
	.rotate-circle ul.circle-rotate li .icon > img { height: 90px;width: 90px;}
}