:root {
  --primary-color: #FF3B2B;
  --secondary-color: #232323;
  --light-color: #8f98b9;
  --box-shadow: #ff3b2b63;
}

.navbar-collapse.show {

}
body {
    color: #616161;
}



h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: var(--secondary-color);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select,
.form-control,
input:not([type]),
textarea {
    border-color: #eee;
}



a{
	text-decoration: none;
}
a:hover {
	color: var(--primary-color);
	text-decoration: none !important;
}
a:focus {
    outline-style: dotted;
    outline-width: thin;
    text-decoration: none !important;
}
h1 a, h4 a {
	color: #151a33;
}
button, .btn-default {
	background: var(--primary-color);
	color: white;
	letter-spacing: 0.1rem;
	border-color: var(--primary-color);
}
button:hover, .btn-default:hover, .btn-default:focus {
	background: var(--secondary-color);
	color: white;
	border-color: var(--secondary-color);
}

blockquote {
    background: #f5f5f5;
    border-color: var(--primary-color);;
}
.hover_ser{
    background-color: #fff;
}
.hover_ser:hover{
    background-color: var(--primary-color);
    color: #fff;
}
.hover_ser:hover i, .hover_ser:hover h5{
    color: #fff;
}
.custom-shape-divider-bottom-1634886520 .shape-fill {
    fill: #fff;
}
/* .btn-search{
    color: var(--primary-color); last change
} */
.btn-search{
    color: #fff !important;  
    box-shadow: 0 0 5px var(--primary-color), 0 0 10px var(--primary-color);
    background: var(--primary-color);
}
.btn-search:hover{
    background-color: var(--secondary-color);
}

.wp-caption {
    background: #fff;
    border-color: #f0f0f0; 
}

.sliderhome .owl-nav div {
	background: rgb(255 244 243);
	color: #232323;
	border-color: rgba(0,0,0,0.2);
}
.sliderhome .slide.two:before {
    background: rgba(2, 45, 98, 0.3);
}
.owl-item.active .owl-slide-title {
    color: #fff;
}
.owl-item.active .owl-slide-subtitle {
   color: #fff ;
}
.owl-nav div {
	background: var(--secondary-color);
	color: white;
	border-color: var(--secondary-color);
}
.owl-nav div:hover {
	background: var(--primary-color);
	color: white;
	border-color: var(--primary-color);
}

.btn-white {
	background: white;
	color: var(--primary-color);
	border-color: white;
	font-size: 16px !important;
}
.btn-white:hover, .btn-white:focus {
	background: var(--primary-color);
	color: white;
	border-color: var(--primary-color);
}
.widget .tagcloud a {
	background: #eee;
	color: var(--secondary-color);
}
.widget .tagcloud a:hover {
	background: var(--primary-color);
	color: white;
}
.widget ul li a {
	color: #616161;
}
.widget ul li a:hover {
	color: var(--primary-color);
}
.owl-dots span {
    background: #232323;
    border-color: #fff;
}
.owl-dot.active span { 
    background-color: var(--primary-color);
}
.owl-dots button.owl-dot {
    color: #fff;
}


/*---- navbar ----*/
.navbar-collapse .navbar-nav .nav-item .nav-link.active {
    color: var(--primary-color);
}
header.standard {
    background-color: #fff;
}
header.transparent{
    background-color: transparent;
}
.nav-wap {
    background: #fff;
}
.navbar li a {
	color: #232323;
}
.navbar li a:hover, .navbar li a:focus  {
	color: var(--primary-color);
}
.navbar-toggler-icon i{
    color: #232323;
}
.navbar li .dropdown-item{
    border-bottom-color:#00000030;
}
.navbar-toggler:hover, .navbar-toggler:focus {
	border-color: var(--secondary-color) !important;
    background: none;
}
.navbar .dropdown-menu a {
	color: var(--secondary-color);
}
.navbar li .dropdown-item:hover, .dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: var(--primary-color);
}
.navbar li .dropdown-menu {
   border: none;
}

.transparent .navbar li a{
	color: #000;
}
.transparent .navbar li .dropdown-item:hover{
	color: #fff;

}
.transparent .navbar li a:hover, .transparent .navbar li a:focus  {
	color: var(--primary-color);
}
.transparent .search a{
	color: #fff;
}
.transparent .topbar {
	background-color: transparent;
}
header.transparent .navbar .container .nav-wap {
    background-color: #fff;
}

