/*Color for svg*/
.footer-style-one .footer-p-2 .footer-col ul li svg,
.contact-form-2 .info ul li svg,
.team-detail .team-data .t-tel .data svg,
.video-play-btn svg {
    fill: #ffffff; 
}

/*Color*/
.video-play-btn i,
.footer-style-one .footer-p-3 .footer-col p i,
.estimated-price .est-form .est-main .est-price span,
.what-we-build .wwb-ul li.active:before,
.w-counter ul li h2,
.first .nav-tabs li button.active {
    color: #ffba45;
}

/*Light bg color*/
.light-bg-yellow,
.loading-text .letter:nth-child(1)::before,
.loading-text .letter:nth-child(5)::before
 {
    background-color: #ff0000;
}

.service-style-one .service-data:hover:before{
    
    background-color: #EEEEEE;
}

/*Dark bg color*/
.dark-bg,

.counter-style-one .counter-data:before,
.project-style-one .project-post .project-data:hover .project-icon,
.project-style-one:before,
.theme-btn,
.theme-btn:hover i:after,
.featured-slider-one .owl-item.active:before,
.featured-slider-one .owl-item.active:after,

.core-features .accordion-button:not(.collapsed),
.core-features .video:before,
.core-features .shape:before,
.renovation:before,
.renovation:after,
.renovation .reno-data:before,
.client-review-slider .slider-data .bio .icon,
.blog-style-one .blog-data .blog-date,
.blog-style-one .blog-data .blog-date:before,
.blog-style-one .blog-post .blog-image a:before,
.blog-style-one .blog-post .blog-image:before,
.desktop-nav .nav-bar > ul > li.menu-item-has-children > ul.sub-menu:before,
.pricing-plans .price-box:hover .theme-btn,
.pricing-plans .features,
.service-style-two .service-two-box.last span,
.certificates .data figure:before,
.certificates .c-slider .c-main .c-first figure:before,
.blog-style-two .blog-item .blog-date:before,
.blog-style-two .blog-item:before,
.blog-slider .owl-stage .owl-item.active:nth-child(2) .blog-item:before,
.estimated-price .est-form .checkk input:checked+label,
.estimated-price:before,
.estimated-price:after,
.contact-us .c-data ul li a i:before,
.contact-us .c-cards .card .address,
.heading.heading-style-3 h2 span:before,
.history-style-one .history-data a,
.cta-section .cta-data figure:before,
.ratings,
.team-style-two .team-social-medias > a,
.team-style-two .team-data:before,
.project-completed .prj-slider-nav button,
.project-completed .proj-image figure:before,
.project-completed .proj-image figure:after,
.contact-form-one .accordion-button:not(.collapsed),
.contact-form-one:before,
.blog-style-three .blog-posts .date:before,
.featured-section-three .image:before,
.featured-section-three .image:after,
.about-how-it-works .y-box,
.video-popup:before,
.innovation ul li:hover,
.builty-pagination ul.pagination li a:hover,
.sidebar .box h3:before,
.sidebar .box.recent-posts ul li:hover a,
.what-we-build .wwb-ul li.active figure:before,
.mobile-nav > ul li.menu-item-has-children.active ul.sub-menu li a:before,
.project-d-detail .icon,
.next-prev-projects li a:hover,
.comment .c-data .c-r-btn,
.team-detail .image figure:before,
.desktop-nav .nav-bar .extras .slideDown,
.rev-tab .total-reviews,
.cart .update-cart form button,
.cart-t-payment-m .payment-method button,
.history .h-box figure:before,
#timeline .fill,
.desktop-nav .nav-bar .extras a.pr-cart:before,
.cart-popup .cart-btns a.checkout,
.cart-popup .cart-btns a:hover,
.mobile-nav.desktop-menu,
.gallery-style-one a:before,
.cart .cart-table .c-c .c-data .cr-svg:hover,
.first .tab-data .map-pin,
.first .tab-data .map-pin .location {
    background-color: #ffba45;
}

.contact-form-2 .bio{
    background-color: #f5f5f5;
}

.team-style-one .team-slider-nav button:hover:before{
    background-color: #f2f2f2;
}

.about-style-one .about-data-left:before,
.team-style-one .open .team-data .team-image:before,
.our-goal .data figure:before{
    background-color: #333333;
}




.blog-date1:before,
.blog-style-one .blog-data1 .blog-date1:before,
.blog-style-one .blog-post1 .blog-image1 a:before,
.blog-style-one .blog-post1 .blog-image1:before{
    background-color: #2359dd;
}

.blog-date2:before,
.blog-style-one .blog-data2 .blog-date2,
.blog-style-one .blog-data2 .blog-date2:before,
.blog-style-one .blog-post2 .blog-image2 a:before,
.blog-style-one .blog-post2 .blog-image2:before{
    background-color: #58a65a;
}

.blog-date3:before,
.blog-style-one .blog-data3 .blog-date3,
.blog-style-one .blog-data3 .blog-date3:before,
.blog-style-one .blog-post3 .blog-image3 a:before,
.blog-style-one .blog-post3 .blog-image3:before{
    background-color: #a6a6a6;
}

.blog-date4:before,
.blog-style-one .blog-data4 .blog-date4,
.blog-style-one .blog-data4 .blog-date4:before,
.blog-style-one .blog-post4 .blog-image4 a:before,
.blog-style-one .blog-post4 .blog-image4:before{
    background-color: #ffa622;
}

