.navbar {
    transition: all 0.6s;
}

.navbar-scrolled {
    background-color: #0a3622;
    box-shadow: 0 3px 10px rgb(0, 0, 0, 0.15);
}

.carousel {
    /*height: 100vh;*/
}

.carousel-inner video {
    /*height: 100vh;*/
    /*width: 100%;*/
    /*min-width: 100%;*/
    /*object-fit: cover;*/
}


.carousel-caption h2 {
    /*margin-bottom: 100px;*/
    /*background-color: rgba(43, 47, 50, 0.20);*/
    color: #51ffe1;
    line-height: 200%;
}

.carousel-indicators {
    margin-bottom: 100px;
}

.video-pad video {
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.bg-card1 {
    background-color: rgba(244, 244, 244, 100%);
}


/*  counter style (start) */
/*.counter-section {*/
/*    !*margin-top: 100px;*!*/
/*}*/

.counter-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 20px 37px;
    text-align: center
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 14px;
    font-weight: 500
}
.unit-text{
    padding-right: 10px;
    padding-left: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #909090;
    line-height: 28px
}

.counter {
    /*display: block;*/
    font-size: 30px;
    font-weight: 700;
    color: #3acf87;
    line-height: 28px
}

.cntr-icon {
    width: 75px;
    height: 75px;
    margin-bottom: 10px;
}

/*  counter style (end)  */


.video-pad{
    /*position: relative;*/
    /*overflow: hidden;*/
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/*.img41{*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*}*/

/*  Horizontal Scroll CSS (start)  */
.tag-list {
    margin: 0;
    padding-inline: 0;
    list-style: none;
}

.tag-list li {
    padding-left: 1rem;
    padding-right: 1rem;
    /*background: rgb(241, 152, 152);*/
    /*border-radius: 0.5rem;*/
    /*box-shadow: 0 0.5rem 1rem -0.52rem rgb(230, 230, 230);*/
}

.scroller {
    /*max-width: 900px;*/
    overflow: hidden;
    /*outline: solid lime;*/
}

.scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.scroller[data-animated="true"] {
    /*border: 5px solid lime;*/
    overflow: hidden;
    /*-webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);*/
    /*mask: linear-gradient(transparent, white);*/

    mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
}

.scroller[data-animated="true"] .scroller__inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll 50s linear infinite;
}

@keyframes scroll {
    to {
        transform: translate(calc(50% + 0.5rem));
    }
}

.coList {
    width: 75px;
    height: 75px;
}
/*  Horizontal Scroll CSS (end)  */

.txt-body{
    font-size: 13pt;
    line-height: 200%;
    text-align: justify;
}

.nav-link{
    font-size: 13pt;
}
.card-text{
    font-size: 1.1rem;
    line-height: 2;
    text-align: justify;
}
.fix-height{
    height: 550px;
}

/*#popupmodal ul{*/
/*    list-style-image: url('/assets/img/ocassion_01-6.jpg');*/
/*    color: #0a53be;*/
/*}*/
#popupmodal li {
    margin: 10px 0 0 0;
    padding: 2px 35px 1px 1px;
    list-style: none;
    background-image: url("/assets/img/ocassion_01-6.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 28px;
}
#popupmodal a {
    text-decoration: none;
    font-weight: 600;
}


@media only screen and (max-width: 600px) {
    .img-flower{
        width: 100%;
    }
    .img-award{
        width: 2.5rem;
    }
    .img-logo{
        width: 3rem;
    }
    .pop-title{
        height: 4rem;
    }
    .carousel-caption {
        margin-bottom: 5rem;
        /*margin-left: 400px;*/
        /*margin-right: 400px;*/
        background-color: rgba(43, 47, 50, 0.50);
        /*padding-bottom: 10rem;*/
    }
}

/*@media only screen and (min-width: 600px) {*/
/*    .img-flower{*/
/*        width: 100%;*/
/*    }*/
/*    .img-award{*/
/*        width: 2.5rem;*/
/*    }*/
/*    .img-logo{*/
/*        width: 3rem;*/
/*    }*/
/*    .pop-title{*/
/*        height: 4rem;*/
/*    }*/
/*}*/

@media only screen and (min-width: 768px) {
    .img-flower{
        width: 100%;
    }
    .img-award{
        width: 2.5rem;
    }
    .img-logo{
        width: 3rem;
    }
    .pop-title{
        height: 4rem;
    }
    .pop-content{
        height: 38rem;
    }
    .carousel-caption {
        margin-bottom: 10rem;
        /*margin-left: 400px;*/
        /*margin-right: 400px;*/
        background-color: rgba(43, 47, 50, 0.50);
        /*padding-bottom: 10rem;*/
    }
}

/*@media only screen and (min-width: 992px) {*/
/*    .img-flower{*/
/*        width: 10rem;*/
/*    }*/
/*    .img-award{*/
/*        width: 4rem;*/
/*    }*/
/*    .pop-content{*/
/*        height: 35rem;*/
/*    }*/
/*}*/

@media only screen and (min-width: 992px) {
    .img-flower{
        width: 10rem;
    }
    .img-award{
        width: 4rem;
    }
    .pop-content{
        height: 40rem;
    }
    .pop-content ul{
        margin-top: 5rem;
    }
    .pop-content li{
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .carousel-caption {
        margin-bottom: 10rem;
        /*margin-left: 400px;*/
        /*margin-right: 400px;*/
        background-color: rgba(43, 47, 50, 0.50);
        /*padding-bottom: 10rem;*/
    }

    /*.carousel-caption {*/
    /*    margin-bottom: 200px;*/
    /*    margin-left: 400px;*/
    /*    margin-right: 400px;*/
    /*    background-color: rgba(43, 47, 50, 0.50);*/
    /*    padding-bottom: 50px;*/
    /*}*/


}
