/* 
    Created on : 07-Mar-2025, 11:50:01 am
    Author     : Rekheshwar Verma
*/

body{
    font-family: "Nunito", sans-serif;
    font-style: normal;
}
.navbar-toggler{
    font-size:1rem !important;
    border: none !important;
}
h1{
    font-size: 60px;
}
h2{
    font-size: 40px;
}
h3{
    font-size: 32px;
}
h4{
    font-size:20px;
}
p{
    font-size: 18px;
    color:#6c757d;
}

/*HEADER CUSTOM CSS START*/
.navbar{
    /*background-color: #00A0F0 !important;*/
    /*background-color: transparent !important;*/
    /*    transition: background-color 0.3s ease;
        z-index: 2;*/
}
.NavAfter{
    background: #00A0F0;
}
.bi-list{
    color:#ffffff;
    font-size: 1.8rem;
}
.navbar .box-shadow{
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.nav-item .active{
    background-color: #0031A4 !important;
}
.nav-item .nav-link{
    color:#ffffff;
    padding: 0.5rem 1rem !important;
    font-size: 1.1rem;
}
.nav-link:hover{
    color:#E7E7E7 !important;
}
a.nav-link{
    font-size: 18px;
    font-weight: 500 !important;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: rgb(255 255 255);
}
.navbar-brand{
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 3px;
}
/*HEADER CUSTOM CSS END*/

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

/* Full-screen video Home Page*/
.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.video-section {
    position: relative;
    height: 100vh;
    color: white;
    z-index: 3;
}

.video-text {
    background-color: rgba(0,0,0, 0.2);
    position: relative;
    z-index: 3;
    top: 80%;
    text-align: center;
    padding: 10px 0px;
}

.video-text p{
    color: #ffffff;
}

.video-text h1{
    /*    font-size: 3.5rem;
        font-weight: 500;*/
    color: #ffffff;
    text-shadow: 1px 1px 2px #000000;
}
/*VIDEO SECTION END*/

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

/*BANNER SLIDER START*/
.image-container {
    position: relative;
    background-color: black; /* Apply background color here */
}
.carousel-item img{
    opacity: 0.6;
    height: 39rem;
    object-fit: cover;
    object-position: top;
}
.carousel-caption{
    left:10%;
    top:30%;
    text-align: left;
    width: 100%;
}
.carousel-caption h1{
    font-size: 4.5rem;
    font-weight: 700;
    text-shadow: 1px 1px 2px #000000;
}
.carousel-caption h1 span{
    color:#00A0F0;
    text-shadow: 1px 1px 2px #0031A4;
    font-size: 4.5rem;
}
.header p{
    color: #ffffff;
}
/*BANNER SLIDER END*/

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

/*SECTION TWO START HOME PAGE*/
.sec-two{
    padding: 4rem 0rem 4rem 0rem;
}
.cardff {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: box-shadow 0.3s ease-in-out;  /*Smooth transition effect when hovering */
}

.shadow-box {
    /*background: linear-gradient(to right, #00298C, #0031A4, #001C6D);*/
    /*background: linear-gradient(to right, #ff7e5f, #feb47b, #ff9966);*/
    background-color:#00A0F0;
    box-shadow: 0 4px 8px rgba(0, 49, 164, 0.2); /* A subtle shadow effect */
    padding: 20px; /* Optional padding inside each column */
    border-radius: 8px; /* Optional rounded corners */
    transition: box-shadow 0.3s ease-in-out;  /*Smooth transition effect when hovering */
    display: flex;
    align-items: center;
}

/* Add a hover effect for the box shadow */
.shadow-box:hover {
    box-shadow: 0 8px 16px rgba(0, 49, 164, 0.4); /* Stronger shadow on hover */
}
.text-container {
    margin-left: 40px; /* Adjusts space between image and text */
}

.text-container span {
    display: block; /* Ensures 'In This Category' appears on a new line */
    margin-top: 8px;  /*Optional: Adds space between 'PARTNER' and 'In This Category' */
    font-size: 14px;
    text-align: center;
    color: #ffffff;
}
.text-container h4{
    font-weight: 500;
    font-size: 24px;
    color: #ffffff;
}
/*SECTION TWO END*/

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

/*HERO SECTION START HOME PAGE*/
.hero{
    padding: 4rem 0rem 4rem 0rem;
    background-color: #f7f7f7;
}
.hero img{
    align-content: center;
}
.hero-text{
    padding-top: 2.5rem;
}
.hero-text h4{
    color: #00A0F0;
    padding-bottom: 0.5rem;
}
/*HERO SECTION END*/

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

/*ACHIVEMENTS SECTION START HOME PAGE*/
.achivements{
    padding:4rem 0rem 4rem 0rem;
}
.achivements h4{
    color: #00A0F0;
}
/*ACHIVEMENTS SECTION START*/

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

/*AWARD AREA START HOME PAGE*/
.award{
    padding:4rem 0rem 4rem 0rem;
    background-color:#f7f7f7;
}
.award-inner{
    background-color: rgba(255,255,255,1);
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    /*padding: 100px 60px 100px 60px;*/
    border-radius: 50px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 4px 8px rgba(0, 49, 164, 0.2);
}
.award-col-padding{
    padding: 60px 60px 60px 60px;
}
.award-col-padding ul {
    list-style-type: none; /* Remove default bullets */
    padding-left: 5px; /* Adjust padding to fit your image */
}
.award-col-padding li {
    background-image: url('../img/award-icon.png'); /* Replace with the path to your custom image */
    background-repeat: no-repeat;
    background-position: 0 5px; /* Adjust vertical alignment */
    background-size: 25px 25px; /* Set the width and height of the image */
    padding-left: 30px; /* Adjust padding for image space */
    margin-left: 0; /* Optional: Remove the left margin if you don't want any extra space */
    font-size: 21px;
    font-weight: 300;
    line-height: 2.4rem;
}
.award-colsec-5{
    background-image: url('../img/AWARDS-BG.jpg'); 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center center;
/*    background-color: #00A0F0;
    text-align: center;*/
    border-radius:50px 0px 0px 50px;
}
.award-inner img{
    width:270px;
    height: 300px;
}
/*AWARD AREA END*/

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

/*PRODUCT SECTION START HOME PAGE*/
.product-sec{
    padding:4rem 0rem 4rem 0rem;
}
.product-sec h4{
    color: #00A0F0;
}
.Products #Products{
    overflow-x: auto;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
}
.Products #Products::-webkit-scrollbar {
    display: none;
}
#Products .card-body{
    padding: 0 !important;
}
#Products .card-body .card-body-inner{
    padding: 1em !important;
}
#Products .card-body img{
    border-top-left-radius: .5em !important;
    border-top-right-radius: .5em !important;
    border-bottom-left-radius: 0em;
}
.custom-button-2{
    border: 1px solid #00a0f0 !important;
    background: #00A0F0 !important;
    color: #ffffff;
    padding: .35em 2em;
}
.custom-button-2:hover{
    background: #0031A4 !important;
    color: white;
}
/*PRODUCT SECTION END*/

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

