@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root {
    --primary-color-light: #508C9B;
    --primary-color-dark: #0E0D2B;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #201E43;
    --bs-secondary: #e6e6e6;
    --bs-success: #00712D;
    --bs-info: #41B3A2;
    --bs-warning: #FFA823;
    --bs-danger: #E4003A;
    --bs-light: #F7F7F8;
    --bs-dark: #1E201E;
    --bs-deep-dark: #111111;

}

.bg-deep-dark {
    background-color: var(--bs-deep-dark);
}

body {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}

.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}

a {
    color: var(--bs-dark);
    transition: 0.3s ease-in-out;
}

a:hover {
    transition: 0.3s ease-in-out;
    color: var(--bs-info);
}

.fs-info {
    font-size: 10px;
}

.text-justify {
    text-align: justify;
}

.text-indent-1 {
    text-indent: 50px;
}

.list-item {
    padding-bottom: 10px;
    border-bottom: 1px dashed var(--bs-gray);
    transition: 0.3s ease-in-out;
}

.list-item:hover {
    background-color: var(--bs-secondary);
}

.border-bottom-solid {
    border-bottom: 1px solid var(--bs-secondary);
}

.serv {
    min-height: 250px;
    transition: 0.5s;
    border: 1px solid var(--bs-secondary);
}

.serv:hover {
    transition: 0.1s;
    transform: scale(1.05);
}

.miles {
    background-color: #1E201E63;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 20px;
}

p,
a,
textarea,
button,
.btn,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
select,
input[type="file"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="color"],
input[type="range"],
input[type="datetime"],
input[type="search"] {
    font-size: 14px;

}

ul.dropdown-menu.border-0.rounded-0.bg-light.show::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 20%;
    transform: translateX(-80%);
    border: 8px solid var(--bs-secondary);
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--bs-secondary);
    border-top-color: transparent;
}

.blog-list-img {
    min-height: 100%;
    max-height: 100%;
    min-width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(0.8);
    transition: 0.8s ease-in-out;
}

.blog-list-img:hover {
    transition: 0.2s ease-in-out;
    filter: saturate(1);
}


.footer-quick-links ul li {
    padding: 3px 0;
}

.footer-quick-links ul li a,
.footer-about p,
.footer-contact-details ul li a {
    font-size: 12px;
    text-align: justify;
}



/*our-products*/
 .tp-product-img {
            max-height: 250px;
            width: 100%;
            overflow: hidden;
        }

        .tp-product-des {
            background-color: var(--bs-light);
        }

        .tp-product-img img {
            height: 250px;
            width: 100%;
            object-fit: cover;
            object-position: center;
        }

/*Gallery Images*/
.tp-gallery-img
{
    max-height: 250px;
    width: 100%;
    overflow: hidden;
}


.tp-gallery-img img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}



#contact-link {
    font-size: 13px;
}

#principal-img {
    height: 400px;
    object-fit: cover;
    border-top-left-radius: 30%;
    border-top-right-radius: 30%;
    border-bottom-left-radius: 30%;
    object-position: center;
    border: 30px solid var(--bs-secondary);
    background-color: #00712D;
}

#news {
    background-image: linear-gradient(70deg, var(--bs-orange), var(--bs-gray), var(--bs-orange)), url("../../img/34.jpg");
    background-blend-mode: multiply;
    min-height: 20vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#milestone {
    background-image: linear-gradient(70deg, var(--bs-orange), var(--bs-gray), var(--bs-orange)), url("../../img/fixed-img.jpg");
    background-blend-mode: multiply;
    min-height: 20vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#img-page-title {
    background-image: linear-gradient(70deg, var(--bs-orange), var(--bs-gray), var(--bs-orange)), url("../img/slider4.jpg");
    background-blend-mode: multiply;
    /* min-height: 15vh; */
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

}


#services {
    min-height: 80vh;
}

.tp-border-radius-20 {
    border-radius: 20px;
}

.carousel-item img {
    height: 80vh;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.carousel-dark .carousel-indicators [data-bs-target] {
    height: 15px;
    width: 5px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    transition: 0.5s ease-in-out;

}

.carousel-dark .carousel-indicators .active {
    height: 15px;
    width: 10px;
}

header,
.navbar {
    z-index: 1000;
}

.navbar,
.dropdown-menu {
    font-size: 14px;
    font-weight: 500;
}

.dropdown-menu a,
.border-bottom-dashed {
    text-transform: capitalize;
    border-bottom: 1px dashed #d8d8d8;
}

#slider>img {
    z-index: 0;
}

.shadow-sml {
    box-shadow: 0 5px 10px #919191;
}

