/********** Template CSS **********/

 @import url(//db.onlinewebfonts.com/c/3d37467c4a9c7c1188bc3e0b7aadfa0d?family=Bangla+MN);

 :root {
       --primary: #E40613;
    --light: #
     --secondary: #BDBDBF;
     --light: #;
     --dark: #222429;
 }

 [class^="flaticon-"]:before,
 [class*=" flaticon-"]:before,
 [class^="flaticon-"]:after,
 [class*=" flaticon-"]:after {
     font-size: inherit;
     margin-left: 0;
 }

 .mb-md-4 {
     font-size: 25px;
 }



 h1,
 h2,
 .font-weight-bold {
     font-family: 'Bangla MN', sans-serif;
     font-weight: 700 !important;
     font-size: 35px;
 }

 h3 {
     font-size: 25px;
 }
 
 
 
 h4,
 .font-weight-semi-bold {
     font-family: 'Bangla MN', sans-serif;
     font-weight: 600 !important;
     font-size: ;
 }

 h5,
 
 h6,
 .font-weight-medium {
     font-family: 'Bangla MN', sans-serif;
     font-weight: 500 !important;
     font-size: 25px;
 }


 .btn {
     font-family: 'Bangla MN', sans-serif;
     text-transform: uppercase;
     transition: .5s;
 }

 .btn-primary {
     color: #FFFFFF;
     background-color: #E40613;
 }

 .btn-square {
     width: 38px;
     height: 38px;
 }

 .btn-sm-square {
     width: 30px;
     height: 30px;
 }

 .btn-lg-square {
     width: 48px;
     height: 48px;
 }

 .btn-square,
 .btn-sm-square,
 .btn-lg-square {
     padding-left: 0;
     padding-right: 0;
     text-align: center;
 }

 .back-to-top {
     position: fixed;
     display: none;
     right: 30px;
     bottom: 0;
     border-radius: 0;
     z-index: 99;
 }

 .back-to-top {
     background: #E40613;
 }


 .navbar-dark .navbar-nav .nav-link {
     font-family: 'Bangla MN', sans-serif;
     margin-right: 30px;
     padding: 30px 0;
     color: #E40613;
     font-size: 17px;
     text-transform: uppercase;
     outline: none;
 }

 .navbar-dark .navbar-nav .nav-link:hover,
 .navbar-dark .navbar-nav .nav-link.active {
     color: #E40613;
 }


 .navbar-nav .nav-item {
     margin-right: 35px;
     /* Adjust the spacing */
     font-family: 'Bangla MN', sans-serif;
     margin-right: 30px;
     padding: 30px 0;
     color: #E40613 !important;
     font-size: 17px;
     text-transform: uppercase;
     outline: none;
 }


 .navbar-nav .nav-link {
     color: #E40613 !important;
     /* Set text color */
     font-weight: bold;
     /* Make text bold */
 }

 .navbar-nav .nav-link:hover {
     color: #B30510 !important;
     /* Darker shade on hover */
 }



 .carousel-caption {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(34, 36, 41, .5);
     z-index: 1;
 }

 @media (max-width: 576px) {
     .carousel-caption h3 {
         font-size: 14px;
         font-weight: 300 !important;
     }
     
     
     .carousel-control-next {
         right: 10px !important;
     }
 

     .carousel-caption h6 {
         font-size: 12px;
         font-weight: 600 !important;
     }
 }

.carousel-control-prev,
.carousel-control-next {
    z-index: 9999 !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


 /* Default size for larger screens */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

/* Medium screens (tablets) */
@media (max-width: 768px) {
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 2.5rem; /* Slightly smaller */
        height: 2.5rem;
    }
}

/* Small screens (mobile devices) */
@media (max-width: 768px) {
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 1rem; /* More compact */
        height: 1rem;
          z-index: 9999 !important;
    }
}







.nav-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.rounded-pill {
    border-radius: 50rem !important;
    background-color: #2A2A2A;
    border-width: 0px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-left: 17px;
}

.nav-item {
    margin: 10px;
}

.nav-link {
    padding: 0.5rem 0.75rem;
    font-size: 1rem; /* Default font size */
}

@media (max-width: 768px) {
    .nav-pills {
        flex-direction: row; /* Keep it as row so that flex-wrap is effective */
    }
    .nav-item {
        width: auto; /* Let the content determine width */
        max-width: 45%; /* Prevent items from becoming too wide */
        flex-grow: 1; /* Distribute available space */
        margin: 2px; /* Reduced margins */
    }
    .nav-link {
        font-size: 0.7rem; /* Reduced font size on mobile */
        padding: 0.25rem 0.5rem;
    }
}





 .bg-hero {
     background:  url(../img/carousel-1.jpg) top center no-repeat;
     background-size: cover;
 }

 .p-0 {
     padding: 0;
     margin-top: 19px;
 }

 .p-5 {
     padding: 3rem;
     margin-top: 19px;
 }

 .text-primary {
     color: #E40613 !important;
     margin-top: 3px;
 }

 .programe::after {
     position: absolute;
     content: "";
     width: 100%;
     height: calc(100% - 45px);
     top: 135px;
     left: 0;
     background: var(--dark);
     z-index: -1;
 }

 .team-item img {
     transition: .5s;
 }

 .team-item:hover img {
     transform: scale(1.2);
 }

 .team-item .team-overlay {
     position: absolute;
     top: 50%;
     right: 50%;
     bottom: 50%;
     left: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: rgba(34, 36, 41, .9);
     transition: .5s;
     opacity: 1;
 }

 /*.team-item:hover .team-overlay {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     opacity: 1;
 }*/

 .testimonial-carousel .owl-nav {
     margin-top: 30px;
     display: flex;
     justify-content: start;
 }

 .testimonial-carousel .owl-nav .owl-prev,
 .testimonial-carousel .owl-nav .owl-next {
     position: relative;
     margin: 0 5px;
     width: 45px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #FFFFFF;
     background: #E40613;
     font-size: 22px;
     border-radius: 45px;
     transition: .5s;
 }


 .addBtn:hover {
     background-color: #bbb;
 }

 .testimonial-carousel .owl-nav .owl-prev:hover,
 .testimonial-carousel .owl-nav .owl-next:hover {
     color: var(--dark);
 }

 .testimonial-carousel .owl-item img {
     width: 90px;
     height: 90px;
 }

 .blog-item img {
     transition: .5s;
 }

 .blog-item:hover img {
     transform: scale(1.2);
 }