/*FOOTER SECTION START*/
.footer p{
    color:#ffffff;
}
.footer-a a{
    text-decoration: none !important;
}
/*FOOTER SECTION END*/

/*VIDEO MODAL START*/
/* Style the modal (hidden by default) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

/* Modal content */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 1200px;
}

/* Close button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/*VIDEO MODAL END*/

/*BREADCRUMB SECTION START*/

.breadcrumbs{
    background: url(../img/fish-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 250px;
    text-align:center;
    line-height:50px;
    padding-top: 80px;
}
.breadcrumb-item a{
    color:#ffffff;
}
.breadcrumb-item a:hover{
    color:#FFFFFF;
}
.breadcrumbs h2{
    color: #ffffff !important;
}
.breadcrumb li{
    color:#ffffff !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #ffffff !important;
}

/*.bread-bg-img {
    background-image: url(../img/fish-3.jpg);
    padding: 150px;
    background-position: center;
}

.pagination {
    background-color: #fff;
    border-radius: 25px !important;
    overflow: hidden;
    border: none !important;
}

a:focus,
a:active {
    outline: none !important;
    box-shadow: none !important;
}

.pagination .bi {
    font-size: 11px ;
    vertical-align: middle !important;
    color: black;
}

.pagination li.active .bi {
    color: #fff !important;
}

.pagination li a.page-link {
    color: #6c757d;
    background-color: transparent;
    font-size: 17px;
    font-weight: 600;
    padding: 17px 25px;
    border: none;
    transition: all 0.3s ease 0s;
}

.pagination .bi-house-door {
    transform: scale(1.4, 1.4) ;
}

.pagination li:last-child a.page-link {
    border: none;
}

.pagination li.active a.page-link,
.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover {
    background-color: transparent;
    color:#ffffff;
}

.pagination li a.page-link:after {
    content: '';
    background-color: #0031A4 !important;
    height: 100%;
    width: 100%;
    transform: scaleY(0);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.3s;
}

.pagination li.active a.page-link:after,
.pagination li a.page-link:hover:after,
.pagination li.active a.page-link:hover:after {
    transform: scaleY(1);
    border-radius: 25px !important;

}*/

/*BREADCRUMB SECTION END*/

/*SECTION PADDING START*/
.sec-padding{
    padding: 4rem 0rem 4rem 0rem;
}
.row-padding{
    padding-top: 4rem;
}
/*SECTION PADDING END*/

/*Heading Text start*/
.heading-text{
    content: '';
}
/*Heading Text End*/

/*hr Tag */
hr {
    opacity: .09 !important;
    /* color: #cccaca; */
}
/*hr Tag */

/*VISION MISSION PADDING*/
.Vision .vm-padding{
    padding: 4rem 0rem;
}
.Vision .Vimg img{
    width: 13em;
    padding: 5.8em 0em;
}
/*VISION MISSION PADDING*/

/************************************************************/ 
.about-achiev{
    background: linear-gradient(to right, #00298C, #0031A4, #001C6D);
    h4{
        color: #ffffff;
    }
    p{
        color: #ffffff;
    }
    h2{
        color: #ffffff;
    }
    ul{
        list-style-type: none;
    }
    li {
        background-image: url('../img/award-icon.png'); /* Replace with the path to your custom image */
        background-repeat: no-repeat;
        /*background-position: 0 5px;  Adjust vertical alignment */
        background-size: 18px 18px; /* Set the width and height of the image */
        padding-left: 30px;  /*Adjust padding for image space */
        margin-left: 0;  /*Optional: Remove the left margin if you don't want any extra space*/
        font-size: 17px;
        color: #ffffff;
    }
    img{
        height: 450px;
        width: 1296px;
    }
}

.pond-size{
    background-color: #ffffff;
    h4{
        color:#00A0F0;
    }
    img{
        height: 500px;
        width:810px;
    }
}

/*Product Page Start*/
.card-m{
    margin: 0.8rem 0rem;
    a{
        text-decoration: none;
    }
    .card-title{
        color:#212529;
    }
    .btn-primary{
        background-color: #00A0F0;
    }
}
.text-color{
    p{
        color: #212529 !important;
    }
}
.text-small {
    line-height: 6px;

    p{
        font-size: 16px;

    }
}
/*Product Page End*/

/*Services Start*/
.services h3{
    font-size: 26px;
}
/*Services Start*/

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



@media (min-width: 0px) and (max-width: 576px) {
    .navbtn{
        margin-bottom: 1rem;
        width: 50%;
    }
    .video-text {
        background-color: rgba(0, 0, 0, 0.2);
        position: relative;
        z-index: 3;
        top: 75%;
        text-align: center;
        padding: 10px 0px;
    }

    /*--------------------------------------------------*/
    .carousel-item img {
        opacity: 0.7;
        background: black;
        height: 26em;
        object-fit: cover;
        object-position: top;
    }
    .carousel-caption{
        top:23%;
        width: 80%;
    }
    .carousel-caption h1 {
        font-size: 2rem;
        font-weight: 600;
        text-shadow: 1px 1px 2px #000000;
    }
    .carousel-caption p {
        font-size: 0.8rem;
    }
    /*--------------------------------------------------*/

    .heading-text h2{
        font-size: 1.8rem;
    }
    .heading-text p{
        font-size: 1rem;
    }
    /*---------------------------------------------------*/
    .sec-two .mo-gap{
        padding: 8px;
    }
    /*---------------------------------------------------*/

    /*About Us Start*/
    .hero-text h2{
        font-size: 1.8rem;
    }
    .hero-text p{
        font-size: 1rem;
    }
    .hero-text{
        padding-top: 2rem;
    }
    /*About Us End*/
    /*---------------------------------------------------*/
    .product-sec h2{
        font-size: 1.8rem;
    }
    /*---------------------------------------------------*/
    .achivements h2{
        font-size: 1.8rem;
    }
    .achivements p{
        font-size: 1rem;
    }
    /*---------------------------------------------------*/

    /*Award Section Start*/
    .award-colsec-5{
        border-radius:50px 50px 50px 50px;
        height:262px;
    }
    .award-col-padding{
        padding: 30px 16px 30px 16px;
    }
    .award-col-padding li {
        font-size: 1.125rem;
    }
    /*Award Section End*/

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

    /*BREADCRUMB SECTION START*/
/*    .bread-bg-img {
        padding: 60px 0;  Further reduce padding for very small screens 
    }

    .pagination {
        font-size: 12px;  Even smaller font size for very small screens 
    }

    .pagination .bi {
        font-size: 11px;  Further adjust icon size 
    }

    .pagination li a.page-link {
        padding: 8px 12px;  Adjust padding more for very small screens 
    }*/
    /*BREADCRUMB SECTION END*/

    /*VISION AND MISSION*/
    .Vision .vm-padding{
        padding: 2rem 1rem;
    }
    .Vision .Vimg img{
        width: 13em;
        padding: 0em 0em;
    }
    .Vision h2{
        font-size: 1.8rem;
    }
    .Vision p{
        font-size: 1rem;
    }

    /*ABOUTUS PAGE ACHIVEMENTS*/
    .about-achiev{
        background: linear-gradient(to right, #00298C, #0031A4, #001C6D);
        p{
            font-size: 1rem;
        }
        h2{
            font-size: 1.8rem;
        }
        ul{
            list-style-type: none;
        }
        li {
            background-image: url('../img/award-icon.png'); /* Replace with the path to your custom image */
            background-repeat: no-repeat;
            /*background-position: 0 5px;  Adjust vertical alignment */
            background-size: 18px 18px; /* Set the width and height of the image */
            padding-left: 30px;  /*Adjust padding for image space */
            margin-left: 0;  /*Optional: Remove the left margin if you don't want any extra space*/
            font-size: 1rem;
            color: #ffffff;
        }
        img{
            height: 350px;
            width: 1296px;
        }
    }

    .pond-size{
        background-color: #ffffff;
        h2{
            font-size: 1.8rem;
        }
        p{
            font-size: 1rem;
        }
        img{
            height: 300px;
            width:410px;
        }
    }
    
    .services{
        padding: 12px;
        h2{
            font-size: 1.8rem;
        }
        h3{
            font-size: 1.4rem;
        }
        p{
            font-size: 1rem;
        }
    }
}




@media (min-width: 576px)and (max-width: 768px) {
    .navbtn{
        margin-bottom: 1rem;
        width: 50%;
    }

    /*--------------------------------------------------*/
    .carousel-item img {
        opacity: 0.7;
        background: black;
        height: 26em;
        object-fit: cover;
        object-position: top;
    }
    .carousel-caption{
        top:23%;
        width: 80%;
    }
    .carousel-caption h1 {
        font-size: 2rem;
        font-weight: 600;
        text-shadow: 1px 1px 2px #000000;
    }
    .carousel-caption p {
        font-size: 0.8rem;
    }

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

    .heading-text h2{
        font-size: 1.8rem;
    }
    .heading-text p{
        font-size: 1rem;
    }

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

    .sec-two .mo-gap{
        padding: 8px;
    }

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

    /*About us start*/
    .hero-text p{
        font-size: 1rem;
    }
    .hero-text h2{
        font-size: 1.8rem;
    }
    .hero-text{
        padding-top: 1.8rem;
    }
    .hero img{
        padding-top: 5.5rem;
    }
    /*About us End*/

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

    /*Product Section Start*/
    .product-sec h2{
        font-size: 1.8rem;
    }
    /*Product Section End*/

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

    /*Awaed Sectionn Start*/
    .award-inner img{
        width:168px;
        height:180px;
        position: relative;
        top: 24%;
    }
    .award{
        padding:4rem 0rem 4rem 0rem;
    }
    .award-col-padding{
        padding: 30px 10px 30px 10px;
    }
    .award-col-padding ul {
        list-style-type: none; /* Remove default bullets */
        padding-left: 5px; /* Adjust padding to fit your image */
    }
    .award-col-padding li {
        font-size: 16px;
        font-weight: 300;
        line-height: 2.1rem;
    }
    /*Award Section End*/

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

    /*ACHIVEMENTS SECTION START*/
    .achivements h2{
        font-size: 1.8rem;
    }
    .achivements p{
        font-size: 1rem;
    }
    .fs-5 {
        font-size: 1rem !important;
    }
    /*ACHIVEMENTS SECTION START*/

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

    /*BREADCRUMB SECTION START*/
/*    .bread-bg-img {
        padding: 100px 0;  Reduced padding on smaller screens 
    }

    .pagination {
        font-size: 12px;  Reduce font size for mobile 
    }

    .pagination .bi {
        font-size: 11px;  Adjust icon size for mobile 
    }

    .pagination li a.page-link {
        padding: 10px 15px;  Adjust padding for smaller screens 
    }

    .pagination .bi-house-door {
        transform: scale(1.2, 1.2);  Adjust icon size 
    }

    .pagination li.active a.page-link {
        font-size: 16px;  Smaller font size for active link 
    }*/
    /*BREADCRUMB SECTION END*/

    /*VISION AND MISSION*/
    .Vision .vm-padding{
        padding: 2rem 1rem;
    }
    .Vision .Vimg img{
        width: 13em;
        padding: 5.0em 0em;
    }
    .Vision h2{
        font-size: 1.8rem;
    }
    .Vision p{
        font-size: 1rem;
    }

    /*ABOUT PAGE POND SERVICES SIZE*/
    .pond-size{
        background-color: #ffffff;
        h2{
            font-size: 1.8rem;
        }
        p{
            font-size: 1rem;
        }
        img{
            height: 420px;
            width: 575px;
        }
    }
}
/*MOBILE SCREEN END*/




@media (min-width: 768px) and (max-width: 992px) {
    .heading-text h2{
        font-size: 1.8rem;
    }
    .heading-text p{
        font-size: 1rem;
    }

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

    .sec-two .mo-gap{
        padding: 8px;
    }

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

    /*About us Start*/
    .hero-text p{
        font-size: 1rem;
    }
    .hero-text h2{
        font-size: 1.8rem;
    }
    .hero-text{
        padding-top: 1.8rem;
    }
    .hero img{
        padding-top: 5.5rem;
    }
    /*About us End*/

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

    /*Product Section Start*/
    .product-sec h2{
        font-size: 1.8rem;
    }
    /*Product Section End*/

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

    /*Award Sectionn Start*/
    .award-inner img{
        width:200px;
        height:220px;
    }
    .award{
        padding:4rem 0rem 4rem 0rem;
    }
    .award-col-padding{
        padding: 30px 10px 30px 10px;
    }
    .award-col-padding ul {
        list-style-type: none; /* Remove default bullets */
        padding-left: 5px; /* Adjust padding to fit your image */
    }
    .award-col-padding li {
        font-size: 16px;
        font-weight: 300;
        line-height: 2.1rem;
    }
    /*Award Section End*/

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

    /*BREADCRUMB SECTION START*/
    /*    .pagination li a.page-link {
            padding: 11px 8px !important;
        }
    
        .pagination .bi{
            font-size: 9px !important;
        } 
    
        li a {
            font-size: 12px !important;
        }
    
        .page-item+.page-item {
            padding-left: 0 !important;
        }*/
    /*BREADCRUMB SECTION END*/

    /*---------------------------------------------------*/
}
@media (max-width: 767.98px) {
    .border-sm-start-none {
        border-left: none !important;
    }
}