/*====================================================================
- Orange #FF451B
====================================================================*/

:root {
    --theme-primary-rbg: rgba(255, 69, 27, 0.9);
}

::-webkit-selection,
::selection,
.button-default,
.button-outline:hover,
.hamburger-menu,
#subscribe-modal .subscribe-form button,
.hero-content .subscribe-form button,
.hero-content .title-2,
.contact .contact-option .icon,
.our-plan .image-box .play-btn {
    background-color: #FF451B;
}

.primary-menu .navbar-nav .nav-link:hover,
body.dark .primary-menu .navbar-nav .nav-link:hover,
.primary-menu .navbar-nav .nav-link.active,
body.dark .primary-menu .navbar-nav .nav-link.active,
.social-icons li a:hover,
body.dark .social-icons li a:hover,
.footer .copyright a,
.project-box .details .project-cat:hover,
.our-plan .check-list li i {
    color: #FF451B;
}

input.form-control:focus,
body.dark textarea.form-control:focus,
body.dark input.form-control:focus,
textarea.form-control:focus,
.modal.contact .form-control:focus,
html[dir=rtl] #subscribe-modal .subscribe-form .form-control:focus,
html[dir=rtl] .hero-content .subscribe-form .form-control:focus,
#subscribe-modal .subscribe-form .form-control:focus,
.hero-content .subscribe-form .form-control:focus,
body.dark #subscribe-modal .subscribe-form .form-control:focus,
body.dark .hero-content .subscribe-form .form-control:focus {
    border-color: #FF451B;
}

.button-outline {
    border: 1px solid #FF451B;
}

.loader {
    border-right-color: rgba(255, 69, 27, 0.648);
}