body{ margin: 0px 0px; padding: 0px 0px; position: relative; list-style: none; text-decoration: none; font-family: "Poppins", sans-serif; font-weight: 300;}
a{ text-decoration: none;}
p{ font-size: 17px; color: #272727; line-height: 1.6; margin: 0px 0px 20px 0px; font-weight: 300;}
p a{ color: #79b300;}
.title-center{ text-align: center;}
strong{ font-weight: 500;}
.bg01{ background: #f9f9f9;}
.highlight{ font-size: 20px !important; font-weight: 500; line-height: 1.5;}
.text-italic{ font-style: italic;}
.more-btn{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; display: inline-block; overflow: hidden;}
.more-btn a{padding: 10px 35px;color: #fff;display: block;position: relative;z-index: 1;text-transform: uppercase;font-size: 15px;font-weight: 500;}
.more-btn a::before{ content: ''; display: block; position: absolute; top: 0; left:0; width: 100%; height: 100%; background: #79B300; transition: all ease 0.5s; z-index: -1;}
.more-btn a::after{ content: ''; display: block; position: absolute; top: 0; left:0; width: 0; height: 100%; background: #555555; transition: all ease 0.5s; z-index: -1;}
.more-btn a:hover::before{left: 100%;}
.more-btn a:hover::after{width: 100%;}

.header-top{ margin: 0px 0px; padding: 0px 0px; position: relative; background: #555;}
.top-nav{ display: flex; justify-content: flex-end; margin: 0px 0px; padding: 0px 0px; position: relative;}
.top-nav li{ display: inline-block; margin: 0px 0px 0px 0px; position: relative;}
.top-nav li a{ color: #fff; font-size: 16px; display: block; padding: 8px 15px; text-decoration: none; transition: all ease 0.5s;}
.top-nav li a i{ margin: 0px 0px; padding: 5px 5px; width: 35px; height: 35px; line-height: 25px; position: relative;}
.top-nav li a span{ margin: 0px 0px; position: relative; transition: all ease 0.5s;}
.top-nav li:first-child a i{position: relative;padding: 5px 5px;width: 35px;height: 35px;line-height: 25px;text-align: center; margin: 0px 8px;}
.top-nav li:first-child a i::after{content: '';display: block;position: absolute;top: -6px;left: -6px;width: 47px;height: 47px;background: #fff;border-radius: 100%;animation: pulse-ring 3.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.top-nav li a:hover span{ color: #79B300;}
@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

.header .nav-link{font-size: 14px;color: #555555;padding: 10px 12px !important;text-transform: uppercase;font-weight: 600; transition: all ease 0.5s;}
.header .nav-link:hover{ color: #79B300;}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{color: #79B300;}
.header .dropdown-toggle{ display: none;}
/* .header .nav-link:after, .header .nav-link:before {content: "";position: absolute;transition: all 0.3s;right: 0px;top: 50%;transform: translateY(-50%) rotate(0deg);background: #444;height: 2px;border: 0;width: 12px;}
.header .nav-link:before {transform: translateY(-50%) rotate(90deg);}
.header .nav-link.show:before {transform: translateY(-50%) rotate(00deg);} */


#banner{ margin: 0px 0px; padding: 0px 0px; position: relative;}
#banner img{ width: 100%; min-height: 250px; object-fit: cover;}

#welcome-section{ margin: 0px 0px; padding: 35px 0px; position: relative;}
.welcome-left{ margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; position: relative;}
.welcome-left small{font-size: 16px;color: #79B300;}
.welcome-left h2{font-family: "Playfair Display", serif; font-size: 35px; color: #333; margin: 0px 0px 15px 0px;}
.welcome-left p{ font-size: 17px; color: #272727; margin: 0px 0px 25px 0px;}
.tags-p{white-space: pre-line;font-family: "Satisfy", cursive;font-size: 24px !important;color: #333 !important;}
.tags-p label{ font-style: italic;}

.welcome-img{padding: 20px 20px;margin: 0px 0px 0px 0px;position: relative;display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-end;}
.welcome-img::after{ content: ''; display: block; position: absolute; top: 0; right: 0; width: 200px; height: 200px; background: #79B300; border-radius: 15px; z-index: -1;}
.wel-text{position: absolute;left: 0;top: 10%;bottom: 0;margin: auto;max-width: 235px !important;z-index: 1;}
.green-text{margin: 0px 0px 15px 0px;padding: 15px;background: #79B300;border-radius: 15px;text-align: center;}
.text-green{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.text-green li{padding: 10px 0px; list-style: none; border-bottom: 1px solid #ffffff30; font-family: "Playfair Display", serif;}
.text-green li:last-child{ border: none;}
.text-green li h6{ font-size: 18px; margin: 0px 0px 0px 0px; color: #fff; line-height: 1.5;}
.text-green li h2{ font-size: 35px; margin: 0px 0px 0px 0px; color: #fff; line-height: 1.5;}
.seo-text {padding: 35px 15px 20px 20px;background: #555555;border-radius: 15px;position: relative;}
.seo-text::before{content: '';display: block;position: absolute;top: 13px;left: 18px;background: url(../img/quote-green.png) no-repeat;background-size: contain;width: 23px;height: 17px;}
.seo-text h1{ color: #fff; font-size: 18px; font-family: "Playfair Display", serif; margin: 0px 0px 0px 0px; line-height: 1.4; }
.img-part{max-width: 90%; position: relative;}
.img-part::after{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); border-radius: 15px;}
.img-part img{ border-radius: 15px;}

#services-section{ margin: 0px 0px 0px 0px; padding: 35px 0px; position: relative; background: #f9f9f9;}
.service-data{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.service-data small{font-size: 16px; color: #79B300; text-align: center; display: block;}
.service-data h2{font-family: "Playfair Display", serif; font-size: 35px; color: #333; margin: 0px 0px 25px 0px; text-align: center;}
.service-info{text-align: center; margin: 0px 0px;padding: 25px 20px 25px 20px;background: #fff;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 5%); height: 100%; position: relative;}
.service-info a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.service-info span{ display: inline-block; margin: 0px 0px 20px 0px; transition: all ease 0.5s;}
.service-info span img{ filter: invert(67%) sepia(95%) saturate(416%) hue-rotate(30deg) brightness(95%) contrast(89%);}
.service-info:hover span{    -webkit-animation: bounceIn 1.2s infinite cubic-bezier(.5,1,.89,1);
    animation: bounceIn 1.2s infinite cubic-bezier(.5,1,.89,1);
}
.service-info h3{ font-size: 22px; color: #444; font-family: "Playfair Display", serif; margin: 0px 0px 15px 0px; }
.service-info p{ color: #272727; font-size: 17px; margin: 0px 0px 0px 0px;}
.service-btn{ display: table; margin: 25px auto; text-align: center;}
.service-btn a{ padding: 10px 35px; color: #fff; display: block; position: relative; z-index: 1; overflow: hidden;}
.service-btn a::before{ content: ''; display: block; position: absolute; top: 0; left:0; width: 100%; height: 100%; background: #79B300; transition: all ease 0.5s; z-index: -1;}
.service-btn a::after{ content: ''; display: block; position: absolute; top: 0; left:0; width: 0; height: 100%; background: #555555; transition: all ease 0.5s; z-index: -1;}
.service-btn a:hover::before{left: 100%;}
.service-btn a:hover::after{width: 100%;}

#client-section{ margin: 0px 0px 0px 0px; padding: 35px 0px; position: relative;}
.client-info{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.client-info small{font-size: 16px; color: #79B300; text-align: center; display: block;}
.client-info h2{font-family: "Playfair Display", serif; font-size: 35px; color: #333; margin: 0px 0px 25px 0px; text-align: center;}
.clients{margin: 0px 0px 0px 0px;padding: 35px 35px;text-align: center;min-height: 140px;max-height: 140px;display: flex;align-items: center;justify-content: center;}
.clients img{ text-align: center; mix-blend-mode: luminosity; max-height: 50px; object-fit: contain;}

#why-choose-section{margin: 0px 0px;padding: 140px 0px 50px 0px;position: relative;}
#why-choose-section::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 150px;background: #79B300;z-index: -1;}
.why-choose-data{margin: -80px 0px 30px 0px;padding: 0px 0px;position: relative; max-width: 800px;}
.why-choose-data small{font-size: 16px; color: #333;  display: block;}
.why-choose-data h2{font-family: "Playfair Display", serif;font-size: 35px;color: #fff;margin: 0px 0px 45px 0px;}
.why-choose-data p{color: #272727; font-size: 17px; margin: 0px 0px 25px 0px;}
.choose-point{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.choose-point li{ list-style: none; margin: 0px 0px; padding: 5px 30px 5px 35px; position: relative; font-size: 17px; color: #272727;}
.choose-point li::before{content: '';display: block;position: absolute;left: 0;width: 25px;height: 25px;background: #79B300;border-radius: 24px;}
.choose-point li::after{content: '';display: block;position: absolute;left: 3px;top: 6px;width: 23px;height: 23px;background: #333;border: 8px solid #fff;border-radius: 24px;z-index: 1;}
.quick-inquiry{ margin:-70px 0px 0px 0px; padding: 30px 30px; position: relative; background: #79B300; border: 5px solid #fff; border-radius: 15px;}
.quick-inquiry h3{ font-size: 30px; color: #fff; font-weight: 600; margin: 0px 0px 10px 0px; position: relative; text-align: center;}
.quick-inquiry h2{font-family: "Playfair Display", serif;font-size: 22px;color: #fff;margin: 0px 0px 45px 0px; text-align: center;}
.quick-inquiry .form-group{ margin: 0px 0px 10px 0px; position: relative;}
.quick-inquiry .form-group input{ font-size: 17px; color: #fff; background: transparent; border: 2px solid #fff; width: 100%; padding: 15px 15px; outline: none;}
.quick-inquiry .form-group textarea{font-size: 17px; color: #fff; background: transparent; border: 2px solid #fff; width: 100%; padding: 15px 15px; height: 120px; resize: none; outline: none;}
.quick-inquiry .form-group input::placeholder, .quick-inquiry .form-group textarea::placeholder{ color: #ffffff95; font-weight: 400;}
.quick-inquiry .form-group .submit{ background: #333; color: #fff; padding: 15px 30px; text-align: center; width: 100%; border: none;}

#blog-section{ margin: 0px 0px; padding: 35px 0px 50px 0px; position: relative;}
#blog-section small{font-size: 16px; color: #79B300; text-align: center; display: block;}
#blog-section h2{font-family: "Playfair Display", serif; font-size: 35px; color: #333; margin: 0px 0px 25px 0px; text-align: center;}
.blog-slider{ margin: 0px 0px; padding: 0px 0px;}
.blog-slider .item{ margin: 0px 0px; position: relative;}
.blog-slider .item a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11;}
.blog-slider .blog-slide_img{ max-width: 87%; margin: 0px auto; transition: all ease 0.5s;}
.blog-slider .blog-slide_img img{ width: 100%; max-height: 240px; object-fit: cover;}
.blog-text{margin: -70px 0px 0px 0px;padding: 100px 25px 30px 25px;border: 1px solid #CECECE; box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 12%);}
.blog-text h3{font-family: "Playfair Display", serif; font-size: 22px; color: #79B300; margin: 0px 0px 15px 0px;}
.blog-slider .item:hover .blog-slide_img{ transform: translateY(15px);}

#faq-section{ margin: 0px 0px 0px 0px; padding: 35px 0px; position: relative;}
#faq-section small{font-size: 16px; color: #79B300; text-align: center; display: block;}
#faq-section h2{font-family: "Playfair Display", serif; font-size: 35px; color: #333; margin: 0px 0px 25px 0px; text-align: center;}

.service-accordian .accordion-item{margin: 0px 0px 10px 0px;border: 1px solid #cccccc;padding: 0px 0px 0px 0px; background: transparent;}
.service-accordian .accordion-item h3{ margin: 0px 0px 0px 0px;}
.service-accordian .accordion-button:not(.collapsed){background: #7BB500;color: #fff;box-shadow: none;opacity: 1;font-weight: 600;}
.service-accordian .accordion-button{padding: 17px 20px 17px 50px;font-size: 20px;font-weight: 500;color: #444; background: transparent; transition: all ease 1s;}
.service-accordian .accordion-button:hover{ background: #7BB500;color: #fff;}
.service-accordian .accordion-button:hover::before{ background: #fff;}
.service-accordian .accordion-body{padding: 30px 20px 30px 50px;margin: 0px 0px; background: #fff; }
.service-accordian .accordion-button:focus{ outline: none; box-shadow: none;}
.service-accordian .accordion-button::before{content: '';display: block;position: absolute;left: 22px;width: 11px;height: 11px;background: #79B300;border-radius: 55px; transition: all ease 0.5s;}
.service-accordian .accordion-button::after{content:'+';width: 20px;height: 30px;border-radius: 100%;position: relative;background-image: none;text-align: center;line-height: 25px;color: #444;font-size: 30px;font-weight: 300;transition: cubic-bezier(0.075, 0.82, 0.165, 1);}
.service-accordian .accordion-button:not(.collapsed)::after{content: '-';}
.service-accordian .accordion-button:not(.collapsed)::before{background: #fff;}
.service-accordian .accordion-body p{ font-size: 18px; color: #444; font-weight: 500;}

#testimonial-section{ margin: 0px 0px 0px 0px; padding: 35px 0px; position: relative;}
#testimonial-section small{font-size: 16px; color: #79B300; text-align: center; display: block;}
#testimonial-section h2{font-family: "Playfair Display", serif; font-size: 35px; color: #333; margin: 0px 0px 25px 0px; text-align: center;}
.testimonial-data{ max-width: 800px; margin: 0px auto;}
.client-data{ display: block; max-width: 700px; padding: 60px 35px; margin: 0px auto; position: relative;}
.client-data::before{ content: ''; display: block; position: absolute; right: 0; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/testimonial-shape.png) no-repeat; background-size: contain; background-position: center right; z-index: -1;}
.client-data h6{ text-align: right; color: #79B300; margin: 0px 0px 20px 0px;}
.client-data p strong{ font-weight: 300;}

#footer-section{ margin: 0px 0px 0px 0px; padding: 35px 0px; background: #333;}
.footer-logo{ margin: 0px 0px 15px 0px; position: relative;}
.footer-logo img{max-width: 180px;}
.footer-address{ margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative;}
.footer-address p{ color: #ffffff; font-size: 16px; font-weight: 300; margin: 0px 0px 20px 0px;}
.footer-data{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.footer-data h2{ font-size: 17px; color: #fff; font-weight: 500; text-transform: uppercase; margin: 0px 0px 10px 0px;}
.socials{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.socials li{ display: inline-block; list-style: none;}
.socials li a{font-size: 15px;color: #fff;display: block;width: 35px;height: 35px;border-radius: 60px;text-align: center;line-height: 35px;background: #7bb500; border: 1px solid #79B300;  transition: all ease .5s;}
.socials li a:hover{ background: transparent; color: #79B300;}
.footer-nav{ margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative;}
.footer-nav li{ margin: 0px 0px; padding: 0px 0px; position: relative; list-style: none;}
.footer-nav li a{color: #fff;font-size: 16px;font-weight: 300;padding: 3px 0px;display: block; transition: all ease .5s;}
.footer-contact{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }
.footer-contact li{font-size: 16px; color: #fff; font-weight: 300; list-style: none; padding: 0px 0px 0px 35px; margin: 0px 0px 15px 0px; position: relative;}
.footer-contact li a{ font-size: 16px; color: #fff; font-weight: 300; margin: 0px 0px; transition: all ease .5s;}
.footer-contact li i{ position: absolute; top: 3px; left: 0; font-size: 20px; color: #79b300;}
.footer-contact li a:hover, .footer-nav li a:hover{ color: #79B300;} 



.whatsapp-icon a { height: 40px; width: 40px; z-index: 11; opacity: 1; overflow: hidden; pointer-events: all; cursor: pointer; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16); background: #4fce5d; border-radius: 50%; display: flex !important; align-items: center; justify-content: center; color: #fff; padding: 10px;}
.cbb-circle { background-color: rgba(127, 186, 0, 0); border: 1px solid #4fce5d; border-radius: 100% !important; opacity: 0.5; position: absolute; width: 120px; height: 120px; -webkit-animation: 2.2s ease-in-out infinite animation1; -ms-animation: animation1 2.2s ease-out; -ms-animation-iteration-count: infinite; z-index: -1;}
.cbb-circle-fill { background-color: #4fce5d; border: 1px solid #4fce5d; border-radius: 100% !important; opacity: 1; position: absolute; width: 70px; height: 70px; -webkit-animation: 1.7s ease-in-out infinite animation2; -ms-animation: animation2 1.7s ease-out; -ms-animation-iteration-count: infinite; z-index: -1;}
#shareLink { position: fixed; bottom: 11%; right: 5%; border-radius: 50%; z-index: 10000;}

@-webkit-keyframes animation1 { 0% { opacity: 0.1; -webkit-transform: scale(0.4); transform: scale(0.4); }
 70% { opacity: 0.6; -webkit-transform: scale(1); transform: scale(1); }
 100% { opacity: 0.3; -webkit-transform: scale(0.5); transform: scale(0.5); }
}

@-webkit-keyframes animation2 { 0% { opacity: 0.3; -webkit-transform: scale(0.6); transform: scale(0.6); }
 70% { opacity: 0.8; -webkit-transform: scale(1); transform: scale(1); }
 100% { opacity: 0.1; -webkit-transform: scale(0.7); transform: scale(0.7); }
}

#shareLink button { border: none; background: transparent; color: #fff; z-index: 1000;}
#shareLink { display: flex; justify-content: center; align-items: center;}