.topfullwidth-carousel-border {
    background-color: #C8C8C8;
    width: 100%;
    border: 20px solid hsla(0,0%,100%,0);
  }


.topfullwidth-carousel .carousel-wrapper{
  height:540px;
  position:relative;
  width: 100%;
  margin:0 auto;
  filter: drop-shadow(2px 2px 2px #B6BDC8);
}

.topfullwidth-carousel .carousel-item{

    text-align: left;
    opacity: 1;
    background-color: #F4F4F4;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;
    height: 100%;
    position: absolute;
  color: black;
  top:0;
  bottom:0;
  left:0;
  right:0;  
  padding:25px 130px;
  opacity:0;
  transition: all 0.5s ease-in-out;
}

.topfullwidth-carousel .carousel-item .text-block-in-item {
  position: relative;
}

.topfullwidth-carousel .carousel-item .text-block-in-item:before {
  content: ' ';
  position: absolute;
  width: 25% !important;
  height: 7px;
  top: -10%;
  background-color: black;
}

.topfullwidth-carousel .carousel-item h6 {
    text-align: left;
    font-family: 'Poppins' !important;
    font-size: 20px;
    font-weight: 500;
    /* right: auto; */
    margin-block-end: 0.03em;

    text-transform: uppercase;
}

.topfullwidth-carousel .carousel-item h2{
    font-family: 'Oswald' !important;
    font-size: 4em;
    left: 0px;
    line-height: 80px;
    font-weight: 500;
    text-transform: uppercase;
    margin-block-start: 0.03em;
    margin-block-end: 0.23em;
}

.topfullwidth-carousel .carousel-item p{
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 300;
    color: #6B6B6B;
}

.topfullwidth-carousel .arrow{
  height: 144px;
  width: 75px;
}

.topfullwidth-carousel .arrow-prev{
  left: 0px;
  position:absolute;
  top: 40%;
  background: url("../images/topfullwidth/arrow-left.svg") no-repeat;
  /*transform:translateY(-50%) rotate(135deg);*/
}
 
.topfullwidth-carousel .arrow-next{
  right:0px;
  position:absolute;
  top: 40%;
  background: url("../images/topfullwidth/arrow-right.svg") no-repeat;
  }

.topfullwidth-carousel .light{
  color:white;
}

@media (max-width: 767px) {
  
  .topfullwidth-carousel .carousel-item {
    padding: 10px 50px !important;
  }

  .topfullwidth-carousel .carousel-item h2 {
    font-size: 25px;
    top: 18%;
    width: 82%; 

  }


  .topfullwidth-carousel .carousel-item p {
    font-size: 14px;
    font-family: 'Exo 2';
    position: absolute;
    top: 34%;
    left: 20%;
    width: 62%;
  }

  .topfullwidth-carousel .arrow {
    margin-top: 30px;
    height: 100px;
    width: 44px;
  }

  .topfullwidth-carousel .arrow-prev, 
  .topfullwidth-carousel .arrow-next {
    margin-top: 30px;
    background-position: center;
    height: 103px;
    width: 44px;
  }

}

@media (max-width: 480px) {
.topfullwidth-carousel .carousel-item h6 {
    font-size: 14px;
    line-height: 20px;
}

.topfullwidth-carousel .carousel-item h2 {
    font-size: 20px;
}



}



/*Select every element*/
[id^="item"] {
    display: none;
  }

.topfullwidth-carousel .item-1 {
    z-index: 2;
    opacity: 1;
    background-color: #F4F4F4;
    background-size:cover;
  }
.topfullwidth-carousel .item-2{
    background-color: #F4F4F4;
    background-size:cover;
}
.topfullwidth-carousel .item-3{
    background-color: #F4F4F4;
    background-size:cover;
}

*:target ~ .item-1 {
    opacity: 0;
  }

#item-1:target ~ .item-1 {
    opacity: 1;
  }

#item-2:target ~ .item-2, #item-3:target ~ .item-3 {
    z-index: 3;
    opacity: 1;
  }
}