ul.cs_top_nav.d-flex.flex-wrap.align-items-center.cs_fs_12.text-white.m-0.p-0 {
    font-size: 15px;
}

ul.cs_nav_list.fw-medium.text-uppercase a {
    font-size: 18px;
}

#notification .alert {
 padding: 0px !important;
 margin: 0px !important;
}

.btn-check:active+.btn,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:active {
    color: #fff;
    background-color: #002379;
    border-color: #fff;
}

header .cs_main_header .cs_main_header_right .btn-menu {
    background-color: #002379;
    border-radius: 10px;
}

header .cs_main_header .cs_main_header_right .btn-menu a {
    color: #fff;
    padding: 10px 20px;
}

.cs_site_header {
    background: #002379;
}

.cs_site_header.cs_style_1 .cs_top_header_in {
    height: 36px !important;
}

.cs_site_header.cs_style_1 .cs_top_header_in {
    position: inherit;
}

.cs_top_header_right {
    position: absolute;
    top: 0px;
    padding: 10px 5%;
    transform: skewX(-50deg);
    right: -20px;
    padding-left: 77px;
    background: #6ab3fd;
}

.cs_top_header_right h3 {
    transform: skewX(50deg);
    font-size: 15px;
    color: #fff;
}

/*div#all-images img {
    min-height: 175px;
}
*/
.cs_site_header.cs_style_1 .cs_main_header {
    border-start-start-radius: 50px;
}

/* .cs_hero_slider .cs_slider_navigation {
    top: 90%;
    right: 49.3%;
} */
.cs_hero_slider .cs_slider_navigation {
    top: 90%;
    right: 50.3%;
}

.cs_swiper_button_prev.filter.cs_height_45.cs_width_45.bg-white.rounded-circle.d-flex.align-items-center.justify-content-center.bg-accent-hover.cs_transition_4 {
    position: absolute;
    right: -63px;
}

.swiper-slide .banner-box {
    /*background: rgb(0 0 0 / 15%);*/
    padding: 10px 10px;
    border-radius: 20px;
    text-align: center;
}
#mainsalid .col-md-12{
    width:60%;
}
#mainsalid .row{
    display: block;
    text-align: center;
}
.banner-box h2 {
    font-size: 25px;
    text-shadow: 2px 3px 2px #000000;
}

.banner-box h1 {
    /*font-family: Bakilda;*/
    text-shadow: 2px 3px 2px #000000;
}

.text-white.cs_mb_10.cs_mb_lg_0 p {
    text-shadow: 2px 3px 2px #000000;
}

.swiper-slide .banner-box {
    /* background: rgb(91, 90, 80, 0.3); */
    padding: 10px 10px;
    border-radius: 20px;
    text-align: center;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
        /* Zoom in */
    }

    100% {
        transform: scale(1);
        /* Zoom out */
    }
}

.swiper-slide img {
    animation: zoom-in-zoom-out 25s ease-in-out infinite;
    transition: transform 0.5s ease-in-out;
    width: 100%;
    /* Ensure the image covers the full width */
    height: auto;
}

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

/* ------------------------------------------------------------------------------------- */
.middle-title h2 {
    margin: 0;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 0px;
    background: #6ab3fd;
    text-shadow: 1px 2px 3px #000;
    border-end-start-radius: 20px;
    border-start-start-radius: 20px;
}

.middle-title img {
    width: 40px;
    margin-right: 10px;
}

.middle-title {
    background: #002379;
}

.scroll-title {
    padding-top: 8px;
    padding-left: 30px;
}

.scroll-title p {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
}

/* ------------------------------------------------------------------------------------- */
/* about css  */
/* ------------------------------------------------------------------------------------- */
img.position-relative.cs_zindex_3.cs_rounded_15 {
    width: 85%;
    border: 10px solid #ffffff;
}

.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
    font-size: 14px;
}

/* ------------------------------------------------------------------------------------- */
/* category css  */
/* ------------------------------------------------------------------------------------- */
#category {
    background: #eaf1f9;
}
/*#category.frontsec .cs_service.cs_style_1 {
     height: 380px; 
}*/

