:root {
  --theme-color:#f1735c;
  --primary-color:#18322e;
  --secondary-color:#54b77d;
  --white-color:#FFFFFF;
  --base-color:#6E6E6E;
  --higer-secondary-color:#E5E5E5;


  --primary-font: 'Inter', sans-serif;
  --secondary-font: 'Roboto', sans-serif;
}

/* template-color */

.read-us{
  background: var(--theme-color);
}

.main-menu .navigation > li > a:hover,
.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover{
	color: var(--theme-color) !important;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  color: var(--theme-color);
}

.handle-preloader.home-1{
	background: var(--theme-color);;
}

.sticky-header{
  background: var(--white-color);
}
.main-menu .navigation > li > ul > li:hover > a, 
.main-menu .navigation > li > .megamenu li:hover > a,
.main-header .sticky-header .main-menu .navigation > li ul li a:hover{
  color: var(--theme-color) !important;
}

.main-header.style-one .menu-right-content .user-btn a,
.main-header.style-one .menu-right-content .cart-btn a{
  color: var(--white-color);
}
.main-menu .navigation > li > a{
  color:var(--primary-color);
}
.main-menu .navigation > li.current > a{
  color: var(--primary-color);
}
.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  background: var(--primary-color);
}
.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  color:var(--white-color);
  border-bottom: 1px solid #ffffffbf;
}
.service__block__one .lower__content .more__btn a:hover span:last-child {
  color: var(--theme-color);
}
.nav-tech .owl-nav .owl-prev:hover span,
.nav-tech .owl-nav .owl-next:hover span {
  color: var(--theme-color);
}
.nav-tech .owl-nav span {
  color: #D9D9D9;
}
.hero__content__two .service__icon .icon span {
  color: var(--white-color);
}
.main-menu .navigation > li > ul > li > ul{
  background: var(--primary-color);
}
.main-menu .navigation > li > ul > li > ul > li > a{
  color:var(--white-color);
  border-bottom: 1px solid #ffffffbf;
}
.main-menu .navigation li.dropdown .dropdown-btn{
  color:#3b3b3b;
}
.menu-area .mobile-nav-toggler {
  color: #3786ff;
}
.menu-area .mobile-nav-toggler .icon-bar{
  background-color: var(--theme-color);
}
.main-header .sticky-header .main-menu .navigation > li ul li a{
  color: var(--white-color) !important;
}
.main-header.tech .sticky-header .main-menu .navigation > li ul li a{
  color: var(--white-color) !important;
}
.main-header .sticky-header .main-menu .navigation > li a,
.main-header .sticky-header .main-menu .navigation > li a:before{
  color: var(--primary-color) !important;
} 
.main-header .sticky-header .search-box-btn,
.main-header .sticky-header .cart-btn a,
.main-header .sticky-header .user-btn a{
  color: var(--white-color) !important;
}
.nav-outer .mobile-nav-toggler{
  color:#3786ff;
}
.mobile-menu .menu-backdrop{
  background: var(--theme-color);
}
.mobile-menu .menu-box{
  background: var(--theme-color);
}
.mobile-menu .close-btn {
  color: var(--white-color);
  border: 1px solid var(--white-color);
}
.mobile-menu .navigation li > a{
  color: var(--white-color);
}
.mobile-menu .navigation li > a:before{
  border-left:5px solid var(--white-color);
}
.mobile-menu .navigation li.dropdown .dropdown-btn span{
  color: var(--primary-color);
}
.mobile-menu .navigation li.dropdown .dropdown-btn{
  color: var(--primary-color);
  background: var(--secondary-color);
}
.mobile-menu .navigation li > a:hover{
  color: var(--white-color) !important;
}
.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  background:var(--secondary-color); 
  color: var(--white-color);
}
.mobile-menu .social-links li a{
  color:var(--white-color);
}
.mobile-menu .contact-info h4 {
  color: var(--white-color);
}
.mobile-menu .contact-info ul li {
    color: rgba(255,255,255,0.80);
}
.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}
.header_top {
  background: var(--primary-color);
}
.header_top .header_top_left .top_left li {
  color: var(--white-color);
}
.header_top .header_top_left .top_left li:after {
  background: rgba(255, 255, 255, 0.15);
}
.header_top a {
  color: var(--white-color);
}
.header_right_info .top_smedia a:hover span {
  color: var(--theme-color);
}
.header_top a span {
    color: var(--white-color);
}
.header__right__button i {
  color: var(--primary-color);
}
.header_right_info .top_right .login__border:after {
  background: rgba(255, 255, 255, 0.15);
}
.banner.style__three .sub__title h6{
  color: var(--white-color);
}
.banner.style__three .slide-item:before {
  background: #000;
}
.banner.style__two .sub__title h6 {
  color: var(--white-color);
}
.get_touch.three .help__left .help__one:after{
  background: var(--white-color);
}
.get_touch.three .help__left .help__one span{
  color: var(--theme-color);
}
.get_touch.three .help__left .help__two a:hover{
  color: var(--white-color) !important;
}
.get_touch.three .help__left .help__one {
  background: var(--white-color);
}
.tab__right__content h3 {
  color: var(--theme-color);
}
.tab__right__content .tab__text p{
  padding: 30px 0px;
  color: #D2D1D2;
}
.hero__content__four .service__text p:after {
  background: var(--higer-secondary-color);
}