/* ==========================================================================
   KL Multi Service - Brand palette (derived from the company logo)
   Overrides the Techmax template's default blue (#005de0) / orange (#ff5538)
   theme colors with the KL Multi Service brand colors, plus site-specific
   layout tweaks. Loaded after style.css.
   ========================================================================== */

:root {
  --kl-navy: #0B2F6B;        /* K letter / dark brand navy */
  --kl-blue: #0B63B8;        /* L letter / primary interactive blue */
  --kl-blue-light: #3E93DB;  /* gradient tint of the blue */
  --kl-orange: #F28C00;      /* "service" wordmark / accent */
  --kl-orange-dark: #D97800;
  --kl-green: #2E8B3A;       /* logo arc accent */
}

.klms_logo {
  width: 70px;
  height: 90px;
}

/* --------------------------------------------------------------------------
   Auto-generated theme color overrides (same selectors as style.css, only
   the color-related declarations, regenerated from #005de0 / #ff5538 /
   #54d6eb / #035cdd to the KL Multi Service palette).
   -------------------------------------------------------------------------- */

a:hover {
  color: var(--kl-blue);
}

.section-title .sub-title {
  color: var(--kl-blue);
}

.section-title2 .title span {
  color: var(--kl-blue);
}

.section-title2 .sub-title.primary {
  color: var(--kl-blue);
}

.section-title3 .sub-title {
  color: var(--kl-orange);
}

.techmax-pagination .pagination .page-item .page-link:hover {
  background: var(--kl-blue);
}

.techmax-pagination .pagination .page-item.active .page-link {
  background: var(--kl-blue);
}

.slider-bullet .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--kl-blue);
}

#preloader .preloader span {
  background-color: var(--kl-blue);
}

input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
textarea:focus {
  border-color: var(--kl-blue);
}

.btn {
  background-color: var(--kl-blue);
  border: 2px solid var(--kl-blue);
}

.btn:hover {
  color: var(--kl-blue);
}

.btn-3 {
  background: var(--kl-orange);
  border: 2px solid var(--kl-orange);
}

.btn-3:hover {
  color: var(--kl-orange);
}

.btn-primary {
  background-color: var(--kl-blue);
  border-color: var(--kl-blue);
}

.btn-primary:hover {
  background-color: var(--kl-blue);
  border-color: var(--kl-blue);
}

.btn-white::after {
  background: var(--kl-blue);
}

.header-menu .main-menu li.active-menu > a {
  color: var(--kl-blue);
}

.header-menu .main-menu li.active-menu > .menu-icon::after {
  color: var(--kl-blue);
}

.header-menu .main-menu li:hover > .menu-icon::after {
  color: var(--kl-blue);
}

.header-menu .main-menu li:hover > a {
  color: var(--kl-blue);
}

.header-menu .main-menu li .sub-menu {
  border-top: 3px solid var(--kl-blue);
}

.header-menu .main-menu li .sub-menu li a::before {
  background: var(--kl-blue);
}

.header-menu .main-menu li .sub-menu li.active > a {
  color: var(--kl-blue);
}

.header-menu .main-menu li .sub-menu li:hover > a {
  color: var(--kl-blue);
}

.header-info .info-icon i {
  color: var(--kl-blue);
}

.header-search .search-btn:hover {
  color: var(--kl-blue);
}

.search-wrap .search-inner .search-close:hover {
  color: var(--kl-blue);
}

.header-cart .cart-btn:hover {
  color: var(--kl-blue);
}

.header-cart .cart-btn .count {
  background: var(--kl-blue);
}

.dropdown-cart .cart-items .single-cart-item .item-content .quantity {
  color: var(--kl-blue);
}

.dropdown-cart .cart-total .value {
  color: var(--kl-blue);
}

.transparent-header-3.sticky .header-wrap .header-meta .header-info .info-icon i {
  color: var(--kl-orange);
}

