.rmwr-icon {
display: inline-block;
width: 0.8em;
height: 0.8em;
margin-right: 0.5em;
vertical-align: middle;
position: relative;
} .rmwr-icon-arrow-down::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -30%) rotate(45deg);
width: 0.5em;
height: 0.5em;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
} .rmwr-icon-arrow-up::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -70%) rotate(-135deg);
width: 0.5em;
height: 0.5em;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
} .rmwr-icon-chevron-down::before {
content: '▼';
font-size: 0.7em;
} .rmwr-icon-chevron-up::before {
content: '▲';
font-size: 0.7em;
} .rmwr-icon-plus::before {
content: '+';
font-weight: bold;
font-size: 1.1em;
} .rmwr-icon-minus::before {
content: '−';
font-weight: bold;
font-size: 1.1em;
} .read-link[aria-expanded="true"] .rmwr-icon-arrow-down::before {
transform: translate(-50%, -30%) rotate(225deg);
}
.read-link[aria-expanded="true"] .rmwr-icon-chevron-down::before {
transform: rotate(180deg);
} .rmwr-icon-fa {
display: inline-block;
margin-right: 0.5em;
}
.rmwr-icon-fa::before {
font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 6 Pro";
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
} .rmwr-icon-fa.fa-arrow-down::before { content: "\f063"; }
.rmwr-icon-fa.fa-arrow-up::before { content: "\f062"; }
.rmwr-icon-fa.fa-chevron-down::before { content: "\f078"; }
.rmwr-icon-fa.fa-chevron-up::before { content: "\f077"; }
.rmwr-icon-fa.fa-plus::before { content: "\f067"; }
.rmwr-icon-fa.fa-minus::before { content: "\f068"; }
.rmwr-icon-fa.fa-plus-circle::before { content: "\f055"; }
.rmwr-icon-fa.fa-minus-circle::before { content: "\f056"; }
.rmwr-icon-fa.fa-angle-down::before { content: "\f107"; }
.rmwr-icon-fa.fa-angle-up::before { content: "\f106"; }
.rmwr-icon-fa.fa-caret-down::before { content: "\f0d7"; }
.rmwr-icon-fa.fa-caret-up::before { content: "\f0d8"; }.rmwr-template-modern-blue .read-link {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
padding: 12px 24px;
border-radius: 6px;
border: none;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.rmwr-template-modern-blue .read-link:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
} .rmwr-template-classic-underline .read-link {
background: transparent;
color: #2271b1;
padding: 8px 0;
border-bottom: 2px solid #2271b1;
border-radius: 0;
font-weight: 500;
}
.rmwr-template-classic-underline .read-link:hover {
color: #135e96;
border-bottom-color: #135e96;
} .rmwr-template-rounded-gradient .read-link {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
color: #fff;
padding: 10px 20px;
border-radius: 25px;
border: none;
font-weight: 500;
}
.rmwr-template-rounded-gradient .read-link:hover {
transform: scale(1.05);
} .rmwr-template-minimalist .read-link {
background: transparent;
color: #333;
padding: 5px 0;
border: none;
border-bottom: 1px dotted #ccc;
font-weight: 400;
font-style: italic;
}
.rmwr-template-minimalist .read-link:hover {
border-bottom-style: solid;
color: #000;
} .rmwr-template-bold-button .read-link {
background: #000;
color: #fff;
padding: 14px 28px;
border-radius: 4px;
border: 2px solid #000;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.rmwr-template-bold-button .read-link:hover {
background: #fff;
color: #000;
} .rmwr-template-soft-shadow .read-link {
background: #fff;
color: #333;
padding: 10px 20px;
border-radius: 6px;
border: 1px solid #ddd;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
font-weight: 500;
}
.rmwr-template-soft-shadow .read-link:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
transform: translateY(-1px);
} .rmwr-template-outline-style .read-link {
background: transparent;
color: #2271b1;
padding: 10px 24px;
border-radius: 4px;
border: 2px solid #2271b1;
font-weight: 500;
}
.rmwr-template-outline-style .read-link:hover {
background: #2271b1;
color: #fff;
} .rmwr-template-filled-primary .read-link {
background: #2271b1;
color: #fff;
padding: 12px 24px;
border-radius: 4px;
border: none;
font-weight: 500;
}
.rmwr-template-filled-primary .read-link:hover {
background: #135e96;
} .rmwr-template-ghost-button .read-link {
background: rgba(255,255,255,0.1);
color: #2271b1;
padding: 10px 20px;
border-radius: 4px;
border: 1px solid rgba(34,113,177,0.3);
font-weight: 500;
backdrop-filter: blur(10px);
}
.rmwr-template-ghost-button .read-link:hover {
background: rgba(34,113,177,0.1);
border-color: #2271b1;
} .rmwr-template-pill-shape .read-link {
background: #2271b1;
color: #fff;
padding: 10px 24px;
border-radius: 50px;
border: none;
font-weight: 500;
}
.rmwr-template-pill-shape .read-link:hover {
background: #135e96;
transform: scale(1.05);
} .rmwr-template-flat-design .read-link {
background: #3498db;
color: #fff;
padding: 12px 20px;
border-radius: 0;
border: none;
font-weight: 600;
text-transform: uppercase;
}
.rmwr-template-flat-design .read-link:hover {
background: #2980b9;
} .rmwr-template-3d-effect .read-link {
background: #e74c3c;
color: #fff;
padding: 12px 24px;
border-radius: 4px;
border: none;
font-weight: 600;
box-shadow: 0 4px 0 #c0392b, 0 6px 0 rgba(0,0,0,0.1);
transition: all 0.1s ease;
}
.rmwr-template-3d-effect .read-link:hover {
transform: translateY(2px);
box-shadow: 0 2px 0 #c0392b, 0 4px 0 rgba(0,0,0,0.1);
}
.rmwr-template-3d-effect .read-link:active {
transform: translateY(4px);
box-shadow: 0 0 0 #c0392b;
} .rmwr-template-glassmorphism .read-link {
background: rgba(255,255,255,0.2);
color: #333;
padding: 12px 24px;
border-radius: 12px;
border: 1px solid rgba(255,255,255,0.3);
backdrop-filter: blur(10px);
font-weight: 500;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.rmwr-template-glassmorphism .read-link:hover {
background: rgba(255,255,255,0.3);
} .rmwr-template-neon-glow .read-link {
background: transparent;
color: #0ff;
padding: 10px 20px;
border-radius: 4px;
border: 2px solid #0ff;
font-weight: 600;
text-transform: uppercase;
text-shadow: 0 0 10px #0ff, 0 0 20px #0ff;
box-shadow: 0 0 10px #0ff, inset 0 0 10px #0ff;
}
.rmwr-template-neon-glow .read-link:hover {
box-shadow: 0 0 20px #0ff, 0 0 30px #0ff, inset 0 0 20px #0ff;
} .rmwr-template-vintage-style .read-link {
background: #d4af37;
color: #2c1810;
padding: 10px 20px;
border-radius: 0;
border: 2px solid #8b6914;
font-weight: 600;
font-family: 'Times New Roman', serif;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}
.rmwr-template-vintage-style .read-link:hover {
background: #c19b26;
} .rmwr-template-corporate-blue .read-link {
background: #1e3a5f;
color: #fff;
padding: 11px 22px;
border-radius: 3px;
border: none;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.3px;
}
.rmwr-template-corporate-blue .read-link:hover {
background: #2a4f7a;
} .rmwr-template-playful-yellow .read-link {
background: #ffc107;
color: #333;
padding: 12px 24px;
border-radius: 8px;
border: none;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 4px 0 #ff8f00;
}
.rmwr-template-playful-yellow .read-link:hover {
transform: translateY(2px);
box-shadow: 0 2px 0 #ff8f00;
} .rmwr-template-elegant-purple .read-link {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
padding: 11px 28px;
border-radius: 6px;
border: none;
font-weight: 500;
font-style: italic;
letter-spacing: 0.5px;
}
.rmwr-template-elegant-purple .read-link:hover {
filter: brightness(1.1);
} .rmwr-template-nature-green .read-link {
background: #27ae60;
color: #fff;
padding: 10px 22px;
border-radius: 20px;
border: none;
font-weight: 500;
text-transform: lowercase;
}
.rmwr-template-nature-green .read-link:hover {
background: #229954;
transform: scale(1.05);
} .rmwr-template-custom .read-link { }.btn-one,
.thm_clr1,
.main-slider .content h2 span,
.sec-title p,
.twitter-feed-box span,
.twitter-feed-box .bottom .comments a i,
.single-service-style3 .overlay-content .title-holder p,
.slogan-content .quote-button a,
.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover,
.main-menu .navigation>li>ul>li>a:hover,
.main-menu .navigation> li> ul> li> a:before,
.main-menu .navigation> li> ul> li:hover > a,
.main-menu .navigation> li> ul> li> ul> li> a:hover,
.main-menu .navigation>li>ul>li>ul>li a:before,
.main-menu.style2 .navigation>li:hover>a,
.main-menu.style2 .navigation>li.current>a,
.main-menu.style2.clr-white .navigation>li:hover>a,
.main-menu.style2.clr-white .navigation>li.current>a,
.sticky-header .main-menu .navigation>li:hover>a, 
.sticky-header .main-menu .navigation>li.current>a,
.outer-search-box-style1 .seach-toggle:hover,
.outer-search-box-style1 .seach-toggle.active,
.single-footer-widget .page-links li a:hover,
.single-service-style3 .overlay-content .title-holder h3 a:hover,
.header-social-links .social-links-style1 li a:hover,
.header-menu ul li a:hover,
.quote-button a span:before,
.about-style1-text-box .title p,
.about-style1-text-box .title h1 b,
.login-register-area .form .right h6 span,
.single-service-style2 .overlay-content .inner-content .text-holder .title h3 a:hover,
.single-fact-counter .count-box h1,
.project-filter li:hover .filter-text, 
.project-filter li.active .filter-text,
.single-blog-post .text-holder .blog-title a:hover,
.single-blog-post .text-holder .bottom .author-name a span:before,
.single-blog-post .text-holder .bottom .read-more-button a,
.single-portfolio-style1 .img-holder .title-holder p span:before,
.single-testimonial-style1:before,
.single-testimonial-style1 .client-info .icon-box span:before,
.single-testimonial-style1 .client-info .title-box h3,
.payment-tab .tab-btns li:hover i, 
.payment-tab .tab-btns li.active-btn i,
.product-tab-box .review-form .shop-page-title p b,
.product-tab-box .review-form .add-rating-box .review-box ul li i,
.product-tab-box .review-form .input-box p span,
.review-box-holder .single-review-box .text-holder .top .review-box ul li i,
.comment-meta-box li a:hover,
.single-product-item .img-holder .overlay-content a:hover,
.rating-box ul li a:hover,
.breadcrumb-area .breadcrumb-menu ul li a:hover,
.brochures-box ul li .left .icon span:before,
.brochures-box ul li .left h5 a,
.header-contact-info ul li .title h6 a:hover,
.single-blog-post-style3 .text-holder .blog-title a:hover,
.styled-pagination li a:hover,
.styled-pagination li a.active,
.portfolio-details-content-box .tag,
.add-comment-box #add-comment-form button:hover,
.single-blog-post-style3 .text-holder h4,
.single-blog-post-style3 .text-holder .button-box .readmore a.btn-one:hover,
.single-blog-post-style3 .img-holder .overlay a,
.single-sidebar .project-box .project-lists li a:hover,
.categories li a:hover,
.single-contact-info-box .icon span:before,
.contact-form form button:hover,
.error-content .title,
.single-service-style2 .overlay-content .inner-content .icon,
.footer-menu ul li a:hover,
.video-holder-box.style2 .icon .inner a span:before,
.single-portfolio-style2 .overlay-content .title-holder p,
.single-portfolio-style2 .overlay-content .title-holder h3 a:hover,
.breadcrumb-area .breadcrumb-menu ul li.active,
.single-sidebar .ratting-box .ratting-lists li a:hover,
.scroll-top,.sermr .icon-holder .icon {
color:#86bd34!important;
}  .sermr .read-morex .fa,.social-links-style1 li a:hover i,
.main-menu .navigation>li>a span.homeicon,
.single-portfolio-style1 .img-holder .title-holder:before,
.testimonial-style1-title-box:before,
.main-menu.style2 .navigation>li>a span.homeicon,
.single-service-style3 .overlay-content .icon-holder,
.video-holder-box-style3 a span:before,
.slogan-area,
.quote-button.style3 a,
.video-holder-box-style5 .icon .inner a span:before,
.btn-one:hover,
.btn-one:focus,
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover,
.single-footer-widget .page-links li a:hover:before,
.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active,
.accordion-box .accordion .accord-btn.active,
.slogan-content .quote-button a:hover,
.quote-button a:hover,
.main-slider .owl-theme .owl-dots .owl-dot.active,
.main-slider .owl-theme .owl-dots .owl-dot.active:before,
.single-service-style1 .text-holder .count-box:before,
.video-holder-box .icon .inner a span:before,
.about-style1-text-box .title h1 span,
.single-service-style2 .img-holder .static-content .icon a,
.single-portfolio-style1 .img-holder .inner-box .zoom-button a span:before,
.single-team-member .title-holder:before,
.single-blog-post .img-holder .post-date p,
.copyright-text:before,
.scroll-top:hover,
.quote-button.style2 a,
.video-holder-box-style4 a span:before,
.about-style2-area,
.single-portfolio-style2 .overlay-content .icon-holder,
.styled-pagination li.next a,
.portfolio-single-video-box a span:before,
.project-info-box,
.project-info-box.style2,
.add-comment-box #add-comment-form button,
.team-member-info-box .social-links-style1 li a:hover i,
.single-partner-logo-box-style2:hover a img,
.single-blog-post-style3 .text-holder .button-box .readmore a.btn-one,
.single-blog-post-style3 .quote-box .icon,
.single-sidebar .popular-tag li a:before,
.sidebar-bottom-box .img-holder .overlay a span:before,
.blog-single-quote-box,
.contact-form form button,
.nav-outer .mobile-nav-toggler .inner,
.single-product-item .img-holder .product-info,
.single-product-item .img-holder .overlay-content a,
.shorting-box .selects-box .dropdown-item.active,
.shorting-box .selects-box .dropdown-item:active,
.shorting-box .selects-box .dropdown-item:hover,
.showing-box .selects-box .dropdown-item.active,
.showing-box .selects-box .dropdown-item:active,
.showing-box .selects-box .dropdown-item:hover,
.product-info-box .product-size ul li:hover a,
.product-info-box .product-size ul li.active a,
.addto-cart-box .cart-box button.addtocart span:before,
.addto-cart-box .menu-box ul li a:hover,
.product-tab-box .tab-btns .tab-btn.active-btn span, 
.product-tab-box .tab-btns .tab-btn:hover span,
.estimate-form-box .button-box button:hover,
.discount-form-box .button-box button:hover,
.checkout-form-box .button-box button:hover,
.login-register-area .form button:hover,
.login-register-area .form .social-icon li a:hover i,
.share-products-socials ul li a:hover i,
.single-testimonial-style1.style3 .client-info .icon-box span:before,
.main-slider .content .btns-box .btn-one,
.main-slider .content .btns-box .btn-two:hover,.home-icon:before {
background: #86bd34!important;
background-color:#86bd34!important;
} .video-galler-outer-bg:before {
background-color: rgba(134,189,52,0.9)!important;
}
.main-slider .content h3:before{
background: rgba(134,189,52,0.4)!important;
} .login-register-area .form button:hover,
.login-register-area .form .social-icon li a:hover i,
.share-products-socials ul li a:hover i,
.main-slider .content .btns-box .btn-one,
.main-slider .content .btns-box .btn-two:hover,.single-testimonial-style1.style3 .client-info .icon-box span:before{
border-color: #86bd34!important;  
}
.single-service-style2 .img-holder .static-content .title:before {
border: 1px solid #86bd34!important;
}
.single-testimonial-style1.style3 .client-info .icon-box span:before {
border: 1px solid #86bd34!important;
}
.scroll-top {
border: 2px solid #86bd34!important;
}
.btn-one {
border: 2px solid #86bd34!important;
}
.btn-one:hover,
.btn-one:focus{
border: 2px solid #86bd34!important;
}
.single-blog-post-style3.withbdr {
border: 5px solid #86bd34!important;
}
.mobile-menu .navigation li > a:before {
border-left: 5px solid #86bd34!important;
}
.single-product-item .img-holder .product-info:before {
border-right: 20px solid #86bd34!important;
}
.service-style1-area .title h1 a{
border-bottom: 1px solid #86bd34!important;
}
.single-service-style2 .img-holder .static-content .title:before {
border: 2px solid #86bd34!important;
}
.single-service-style2 .overlay-content .inner-content .text-holder .title:before {
border: 2px solid #86bd34!important;
}
.single-fact-counter .count-box .icon span:before {
color: #86bd34!important;
}
.project-filter li.active .filter-text i {
color:  #86bd34!important;
}
.single-portfolio-style1 .img-holder .title-holder span.tag {
background:  #86bd34!important;
}
.single-portfolio-style1 .img-holder .title-holder {
border-bottom: 2px solid #86bd34!important;
}
.mr_one .single-team-member .title-holder .inner .right a {
background: #86bd34!important;
}
.project-filter li:hover .filter-text i, .project-filter li.active .filter-text i {
color: #86bd34!important;
}
.mr_one .single-team-member .title-holder {
border-bottom: 2px solid #86bd34!important;
}
.call-to-action-four .inner .content {
background: #86bd34!important;
}
.call-to-action-four .inner .content:before {
background:#86bd34!important;
}
.mr_blog .single-blog-post .text-holder .bottom .read-more-button a span:before {
background: #86bd34!important;
}
.contact-information-box .contact-us li .icon span:before {
color: #86bd34!important;
}
.breadcrumb-area .breadcrumb-menu ul li a {
color: #86bd34!important;
}
.social-share-box .post-tag li.tags a:hover {
color: #86bd34!important;
border: 1px solid#86bd34!important;
}
#commentform .submit.theme-btn.style-four {
background: #86bd34!important;
color: #ffffff!important;
}
.single-blog-post-style3 .text-holder .button-box .readmore a.btn-one {
color: #fff!important;
}
blockquote {
background: #86bd34!important;
}
.main_footer_rb .btn-one {
background:  #86bd34!important;
color: #fff!important;
}
.single-team-member .title-holder {
border-bottom: 2px solid #86bd34!important;
}
.main_footer_rb .footer-widgets .widget-title:after {
background-color: #86bd34!important;
}
.main_footer_rb .footer-widgets ul li:hover > a {
color:  #86bd34!important;
}
.project-description-block-two .icon {
color: #86bd34!important;
}
.main_footer_rb .footer-social a:hover {
border-color: #86bd34!important;
background-color: #86bd34!important;
}
.pagination .page-numbers.current {
color: #86bd34!important;  
}
.service-style1-area .title h1 a {
color: #86bd34!important;
}
.pagination .next.page-numbers, .pagination .prev.page-numbers {
color: #ffffff!important;
background: #86bd34!important;
}
.pagination .page-numbers:hover {
color: #86bd34!important;
}
.main-slider .content .btns-box .btn-one {
color: #ffffff!important;
}
.service-style2-area .btn-one:hover {
color: #fff!important;
}
.btn-one:hover{
color: #ffffff!important;
}
.single-testimonial-style1.style3 .client-info .icon-box span:before {
color: #ffffff!important;
}
.call-to-action-four .newbt.btn-one {
background: #fff0!important;
border: 2px solid #fff!important;
color: #fff!important;
}
.slogan-content .quote-button a:hover {
background: #222!important;
color:#fff!important;
}
.contact-form form button {
color: #ffffff!important;
}
.video-holder-box.style2 .icon .inner a span:before {
background: #ffffff!important;
}
.about-style1-text-box.style2 .title h1 span {
color: #ffffff;
background: #000000!important;
}
.about-style1-text-box.style2 .title h1 b {
color: #000000!important;
}
.main-slider .content .btns-box .btn-one:hover {
color: #ffffff!important;
border-color: #ffffff!important;
background: transparent!important;
}
.single-blog-post-style3 .text-holder .button-box .readmore a.btn-one:hover {
background: #222!important;
border: 2px solid #222!important;
color: #fff!important;
}
.call-to-action-four .newbt.btn-one:hover {
background: #fff!important;
border: 2px solid #fff!important;
color: #222!important;
}
.main_footer_rb .btn-one:hover {
background: #fff!important;
border: 2px solid #fff!important;
color: #222!important;
}