/*
Theme Name: Sri Krishna
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.5.1783939467
Updated: 2026-07-13 10:44:27

*/
body, html, * {margin: 0; padding: 0;}
html {
    scroll-behavior: smooth;
}
:root, [data-bs-theme=light] {
    --bs-primary: #1c2740;
    --bs-primary-rgb: 28,39,64;
    --bs-secondary: #6e7a93;
    --bs-secondary-rgb: 110,122,147;
    --bs-warning: #f0a63b;
    --bs-warning-rgb: 240,166,59;
    --bs-body-bg: #fbf7ef;
    --bs-body-color: #241f18;
    --bs-border-color: #e3d6b9;
    --bs-border-radius: 0.875rem;
    --bs-border-radius-sm: 0.5rem;
    --bs-border-radius-lg: 1.125rem;
    --bs-link-color: #c97f1d;
    --bs-link-hover-color: #1c2740;
    --bs-font-sans-serif: 'Liberation Sans', Arial, Helvetica, sans-serif;
    --bs-font-monospace: 'Liberation Mono', 'Courier New', monospace;
    --sk-font-display: 'DejaVu Serif', Georgia, 'Times New Roman', serif;
    --sk-navy: #1c2740;
    --sk-navy-deep: #12192b;
    --sk-amber: #f0a63b;
    --sk-amber-deep: #c97f1d;
    --sk-cream: #fbf7ef;
    --sk-slate: #6e7a93;
    --sk-cream-2: #f2ead9;
}
body {
    font-family: var(--bs-font-sans-serif);
}
h1, h2, h3, h4, .navbar-brand, .card-title {
    font-family: var(--sk-font-display);
    font-weight: 700;
}
.navbar {
    background-color: var(--sk-cream);
    border-bottom: 1px solid var(--bs-border-color);
    padding: 1.1rem 0;
}
.navbar-brand-mark {
    display: flex;
    background-color: var(--sk-navy);
    width: 48px;
    height: 48px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: .6rem;
}
.navbar-brand small {
    display: block;
    font-family: var(--bs-font-monospace);
    font-weight: 400;
    font-size: .65rem;
    letter-spacing: .22em;
    color: var(--sk-slate);
}
.nav-link {
    font-weight: 600;
    color: var(--sk-navy) !important;
}
.nav-link.active {
    color: var(--sk-amber-deep) !important;
}
.btn-call {
    font-weight: 700;
    background-color: var(--sk-navy);
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: .9rem;
    color: var(--sk-cream);
    padding: .65rem 1.4rem;
}
.btn-call:hover {
    background-color: var(--sk-amber-deep);
    color: #fff;
}
.hometrust h1 span { color: var(--sk-amber-deep); }
.routetags{
    font-family: var(--bs-font-monospace);
    font-size: 12px;
    letter-spacing: .03em;
    border: 1px solid var(--bs-border-color);
    border-radius: 20px;
    padding: 7px 14px;
    color: var(--sk-navy);
    background: var(--sk-cream-2);
}
.eyebrow {
    display: flex;
    font-family: var(--bs-font-monospace);
    align-items: center;
    font-size: .8rem;
    letter-spacing: .14em;
    color: var(--sk-amber-deep);
    text-transform: uppercase;
    gap: .6rem;
}
.eyebrow::before {
    background-color: var(--sk-amber-deep);
    width: 22px;
    height: 1px;
    content: "";
}
.btn-amber {
    font-weight: 700;
    background-color: var(--sk-amber);
    color: var(--sk-navy-deep);
    border-color: var(--sk-amber);
}
.btn-amber:hover {
    background-color: var(--sk-amber-deep);
    color: #fff;
    border-color: var(--sk-amber-deep);
}
.btn-outline-navy {
    font-weight: 700;
    color: var(--sk-navy);
    border: 1px solid var(--sk-navy);
}
.btn-outline-navy:hover {
    background-color: var(--sk-navy);
    color: #fff;
}
.hero-photo-frame {
    background-color: var(--sk-navy);
    -moz-border-radius: 1.2rem;
    -webkit-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    border-radius: 1.2rem;
    padding: .85rem;
}
.hero-photo-frame img {
    width: 100%;
    -moz-border-radius: .7rem;
    -webkit-border-radius: .7rem;
    -o-border-radius: .7rem;
    border-radius: .7rem;
}
.hero-tag-card {
    display: inline-flex;
    background-color: var(--sk-cream);
    -moz-border-radius: .9rem;
    -webkit-border-radius: .9rem;
    -o-border-radius: .9rem;
    border-radius: .9rem;
    align-items: center;
    gap: .8rem;
    border: 1px solid var(--bs-border-color);
    margin-top: -2.2rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
    -moz-box-shadow: 0 20px 40px -22px rgba(28,39,64,.35);
    -webkit-box-shadow: 0 20px 40px -22px rgba(28,39,64,.35);
    -o-box-shadow: 0 20px 40px -22px rgba(28,39,64,.35);
    box-shadow: 0 20px 40px -22px rgba(28,39,64,.35);
    padding: 1rem 1.2rem;
}
.hero-tag-card .ico {
    display: flex;
    background-color: var(--sk-amber);
    width: 38px;
    height: 38px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.feature-icon {
    display: flex;
    background-color: var(--sk-cream);
    width: 40px;
    height: 40px;
    -moz-border-radius: .6rem;
    -webkit-border-radius: .6rem;
    -o-border-radius: .6rem;
    border-radius: .6rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bs-border-color);
}
.hometrust p{color: var(--sk-slate); max-width: 420px;}
.aboutcol p{color: var(--sk-slate); max-width: 480px;}
.about-panel {
    display: flex;
    background-color: var(--sk-navy);
    -moz-border-radius: 1.1rem;
    -webkit-border-radius: 1.1rem;
    -o-border-radius: 1.1rem;
    border-radius: 1.1rem;
    justify-content: flex-end;
    color: var(--sk-cream);
    min-height: 380px;
    flex-direction: column;
    padding: 2.6rem 2.2rem;
}
.about-panel .eyebrow {
    color: var(--sk-amber);
}
.about-panel .eyebrow::before {
    background-color: var(--sk-amber);
}
.about-panel .word {
    font-family: var(--sk-font-display);
    font-weight: 700;
    font-size: 1.9rem;
    line-height: 1.25;
}
.about-panel .word.amber {
    color: var(--sk-amber);
}
.about-panel .foot {
    padding-top: 1.1rem;
    font-size: .85rem;
    color: rgba(251,247,239,.75);
    margin-top: 1.2rem;
    border-top: 1px solid rgba(251,247,239,.18);
}
.card-fleet {
    background-color: var(--sk-cream);
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
    border: 1px solid var(--bs-border-color);
}
.card-fleet img {
    height: 150px;
    object-fit: contain;
}
.card-fleet .km {
    font-family: var(--bs-font-monospace);
    font-size: .7rem;
    letter-spacing: .08em;
    color: var(--sk-slate);
}
.card-fleet .seats {
    font-weight: 700;
    padding-top: .7rem;
    font-size: .85rem;
    color: var(--sk-navy);
    margin-top: .7rem;
    border-top: 1px dashed var(--bs-border-color);
}
.fleet-section {
    background-color: var(--sk-cream-2);
}
.contact-icon {
    display: flex;
    background-color: var(--sk-navy);
    width: 42px;
    height: 42px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.form-control {
    background-color: var(--sk-cream);
    border-color: var(--bs-border-color);
}
.form-card {
    background-color: var(--sk-cream-2);
    -moz-border-radius: 1.1rem;
    -webkit-border-radius: 1.1rem;
    -o-border-radius: 1.1rem;
    border-radius: 1.1rem;
    border: 1px solid var(--bs-border-color);
}
footer.site-footer {
    background-color: var(--sk-navy-deep);
    color: rgba(251,247,239,.8);
}
footer.site-footer h5 {
    font-family: var(--sk-font-display);
    color: var(--sk-amber);
}
.contactsec a {
    color: var(--sk-bs-body-color);
    text-decoration: none;
}
.contactsec a:hover {
    color: var(--sk-amber-deep);
}
footer.site-footer a:hover {
    color: var(--sk-amber);
}
.social-icon {
    display: flex;
    width: 36px;
    height: 36px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(251,247,239,.25);
}
.footer-bottom {
    font-family: var(--bs-font-monospace);
    font-size: .75rem;
    letter-spacing: .05em;
    color: rgba(251,247,239,.45);
    border-top: 1px solid rgba(251,247,239,.12);
}
.whatsapp-fab {
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 1050;
    right: 2rem;
    bottom: 2rem;
}
.whatsapp-fab img{width: 100%;}
.waimg{width: 30px; padding-right: 5px}
.modal img{
    width:100%;
    border-radius:10px;
}
a.open-vehicle-popup{text-decoration: none; color: unset !important;}

.vehicle-card{
    display:block;
    text-decoration:none;
    color:inherit;
}

.vehicle-card .card{
    overflow:hidden;
    border-radius:12px;
    transition:all .35s ease;
    cursor:pointer;
}

.vehicle-card img{
    transition:transform .35s ease;
}

.vehicle-card:hover .card{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.vehicle-card:hover img{
    transform:scale(1.08);
}

.vehicle-card:hover .fw-bold{
    color: var(--sk-amber-deep); /* Change to your brand color */
}

.vehicle-image-wrapper{
    position:relative;
    overflow:hidden;
    border-radius:12px;
}

.vehicle-image-wrapper img{
    width:100%;
    transition:transform .4s ease;
}

.vehicle-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:18px;
    font-weight:600;
    letter-spacing:.5px;

    opacity:0;
    transition:opacity .3s ease;
}

.vehicle-card:hover .vehicle-overlay{
    opacity:1;
}

.vehicle-card:hover img{
    transform:scale(1.08);
}

.vehicle-card:hover .card{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.18);
    transition:.35s;
}

@media (max-width: 550px){
 #services .col{width:100%}
}