#category.frontsec h2.cs_lh_base {
    min-height: 65px;
}
#category .cs_service.cs_style_1 {
    border-bottom: 3px solid #002379;
    border-radius: 15px;
    /* height: 450px; */
}

#category .category-image-box {
    border: 1px solid #5ab6fa;
    padding: 5px 5px;
    border-radius: 10px;
}

#category .image_box {
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.cs_service_thumb img {
    transition: transform 0.9s ease;
    width: 100%;
    height: auto;
}

.cs_service_thumb:hover img {
    transform: scale(1.5);
    /* Zoom the image on hover */
}

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

/* ------------------------------------------------------------------------------------- */
.cs_service.cs_style_1 h2 {
    font-size: 18px;
    padding-top: 10px;
    margin: 0;
    text-align: center;
}

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

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


/* ------------------------------------------------------------------------------------- */
/* color css  */
/* ------------------------------------------------------------------------------------- */
.color-box img {
    width: 100%;
    /*height: 190px;*/
    border-radius: 50%;
    margin-bottom: 15px;
    /* padding: 10px 10px; */
    box-shadow: 0px 0px 10px 0px #5b5a50;
}

.color-box {
    /* background: #ffffff; */
    border-radius: 15px;
}

h2.text-white.cs_fs_15.cs_fs_lg_18.m-0 {
    width: 100%;
    font-size: 18px;
    line-height: 25px;
}

/* ------------------------------------------------------------------------------------- */
/* video css  */
/* ------------------------------------------------------------------------------------- */
#video {
    background: #eaf1f9;
}

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

/* ------------------------------------------------------------------------------------- */
.cs_testimonial_slider .cs_slider_activate {
    width: 42vw;
}

.cs_testimonial_slider .cs_testimonial.cs_style_1 {
    max-width: 650px;
}

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

/* ------------------------------------------------------------------------------------- */
.cs_post.cs_style_1.bg-white.shadow-sm {
    border: 5px solid #e9efec;
    border-start-start-radius: 50px;
    border-end-end-radius: 50px;
}

a.cs_post_thumb.d-block.position-relative.overflow-hidden {
    border-start-start-radius: 45px;
}

.cs_post.cs_style_1.bg-white.shadow-sm img {
    border-start-start-radius: 45px;
}

.cs_post.cs_style_1 .cs_post_btn {
    border-end-end-radius: 45px;
}

.cs_post.cs_style_1 .cs_post_btn:hover {
    border-end-end-radius: 45px;
}

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

/* ------------------------------------------------------------------------------------- */
#contact {
    /*background-color: #eaf1f9;*/
    position: relative;
}

#contact .cs_contact_wrap .cs_section_heading_in h3 {
    font-size: 30px;
}

#contact .contact-box .cs_contact_image {
    position: absolute;
    right: -390px;
    bottom: -120px;
}

.cs_contact_image img {
    position: absolute;
    bottom: 0;
    width: 15%;
    right: 0;
}

/* ------------------------------------------------------------------------------------- */
/* footer css start  */
/* ------------------------------------------------------------------------------------- */
footer.cs_footer.background-filled.text-white {
    background: #6ab3fd;
}

.cs_social_btns.d-flex.flex-wrap.cs_column_gap_25 {
    margin-left: 59%;
}

/* ------------------------------------------------------------------------------------- */
/* popup css start  */
/* ------------------------------------------------------------------------------------- */
#all-images img {
    cursor: pointer;
}

#overlay {
    display: none;
    position: fixed;
    top: 10%;
    width: 35%;
    left: 32%;
    background-color: #fff;
    z-index: 1000;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: 5px 5px 20px 5px;
}


#overlay_stone {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.8); /* Dimmed background */
 z-index: 9999;
 justify-content: center;
 align-items: center;
}

#overlay_stone #image_popup {
 position: relative;
 padding: 10px 10px;
 max-height: 100vh; /* Max height of the popup */
 overflow-y: auto; /* Enable vertical scrolling */
 background: #fff;
 padding: 20px;
 border-radius: 8px;
 /* width: 90%; */
 max-width: 90%;
 margin: auto;
}

