:root {
    --primary: #121347 !important;
    --secondory: #fad7c5 !important;
}

.mtop-20 {
    margin-top: 20rem
}

.site-header-menu-inner {
    height: 100px; /* Default header height */
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

/* Shrinked header */
.shrink {
    height: 70px !important; /* smaller header */
    line-height: 70px !important
}

/* Default logo size */
#site-branding-new img {
    margin-top: 10px;
    height: 80px;
    width: auto;
    transition: all 0.3s ease-in-out;
}

/* Small size when scrolled */
.shrink #site-branding-new img {
    margin-top: 0px;
    height: 60px;
    width: auto;
}


/*@media only screen and (min-width: 1200px) {
    #site-branding-new img {
        height: 100px !important;
        line-height: 100px !important;
    }
}

@media only screen and (min-width: 1200px) {
    #site-branding-new img {
        height: 70px;
        line-height: 70px;
    }
}*/

@media (max-width: 1199px) {
    #site-branding-new img {
        max-height: 80px;
        top: 10px;
    }
}


.featured-imagebox .featured-content .featured-title h5 {
    font-size: 21px !important;
    -webkit-line-clamp: 2 !important;
}

/*/-----------------------------------------------------------------------------------------------------------------------------/*/

.col-bg-img-one.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    /*background-image: url('../images/bg-image/col-bgimage-1.jpg');*/
    background-image: url('../images/home/below-banner1.png');
}

.col-bg-img-two.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    background-image: url('../images/bg-image/col-bgimage-2.jpg');
}

.col-bg-img-three.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    background-image: url('../images/bg-image/col-bgimage-11.jpg');
}

.bg-img1 {
    background-image: url('../images/bg-image/row-bgimage-1.jpg');
}

.col-bg-img-four.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    /*background-image: url('../images/bg-image/col-bgimage-4.jpg');*/
    background-image: url('../images/home/below-banner2.png');
}

.bg-img2 {
    background-image: url('../images/bg-image/row-bgimage-2.jpg');
}

.ttm-page-title-row {
    background-image: url('../images/contact us.png');
    /*background-image: url('../images/ttm-pagetitle-bg.jpg');*/
}

.col-bg-img-nine.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    background-image: url('../images/bg-image/col-bgimage-9.jpg');
}

.col-bg-img-ten.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    background-image: url('../images/bg-image/col-bgimage-10.jpg');
}

.col-bg-img-eleven.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    background-image: url('../images/bg-image/col-bgimage-11.jpg');
}



.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}



.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.ttm-header-style-01 .ttm-topbar-wrapper {
    background-color: var(--primary) !important;
}

.top-contact i {
    color: var(--secondory) !important;
}

.ttm-btn.ttm-btn-color-white.ttm-btn-style-border {
    color: var(--secondory) !important;
    border-color: var(--primary) !important;
    background-color: var(--primary) !important;
}

    .ttm-btn.ttm-btn-color-white.ttm-btn-style-border:hover {
        color: var(--secondory) !important;
        border-color: var(--primary) !important;
        background-color: var(--primary) !important;
    }


.ttm-btn:hover, .ttm-btn:focus, .ttm-btn:active {
    color: var(--primary) !important;
}

.ttm-icon.ttm-icon_element-size-lg i {
    color: var(--secondory) !important;
}

#slider-1-slide-3-layer-7 {
    background-color: var(--primary) !important;
    color: var(--secondory) !important;
}

.tooltip-bottom {
    background-color: var(--primary) !important;
    color: var(--secondory) !important;
}

#appointment-btn {
    background-color: var(--secondory) !important;
    color: var(--primary) !important;
}

.ttm-pagination .page-numbers.current, .ttm-pagination .page-numbers:hover {
    color: var(--secondory) !important;
}

.modal-backdrop.show {
    opacity: 0 !important;
}

.floating-whatsapp {
    position: fixed;
    right: 30px;
    bottom: 6rem;
    z-index: 2;
    width: 50px;
    height: 50px;
}

.color--primary {
    color: var(--primary) !important;
}

.color--secondory {
    color: var(--secondory) !important;
}

.first-footer .newsletter-form button[type="submit"]:hover {
    color: var(--primary) !important;
}

.page-title-heading h1, .breadcrumb-wrapper span a, .breadcrumb-wrapper span {
    color: var(--secondory) !important;
}

    .title-box .breadcrumb-wrapper span:last-child, .breadcrumb-wrapper span a, .breadcrumb-wrapper span {
        color: var(--secondory) !important;
    }

.ttm-bgcolor-skincolor a {
    color: var(--secondory) !important;
}

.featured-imagebox-services.style2 .ttm-service-icon i {
    color: rgba(255, 255, 255, 0.2) !important;
}

.overlay {
    width: 100%;
    height: 100%;
    inset: 0;
    background: black;
    opacity: 0.4 !important;
    position: absolute;
}

.menu ul li a.active {
    background-color: var(--secondory) !important;
}

.client-box .ttm-client-logo-tooltip {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.new-client-section {
    padding: 20px 0px;
    background-color: var(--secondory) !important
}

/* When header shrinks */
.ttm-header-style-01 #site-header-menu .site-header-menu-inner.shrink
#site-navigation .menu > ul > li > a {
    height: 70px;
    line-height: 70px;
}

#slider-1-slide-1-layer-2 {
    transform: translateX(-2rem) !important;
}


.ttm-btn-blue {
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
}

    .ttm-btn-blue:hover {
        color: var(--primary) !important;
        border: 1px solid var(--primary) !important;
    }

.ttm-btn-peach {
    color: var(--secondory) !important;
    border: 1px solid var(--secondory) !important;
}

    .ttm-btn-peach:hover {
        color: var(--secondory) !important;
        border: 1px solid var(--secondory) !important;
    }

.mb-5rem {
    margin-bottom: 5rem
}

/*#service-plus-btn .flaticon-plus {
    color: var(--primary) !important;
}*/

/* Default state (optional, only if you want to define base color) */
#div-featured-imagebox .flaticon-plus {
    color: inherit; /* or your default color */
    transition: color 0.3s ease; /* smooth transition */
}

/* Hover state */
#div-featured-imagebox:hover .flaticon-plus {
    color: #fad7c5 !important;
}