img {
  width: 100%;
}

.tab-contents {
  width: 100%;
  height: auto;
  background: url('../images/awarness/background.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* background-color: yellow; */
}

.slide-s {
  border: 1px solid rgba(0, 0, 0, 0.254) !important;
  /* box-shadow: 0px 0px 10px rgba(1, 1, 1, 0.135); */
}

.imageleft {
  position: absolute;
  bottom: 0;
  left: -12px;
}

.imageright {
  position: absolute;
  bottom: 0;
  right: 0px;
}

.nav-tab {
  width: 50%;
  padding: 30px;
  background-color: #65C56E;
  display: flex;
  justify-content: space-evenly;
  border-radius: 10px;
}

.nav-link1.active::after {
  content: attr(data-text);
  font-weight: bold;
  position: relative;
  top: -4px;
  fill: black !important;
  padding: 2px 5px;
  border-radius: 4px;
}

/* .awar-svg {
  fill: white !important;
} */

/* .nav-link1.active .awar-svg {
  color: black;
  fill: black !important;
} */


/* .nav-item .active .awar-svg {
  fill: white !important;
}
.nav-item .awar-svg {
  fill: #0F5132 !important;

} */




.swiper {

  width: 100vw;
  margin-left: 10vw;
  display: flex;
  justify-content: flex-end;
  height: 100%;
  /* background-color: orange; */
  padding-bottom: 150px;
}

/* .swiper-slide {
  text-align: center;
  font-size: 18px;
padding: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;

} */
/* .slide > img{
  width: 600px !important;
} */
/* 
.swiper-slide {
  text-align: center;
  font-size: 18px;
padding: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;

}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
 height: 70rem !important; 
  object-fit: cover;
} */

/*Changes */

.swiper-wrapper {
  height: 300px !important;
  width: auto;
  /* background-color: orange; */
  /* height: 450px !important; */
}

.swiper-wrapper .swiper-slide {
  height: 100% !important;
  width: 220px !important;
  box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.15);
}


/* Application Slide start */
/* .swiper-wrapper .swiper-slide .slide { */
.applications-wrapper .swiper-slide .slide {
  height: auto;
  width: 100% !important;
  padding: 10px 0px;
  height: 100% !important;
}

.swiper-wrapper .swiper-slide .slide .slide-image-container {
  height: 50% !important;
  width: 90% !important;
  /* background-color: orange; */
}

.slide-image-container img {
  height: 90%;
  width: 90%;
  object-fit: contain;
}


.swiper-wrapper .swiper-slide .slide .slide-content-container {
  height: 40% !important;
  width: 90% !important;
  /* background-color: orange; */
}

.slide-content-container .slide-content {
  /* height: 100%; */
  width: 100% !important;
  /* background-color: yellow; */
}

.slide-content-container .slide-download {
  /* height: 100%; */
  width: 100%;
  /* background-color: yellow; */
}

@media only screen and (min-width:1040px) and (max-width:1800px) {

  .applications-wrapper .swiper-slide {
    margin-right: 40px !important;
  }
}




/* Application Slide end */




/* Podcast slide start */

.podcast-wrapper {
  height: 300px !important;
  /* width: 100%; */
  /* background-color: orange; */
  /* height: 450px !important; */
}

.podcast-wrapper .swiper-slide {
  /* max-width: 100% !important; */
  width: 220px !important;
  padding: 10px 0px;
  height: 100% !important;
  background-color: white;
  /* background-color: red !important; */
}

.podcast-wrapper a {
  height: 100%;
  width: 100%;
}

.podcast-wrapper a .slide {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* background-color: lightcoral; */
}

.podcast-wrapper a .slide .podcast-image-container {
  height: 70%;
  width: 100%;
  /* background-color: skyblue !important; */
}

.podcast-wrapper a .slide .podcast-image-container img {
  height: 90%;
  width: 90%;
  object-fit: cover;
}

.podcast-wrapper a .slide .podcast-content-container {
  height: 30%;
  width: 90%;
  /* background-color: aquamarine; */
}


@media only screen and (min-width:1040px) and (max-width:1800px) {
  .podcast-wrapper .swiper-slide {
    margin-right: 40px !important;
    /* background-color: red !important; */
  }
}

