.jumbo {

  /* display: grid;

  align-content: center;

  justify-content: center; */

  position: relative;

  height: 80vh;

  overflow: clip;

  border-radius: var(--xl-radius);

}



.slick-list,

.slick-track {

  height: 100%;

}



.jumbo-slider-cover {

  width: 100%;

  height: 80vh;

  background-color: rgb(5 51 47);

}



.j-s-cover {

  width: 100%;

  height: 100%;

  display: flex !important;

  align-items: flex-end;

  padding: 50px 100px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.j-s-cover::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgb(7 73 67 / 0%);

/* background: linear-gradient(180deg,rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%); */

  background: linear-gradient(180deg, rgb(7 73 67 / 0%) 30%, rgb(5 51 47) 100%);

}



.j-s-cover-img {

  width: 100%;

  height: 100%;

  position: absolute;

  object-fit: cover;

}



.jumbo-slider-cover .slick-slide > div {

  height: 100%;

}



.j-s-cover-details {

  text-wrap: balance;

  width: 40%;

  height: 400px;

  color: white;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

  z-index: 1;

}



.j-s-btn {

  border: none;

  display: flex;

  background-color: white;

  border-radius: 50px;

  padding: 10px 20px;

  color: var(--m-color) !important;

  font-size: 20px;

  margin-top: 10px;

  gap: 20px;

  transition: transform 1s ease-in-out, background-color 0.3s ease-in-out;

}



.j-s-btn:hover{

  background-color: var(--s1-color);

  transform: translateX(10px);

}



.j-s-btn-icon {

  width: 20px;

}



.j-s-line {

  width: 100%;

  height: 1px;

  background-color: white;

}



.jumbo-slider-nav {

  position: absolute;

  margin: 0px;

  bottom: 100px;

  width: 680px;

  right: -50px;

  height: 300px;

  overflow: clip;

}



.j-s-nav {

  width: 200px !important;

  height: 300px !important;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.jumbo-slider-nav .slick-list {

  width: 880px;

  right: 0px;

  position: absolute;

}



.jumbo-slider-nav .slick-slide {

  width: 200px !important;

  margin-right: 20px !important;

  border-radius: var(--l-radius);

  overflow: hidden;

}



.j-s-nav-img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.j-s-arrows {

  bottom: 30px;

  position: absolute;

  right: 0;

  width: 600px;

  display: flex;

  justify-content: flex-start;

  align-items: center;

  gap: 20px;

}



.prevbtn,

.nextbtn {

  border-radius: 50%;

  width: 80px;

  /* height: 50px; */

  display: flex;

  justify-content: center;

  align-items: center;

  /* border: 1px solid #fff; */

  color: #fff;

  font-size: 50px;

  padding: 10px;

  background-color: rgba(255, 255, 255, 0);

  transition: all 0.3s ease-in-out;

  cursor: pointer;

}



.prevbtn:hover,

.nextbtn:hover{

  background-color: var(--m1-color);

  /* transform: scale(1.1); */

}