#large-dis {
 font-size: 14px;
 color: #333;
 margin-top: 10px;
}

#close-btn {
 position: absolute;
 top: 10px;
 right: 10px;
 background-color: red;
 color: white;
 border: none;
 padding: 5px 10px;
 cursor: pointer;
 z-index: 99;
}

#close-btn:hover {
 background-color: darkred;
}

/* Carousel Styles */
.carousel-inner img {
 width: 100%;
 height: auto;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
 background-color: black; /* Custom color for controls */
}

#category .small-image2{
    display:none;
    
}


#image_popup {
    position: relative;
    padding: 10px 0px;
}

#overlay_stone #image_popup {
    position: relative;
    padding: 10px 10px;
}

#image_popup img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

#close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 18px;
    color: white;
    background-color: #002379;
    border: none;
    padding: 0px 10px;
    cursor: pointer;
    border-radius: 5px;
}
#category .container-flude {
    padding: 0px 3%;
}


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

/* ------------------------------------------------------------------------------------- */
@media only screen and (max-width: 430px) {
    .cs_main_header_left img {
        width: 80%;
    }

    .cs_site_header.cs_style_1 .cs_main_header {
        border-start-start-radius: 0px;
    }

    .cs_top_nav li:not(:last-child)::after {
        content: "/";
        margin: 0 15px;
        color: #fff;
        position: relative;
        top: -55px;
    }
ul.cs_top_nav.d-flex.flex-wrap.align-items-center.cs_fs_12.text-white.m-0.p-0 a {
    
    font-size: 12px;
}
    .cs_top_header_left .cs_top_nav li {
        padding-top: 4px;
        padding-left: 0px;
    }

    .cs_top_header_right {
        /* display: none; */
        position: absolute;
        top: 0px;
        padding: 9px 10%;
        transform: skewX(-50deg);
        right: -25px;
        padding-left: 25px;
        border-right: 7px solid #d5bdbd;
    }

    .cs_testimonial_slider .cs_slider_activate {
        width: 90vw;
    }

    .cs_testimonial_slider .cs_testimonial.cs_style_1 {
        max-width: 355px;
    }

    .cs_social_btns.d-flex.flex-wrap.cs_column_gap_25 {
        margin-left: 5%;
    }

    .cs_service_thumb.position-relative.cs_rounded_5 img {
        width: 100%;
    }

    .cs_experience.cs_style_1 .cs_experience_thumb {
        padding: 0px 0px 0px 0px;
    }

    .cs_experience.cs_style_1 .cs_experience_box {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 210px;
        height: 165px;
        right: 0px;
        margin-bottom: -45px;
    }

    .cs_experience.cs_style_1 .cs_experience_thumb::before {
        content: "";
        position: absolute;
        width: 220px;
        height: 220px;
        background-color: #E9EFEC;
        border-radius: 50%;
        left: 140px;
        top: 90px;
    }

    .scroll-title p {
        text-align: center;
    }

    .middle-title h2 {
        border-end-start-radius: 0px;
        border-start-start-radius: 0px;
    }

    .banner-box h2 {
        font-size: 17px;
    }

    .cs_fs_lg_25 {
        font-size: 20px;
    }

    .text-white.cs_mb_10 {
        font-size: 10px;
        line-height: 15px;
    }

    .color-box img {

        /*height: 170px;*/
    }

    .scroll-title {
        padding-top: 0px;
        padding-left: 0px;
    }

    .cs_section_heading .cs_section_heading_in h3 {
        font-size: 22px !important;
        line-height: 25px;
    }


}

@media only screen and (max-width: 768px) {
    .cs_hero.cs_style_1 {
        min-height: 300px;
        max-height: 480px;
    }
}


button.btn-demo {
 background: #002379 !important;
 color: #fff !important;
 font-weight: 400;
}
a.btn.btn-demo.mb-1.category_button {
 font-weight: 600;
 color: #000;
 padding: 10px 15px;
}
a.btn.btn-demo.mb-1.category_button.active {
 font-weight: 600;
 color: #fff;
}
/* #block-views-slider-block .views-field-field-image {
    animation: zoom-in-zoom-out 15s ease-in infinite;
} */