body{ margin: 0px 0px; padding: 0px 0px; position: relative; list-style: none; text-decoration: none; font-family: "Noto Sans", serif;}
a{ text-decoration: none;}
p{ font-size: 17px; color: #535353; line-height: 1.5; margin: 0px 0px 20px 0px;}
.title-center{ text-align: center;}
.bg01{ background: #f9f9f9;}
.highllight{ font-size: 24px !important; font-weight: 600; 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; }
.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;}
.top-nav li a i{ margin: 7px 8px; position: relative;}
.top-nav li a span{ margin: 0px 0px; position: relative;}

.header .nav-link{font-size: 14px;color: #555555;padding: 10px 12px !important;text-transform: uppercase;font-weight: 600;}
.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: #535353; margin: 0px 0px 25px 0px;}
.tags-p{ white-space: pre-line;}
.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{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: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: #79B300; font-family: "Playfair Display", serif; margin: 0px 0px 15px 0px; }
.service-info p{ color: #535353; 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: #535353; 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: #535353;}
.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: 600;color: #212121; 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;}

#footer-section{ margin: 0px 0px 0px 0px; padding: 35px 0px; background: #333;}
.footer-logo{ margin: 0px 0px 15px 0px; position: relative;}
.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: 1px solid #fff; border-radius: 60px; text-align: center; line-height: 35px;}
.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;}
.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;}
.footer-contact li i{ position: absolute; top: 3px; left: 0; font-size: 20px; color: #fff;}

