#backgroundImage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1440px;
    height: 900px;
    z-index: -1;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1) !important;
    background: var(--swiper-pagination-color, #32C864) !important;
  }
  .swiper-pagination-bullet {
    width: 60px !important;
    border-radius: 2px !important;
    height: 4px !important;
  }

  .swiper-pagination {
    padding-right: 20% !important;
    text-align: right !important;
  }

@media (max-width: 767.98px)  { 
    
    #newsHflSwiper {
        max-width: 375px; 
        max-height: 456px; 
        margin-bottom:10px;
    }

    #background {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 375px;
        height: 456px;
    
        background: linear-gradient(180deg, rgba(20, 60, 40, 0.2) 0%, #143C28 100%);
        mix-blend-mode: multiply;
        opacity: 0.5;
    }

    #newsCarousel {
        margin-top:0;
        margin-bottom: 10px;
    }

    .newsEntry{
        position: absolute;
        left:30px;
        z-index:2;
    }
    
    .newsDate{
        height: 23px;
    
        text-align: left;
        font: normal normal bold 16px/20px Ubuntu;
        letter-spacing: 3px;
        color: #FF9D00;
        text-transform: uppercase;
        opacity: 1;
    }
    
    .newsHeader {
        width: 334px;
   
        text-align: left;
        font: normal normal bold 40px/50px Ubuntu;
        letter-spacing: 0.7px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
    
        margin: 10px 0px 10px 0px;
    }
    
    .newsShort{
        width: 334px;
    
        text-align: left;
        font: normal normal normal 16px/30px Ubuntu;
        letter-spacing: 0.2px;
        color: #FFFFFF;
        opacity: 1;
    
        margin: 10px 0px 10px 0px;
    }
    
    .newsMore {
        width: 205px;
        height: 60px;
    
        border: 2px solid #FF9D00;
        border-radius: 200px;
        opacity: 1;
    
        margin: 10px 0px 10px 0px;
    }
    
    .more{
        position: relative;
        left: 33px;
        top: 21px;
        text-align: left;
        font: normal normal bold 14px/16px Ubuntu;
        letter-spacing: 2.1px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
    }
    
    .newsSelected {
        width: 15px;
        height: 15px;
        border: 2px solid #FF9D00;
        border-radius: 200px;
        opacity: 1;
        left: 1310px;
    }
    
    .newsNotSelected {
        width: 10px;
        height: 10px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 200px;
        opacity: 1;
        left: 1315px;
    }
    
    #linkFirstNews {
        position: absolute;
        top: 400px;
    }
    
    #linkSecondNews {
        position: absolute;
        top: 445px;
    }
    
    #linkThirdNews {
        position: absolute;
        top: 490px;
    }
    
    #newsContainer {
        position: relative;
        height: 860px;
    }
    
    .carousel-indicators li {
        width: 10px;
        height: 10px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 100%;
        opacity: 1;
    }
    
    .carousel-indicators .active {
        width: 10px;
        height: 10px;
        border: 2px solid #8CC291;
        background-color: transparent;
        border-radius: 100%;
        margin-top: 8px;
    }
    
    .ownCarousel-indicators {
        position: absolute;
        right: -10px;
        bottom: 450px;
        /* left: 19px; */
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        /* justify-content: center; */
        padding-left: 0;
        /* margin-right: 0%; */
        /* margin-left: 96%; */
        list-style: none;
        transform: rotate(90deg);
    }
 }

 @media (min-width: 767.98px)  { 

    #newsHflSwiper {
        max-width: 1440px; 
        max-height: 540px; 
        margin-bottom:10px;
    }

    #background {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 1440px;
        height: 900px;
    
        background: linear-gradient(180deg, rgba(20, 60, 40, 0.2) 0%, #143C28 100%);
        mix-blend-mode: multiply;
        opacity: 0.5;
    }

.indexCustom {
    transform: rotate(90deg);
    right:75px;
    bottom:450px;
    margin-right:0;
}


    .newsEntry{
        position: absolute;
        left:50px;
        z-index:2;
    }
    
    .newsDate{
        height: 23px;
    
        text-align: left;
        font: normal normal bold 20px/20px Ubuntu;
        letter-spacing: 3px;
        color: #FF9D00;
        text-transform: uppercase;
        opacity: 1;
    }
    
    .newsHeader {
        width: 750px;
    /*height: 158px;*/
    
        text-align: left;
        font: normal normal bold 70px/80px Ubuntu;
        letter-spacing: 0.7px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
    
        margin: 10px 0px 10px 0px;
    }
    
    .newsShort{
        width: 483px;
        /*height: 83px;*/
    
        text-align: left;
        font: normal normal normal 20px/30px Ubuntu;
        letter-spacing: 0.2px;
        color: #FFFFFF;
        opacity: 1;
    
        margin: 10px 0px 10px 0px;
    }
    
    .newsMore {
        width: 205px;
        height: 60px;
    
        border: 2px solid #FF9D00;
        border-radius: 200px;
        opacity: 1;
    
        margin: 10px 0px 10px 0px;
    }
    
    .more{
        position: relative;
        left: 33px;
        top: 21px;
        text-align: left;
        font: normal normal bold 14px/16px Ubuntu;
        letter-spacing: 2.1px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
    }
    
    .newsSelected {
        width: 15px;
        height: 15px;
        border: 2px solid #FF9D00;
        border-radius: 200px;
        opacity: 1;
        left: 1310px;
    }
    
    .newsNotSelected {
        width: 10px;
        height: 10px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 200px;
        opacity: 1;
        left: 1315px;
    }
    
    #linkFirstNews {
        position: absolute;
        top: 400px;
    }
    
    #linkSecondNews {
        position: absolute;
        top: 445px;
    }
    
    #linkThirdNews {
        position: absolute;
        top: 490px;
    }
    
    #newsContainer {
        position: relative;
        height: 860px;
    }
    
    .carousel-indicators li {
        width: 10px;
        height: 10px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 100%;
        opacity: 1;
    }
    
    .carousel-indicators .active {
        width: 10px;
        height: 10px;
        border: 2px solid #8CC291;
        background-color: transparent;
        border-radius: 100%;
        margin-top: 8px;
    }
    
    .ownCarousel-indicators {
        position: absolute;
        right: -10px;
        bottom: 450px;
        /* left: 19px; */
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        /* justify-content: center; */
        padding-left: 0;
        /* margin-right: 0%; */
        /* margin-left: 96%; */
        list-style: none;
        transform: rotate(90deg);
    }
    
    #newsCarousel {
        display: flex;
        margin-bottom: 10px;
    }
 }