/* ==========================================================================
  34. COLOR SCHEME
  ========================================================================== */ 

.bg--theme,
.shape--blue-400:after { 
  background-color: #FF8300; 
}

.btn--theme {
  color: #fff!important;
  border-color: #FF8300!important;
  background-color: #FF8300!important;
}

.hover--theme:hover,
.white-scroll .scroll .hover--theme:hover,
.black-scroll .scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #D96F00!important;
  background-color: #D96F00!important;
}

.theme--dark .white-scroll .scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #D96F00!important;
  background-color: #D96F00!important;
}

.theme--dark .white-scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #D96F00!important;
  background-color: #D96F00!important;
}

.color--theme, 
.color--theme h1, 
.color--theme h2, 
.color--theme h3, 
.color--theme h4, 
.color--theme h5, 
.color--theme h6, 
.color--theme p, 
.color--theme a, 
.color--theme li, 
.color--theme i, 
.color--theme span,
.color--white .color--theme { color: #FF8300!important; }

.loading--theme .loader { 
  border-color: transparent #FF8300; 
}

.loading--theme .loader::after {
  border-color: transparent rgba(255, 131, 0, .15); 
}

.nav-theme .sm-info { 
  background-color: #FF8300; 
}

.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #FF8300!important;
}

.hero-section .quick-form .form-control:focus {
  border-color: #FF8300;
}

.cbox-2:hover .cbox-2-ico.bg--theme { 
  color: #FF8300; 
  border-color: #FF8300; 
}

.tabs-1.tabs--theme, 
.tabs-1.tabs--theme li.current:hover,
.faqs-section .tabs--theme .tabs-1 li.current,
.faqs-section .tabs--theme .tabs-1 li.current:hover { 
  color: #FF8300; 
  border-color: #FF8300; 
}

.faqs-section .tabs--theme .tabs-1 li.current,
.faqs-section .tabs--theme .tabs-1 li.current:hover {
  background-color: #FF8300;
  border-color: #FF8300!important;
}

.switch-wrap input:checked + .switcher.switcher--theme { 
  background-color: #FF8300; 
  border-color: #FF8300; 
}

.shape-ico.color--theme path,
.shape-ico.color--theme path,
.shape-ico.color--theme path {
  fill: #FFF5E6;
}

.newsletter-section .form-control:focus {
  background-color: #fff;
  border-color: #353f4f;
}

.theme-pagination .page-item.active .page-link {
  color: #fff!important;
  background-color: #FF8300;
  border: 2px solid #FF8300;
}

.color-black{
  color: rgb(53 63 79 / var(--tw-text-opacity, 1)) !important;
}

.btn-cta{
  background-color: #FFFFFF; 
  color: rgb(53 63 79 / var(--tw-text-opacity, 1))!important;
  border-radius: 2.25rem;
}

.btn-cta-alter{
  background-color: #FF8300 !important;  
  color: #FFFFFF !important;
  border-radius: 2.25rem;
}
.btn-cta-alter:hover{
  color: #FFFFFF!important;
}
.menu-alter:hover{  
  color: #000000!important;
}

.scroll .btn-cta{   
  background-color: #FF8300 !important;  
  color: #FFFFFF !important;
}

.rounded-full{
  border-radius: 2.25rem !important;
}

.prefooter{
  padding: 200px 0;
}

.w-20{
  width: 200px;
}