header.header-3 .navbar li a {
	color: #fff;
}
header.header-3 .navbar li .dropdown-menu a {
	color: var(--secondary-color);
}
header.header-3 .search i{
	color: #fff;
}
header.header-3 button.navbar-toggler.collapsed, header.header-3 button.navbar-toggler {
    background: #fff;
}
/* ---- topbar ----*/
.topbar {
	background: var(--secondary-color);
}
.topbar ul li {
	color: white;
}
.topbar ul li a {
	color: white;
}
.topbar ul.left li i {
	color: var(--primary-color);
}
.topbar .quote_btn {
	color: #fff !important;
}
/* ---- sliderhome ----*/
/* .sliderhome .slide:before {
    background: rgba(2, 45, 98, 0.7);
}
.sliderhome  .owl-nav div {
  color: white;
}
.sliderhome h2, .sliderhome {
  color: white;
} */

/* ---- hero section ----*/
.section.hero {
	background-color: #232323;
}

.section.hero.two {
	background-color: #092a49;
}
.hero-left h2 {
    color: #fff;
}
.hero-left p {
    color: #fff;
}
.hero-left a.btn.btn-default:hover{
    background-color: #fff4f3;
    color: #000;
}
.hero-right::before{
    background: linear-gradient(200.75deg, #FC2D73 9.62%, #FB660D 86.26%);
}



/* ---- ==== section title ==== ----*/
.bg-dark:after {
    background: var(--secondary-color);
}
.bg-dark  h2, .bg-dark .section-heading h2.ititle, .bg-dark {
	color: #fff;
}
.bg-color {
    background-color: var(--primary-color);
}
.bg-default{
	background: #FFF4F3;
}
.section-heading h3.sub-title {
	color: var(--primary-color);
}
.section-heading h2.ititle {
    color: var(--secondary-color);
}

/* ---- features ----*/

.feature i {
  color: white;
} 
.feature:hover i {
  color: white;
}
.feature h5 {
	color: #fff;
}
.feature p {
	color: #fff;
}
/* -------service---------- */
.service i {
	color: var(--primary-color);
}
.service h5 {
	color: var(--secondary-color);
}

.service.two {
	background-color: transparent;
}
.service.two:hover{
	background-color: var(--primary-color);
}
.service.two:hover{
	box-shadow:14px 11px 4px rgb(0 0 0 / 12%);
	transform: translateY(-10px);
}
.service.two i {
    background-color: #fff;
}
.service.two:hover i {
	background-color: #FFF4F3;
    color: var(--primary-color);
	box-shadow: 0 2px 4px 0 rgb(75 69 69 / 48%);
}
.hover_ser.service.three:hover {
    background-color: #fff;
    color: #000;
}
.service.three:hover h5{
	color: #000;
}
.service.three .media-body a.link {
    background-color: #fff;
    color: var(--seconday-color);
}
.service.three .media-body a.link:hover {
	background-color: var(--primary-color);
    color: #fff;
	border-color: var(--primary-color);

}
.service.three .media-body a.link i {
    background: var(--primary-color);
}
.service.three .media-body a.link:hover i {
    background: var(--secondary-color);
}
.service.three .media-body a.link{
    border-color:  #cfcfcf; 
}

/* ---- teams ----*/
.team .bottom_content {
    background-color: var(--primary-color);
}
.top_icon i {
	color: #000;
}
.team h2, .team h2 a {
	color: #fff;
}
.designation{
	color: #fff;
}
.team .social {
	background: rgba(0,0,0,0.4);
}
.team .social a {
	color: #fff;
	border: 1px solid;
    border-radius: 4px
}
.team .social a:hover{
	background: var(--primary-color);
	color: white;
	border-color: var(--primary-color);
}

.team.two .social {
	background: unset;
}
.team.two .top_img::before {
    background-color: #000;
}
.team.two .bottom_content {
    background-color: transparent;
}

.team.three .social {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 100%, #FFF4F3 0%);

}
.team.three:hover .social {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #FFF4F3 100%);
}
.team.three .social a {
    background-color: #fff;
    color: var(--primary-color);
}
.team.three .social a:hover  {
    background-color: var(--primary-color);
    color: #fff;
}
.team.three .bottom_content {
    background-color: var(--primary-color);
}
/* ---- benefits ----*/
.benefits .name{
    color: var(--secondary-color);
}
.benefits .progress{
    background: #e0e1e2;
}
.benefits .one .progress .percentage{
	background: #FEEB08;
}
.benefits .progress .percentage .percent{
	color: var(--secondary-color);
}
.benefits .two .progress .percentage{
    background:#3689FF;
}
.benefits .three .progress .percentage{
    background: #1DFBC3;
  }
/* ---- portfolio ----*/
.section.portfolio.three {
    background-color: #232323;
}
.portfolio, .portfolio h2 a {
    color: white;
}
.portfolio.three .section-heading h2.ititle {
  color: #fff;
}
.portfolio .icon {
	background: rgba(0,0,0,0.4);
}
.portfolio .icon a {
	color: #fff;
}
.portfolio .icon a:hover{
	background: var(--primary-color);
	color: white;
	border-color: var(--primary-color);
}
.portfolio .bottom_content h4 a:hover{
	color: var(--primary-color);
}
.portfolio .bottom_content h5{
    color: #616161;
}
.portfolio-main.two .bottom_content {
    background-color: #fff;
}
.portfolio-main.two .icon a {
	background-color: #fff;
	color: #000;
}
.portfolio-main.two .icon a:hover{
	background-color: var(--primary-color);
	color: #fff;
	border-color: var(--primary-color);
}
.portfolio-main.two:hover .bottom_content{
    background-color: #fff;
}

.portfolio-main.two:hover .bottom_content h4 a {
    color: var(--secondary-color);
}
.portfolio-main.two:hover .bottom_content h5  {
    color: #000;
}
.portfolio-main.three .bottom_content h5,.portfolio-main.three .bottom_content h4 a {
    color: #fff;
}

.portfolio-main.three .inner::before{
    background-color: var(--primary-color);
}
/* ---- teams ----*/
.funfacts i {
	color: var(--primary-color);

}
.funfacts {
    background-color: #232323;
}

.funfact.v2 {
    background: rgb(255 255 255 / 5%);
}
.funfact h5 {
    color: #fff;
}
.funfact p {
    color: #fff;
}
.funfact.one{
    border-color: #d7fff4;
}
.funfact.two{
    border-color: #FFF9AE;   
}
.funfact.three{
    border-color: #FFF2C6;    
}
.funfact.four{
    border-color: #D7FFC2;
}
/* ---- callout ----*/
.callout, .callout h2, .callout h3 {
	color: white;
}
/* ---- calltoaction ----*/
.calltoaction, .calltoaction h2 {
	color: white;
}
/* ------------------testimonials--------------- */
.testimonials .left img{
	border-color: rgba(255, 59, 43, 0.1);

}
.testimonials .tooltip-box{
    background-color: #fff;
}
.testimonials .tooltip-box h4{
    color: var(--primary-color);
}
.testimonials .tooltip-box span{
    color: var(--secondary-color);
}
.testimonial i{
    color: var(--primary-color);
}
.testimonial  .bottom_text p{
    color: var(--secondary-color);
}
.testimonial.two {
    background-color: #fff;
}
.testimonial.two .avtar  i {
    background-color: #fff;
    color: var(--primary-color);   
}
.testimonial.three {
    background-color: var(--secondary-color);
}
.testimonial.three .media-body h6 {
    color: #fff;
}
.testimonial.three .details {
    color: #fff;
}
.testimonial.three .avtar  i {
    background-color: var(--primary-color);
    color: #fff;
}
.testimonial.three  .bottom_text p {
    color: #ffffff;
   
}
.testimonial.two .img-author {
    border-color: var(--primary-color);
}


/* ---------Pricing--plan---------- */
.plan {
    background-color: #fff;
}
.plan .price {
    background: var(--primary-color);
}
.plan .price h5{
    color: #fff;
}
.plan .price p{
    color: #fff;
}
.plan.two .price {
    background: transparent;
}
.plan.two .price h5{
	color: var(--secondary-color);
}
.plans .section-heading h4{
    color: #fff;
}
.plan.two .plan-features li {
    border-bottom-color: #efefef;
}
.plans .section-heading h2{
    color: #fff;
}

.plan.three .price {
    background: unset;
    color: rgb(155, 139, 139);
}
.plan.three.hover_eff:hover .price {
    box-shadow: unset;
}
.plan.three .price p{
	color: #000;
	font-weight: 700;
}
.tags::before{
    background-color: var(--primary-color);
    color: #fff;
}
.tags::after{
    background-color: #c52b1f;
}
.tags.two{
    background-color: var(--primary-color);
    color: #fff;
}
.tags.two::before {
    background-color: #c42b1f;
    color: #fff;
}
.tags.two::after{
    background-color: var(--primary-color);
}
.plan.two .price p{
    background-color: #fff4f3;
    color: #252525;
}

.plan.three .price h5 {
    color: #000;
}

/* ---------caltoaction--------- */

.calltoaction .inner::before{
    background: #FF9188;
}

/* ---- contact page ----*/
.content .feature i{
    background-color: var(--primary-color);
}
.content .feature h5{
    color: var(--secondary-color);
}

.content .feature p{
    color: #616161;
}
/* ---- ==== Blog ==== ----*/
.post_content span.right-btn{
    background: var(--primary-color);
}
.post_content span.right-btn a{
    color: #fff;
}
.post_content h4 a:hover{
    color: var(--primary-color);
}
.post_meta i{
    color: var(--primary-color);
}
.categories a{
    color: #616161;
}

/* ---- ==== Footer ==== ----*/

footer .widget h4::after{
    background-color: var(--primary-color);
}
footer .widget .social a{
    color: var(--primary-color);
}
footer .widget .social a i{
    color: #fff;
}
footer .widget .social a:hover{
    background: var(--secondary-color);
    color: white;
    border-color: var(--secondary-color);
}
.inner.bg-trans::before{
    background-color: #000;
  
}

/* ---- ==== Breadcrumb ==== ----*/

.breadcrumb .inner {
    background: #005FE5;
}
.breadcrumb h1 {
    color: #fff;
}
.breadcrumb, .breadcrumb ul li a, .breadcrumb-item.active {
	color: #fff;
}
.breadcrumb-item + .breadcrumb-item::before {
    color: #fff !important;
}
.breadcrumb-item.active {
    color: #fff !important;
}

.sidebar .widget h3 {
	border-left-color: var(--primary-color);
}
.sidebar .widget {
    border-color:#f1f1f1;
}
.widget .input-group-btn .btn {
	background: var(--primary-color);
	color: white;
}
.widget .input-group-btn .btn:hover {
	background: var(--secondary-color);
	color: white;
}
.comment-area,
.comments-area {
    border-color:#eee;
}
.widget ul li {
    border-bottom-color: #eee;
}


/* ---- blogpost ----*/
.post_img span.date {
    background: var(--primary-color);
    color: #fff;
}
.post_img span.date a {
    color: #fff;
}
.post_meta a {
	color: #616161;
}
.post_meta a:hover {
	color: var(--primary-color);
}
/* ---- footer ----*/
footer .inner{
	background: #fff4f3;
}
footer .widget h4,footer .widget h5, footer .widget, footer .widget label {
	color: var(--secondary-color);
}
footer .widget p{
	color: #616161;
}
footer .widget .contact-links li i{
	padding-right: 10px;
}
footer .widget ul li, footer .widget ul li a {
}
footer .widget ul li a:hover {
	color: #fff;
    background: var(--primary-color);
	border-color: var(--primary-color);
}
footer .widget .links li a:hover{
	color: var(--primary-color);
	background: none;
}
footer .widget .links li i{
	color: var(--primary-color);
}

footer .input-group input{
	border: 1px solid var(--primary-color);
	/* outline: none;
	border-radius: 4px; */
	background: transparent;
	color: #000;
	/* font-size: 1.6em; */
}
footer .bg-trans .input-group input{
	color: #fff;
}

.subscribe .btn-subscribe{
	background: var(--primary-color);
    color: #fff;
    padding: 15px 73px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
}
.subscribe .btn-subscribe:hover,.subscribe .btn-subscribe:focus {
	background: var(--secondary-color);
	color: white;
	border-color: var(--secondary-color);
}
footer .bottom {
	border-top: 1px solid var(--primary-color);
}

.inner.bg-trans .widget p {
    color: #ffffff;
}
.inner.bg-trans .widget h4, footer .widget h5, footer .widget {
    color: #fff;
}
.inner.bg-trans .widget ul li a {
    color: #fff;
}
.inner.bg-trans .bottom span {
	color: #fff;
} 
   
/* *********************************
    Added
**************************************/

/* pagination */
.navigation.pagination a {
    color: var(--primary-color);
}

/* search box close button */
.modal-content .close{
    color: var(--light-color);
}

/* form focus */
.form-control:focus {
    border-color: var(--primary-color);
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--box-shadow);
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--box-shadow);
}