.blog-date5:before,
.blog-style-one .blog-data5 .blog-date5,
.blog-style-one .blog-data5 .blog-date5:before,
.blog-style-one .blog-post5 .blog-image5 a:before,
.blog-style-one .blog-post5 .blog-image5:before{
    background-color: #ff5400;
}

.blog-date6:before,
.blog-style-one .blog-data6 .blog-date6,
.blog-style-one .blog-data6 .blog-date6:before,
.blog-style-one .blog-post6 .blog-image6 a:before,
.blog-style-one .blog-post6 .blog-image6:before{
    background-color: #7d24d4;
}

.blog-date7:before,
.blog-style-one .blog-data7 .blog-date7,
.blog-style-one .blog-data7 .blog-date7:before,
.blog-style-one .blog-post7 .blog-image7 a:before,
.blog-style-one .blog-post7 .blog-image7:before{
    background-color: #34cccb;
}

.blog-date8:before,
.blog-style-one .blog-data8 .blog-date8,
.blog-style-one .blog-data8 .blog-date8:before,
.blog-style-one .blog-post8 .blog-image8 a:before,
.blog-style-one .blog-post8 .blog-image8:before{
    background-color: #dc0100;
}

.blog-date9:before,
.blog-style-one .blog-data9 .blog-date9,
.blog-style-one .blog-data9 .blog-date9:before,
.blog-style-one .blog-post9 .blog-image9 a:before,
.blog-style-one .blog-post9 .blog-image9:before{
    background-color: #ab5500;
}

.blog-date1:before,
.blog-style-one .blog-data10 .blog-date10:before,
.blog-style-one .blog-post10 .blog-image10 a:before,
.blog-style-one .blog-post10 .blog-image10:before{
    background-color: #ffba45;
}

.blog-date1:before,
.blog-style-one .blog-data11 .blog-date11:before,
.blog-style-one .blog-post11 .blog-image11 a:before,
.blog-style-one .blog-post11 .blog-image11:before{
    background-color: #ffba45;
}

.blog-date1:before,
.blog-style-one .blog-data12 .blog-date12:before,
.blog-style-one .blog-post12 .blog-image12 a:before,
.blog-style-one .blog-post12 .blog-image12:before{
    background-color: #ffba45;
}

.blog-style-one .blog-data1 .blog-date1,
.blog-style-one .blog-data2 .blog-date2,
.blog-style-one .blog-data3 .blog-date3,
.blog-style-one .blog-data4 .blog-date4,
.blog-style-one .blog-data5 .blog-date5,
.blog-style-one .blog-data6 .blog-date6,
.blog-style-one .blog-data7 .blog-date7,
.blog-style-one .blog-data8 .blog-date8,
.blog-style-one .blog-data9 .blog-date9,
.blog-style-one .blog-data10 .blog-date10,
.blog-style-one .blog-data11 .blog-date11,
.blog-style-one .blog-data12 .blog-date12{
    background-color: #000000;
}


.service-style-two .service-two-box:hover:before {background-color: #EEEEEE;}
.preloader {background-color: #000000;}

/*Border color*/
.service-style-one .service-data .icon,
.service-style-one .service-data .svg-icon:before,
.project-style-one .project-post .project-data:hover,
.theme-btn,
.featured-slider-one .owl-nav button,
.team-style-one .team-slider-nav button:hover,
.video-play-btn,


.mobile-nav.desktop-menu .social-medias a:hover:after,
.mobile-nav.desktop-menu .social-medias a:after,
.desktop-nav .nav-bar ul > li.menu-item-has-children > ul.sub-menu,
.pricing-plans .price-box:hover .theme-btn,
.certificates .data .extras:before,
.certificates .c-slider .c-main .c-first,
.estimated-price .est-form .checkk label,
.form-control:focus,
.contact-us .c-data ul li a.active img,
.contact-us .c-data ul li a.active:before,
.project-completed .prj-slider-nav button,
.contact-form-one .accordion-button:focus,
textarea:focus,
textarea:focus-visible,
.construction-services .services-nav ul li button.nav-link.active,
.builty-pagination ul.pagination li:first-child a:hover,
.builty-pagination ul.pagination li:last-child a:hover,
.builty-pagination ul.pagination li a:hover,
.blog-style-one.blog-style-three .blog-data .blog-date,
.next-prev-projects li a:hover,
.category.social-medias ul li a:after,
.category.shape.form form input:focus,
.pd-quality input:focus,
.cart .c-c .c-quality input:focus,
.cart .cart-table,
.checkout .billing form input:focus,
.cart-t-payment-m .payment-method button,
.cart-popup .cart-btns a.checkout,
.cart-popup .cart-btns a:hover,
.box form input:focus,
.featured-slider-one .owl-nav button.owl-prev:before, 
.featured-slider-one .owl-nav button.owl-next:before,
.cart .cart-table .c-c .c-data .cr-svg:hover,
.first .tab-data .map-pin .location {
    border-color: #ffba45;
}

.desktop-nav .nav-bar ul > li ul.sub-menu li a:hover:before{
    background-color: #EEEEEE;
    
}

.service-style-one .service-data:hover .svg-icon:before{
    
    background-color: #878787;
}

.popups.modal:before{
    
    background-color: #ffffff;
}

.textBorder{
    border:1px solid #ced4da;
    outline: none;
}

.textBorder:focus{
    border:1px solid #ffba45;
    background-color: #ffffff;
}

.pd-details .nav-pills .nav-link.active{
    
    background-color: #000000;
    color: white;
}

.footer-style-one .footer-p-2 .footer-col form button:before{
    
    border-color: #ffffff;
    background-color: #ffffff;
}