/* KTC Custom Styles */

/* Brand Colors */
:root {
    --primary-color: #263B4B; /* Navy Blue - Main Brand */
    --primary-color-1: #263B4B;
    --primary-color-2: #263B4B;
    --primary-color-3: #263B4B;
    --primary-color-4: #263B4B;
}

/* Apply Navy Blue to primary elements */

/* Navy Blue for text elements (on light backgrounds) */
.subtitle-one,
.highlighted,
.top__bar-right a:hover,
.header__area-menubar-center-menu ul li a:hover,
.about__one-content-service-single i,
.footer__one-widget-solution ul li a:hover i {
    color: #263B4B !important;
}

/* Navy Blue backgrounds with WHITE text */
.btn-one,
.need-help-icon,
.video-btn,
.progress-bar-animation,
.why-choose-us__one-progress-bar-track-inner {
    background-color: #263B4B !important;
}

/* White text on Navy Blue backgrounds */
.btn-one,
.btn-one i,
.need-help-icon i,
.video-btn i {
    color: #ffffff !important;
}

/* Service card icons - Navy Blue background with white icon */
.services__one-service-card-icon {
    background-color: #263B4B !important;
}

.services__one-service-card-icon i {
    color: #ffffff !important;
}

.btn-one:hover {
    background-color: #1a2a36 !important;
    color: #ffffff !important;
}

/* Hero Banner H1 Font Size */
.banner__one-content h1 {
    font-size: 44px !important;
}

/* Responsive font sizes */
@media (max-width: 991px) {
    .banner__one-content h1 {
        font-size: 36px !important;
    }
}

@media (max-width: 767px) {
    .banner__one-content h1 {
        font-size: 28px !important;
    }
}

/* Address text and icon white color */
.top__bar-left span {
    color: #ffffff !important;
}

.top__bar-left span i {
    color: #ffffff !important;
}

/* About image size */
.about__one-image > img[src="/assets/img/about/about-1.png"] {
    width: 450px !important;
    height: 450px !important;
    object-fit: cover;
}

/* Responsive about image */
@media (max-width: 767px) {
    .about__one-image > img[src="/assets/img/about/about-1.png"] {
        width: 100% !important;
        height: auto !important;
    }
}