/* Podcast slide end */




/* Books slide start */

.books-wrapper {
  height: 300px !important;
  /* width: 100%; */
  /* background-color: orange; */
  /* height: 450px !important; */
}

.books-wrapper .swiper-slide {
  /* max-width: 100% !important; */
  width: 220px !important;
  padding: 10px 0px;
  height: 100% !important;
  background-color: white;
  /* background-color: red !important; */
}

.books-wrapper a {
  height: 100%;
  width: 100%;
}

.books-wrapper a .slide {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* background-color: lightcoral; */
}

.books-wrapper a .slide .books-image-container {
  height: 80%;
  width: 100%;
  /* background-color: skyblue !important; */
}

.books-wrapper a .slide .books-image-container img {
  height: 90%;
  width: 90%;
  /* object-fit: cover; */
}

.books-wrapper a .slide .books-content-container {
  height: 20%;
  width: 90%;
  /* background-color: aquamarine; */
}


@media only screen and (min-width:1040px) and (max-width:1800px) {
  .books-wrapper .swiper-slide {
    margin-right: 40px !important;
    /* background-color: red !important; */
  }
}


/* Books slide end */








/* Changes */

.custom-padding-carousel {
  padding-left: 10rem !important;
}

.swiper-slide {
  width: 100%;
}

.bg-text {

  opacity: .1;
  top: 24%;
  left: 24%;
  position: absolute;
  font-size: 10rem;
}


.download-option {
  padding-top: 15px;
}

.download-border-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.download-border {
  height: 3px;
  border-radius: 5px;
  width: 20%;
  background-color: #65C56E70;
}

.bi-apple,
.bi-google-play {
  transition-duration: 0.3s;
  font-size: 24px;
}

.bi-apple:hover,
.bi-google-play:hover {
  color: #65C56E;
}


@media (max-width:1200px) {
  .bg-text {

    opacity: .1;
    top: 24%;
    left: 16%;
    position: absolute;
    font-size: 6rem;
  }

  .fs-4 {
    font-size: 1rem !important;
  }

  .custom-padding-carousel {
    padding-left: 0rem !important;
  }
}

@media (max-width:990px) {
  .tab-contents {
    height: auto !important;
  }

  .imageleft,
  .imageright {
    display: none;
  }

  .bg-text {
    display: none;
    opacity: .1;
    top: 56%;
    left: 16%;
    position: absolute;
    font-size: 3rem;
  }

  .book {
    width: 6rem;
    aspect-ratio: 1;
  }

  .awar-svg {
    width: 30px;
    height: 30px;
  }


  .swiper {
    display: none;
  }

  .nav-tab {
    width: 100%;
    padding: 30px;
    background-color: #65C56E;
    display: flex;
    justify-content: space-evenly;
    border-radius: 10px;
  }
}

@media (max-width:520px) {
  .tab-contents {
    height: auto !important;
  }

  .download-option {
    padding-top: 10px;
  }

  .download-border {
    margin-top: 10px;
    height: 3px;
    border-radius: 5px;
    width: 20%;
    background-color: #65C56E70;
  }

  .bi-apple,
  .bi-google-play {
    transition-duration: 0.3s;
    font-size: 18px;
  }

  .bi-apple:hover,
  .bi-google-play:hover {
    color: #65C56E;
  }
}



/* 

.download-option {
  padding-top: 15px;
}

.download-border-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.download-border {
  height: 3px;
  border-radius: 5px;
  width: 20%;
  background-color: #65C56E70;
}

.bi-apple,
.bi-google-play {
  transition-duration: 0.3s;
  font-size: 24px;
}

.bi-apple:hover,
.bi-google-play:hover {
  color: #65C56E;
}

@media only screen and (max-width:425px)
{
  .download-option {
  padding-top: 10px;
}

.download-border {
  margin-top: 10px;
  height: 3px;
  border-radius: 5px;
  width: 20%;
  background-color: #65C56E70;
}

.bi-apple,
.bi-google-play {
  transition-duration: 0.3s;
  font-size: 18px;
}

.bi-apple:hover,
.bi-google-play:hover {
  color: #65C56E;
}
} */