:root{
    /*--main : 222,152,5;*/
    --main : 242,154,2;
}

.bg--base {
    background-color: #f29a02 !important;
}
.slider-next:hover,.slider-prev:hover,.pagination .page-item.active .page-link,.pagination .page-item:hover .page-link,.nav-tabs .nav-link:hover,.nav-tabs .nav-link.active,.custom-check-group input:checked + label::before,::selection,.how-it-works-icon span,.choose-item::after,.choose-item .choose-icon,.faq-wrapper .faq-item .right-icon,.contact-widget .contact-item-list li i,.blog-social-area .blog-social li a:hover{
    background-color: #f29a02;
}
.btn--base,*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-button,.scrollToTop,.btn--base.active:focus,.btn--base.active:hover,.radio-item [type="radio"]:checked + label:after,.radio-item [type="radio"]:not(:checked) + label:after,.header-social li a:hover,.header-social li a.active,.banner-section .banner-content .banner-btn a.active:hover,.footer-social li,.client-slider .swiper-slide-active .client-item,.plan-item .plan-title,.header-user-thumb{
    background: #f29a02;
}
.text--base,.custom-btn, .sidebar-submenu li.active > a {
    color: #f29a02 !important;
}
.custom-table tbody tr td::before,.section-header .section-title span,.btn--base.active,.btn--base:focus,.btn--base:hover,.header-link a i,.plan-cal-content .sub-title,.about-list li::after,.plan-list li i,.service-icon,.contact-widget .contact-item-list li:hover a,.page-container .sidebar-menu .sidebar-main-menu li.active a,.page-container .sidebar-menu .sidebar-main-menu li.has-sub a::before,.page-container .sidebar-menu .sidebar-main-menu li a:hover,.body-header-left .title a:hover,.profile-thumb-content .profile-content .user-info-list li i,.blog-item:hover .title a,.single-popular-item:hover .popular-item-content .title,.header-link span i {
    color: #f29a02;
}
.modal-content,.section-header::after,.btn--base,.custom-check-group input:checked + label::before,.header-bottom-area .navbar-collapse .main-menu li .sub-menu,.header-social li a:hover,
.header-social li a.active,.banner-section .banner-content .banner-btn a.active:hover,.footer-section,.footer-widget .title::before,.calculate-area,.plan-item,.service-item,.payment-badge {
    border-color: #f29a02;
}
.form--control:focus{
    border-color: #f29a02!important;
}
.maincircle {
    fill: #f29a02;
}
.dashedline {
    stroke: #f29a02;
}
.plan-item.active, .plan-item:hover {
    background : linear-gradient(
            135deg,
            #f29a0217 0%,
            #f29a0230 22%,
            #f29a021a 22%,
            #f29a022e 100%
    )
}

.plan-item.active .plan-list li, .plan-item:hover .plan-list li {
    background : linear-gradient(
            45deg,
            rgba(254, 255, 255, 0) 0%,
            #f29a0259 100%
    )
}
.form-control:disabled, .form-control[readonly]{
    background-color: #f29a0233;
}