.transparent-header-3.sticky .header-wrap .header-meta .header-search .search-btn:hover {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-menu-3 .main-menu li.active-menu > a {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-menu-3 .main-menu li.active-menu > .menu-icon::after {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-menu-3 .main-menu li:hover > .menu-icon::after {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-menu-3 .main-menu li:hover > a {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-menu-3 .main-menu li .sub-menu {
  border-top: 3px solid var(--kl-orange);
}

.header-section-3 .header-wrap .header-menu-3 .main-menu li .sub-menu li a::before {
  background: var(--kl-orange);
}

.header-section-3 .header-wrap .header-menu-3 .main-menu li .sub-menu li.active > a {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-menu-3 .main-menu li .sub-menu li:hover > a {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-meta .header-info .info-icon i {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-meta .header-info .info-text .number a:hover {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-meta .header-search .search-btn:hover {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-meta .header-search .search-wrap .search-inner .search-close:hover {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-meta .header-search .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:focus {
  border-color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-meta .header-cart .cart-btn:hover {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-meta .header-cart .cart-btn .count {
  background: var(--kl-orange);
}

.header-section-3 .header-wrap .header-meta .header-cart .dropdown-cart .cart-items .single-cart-item .item-content .title a:hover {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-meta .header-cart .dropdown-cart .cart-items .single-cart-item .item-content .quantity {
  color: var(--kl-orange);
}

.header-section-3 .header-wrap .header-meta .header-cart .dropdown-cart .cart-total .value {
  color: var(--kl-orange);
}

.header-toggle button span {
  background: var(--kl-blue);
}

.header-toggle-3 button span {
  background: var(--kl-orange);
}

.header-section-5 .header-wrap .header-menu .main-menu li.active-menu > a {
  color: var(--kl-blue);
}

.header-section-5 .header-wrap .header-menu .main-menu li.active-menu > .menu-icon::after {
  color: var(--kl-blue);
}

.header-section-5 .header-wrap .header-menu .main-menu li:hover > .menu-icon::after {
  color: var(--kl-blue);
}

.header-section-5 .header-wrap .header-menu .main-menu li:hover > a {
  color: var(--kl-blue);
}

.header-section-5 .header-wrap .header-menu .main-menu li .sub-menu {
  border-top: 3px solid var(--kl-blue);
}

.header-section-5 .header-wrap .header-menu .main-menu li .sub-menu li a::before {
  background: var(--kl-blue);
}

.header-section-5 .header-wrap .header-menu .main-menu li .sub-menu li.active > a {
  color: var(--kl-blue);
}

.header-section-5 .header-wrap .header-menu .main-menu li .sub-menu li:hover > a {
  color: var(--kl-blue);
}

.header-section-5.sticky .header-wrap .header-menu .main-menu li.active-menu > a {
  color: var(--kl-blue);
}

.header-section-5.sticky .header-wrap .header-menu .main-menu li.active-menu > .menu-icon::after {
  color: var(--kl-blue);
}

.header-section-5.sticky .header-wrap .header-menu .main-menu li:hover > .menu-icon::after {
  color: var(--kl-blue);
}

.header-section-5.sticky .header-wrap .header-menu .main-menu li:hover > a {
  color: var(--kl-blue);
}

.header-section-6 .header-wrap .header-menu-2 .main-menu li.active-menu > a {
  color: var(--kl-blue);
}

.header-section-6 .header-wrap .header-menu-2 .main-menu li.active-menu > .menu-icon::after {
  color: var(--kl-blue);
}

.header-section-6 .header-wrap .header-menu-2 .main-menu li:hover > .menu-icon::after {
  color: var(--kl-blue);
}

.header-section-6 .header-wrap .header-menu-2 .main-menu li:hover > a {
  color: var(--kl-blue);
}

.header-section-6 .header-wrap .header-menu-2 .main-menu li .sub-menu {
  border-top: 3px solid var(--kl-blue);
}

.header-section-6 .header-wrap .header-menu-2 .main-menu li .sub-menu li a::before {
  background: var(--kl-blue);
}

.header-section-6 .header-wrap .header-menu-2 .main-menu li .sub-menu li.active > a {
  color: var(--kl-blue);
}

.header-section-6 .header-wrap .header-menu-2 .main-menu li .sub-menu li:hover > a {
  color: var(--kl-blue);
}

.header-section-6 .header-wrap .header-meta .header-search .search-btn:hover {
  color: var(--kl-blue);
}

.header-section-6 .header-wrap .header-meta .header-cart .cart-btn:hover {
  color: var(--kl-blue);
}

.header-section-8 .header-wrap .header-menu .main-menu > li.active-menu > a {
  color: var(--kl-blue);
}

.header-section-8 .header-wrap .header-menu .main-menu > li.active-menu > .menu-icon::after {
  color: var(--kl-blue);
}

.header-section-8 .header-wrap .header-menu .main-menu > li:hover > .menu-icon::after {
  color: var(--kl-blue);
}

.header-section-8 .header-wrap .header-menu .main-menu > li:hover > a {
  color: var(--kl-blue);
}

.header-section-8 .header-wrap .header-menu .main-menu > li .sub-menu {
  border-top: 3px solid var(--kl-blue);
}

.header-section-8 .header-wrap .header-menu .main-menu > li .sub-menu li a::before {
  background: var(--kl-blue);
}

.header-section-8 .header-wrap .header-menu .main-menu > li .sub-menu li.active > a {
  color: var(--kl-blue);
}

.header-section-8 .header-wrap .header-menu .main-menu > li .sub-menu li:hover > a {
  color: var(--kl-blue);
}

.header-section-8 .header-wrap .header-meta-4 .header-search .search-btn:hover {
  color: var(--kl-blue);
}

.header-section-8 .header-wrap .header-meta-4 .header-btn-2 .btn {
  background: var(--kl-blue);
  border: 2px solid var(--kl-blue);
}

.header-section-8 .header-wrap .header-meta-4 .header-btn-2 .btn:hover {
  color: var(--kl-blue);
}

.offcanvas-header .close-btn:hover {
  color: var(--kl-blue);
}

.offcanvas-menu .main-menu li:hover > a {
  color: var(--kl-blue);
}

.tech-hero-section .shape-1 {
  background: linear-gradient(150deg, var(--kl-navy) 0%, #4ecdea 100%);
}

.tech-hero-section-2 .shape-1 {
  background-image: linear-gradient(290deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.tech-hero-section-2 .shape-2 {
  background-image: linear-gradient(290deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.tech-hero-section-2 .shape-4 {
  background: linear-gradient(90deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.tech-hero-section-2 .shape-5 {
  background: linear-gradient(280deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.tech-hero-section-3 .hero-content .hero-play-btn .play-btn i:hover {
  color: var(--kl-orange);
}

.tech-hero-section-6::before {
  background: linear-gradient(-55deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.tech-hero-section-6 .hero-images::before {
  background-image: linear-gradient(-40deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.tech-hero-section-7 .hero-content .shape-2 {
  background: linear-gradient(150deg, var(--kl-navy) 0%, #4ecdea 100%);
}

.tech-hero-section-9 .hero-content .sub-title {
  color: var(--kl-blue);
}

.tech-hero-section-10 .hero-content .title span {
  color: var(--kl-blue);
}

.tech-hero-section-10 .hero-content .btn {
  background: var(--kl-blue);
  border: 2px solid var(--kl-blue);
}

.tech-hero-section-10 .hero-content .btn:hover {
  color: var(--kl-blue);
}

.service-section .service-wrap .service-item::before {
  background: linear-gradient(148deg, var(--kl-blue-light) 0%, #055fdd 100%);
}

.service-section-2 .service-wrap-2 .service-content-wrap-2 .service-item .service-img .shape-1 {
  background: linear-gradient(90deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.service-section-2 .service-wrap-2 .service-content-wrap-2 .service-item .service-img .shape-2 {
  background: linear-gradient(280deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.service-section-2 .service-wrap-2 .service-content-wrap-2 .service-item .service-content .read-more {
  background: var(--kl-blue);
}

.service-2-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--kl-blue);
}

.service-section-3 .service-wrap-3 .service-slider-wrap .service-item .service-content .title a:hover {
  color: var(--kl-orange);
}

.service-section-3 .service-wrap-3 .service-slider-wrap .service-item .service-content .read-more {
  color: var(--kl-orange);
}

.service-3-active.slider-bullet .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--kl-orange);
}

.service-section-4 .service-wrap-4 .service-left .title span {
  color: var(--kl-orange);
}

.service-section-4 .service-wrap-4 .service-left .service-list li a:hover {
  color: var(--kl-orange);
}

.service-section-4 .service-wrap-4 .service-right .service-item .service-content .title a:hover {
  color: var(--kl-orange);
}

.service-section-4 .service-wrap-4 .service-right .service-item .service-content .read-more {
  color: var(--kl-orange);
}

.service-section-6 .service-wrap-3 .service-slider-wrap .service-item .service-content .title a:hover {
  color: var(--kl-blue);
}

.service-section-6 .service-wrap-3 .service-slider-wrap .service-item .service-content .read-more {
  color: var(--kl-blue);
}

.service-6-active.slider-bullet .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--kl-blue);
}

.service-section-7 .service-item:hover .service-content .title {
  color: var(--kl-blue);
}

.service-section-7 .service-item:hover .service-link-icon i {
  color: var(--kl-blue);
}

.service-section-7 .service-bottom-text p a {
  color: var(--kl-blue);
}

.service-section-7 .service-bottom-text p a::before {
  background: var(--kl-blue);
}

.service-section-8 .service-wrap-4 .service-left .service-list li a i {
  color: var(--kl-blue);
}

.service-section-8 .service-wrap-4 .service-left .service-list li a:hover {
  color: var(--kl-blue);
}

.service-section-8 .service-wrap-4 .service-right .experience-wrap .experience {
  background: linear-gradient(-48deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.service-section-10 .service-wrap .service-item:hover .service-content .title a {
  color: var(--kl-blue);
}

.about-section .about-wrap .about-thumb-wrap .play-btn a {
  background: var(--kl-blue);
}

.about-section .about-wrap .about-thumb-wrap .play-btn a:hover {
  color: var(--kl-blue);
}

.about-section .about-wrap .about-content .about-author-list .about-author::before {
  background: var(--kl-blue);
}

.about-section .about-wrap .about-content .about-author-list .about-list ul li i {
  color: var(--kl-blue);
}

.about-section-2 .about-wrap-2 .about-img .about-img-text {
  background: linear-gradient(-48deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.about-section-3 .about-wrap .about-content-wrap .about-content .experience .number {
  color: var(--kl-orange);
}

.about-section-3 .about-wrap .about-content-wrap .skill-bar-wrap .skill-item .bar-inner .progress-line {
  background: var(--kl-orange);
}

.about-section-4 .about-wrap .about-content-wrap .about-content .about-author-list .about-list ul li i {
  color: var(--kl-blue);
}

.about-section-6 .about-wrap .about-right .about-experience-award .single-item .number {
  color: var(--kl-blue);
}

.tech-about-section-7 .about-img-wrap .about-img-sm .shape-1 {
  background: var(--kl-blue);
}

.tech-about-section-7 .about-img-wrap .about-img-sm .play-btn a {
  color: var(--kl-blue);
}

.tech-about-section-7 .about-img-wrap .about-img-sm .play-btn a:hover {
  background: var(--kl-blue);
}

.features-section .features-wrap .features-content-wrap .features-content .features-link p a {
  color: var(--kl-blue);
}

.features-section-7 .features-wrap .features-content .section-title .title span {
  color: var(--kl-blue);
}

.features-section-9 .features-item .features-content .title:hover {
  color: var(--kl-blue);
}

.features-section-10 .features-item:hover .title {
  color: var(--kl-blue);
}

.counter-section-2 {
  background: var(--kl-orange);
}

.counter-section-3 .experience-content .experience .number {
  color: var(--kl-blue);
}

.counter-section-3 .experience-content .experience-text .title span {
  color: var(--kl-blue);
}

.counter-section-3 .service-content .service-list li {
  border-bottom: 1px solid var(--kl-blue);
}

.counter-section-3 .service-content .service-list li a:hover {
  color: var(--kl-blue);
}

.counter-section-7 .counter-wrap .counter-item .counter-content p::before {
  background: var(--kl-blue);
}

.skill-section .skill-wrap .skill-content-wrap .skill-content-left .experience .number {
  color: var(--kl-blue);
}

.skill-section .skill-wrap .skill-content-wrap .skill-content-left .title span {
  color: var(--kl-blue);
}

.skill-section .skill-wrap .skill-img-wrap .skill-img-item .skill-img .skill-img-text .title a:hover {
  color: var(--kl-blue);
}

.skill-section .skill-wrap .skill-img-wrap .skill-img-item .skill-img .skill-img-text .skill-btn {
  color: var(--kl-blue);
}

.skill-bar-wrap .skill-item .bar-inner .progress-line {
  background: var(--kl-blue);
}

.skill-section-3 .skill-wrap .skill-content-wrap .skill-content-left .skill-img .play-btn a {
  background: var(--kl-blue);
}

.skill-section-3 .skill-wrap .skill-content-wrap .skill-content-left .skill-img .play-btn a:hover {
  color: var(--kl-blue);
}

.skill-section-5 .skill-img-wrap .skill-img-item .skill-img .skill-img-text .title a:hover {
  color: var(--kl-blue);
}

.skill-section-5 .skill-img-wrap .skill-img-item .skill-img .skill-img-text .skill-btn {
  color: var(--kl-blue);
}

.testimonial-section .testimonial-wrap .testimonial-slider-wrap .single-testimonial .testimonial-content .title {
  color: var(--kl-blue);
}

.testimonial-section .testimonial-wrap .testimonial-slider-wrap .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-text .designation {
  color: var(--kl-blue);
}

.testimonial-active .testimonial-arrow,
.testimonial-4-active .testimonial-arrow {
  border: 1px solid var(--kl-blue);
  color: var(--kl-blue);
}

.testimonial-active .testimonial-arrow:hover,
.testimonial-4-active .testimonial-arrow:hover {
  background: var(--kl-blue);
}

.testimonial-section-3 .testimonial-wrap-3 .testimonial-slider-wrap .single-testimonial::before {
  background: var(--kl-orange);
}

.testimonial-section-3 .testimonial-wrap-3 .testimonial-slider-wrap .single-testimonial .testimonial-content .testimonial-author .author-text .designation {
  color: var(--kl-orange);
}

.testimonial-3-active.slider-bullet .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--kl-orange);
}

.testimonial-section-6 .testimonial-wrap .testimonial-img::before {
  background: linear-gradient(-90deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.testimonial-section-6 .testimonial-wrap .testimonial-img::after {
  background: linear-gradient(-90deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.testimonial-section-6 .testimonial-wrap .testimonial-content-wrap .section-title .title span {
  color: var(--kl-blue);
}

.testimonial-section-6 .testimonial-wrap .testimonial-content-wrap .testimonial-slider-wrap {
  border-bottom: 7px solid var(--kl-blue);
}

.testimonial-section-6 .testimonial-wrap .testimonial-content-wrap .testimonial-slider-wrap .single-testimonial .testimonial-content .testimonial-author .designation {
  color: var(--kl-blue);
}

.testimonial-section-7 .testimonial-wrap .testimonial-slider-wrap .single-testimonial .testimonial-content .testimonial-quote {
  color: var(--kl-blue);
}

.testimonial-section-7 .testimonial-wrap .testimonial-slider-wrap .single-testimonial .testimonial-content .testimonial-author .author-text .designation {
  color: var(--kl-blue);
}

.testimonial-section-7 .testimonial-wrap .testimonial-slider-wrap .swiper-slide.swiper-slide-active .single-testimonial {
  background: linear-gradient(130deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.testimonial-section-7 .testimonial-wrap .testimonial-slider-wrap .swiper-slide.swiper-slide-active .single-testimonial .testimonial-content .testimonial-quote {
  color: var(--kl-blue);
}

.testimonial-section-7 .testimonial-wrap .testimonial-slider-wrap .swiper-slide.swiper-slide-active .single-testimonial .testimonial-content .testimonial-author .author-text .designation {
  color: var(--kl-blue);
}

.testimonial-section-8 .testimonial-wrap .testimonial-slider-wrap .single-testimonial .testimonial-content .testimonial-author .author-text .designation {
  color: var(--kl-blue);
}

.testimonial-section-10 .testimonial-wrap .testimonial-slider-wrap .single-testimonial .testimonial-content .author-text .designation {
  color: var(--kl-blue);
}

.testimonial-section-10 .testimonial-8-active.slider-bullet .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--kl-blue);
}

.case-study-slider-wrap .single-case-study .case-study-content .case-study-title span {
  color: var(--kl-blue);
}

.case-study-slider-wrap .single-case-study .case-study-content .case-study-link a {
  background: var(--kl-blue);
}

.case-study-slider-wrap .single-case-study .case-study-content .case-study-link a:hover {
  color: var(--kl-blue);
}

.case-study-active .case-study-arrow {
  color: var(--kl-blue);
}

.case-study-active .case-study-arrow:hover {
  background: var(--kl-blue);
}

.case-study-section-2 .case-study-wrap .case-study-content-wrap .case-study-item .case-study-content span {
  color: var(--kl-blue);
}

.case-study-section-3 .case-study-slider-wrap .single-case-study .case-study-text::before {
  background: var(--kl-blue);
}

.case-study-section-3 .case-study-slider-wrap .single-case-study .case-study-text .learn-more i {
  color: var(--kl-blue);
}

.case-study-section-3 .case-study-slider-wrap .single-case-study .case-study-text .learn-more:hover {
  color: var(--kl-blue);
}

.cta-section .cta-wrap {
  background: var(--kl-blue);
}

.cta-section-2 {
  background-image: linear-gradient(-48deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.cta-section-2 .cta-wrap-2 .cta-btn .btn-white {
  color: var(--kl-blue);
}

.cta-section-3 .cta-wrap-3 .cta-content p a {
  color: var(--kl-blue);
}

.cta-section-5 .cta-wrap .cta-right .cta-icon span {
  color: var(--kl-blue);
}

.cta-section-7 .cta-wrap .cta-content p a {
  color: var(--kl-blue);
}

.cta-section-7 .cta-wrap .cta-content p a::before {
  background: var(--kl-blue);
}

.single-blog .blog-img .top-meta .date {
  background-image: linear-gradient(120deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.single-blog .blog-content .blog-meta span i {
  color: var(--kl-blue);
}

.single-blog .blog-btn .blog-btn-link {
  color: var(--kl-blue);
}

.blog-section-2 .blog-wrap .section-title .sub-title {
  color: var(--kl-orange);
}

.blog-section-2 .blog-wrap .blog-content-wrap .single-blog .blog-img .top-meta .date {
  background: var(--kl-orange);
}

.blog-section-2 .blog-wrap .blog-content-wrap .single-blog .blog-content .blog-meta span a:hover {
  color: var(--kl-orange);
}

.blog-section-2 .blog-wrap .blog-content-wrap .single-blog .blog-content .blog-meta span i {
  color: var(--kl-orange);
}

.blog-section-2 .blog-wrap .blog-content-wrap .single-blog .blog-content .title a:hover {
  color: var(--kl-orange);
}

.blog-section-2 .blog-wrap .blog-content-wrap .single-blog .blog-btn .blog-btn-link {
  color: var(--kl-orange);
}

.brand-title span {
  color: var(--kl-blue);
}

.brand-section-3 .brand-wrapper .brand-title span {
  color: var(--kl-orange);
}

.team-section .team-wrap .team-content-wrap .single-team .team-content .designation {
  color: var(--kl-blue);
}

.team-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--kl-blue);
}

.video-section .video-wrap .video-content .video-play a i {
  background: var(--kl-blue);
}

.video-section .video-wrap .video-content .video-play a i:hover {
  color: var(--kl-blue);
}

.pricing-section .pricing-wrap .pricing-content-wrap .single-pricing {
  border-top: 7px solid var(--kl-blue);
}

.pricing-section .pricing-wrap .pricing-content-wrap .single-pricing .pricing-price .price {
  color: var(--kl-blue);
}

.pricing-section .pricing-wrap .pricing-content-wrap .single-pricing .pricing-price .currency {
  color: var(--kl-blue);
}

.pricing-section .pricing-wrap .pricing-content-wrap .single-pricing .pricing-content .pricing-btn .pricing-contact {
  color: var(--kl-blue);
}

.pricing-section .pricing-wrap .pricing-content-wrap .single-pricing.active {
  background: linear-gradient(-25deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.pricing-section-3 .pricing-wrap .pricing-content-wrap .single-pricing .pricing-content .pricing-list li i {
  color: var(--kl-blue);
}

.pricing-section-3 .pricing-wrap .pricing-content-wrap .single-pricing.active .pricing-content .pricing-btn .pricing-contact {
  color: var(--kl-blue);
}

.contact-section {
  background: var(--kl-orange);
}

.contact-section .contact-wrap .contact-form .contact-form-wrap .heading-wrap .sub-title {
  color: var(--kl-orange);
}

.contact-info-section .contact-info-wrap .single-contact-info .info-icon {
  background: var(--kl-blue);
}

.contact-info-section .contact-info-wrap .single-contact-info .info-content p {
  color: var(--kl-blue);
}

.contact-form-section .contact-wrap .contact-form-wrap .single-form .form-control:focus {
  border-color: var(--kl-blue);
}

.contact-section-2 .contact-wrap .contact-form .contact-form-wrap .heading-wrap .sub-title {
  color: var(--kl-blue);
}

.contact-section-3 .contact-wrap .contact-info ul li .contact-info-item .contact-info-icon i {
  color: var(--kl-blue);
}

.contact-section-3 .contact-wrap .contact-form .contact-form-wrap .heading-wrap .sub-title {
  color: var(--kl-blue);
}

.page-banner-section .shape-2 {
  border: 3px solid var(--kl-blue);
}

.page-banner-section .shape-2::before {
  background: linear-gradient(-48deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.page-banner .title::before {
  background-image: linear-gradient(-48deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.sidebar-widget .search-form button:hover {
  background: var(--kl-blue);
}

.sidebar-widget .recent-posts ul li .post-link .post-text .post-meta i {
  color: var(--kl-blue);
}

.sidebar-widget .recent-posts ul li .post-link:hover .post-text .title {
  color: var(--kl-blue);
}

.sidebar-widget .category .cate-item a i {
  color: var(--kl-blue);
}

.sidebar-widget .category .cate-item a .post-count {
  color: var(--kl-blue);
}

.sidebar-widget .category .cate-item a:hover {
  color: var(--kl-blue);
}

.sidebar-widget .category .cate-item a:hover .post-count {
  background: var(--kl-blue);
}

.sidebar-widget .sidebar-tag li a:hover {
  background-color: var(--kl-blue);
}

.blog-details-post .blog-details-content .blog-quote::after {
  background: var(--kl-blue);
}

.blog-details-post .blog-details-content .techmax-post-pagination .blog-pagination-post .post-thumb a i {
  color: var(--kl-blue);
}

.blog-details-post .blog-details-content .techmax-post-pagination .blog-pagination-post .post-content .date i {
  color: var(--kl-blue);
}

.blog-details-post .blog-details-content .comment-wrap .comment-box .comment-items li .single-comment .comment-content .meta .date {
  color: var(--kl-blue);
}

.blog-details-post .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control:focus {
  border-color: var(--kl-blue);
}

.subscribe-section .subscribe-wrap {
  background: linear-gradient(-60deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
}

.subscribe-section .subscribe-wrap form button {
  background: var(--kl-blue);
}

.faq-section .faq-wrap .faq-accordion .accordion-item .accordion-header .accordion-button .faq-button {
  color: var(--kl-blue);
}

.faq-section .faq-wrap .faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: var(--kl-blue);
}

.faq-section .faq-wrap .faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .faq-button {
  color: var(--kl-blue);
}

.faq-section .faq-wrap .faq-accordion .accordion-item .accordion-header .accordion-button:hover {
  color: var(--kl-blue);
}

.faq-section-2 .faq-wrap .faq-accordion .accordion-item .accordion-header .accordion-button .number {
  background: var(--kl-blue);
}

.faq-section-2 .contact-form .contact-form-wrap .heading-wrap .sub-title {
  color: var(--kl-blue);
}

.overview-section-2 .overview-wrap .overview-content .counter-wrap .counter-item span {
  color: var(--kl-blue);
}

.overview-section-3 .overview-wrap .overview-content .overview-list ul li .overview-icon {
  color: var(--kl-blue);
}

.overview-section-5 .overview-wrap .overview-content .overview-list ul li .overview-icon {
  background: var(--kl-blue);
}

.overview-section-6 .overview-wrap .overview-content .overview-list ul li::before {
  background: var(--kl-blue);
}

.login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control:focus {
  border-color: var(--kl-blue);
}

.widget-info ul li .info-icon i {
  color: var(--kl-blue);
}

.widget-link .link li a:hover {
  color: var(--kl-blue);
}

.widget-info-3 ul li .info-icon i {
  color: var(--kl-orange);
}

.widget-info-3 ul li .info-text a:hover {
  color: var(--kl-orange);
}

.footer-widget-3 .footer-widget-title {
  color: var(--kl-orange);
}

.footer-widget-3 .widget-link .link li a:hover {
  color: var(--kl-orange);
}

.widget-info-4 ul li .info-icon i {
  color: var(--kl-blue);
}

.widget-info-4 ul li .info-text a:hover {
  color: var(--kl-blue);
}

.footer-widget-4 .footer-widget-title {
  color: var(--kl-blue);
}

.footer-widget-4 .widget-link .link li a:hover {
  color: var(--kl-blue);
}

.footer-widget-5 .widget-link .link li a:hover {
  color: var(--kl-blue);
}

.copyright-social .social li a:hover {
  color: var(--kl-blue);
}

.footer-copyright-2 .copyright-social .social li a:hover {
  background: var(--kl-blue);
}

.footer-copyright-3 .copyright-text p a {
  color: var(--kl-orange);
}

.footer-copyright-3 .copyright-social .social li a {
  background: var(--kl-orange);
}

.footer-copyright-4 .copyright-text p a {
  color: var(--kl-blue);
}

.footer-copyright-4 .copyright-social .social li a {
  background: var(--kl-blue);
}

.progress-wrap::after {
  color: var(--kl-blue);
}

.progress-wrap svg.progress-circle path {
  stroke: var(--kl-blue);
}

.progress-wrap-3::after {
  color: var(--kl-orange);
}

.progress-wrap-3 svg.progress-circle path {
  stroke: var(--kl-orange);
}


/* --------------------------------------------------------------------------
   Remaining rgba() color usages not caught by the hex-based pass above
   -------------------------------------------------------------------------- */

.progress-wrap {
  box-shadow: inset 0 0 0 2px rgba(11, 99, 184, 0.2);
}

.progress-wrap-3 {
  box-shadow: inset 0 0 0 2px rgba(242, 140, 0, 0.2);
}

/* --------------------------------------------------------------------------
   KL Multi Service - fix "Nous appeler" white CTA button: the template's
   own hover rule (.cta-section-2 .cta-wrap-2 .cta-btn .btn-white:hover)
   sets the text back to white on a white background, making it unreadable
   in one of the two states. Force a dark, always-readable text color.
   -------------------------------------------------------------------------- */

.cta-section-2 .cta-wrap-2 .cta-btn .btn-white {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff !important;
}

.cta-section-2 .cta-wrap-2 .cta-btn .btn-white:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: var(--kl-navy) !important;
}

/* --------------------------------------------------------------------------
   KL Multi Service - flagship service photos, forced to a matching aspect
   ratio so portrait and landscape source photos render at the same size
   -------------------------------------------------------------------------- */

.service-section-2 .service-wrap-2 .service-content-wrap-2 .service-item .service-img {
  height: 320px;
}

.service-section-2 .service-wrap-2 .service-content-wrap-2 .service-item .service-img a {
  height: 100%;
}

.service-section-2 .service-wrap-2 .service-content-wrap-2 .service-item .service-img a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* --------------------------------------------------------------------------
   KL Multi Service - services grid (all 10 offerings)
   -------------------------------------------------------------------------- */

.klms-services-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 1199px) {
  .klms-services-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .klms-services-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .klms-services-grid {
    grid-template-columns: 1fr;
  }
}

.klms-service-card {
  background: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 35px 25px;
  text-align: center;
  transition: all 0.3s ease;
}

.klms-service-card:hover {
  border-color: transparent;
  box-shadow: 0 20px 40px rgba(11, 47, 107, 0.12);
  transform: translateY(-6px);
}

.klms-service-card .klms-service-icon {
  width: 68px;
  height: 68px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--kl-blue-light) 0%, var(--kl-navy) 100%);
  font-size: 26px;
  color: #ffffff;
}

.klms-service-card:nth-child(3n+2) .klms-service-icon {
  background: linear-gradient(135deg, var(--kl-orange) 0%, var(--kl-orange-dark) 100%);
}

.klms-service-card:nth-child(5n+4) .klms-service-icon {
  background: linear-gradient(135deg, var(--kl-green) 0%, #1f5e27 100%);
}

.klms-service-card .title {
  font-size: 18px;
  line-height: 26px;
  color: #231e32;
  margin-bottom: 10px;
}

.klms-service-card p {
  font-size: 15px;
  line-height: 26px;
  color: #4c4d56;
  font-family: "Manrope", sans-serif;
  margin: 0;
}

/* --------------------------------------------------------------------------
   About badge - location tag instead of the template's default counter
   -------------------------------------------------------------------------- */

.klms-about-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--kl-navy);
  color: #ffffff;
  padding: 14px 22px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
}

.klms-about-badge i {
  color: var(--kl-orange);
  font-size: 20px;
}

/* --------------------------------------------------------------------------
   Footer - align the "logo + contact info" column with the other three
   link columns. The template starts the other columns with a short
   <h4 class="footer-widget-title">, but this column starts with a tall
   logo image, so its list used to start much lower than the others.
   Reserving the same header height for both makes every column's list
   start on the same line.
   -------------------------------------------------------------------------- */

.footer-widget-wrap-2 .footer-widget-about,
.footer-widget-wrap-2 .footer-widget.footer-widget-2 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.footer-widget-wrap-2 .footer-widget-about .footer-logo,
.footer-widget-wrap-2 .footer-widget.footer-widget-2 .footer-widget-title {
  display: flex;
  align-items: center;
  min-height: 90px;
  margin: 0;
}

/* This footer variant reuses class names (widget-info-2 / footer-widget-2)
   that elsewhere in the template default to an unrelated purple accent
   (#5149f3). Force the KL Multi Service palette here instead. */

.footer-widget-wrap-2 .widget-info-2 ul li .info-icon i {
  color: var(--kl-orange);
}

.footer-widget-wrap-2 .widget-info-2 ul li .info-text a:hover {
  color: var(--kl-orange);
}

.footer-widget-wrap-2 .footer-widget-2 .footer-widget-title {
  color: #ffffff;
}

.footer-widget-wrap-2 .footer-widget-2 .widget-link .link li a:hover {
  color: var(--kl-orange);
}