.ft14{ font-size: 14px;}
.ft16{ font-size: 16px;}
.ft18{ font-size: 18px;}
.ft20{ font-size: 20px;}
.h2title{ font-size: 32px !important; margin: 0px; padding: 0px;}
.h1title{ font-size: 46px !important;}
.gorounded{ border-radius: 20px;}
.hero .company-badge{ color: #199306; background-color: color-mix(in srgb, #199306, transparent 92%);}
.hero .hero-content h1 .accent-text {color: #199306;}
.header .btn-getstarted, .header .btn-getstarted:focus {color: var(--contrast-color);background: #199306;}
.header .btn-getstarted:hover, .header .btn-getstarted:focus {color: var(--contrast-color);background: #137005;}
.hero { position: relative; padding-top: 160px; background: linear-gradient(135deg, color-mix(in srgb, #199306, transparent 95%) 50%, color-mix(in srgb, #199306, transparent 98%) 25%, transparent 50%);}
.hero .stat-item .stat-icon{background-color: color-mix(in srgb, #199306, transparent 92%);}
.hero .stat-item .stat-icon i {color: #199306;}
.scroll-top {background-color: #199306;}
.hero .stat-item:hover .stat-icon {background-color: #199306;}
.about .about-meta { color: #199306;}
.about .feature-list li i { color: #199306;}
.hero .customers-badge .avatar.more {background-color: #199306;}
.about .image-wrapper .experience-badge{background-color: #199306; border: 2px solid #fff;}
.about .profile .profile-position {color: #199306;}
.about .contact-info i { color: #199306;}
.section-title h2:after {background: #199306;}
.features .nav-link.active { background-color: #199306; border-color: #199306;}
.features .nav-link:hover h4 {color: #199306;}
.features .tab-pane h3:after {background: #199306;}
.features .tab-pane ul i {color: #199306;}
.call-to-action .container {background: #199306;}
.clients .swiper-pagination .swiper-pagination-bullet-active {background-color: #199306;}
.features-2 .feature-item .feature-icon {background-color: color-mix(in srgb, #199306, transparent 92%);}
.features-2 .feature-item .feature-icon i {color: #199306;}
.light-background { --background-color: #f5f9f4;}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {color: color-mix(in srgb, #199306, transparent 50%); }
.stats .stats-item span:after {background: #199306;}
.services .service-card .icon {background: color-mix(in srgb, #199306, transparent 90%);color: #199306;}
.services .service-card .read-more { color: #199306; }
.services .service-card:hover .icon { background: #199306;}
.services .service-card:hover .read-more {color: color-mix(in srgb, #199306, transparent 25%);}
.pricing .pricing-card .features-list li i { color: #199306;}
.pricing .pricing-card.popular { background: #199306;}
.pricing .pricing-card .popular-badge {color: #199306;}
.pricing .pricing-card.popular .btn-light { background: var(--contrast-color); color: #199306;}
.faq .faq-container .faq-active h3 { color: #199306; }
.faq .faq-container .faq-item h3:hover {color: #199306;}
.faq .faq-arrow {color: #199306;}
.dark-background {--background-color: #199306;}
.contact .info-box{ background-color: #199306;}
.contact .contact-form .btn {background-color: #199306;}
.footer .footer-links ul a:hover {color: #31be1b;}
a { color: #31be1b;}
.hero .btn-link:hover {color: #199306;}
.about .feature-list li { display: inherit;}
.features-cards .feature-box.grey { background-color: #e6e5e4;}
.features-cards .feature-box.purple {background-color: #f1defd;}
.features-cards .feature-box.yellow {background-color: #f7fbdd;}
.goleft{text-align: left !important;}
a:hover {color: color-mix(in srgb, #199306, transparent 25%); text-decoration: none;}
.h5title{ font-size:22px; font-weight: bold; margin:10px 0;}
.badge-success {color: #fff; background-color: #28a745;}
.gofeature-list { list-style: none; padding: 0; margin: 0; text-align: left; }
.gofeature-list li {display: inherit;}
.gofeature-list li { align-items: center; gap: 0.75rem; margin-bottom: 3px; font-size: 1rem;}
.gofeature-list li i { color: #199306;}
.badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.services .service-card-asrama {height: 100%; padding: 30px; background: #f5f9f4 !important; border-radius: 10px; transition: all 0.3s ease;}
.services .service-card-asrama .icon {background: color-mix(in srgb, #199306, transparent 90%); color: #199306;}
.services .service-card-asrama .icon {
    width: 60px;
    height: 60px;
    margin-right: 30px;
    background:
color-mix(in srgb, #199306, transparent 90%);
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #199306;
    font-size: 28px;
    transition: all 0.3s
ease;
    line-height: 1;
}
.services .service-card-asrama h3 { font-size: 22px; font-weight: 700; margin-bottom: 15px;}
.gohide{display: none;}
@media (min-width: 1200px) {
    .navmenu li:hover>a, .navmenu .active, .navmenu .active:focus {
        color: #199306;
    }
}
@media (max-width: 1024px) {
.h2title{ font-size: 28px !important;}
.h1title{ font-size: 42px;}
}