#sub-banner{ padding: 0px 0px; margin: 0px 0px 0px 0px; background: #eaeaea; position: relative;}
#sub-banner img{ width: 100%; min-height: 200px; object-fit: cover;}
.page-banner{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.page-banner::before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:linear-gradient(180deg, rgb(48 48 48 / 64%) 25%, rgb(0 0 0 / 58%) 85%);}
.main-title{ position: absolute; bottom: 35px; margin: auto;}
.main-title h1{ color: #fff; font-size: 28px; font-weight: 600;}
.page-breadcrumbs { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.page-breadcrumbs li{ color: #ffffff99; display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; position: relative;}
.page-breadcrumbs li::before{content: ''; display: block; position: absolute; left: 0; width: 4px; height: 4px; background: #e9e9e9; bottom: 6px; border-radius: 5px;}
.page-breadcrumbs li a{ color:rgb(255 255 255 / 87%);}

#about-section{ padding: 50px 0px; margin: 0px 0px; position: relative;}
.about-content{ margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; position: relative;}
.about-content small{ font-size: 16px; color: #79B300;}
.about-content h2{font-family: "Playfair Display", serif; font-size: 35px; color: #333; margin: 0px 0px 15px 0px;}
.about-content p{ font-size: 17px; color: #535353; margin: 0px 0px 25px 0px;}
.service-img{ margin: 0px 0px 30px 0px; padding: 20px 20px; position: relative; z-index: 1;}
.service-img::after{content: ''; display: block; position: absolute; top: 0; right: 0; width: 200px; height: 200px; background: #79B300; border-radius: 15px; z-index: -1;}
.service-image{ margin: 0px 0px 0px 0px; position: relative;}
.service-image img{ border-radius: 15px; width: 100%; max-height: 500px; object-fit: cover;}
.service-image::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); border-radius: 15px;}

#mission-vision-section{ padding: 50px 0px 20px 0px; background: #f9f9f9;}
.mission{padding: 25px 25px;margin: 0px 0px 30px 0px;position: relative;border: 1px solid #ffffff;border-radius: 15px;background: #fff;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 5%);}
.mission-img{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.mission-img img{ border-radius: 15px;}
.mission-info { margin: 0px 0px 0px 0px; padding: 20px 20px;}
.mission-info h3 {font-family: "Playfair Display", serif;font-size: 25px;color: #79b300;margin: 0px 0px 15px 0px;}
.mission-info p { font-size: 17px; color: #535353; margin: 0px 0px 25px 0px;}

#review-section{ margin: 0px 0px 0px 0px; padding: 30px 0px 30px 0px; position: relative;}
.reviews{display: flex;margin: 10px 0px 10px 0px;justify-content: space-between;align-content: center;flex-wrap: wrap;align-items: center;}
.review-logo{ max-width: 150px;}
.review-btn{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; display: inline-block; overflow: hidden;}
.review-btn a{ padding: 10px 35px; color: #fff;  display: block; position: relative; z-index: 1; }
.review-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;}
.review-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;}
.review-btn a:hover::before{left: 100%;}
.review-btn a:hover::after{width: 100%;}


#services-part{ padding: 50px 0px; margin: 0px 0px; position: relative;}
.service-left{ margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; position: relative;}
.service-left small{ font-size: 16px; color: #79B300;}
.service-left h2{font-family: "Playfair Display", serif; font-size: 35px; color: #333; margin: 0px 0px 15px 0px;}
.service-left p{ font-size: 17px; color: #535353; margin: 0px 0px 25px 0px;}
.service-img{ margin: 0px 0px 30px 0px; padding: 20px 20px; position: relative; z-index: 1;}
.service-img::after{content: ''; display: block; position: absolute; top: 0; right: 0; width: 200px; height: 200px; background: #79B300; border-radius: 15px; z-index: -1;}
.service-image{ margin: 0px 0px 0px 0px; position: relative;}
.service-image img{ border-radius: 15px; width: 100%; max-height: 500px; object-fit: cover;}
.service-image::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); border-radius: 15px;}

#service-included{padding: 50px 0px 50px 0px; background: #f9f9f9;}
.included-data{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.included-data h2{ margin: 0px 0px 30px 0px; font-family: "Playfair Display", serif; font-size: 35px; color: #555555; text-align: center;}
.include-info{margin: 0px 0px;padding: 25px 20px 25px 20px;background: #fff;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 5%); height: 100%;}
.include-info span{ display: inline-block; margin: 0px 0px 20px 0px; transition: all ease 0.5s;}
.include-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);}
.include-info h3{ font-size: 22px; color: #79B300; font-family: "Playfair Display", serif; margin: 0px 0px 15px 0px; }
.include-info p{ color: #535353; font-size: 17px; margin: 0px 0px 0px 0px;}

#free-request{ padding: 80px 0px; margin: 0px 0px 0px 0px; position: relative; background: url(../sub-images/request-bg.jpg) no-repeat fixed; background-size: cover; background-position: center; position: relative; z-index: 1;}
#free-request::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); z-index: -1;}
.request-part{ display: flex; justify-content: space-between; align-items: center;}
.request-left{ margin: 0px 0px 0px 0px; padding: 15px 0px; position: relative;}
.request-left h2{ font-size: 30px; color: #fff; margin: 0px 0px 0px 0px;}
.request-left p{ font-size: 18px; color: #fff; margin: 0px 0px;}

#master-seo-section{ margin: 0px 0px 50px 0px; padding: 0px 0px; position: relative;}
.master-data{ margin: 0px 0px 0px 0px; padding: 50px 0px;}
.master-data h2 { font-family: "Playfair Display", serif; font-size: 35px; color: #333; margin: 0px 0px 25px 0px;}
.master-data p{ font-size: 17px; color: #535353;}
.master-logos{ display: flex; align-items: center;}
.master-logos span { padding: 20px; height: 175px; width: 175px; display: flex;}
.master-logos span img{ object-fit: contain;}

#seo-company-tab{ margin: 0px 0px; padding: 75px 0px; background: #f1f1f1; position: relative;}
.company-top{ max-width: 1100px; text-align: center; margin: 0px auto 50px auto; position: relative;}
.company-top h2{font-size: 35px; color: #333; font-family: "Playfair Display", serif; margin: 0px 0px 15px 0px;}
.company-top p{ font-size: 17px; margin: 0px 0px 0px 0px;}
.company-tabs {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;position: relative;}
.company-tabs .tab-content{padding: 35px 35px;background: #fff;}
.company-tabs .tab-content h3{ font-size: 22px; color: #333; font-family: "Playfair Display", serif; margin: 0px 0px 20px 0px;}
.company-tabs .tab-content p{ font-size: 17px; margin: 0px 0px 20px 0px;}
.company-tabs ul { margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center;}
.company-tabs .nav-tabs .nav-item{ margin: 0px 5px;}
.company-tabs .nav-link{ padding: 12px 30px; color: #fff; background: #212121 !important; font-size: 18px; font-weight: 500; border-radius:15px 15px 0px 0px !important; transition: all ease 0.5s;}
.company-tabs .nav-tabs .nav-link.active { background: #79b300 !important; color: #fff; border-color: transparent;}
.company-tabs .nav-tabs .nav-link:hover{background: #79b300 !important; color: #fff;}

#services-faqs{ margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; position: relative;}
.service-faqs-data{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.service-faqs-data h2{ text-align: center; font-size: 35px; font-family: "Playfair Display", serif; color: #444; font-weight: 600; margin: 0px 0px 20px 0px;}

.service-accordian .accordion-item{margin: 0px 0px 10px 0px;border: 1px solid #f1f1f1;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;}

#service-testimonials{ padding: 50px 0px; margin: 0px 0px; position: relative;}
#service-testimonials small{font-size: 16px; color: #79B300; text-align: center; display: block;}
#service-testimonials h2{font-family: "Playfair Display", serif; font-size: 35px; color: #333; margin: 0px 0px 25px 0px; text-align: center;}
.service-client{ display: block; position: relative;}
.service-client-data{ display: block; max-width: 700px; padding: 60px 35px; margin: 0px auto; position: relative;}
.service-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;}
.service-client-data h6{ text-align: right; color: #79B300; margin: 0px 0px 20px 0px;}

.service-inquiry{ margin:-50px 0px 0px 0px; padding: 30px 30px; position: relative; background: #79B300; border: 5px solid #fff; border-radius: 15px; z-index: 1;}
.service-inquiry h3{ font-size: 30px; color: #fff; font-weight: 600; margin: 0px 0px 10px 0px; position: relative; text-align: center;}
.service-inquiry h2{font-family: "Playfair Display", serif;font-size: 22px;color: #fff;margin: 0px 0px 45px 0px; text-align: center;}
.service-inquiry .form-group{ margin: 0px 0px 10px 0px; position: relative;}
.service-inquiry .form-group input{ font-size: 17px; color: #fff; background: transparent; border: 2px solid #fff; width: 100%; padding: 15px 15px; outline: none;}
.service-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;}
.service-inquiry .form-group input::placeholder, .service-inquiry .form-group textarea::placeholder{ color: #ffffff95; font-weight: 400;}
.service-inquiry .form-group .submit{ background: #333; color: #fff; padding: 15px 30px; text-align: center; width: 100%; border: none;}

.request-btn{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; display: inline-block; overflow: hidden;}
.request-btn a{ padding: 10px 35px; color: #fff;  display: block; position: relative; z-index: 1; }
.request-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;}
.request-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;}
.request-btn a:hover::before{left: 100%;}
.request-btn a:hover::after{width: 100%;}


#blog-page{ margin: 0px 0px 0px 0px; padding: 50px 0px; position: relative;}
.blog-data{ height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; border-radius: 15px; border: 1px solid #ccc;}
.blog-data a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.blog-img{ margin: 0px 0px 0px 0px; position: relative;}
.blog-img img{ border-radius: 15px 15px 0px 0px; position: relative; transition: all ease 0.5s; max-height: 230px; width: 100%; object-fit: cover;}
.blog-img span{ position: absolute; top: 0; right: 0; padding: 8px 25px; background: #fff; color: #555; font-size: 15px; z-index: 1; border-radius: 0px 15px 0px 0px;}
.blog-info{ padding: 20px 20px; margin: 0px 0px 0px 0px; position: relative;}
.blog-info h2{ font-family: "Playfair Display", serif; color: #444; font-size: 20px; margin: 0px 0px 20px 0px;}
.blog-info p{ font-size: 17px; color: #535353; margin: 0px 0px 15px 0px;}
.blog-info span{ color: #7bb500; font-size: 15px; margin: 0px 0px 15px 0px;}

.blog-details{margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; border-radius: 15px; border: 1px solid #ccc; box-shadow: 0px 0px 20px #0000000D;}
.blog-mainimg { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.blog-mainimg img{ width: 100%; max-height: 350px; object-fit: cover; border-radius: 15px 15px 0px 0px; margin: 0px 0px 20px 0px;}
.blog-content{ padding: 0px 20px 20px 20px; position: relative;}
.blog-content span{ font-size: 15px; color: #7bb500; margin: 0px 0px 15px 0px; display: block;}
.blog-content p{ font-size: 17px; margin: 0px 0px 20px 0px; position: relative;}
.blog-content h3{font-family: "Playfair Display", serif; font-size: 17px; color: #7bb500; margin: 0px 0px 15px 0px;}
.blog-content h2{ font-size: 22px; color: #7bb500; font-weight: 600; margin: 0px 0px 15px 0px;}
.blog-content p a{color: #7bb500;}
.blog-content p a:hover{ text-decoration: underline;}

.blog-faqs-data{ margin: 50px 0px 0px 0px; padding: 0px 0px; position: relative;}
.blog-faqs-data h2{ text-align: center; font-size: 22px; color: #444; font-weight: 600; margin: 0px 0px 20px 0px;}

.blog-accordian .accordion-item{margin: 0px 0px 10px 0px;border: 1px solid #f1f1f1;padding: 0px 0px 0px 0px; background: transparent;}
.blog-accordian .accordion-item h3{ margin: 0px 0px 0px 0px;}
.blog-accordian .accordion-button:not(.collapsed){background: #7BB500;color: #fff;box-shadow: none;opacity: 1;font-weight: 600;}
.blog-accordian .accordion-button{padding: 17px 20px 17px 50px;font-size: 20px;font-weight: 600;color: #212121; background: transparent; transition: all ease 1s;}
.blog-accordian .accordion-button:hover{ background: #7BB500;color: #fff;}
.blog-accordian .accordion-button:hover::before{ background: #fff;}
.blog-accordian .accordion-body{padding: 30px 20px 30px 50px;margin: 0px 0px; background: #fff; }
.blog-accordian .accordion-button:focus{ outline: none; box-shadow: none;}
.blog-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;}
.blog-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);}
.blog-accordian .accordion-button:not(.collapsed)::after{content: '-';}
.blog-accordian .accordion-button:not(.collapsed)::before{background: #fff;}
.blog-accordian .accordion-body p{ font-size: 18px; color: #444; font-weight: 500;}


.blog-right{ position: sticky; top: 10px; margin: 0px 0px;}
.category-part{ padding: 20px 20px; margin: 0px 0px 30px 0px; border-radius: 15px; border: 1px solid #ccc; box-shadow: 0px 0px 20px #0000000D;}
.category-part h2{ font-size: 22px; color: #444; font-family: "Playfair Display", serif; margin: 0px 0px 20px 0px;}
.category-list{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.category-list li{ list-style: none; border-bottom: 1px solid #f1f1f1;}
.category-list li a{ font-size: 16px; color: #535353; padding: 10px 0px; display: block;}
.category-list li:last-child{ border: none;}

.blog-form{ padding: 20px 20px; margin: 0px 0px 30px 0px; border-radius: 15px; border: 1px solid #ccc; box-shadow: 0px 0px 20px #0000000D;}
.blog-form h2{ font-size: 22px; color: #444; font-family: "Playfair Display", serif; margin: 0px 0px 20px 0px;}
.blog-form .form-group{ margin: 0px 0px 10px 0px; position: relative;}
.blog-form .form-group input{ width: 100%; padding: 12px 15px; border: 1px solid #cccccc; font-size: 14px; color: #535353; border-radius: 10px;}
.blog-form .form-group textarea{ width: 100%; height: 120px; padding: 12px 15px; border: 1px solid #cccccc; font-size: 14px; color: #535353; border-radius: 10px; resize: none;}
.submit{ padding: 8px 35px; color: #fff; background: #7bb500; border: none; border-radius: 10px;}

#contact-page{ margin: 0px 0px 0px 0px; padding: 70px 0px 0px 0px; position: relative; background: #f9f9f9;}
.factory-adress{margin: 0px 0px 0px 0px;padding: 100px 70px 30px 30px;background: #555;}
.factory-adress h3{ font-size: 30px; color: #7bb500; margin: 0px 0px 0px 0px;}
.contact-address{ margin: 0px 0px 0px 0px; padding: 25px 70px 25px 80px; border-bottom: 1px solid #cccccc26; position: relative;}
.contact-address:nth-last-child(1){ border: none;}
.contact-address span{ position: absolute; left: 5px; top: 15px;}
.contact-address h3{ font-size: 26px; color: #fff; font-weight: 600; margin: 0px 0px 20px 0px;}
.contact-address h4{ font-size: 20px; color: #fff; font-weight: 600; text-transform: uppercase;}
.contact-address h6{ font-size: 16px; color: #fff; font-weight: 600; text-transform: uppercase;}
.contact-address p{ margin: 0px 0px 0px 0px; color: rgb(255 255 255 / 58%);}
.contact-address a{ display: block; color: rgb(255 255 255 / 58%); font-size: 16px; font-weight: 500;}

.social-media-ct{ margin: 30px 0px 0px 0px; padding: 0px 0px; position: relative;}
.social-media-ct li{ display: inline-block; margin: 0px 5px 0px 0px;}
.social-media-ct li img{ filter: invert(1);}

.contact-form{margin: 0px 0px;padding: 50px 50px 50px 0px;position: relative;}
.contact-form:after{position: absolute;right: calc(0%);width: 117%;height: 100%;background: #ffffff;content: '';top: 0;z-index:1;}
.contact{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; z-index: 11;}
.contact .form-group{ margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative;}
.contact .form-group label{display: block;font-size: 13px;color: #444;text-transform: uppercase;font-weight: 600;margin: 0px 0px 5px 0px;} 
.contact .form-group input{padding: 10px 15px;border: 2px solid #cdcdcd;width: 100%;outline: none;box-shadow: none;}
.contact .form-group textarea{padding: 10px 15px;border: 2px solid #cdcdcd;width: 100%;height: 145px;outline: none;box-shadow: none; resize: none;}
.contact .form-group .submit{ padding: 8px 35px; background: #000; color: #fff; border: none;}

#contact-map{ margin: -110px 0px 0px 0px; filter: grayscale(100%);}