.text-white {
    color: white;
}

.text-color-green {
    color: #148C9C;
}

.text-color-orange {
    color: #F79321;
}

.border-green {
    border-color: #148C9C;
}

.border-orange {
    border-color: #F79321;
}

.bg-green {
    background-color: #148C9C;
}

.bg-orange {
    background-color: #F79321;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    background-color: #148C9C;
    color: white;
}

.box-container {
    position: relative;
    overflow: hidden;
}

.video-icon-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.video-icon {
    width: 50px; /* Adjust the width of the video icon as needed */
    height: 50px; /* Adjust the height of the video icon as needed */
    cursor: pointer; /* Add a pointer cursor to indicate it's clickable */
}


/* Adjust the height of the carousel container */
#carouselExampleAutoplaying {
    height: 850px;
}
  
/* Style the video within the responsive embed */
.embed-responsive {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%; /* 16:9 aspect ratio, adjust as needed */
  }
  
  .embed-responsive-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Adjust as needed */
  }

@media only screen and (max-width: 991.98px) {
    .navbar-collapse {
        margin-top: 10px;
        margin-left: 10px;
    }

    .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
        padding-left: 8px;
    }

    .navbar-nav.navbar-social-icons {
        display: block;
        margin-top: 10px;
    }

    .navbar-nav.navbar-social-icons .nav-link {
        display: inline-flex;
    }
}

@media screen and (max-width: 1499.98px) {
    #carouselExampleAutoplaying {
        height: 780px;
    }
}

@media screen and (max-width: 1199.98px) {
    #carouselExampleAutoplaying {
        height: 550px;
    }
}

@media only screen and (max-width: 991.98px) {
    #carouselExampleAutoplaying {
        height: 400px;
    }
}

@media only screen and (max-width: 767.98px) {
    .subscribe-form input {
        width: 100%;
    }

    .subscribe-form button {
        width: 100%;
    }

    #carouselExampleAutoplaying {
        height: 200px;
    }
}

@media only screen and (max-width: 567.98px) {
    #carouselExampleAutoplaying {
        height: 200px;
    }
}

@media only screen and (max-width: 375px) {
    #carouselExampleAutoplaying {
        height: 180px;
    }
}

@media only screen and (max-width: 320px) {

    #carouselExampleAutoplaying {
        height: 150px;
    }
}