.title {
    width: 50px;
    border-bottom: 5px solid var(--bs-orange);
}

.fw-900 {
    font-weight: 900;
}

.tp-card-icon {
    font-size: 40px;
    color: var(--bs-primary);
    border-radius: 20px;
    border-bottom-right-radius: 0;
    height: 40%;
}

.tp-card {
    background-color: var(--bs-primary);
    box-shadow: 0 5px 10px var(--bs-gray);
    border-radius: 20px;
    padding-bottom: 25px;
    transition: 0.5s ease-in-out;

}

.tp-card:hover>.tp-card-text {
    transform: translateY(0px);
    transition: 0.2s ease-in-out;
}

.tp-card:hover,
.blog-side-list ul li:hover {
    transition: 0.2s ease-in-out;
    background-color: var(--bs-info);
}

.blog-side-list ul li:hover {
    padding-left: 10px;
}

.blog-side-list ul li:hover>a {
    transition: 0.2s ease-in-out;
    font-weight: bold;
    color: #fff;
}

.blog-img {
    max-height: 300px;
    object-fit: cover;
    object-position: center;
}

.blog-img:hover {
    max-height: 300px;
    object-fit: 120%;
    object-position: center;
}

/* .blog-main-comments .row .col-2 img {
    height: 100px;
    width: 100px;
    object-fit: cover;
    object-position: center;

} */

.tp-card-text {
    transition: 0.9s ease-in-out;
    transform: translateY(60px);
    background-color: var(--bs-light);
    border-radius: 20px;
}

.anim-bounce {
    animation: bounce 3s infinite;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0);
    }
}

.img-hover {
    overflow: hidden;
}

.img-hover img {
    transition: 0.6s ease-in-out;
}

.img-hover:hover img {
    scale: 1.1;
    transition: 0.3s ease-in-out;
    /* transform: rotate(5deg); */
}

/*marquee*/
.marquee-text {
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    background: var(--bs-primary);
}

.marquee-text .top-info-bar {
    width: 200%;
    display: flex;
    -webkit-animation: marquee 25s linear infinite running;
    -moz-animation: marquee 25s linear infinite running;
    -o-animation: marquee 25s linear infinite running;
    -ms-animation: marquee 25s linear infinite running;
    animation: marquee 25s linear infinite running;
}

.marquee-text .top-info-bar:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused;
}

.marquee-text .top-info-bar .info-text {
    padding: 10px 30px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.marquee-text .top-info-bar a {
    color: #ffffff;
    text-decoration: none;
}

@-moz-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@-o-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

/*MARQUEE-Y*/

.marquee-text-Y {
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    min-height: 350px;
    max-height: 350px;
    /* Set a specific height for the container */
}

.marquee-text-Y .top-info-bar-Y {
    display: flex;
    flex-direction: column;
    -webkit-animation: marqueeY 20s linear infinite running;
    -moz-animation: marqueeY 20s linear infinite running;
    -o-animation: marqueeY 20s linear infinite running;
    -ms-animation: marqueeY 20s linear infinite running;
    animation: marqueeY 20s linear infinite running;
}

.marquee-text-Y .top-info-bar-Y:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused;
}

.marquee-text-Y .top-info-bar-Y .info-text-Y {
    padding: 10px 30px;
    white-space: nowrap;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

@-moz-keyframes marqueeY {
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes marqueeY {
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-o-keyframes marqueeY {
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes marqueeY {
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}



.form-control {
    /* border-radius: 20px; */
    font-size: 12px;
}

.form-floating>.form-control {
    padding: .5rem .5rem;
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: calc(3rem + 2px);
    line-height: 1;
}


/* OWL-CAROUSEL*/
.owl-item>div {
    cursor: pointer;
    transition: 0.2s ease-in-out;
    opacity: .75;
}

.owl-item.center>div {
    cursor: auto;
    opacity: 1;
    margin: 0;
}

.owl-item:not(.center)>div:hover {
    opacity: 1;
}

.trustees-img {
    width: 250px;
    height: 250px;
    object-fit: cover;
    object-position: top;
    overflow: hidden;
    ;

}

/* Media Queries */

/* Large devices (desktops, 992px and up) */
@media (max-width: 320px) {
    ul.dropdown-menu.border-0.rounded-0.bg-light.show::after {
        border: none;
        border-bottom-color: none;
    }


}


@media (max-width: 430px) {
    ul.dropdown-menu.border-0.rounded-0.bg-light.show::after {
        border: none;
        border-bottom-color: none;
    }

}

@media (max-width: 768px) {
    ul.dropdown-menu.border-0.rounded-0.bg-light.show::after {
        border: none;
        border-bottom-color: none;
    }

}