#homepage-carousel {
   height: calc(100vw * 1.3328125);
}

@media (min-width: 640px) {
   #homepage-carousel {
      height: calc(100vw * 0.41);
   }
}

.carousel {
   position: relative;
   background-color: #8b8680;
}

.carousel-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
}

.carousel-open:checked+.carousel-item {
   position: static;
   opacity: 100;
}

.carousel-item {
   position: absolute;
   opacity: 0;
/*   -webkit-transition: opacity 0.6s;
   transition: opacity 0.6s;*/
}

.carousel-item img {
   display: block;
   height: auto;
   width: 100%;
}

#carousel-item-1 {
   background-color: #2BAB4F;
}

#carousel-item-2 {
    background-color: #2BAB4F;
}

#carousel-item-3 {
    background-color: #2BAB4F;
}

#carousel-item-1 img {
    content: url("https://cadmoremediastorage.blob.core.windows.net/9aed194b-32e5-4106-a5e4-09af23c9c5fd/ApplicationContent/female-on-laptop-640x853.jpg?sv=2018-03-28&sr=c&sig=GyVX%2BpMggcoyJ%2B%2BAMFBcCUutxpChkCDz%2BtlYZthXjks%3D&st=2025-06-28T06%3A55%3A11Z&se=2025-06-28T11%3A00%3A11Z&sp=r");
}

#carousel-item-2 img {
    content: url("https://cadmoremediastorage.blob.core.windows.net/9aed194b-32e5-4106-a5e4-09af23c9c5fd/ApplicationContent/hero2_1600x656.jpg?sv=2018-03-28&sr=c&sig=GyVX%2BpMggcoyJ%2B%2BAMFBcCUutxpChkCDz%2BtlYZthXjks%3D&st=2025-06-28T06%3A55%3A11Z&se=2025-06-28T11%3A00%3A11Z&sp=r");
}

#carousel-item-3 img {
    content: url("https://cadmoremediastorage.blob.core.windows.net/9aed194b-32e5-4106-a5e4-09af23c9c5fd/ApplicationContent/hero3_1600x656.jpg?sv=2018-03-28&sr=c&sig=GyVX%2BpMggcoyJ%2B%2BAMFBcCUutxpChkCDz%2BtlYZthXjks%3D&st=2025-06-28T06%3A55%3A11Z&se=2025-06-28T11%3A00%3A11Z&sp=r");
}

@media (min-width: 640px) {

    #carousel-item-1 img {
        content: url("https://cadmoremediastorage.blob.core.windows.net/9aed194b-32e5-4106-a5e4-09af23c9c5fd/ApplicationContent/female-on-laptop-1600x656.jpg?sv=2018-03-28&sr=c&sig=GyVX%2BpMggcoyJ%2B%2BAMFBcCUutxpChkCDz%2BtlYZthXjks%3D&st=2025-06-28T06%3A55%3A11Z&se=2025-06-28T11%3A00%3A11Z&sp=r");
    }

    #carousel-item-2 img {
        content: url("https://cadmoremediastorage.blob.core.windows.net/9aed194b-32e5-4106-a5e4-09af23c9c5fd/ApplicationContent/hero2_1600x656.jpg?sv=2018-03-28&sr=c&sig=GyVX%2BpMggcoyJ%2B%2BAMFBcCUutxpChkCDz%2BtlYZthXjks%3D&st=2025-06-28T06%3A55%3A11Z&se=2025-06-28T11%3A00%3A11Z&sp=r");
    }

    #carousel-item-3 img {
        content: url("https://cadmoremediastorage.blob.core.windows.net/9aed194b-32e5-4106-a5e4-09af23c9c5fd/ApplicationContent/hero3_1600x656.jpg?sv=2018-03-28&sr=c&sig=GyVX%2BpMggcoyJ%2B%2BAMFBcCUutxpChkCDz%2BtlYZthXjks%3D&st=2025-06-28T06%3A55%3A11Z&se=2025-06-28T11%3A00%3A11Z&sp=r");
    }
}

.carousel-control {
   color: #fff;
   cursor: pointer;
   display: none;
   font-size: 48px;
   height: 48px;
   line-height: 40px;
   position: absolute;
   top: 50%;
   cursor: pointer;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
   text-align: center;
   width: 48px;
   z-index: 10;
   background: rgba(0, 0, 0, 0.28);
   -webkit-transition: 0.2s ease-out;
   transition: 0.2s ease-out;
}

@media (min-width: 640px) {
   .carousel-control {
      transform: scale(1) translate(0, -50%);
   }
}

.carousel-control {
    z-index:99999;
}

.carousel-control.prev {
    left: 0%;
}

.carousel-control.next {
   right: 0%;
}

.carousel-control:hover {
   background: rgba(0, 0, 0, 0.8);
   -webkit-transition: 0.2s ease-out;
   transition: 0.2s ease-out;
}

#carousel-1:checked~.control-1,
#carousel-2:checked~.control-2,
#carousel-3:checked~.control-3 {
   display: block;
}

.carousel-indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 100000;
}

.carousel-indicators li {
   display: inline-block;
}

.carousel-bullet {
    display: block;
    margin: 3px 5px;
    padding: 3px 3px;
    cursor: pointer;
}

.carousel-bullet:hover {
    background-color:silver;
}

#carousel-1:checked~.control-1~.carousel-indicators li:nth-child(1) .carousel-bullet,
#carousel-2:checked~.control-2~.carousel-indicators li:nth-child(2) .carousel-bullet,
#carousel-3:checked~.control-3~.carousel-indicators li:nth-child(3) .carousel-bullet {
   background-color: #ffffff;
   opacity: 1;
}

#title {
   width: 100%;
   position: absolute;
   padding: 0px;
   margin: 0px auto;
   text-align: center;
   font-size: 27px;
   color: rgba(255, 255, 255, 1);
   font-family: 'Open Sans', sans-serif;
   z-index: 999;
   text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), -1px 0px 2px rgba(255, 255, 255, 0);
}