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: #430ef4;
}

/*Light bg color*/
.light-bg-yellow,
.service-style-one .service-data:hover:before,
button.scrollTopStick.active,
.loading-text .letter:nth-child(1)::before,
.loading-text .letter:nth-child(5)::before
 {
    background-color: #BDE2F7;
}

/*Dark bg color*/
.dark-bg,
.service-style-one .service-data:hover .svg-icon:before,
.about-style-one .about-data-left:before,
.counter-style-one .counter-data:before,
.project-style-one .project-post .project-data:hover .project-icon,
.project-style-one:before,
.team-style-one .open .team-data .team-image:before,
.theme-btn,
.theme-btn:hover i:after,
.featured-slider-one .owl-item.active:before,
.featured-slider-one .owl-item.active:after,
.team-style-one .team-slider-nav button:hover:before,
.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,
.footer-style-one .footer-p-2 .footer-col form button:before,
.desktop-nav .nav-bar ul > li ul.sub-menu li a:hover:before,
.desktop-nav .nav-bar > ul > li.menu-item-has-children > ul.sub-menu:before,
.our-goal .data figure:before,
.pricing-plans .price-box:hover .theme-btn,
.pricing-plans .features,
.service-style-two .service-two-box:hover:before,
.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,
.contact-form-2 .bio,
.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,
.pd-details .nav-pills .nav-link.active,
.rev-tab .total-reviews,
.cart .update-cart form button,
.cart-t-payment-m .payment-method button,
.history .h-box figure:before,
#timeline .fill,
.popups.modal:before,
.desktop-nav .nav-bar .extras a.pr-cart:before,
.cart-popup .cart-btns a.checkout,
.preloader,
.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: #2787C8;
}

/*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,
.footer-style-one .footer-p-2 .footer-col form button:before,
.footer-style-one .footer-p-3 .footer-col a:hover:after,
.footer-style-one .footer-p-3 .footer-col a:after,
.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: #D3EAF8;
}