@charset "UTF-8";
@media (min-width: 1025px) {
  section#whySrilanka .blackwhysl {
    width: 21%;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#whySrilanka .blackwhysl {
    width: 21%;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#whySrilanka .blackwhysl {
    width: 100%;
  }
}
@media (max-width: 600px) {
  section#whySrilanka .blackwhysl {
    width: 100%;
  }
}

@media (min-width: 1025px) {
  section#thingstodo .wraper-first {
    padding-left: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#thingstodo .wraper-first {
    padding-left: 0.5208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#thingstodo .wraper-first {
    padding-left: 10px;
  }
}
@media (max-width: 600px) {
  section#thingstodo .wraper-first {
    padding-left: 0px;
  }
}
@media (min-width: 1025px) {
  section#thingstodo .wraper-first .block-2, section#thingstodo .wraper-first .block-3 {
    width: 28.3854166667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#thingstodo .wraper-first .block-2, section#thingstodo .wraper-first .block-3 {
    width: 28.3854166667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#thingstodo .wraper-first .block-2, section#thingstodo .wraper-first .block-3 {
    width: auto;
  }
}
@media (max-width: 600px) {
  section#thingstodo .wraper-first .block-2, section#thingstodo .wraper-first .block-3 {
    width: auto;
  }
}
@media (min-width: 1025px) {
  section#thingstodo .wraper-first .block-2, section#thingstodo .wraper-first .block-3 {
    height: 20.8333333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#thingstodo .wraper-first .block-2, section#thingstodo .wraper-first .block-3 {
    height: 20.8333333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#thingstodo .wraper-first .block-2, section#thingstodo .wraper-first .block-3 {
    height: 200px;
  }
}
@media (max-width: 600px) {
  section#thingstodo .wraper-first .block-2, section#thingstodo .wraper-first .block-3 {
    height: 300px;
  }
}
section#thingstodo .wraper-first .block-2, section#thingstodo .wraper-first .block-3 {
  display: flex;
  position: relative;
}
@media screen and (max-width: 667px) {
  section#thingstodo .wraper-first .block-2, section#thingstodo .wraper-first .block-3 {
    margin-bottom: 10px !important;
  }
}
section#thingstodo .wraper-first .block-2 picture, section#thingstodo .wraper-first .block-3 picture {
  width: 100%;
}
section#thingstodo .wraper-first .block-2 picture::after, section#thingstodo .wraper-first .block-3 picture::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 97.68%);
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section#thingstodo .wraper-first .block-2 p, section#thingstodo .wraper-first .block-3 p {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  top: auto;
  bottom: 10%;
}
@media (min-width: 1025px) {
  section#thingstodo .wraper-first .block-2 {
    padding-bottom: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#thingstodo .wraper-first .block-2 {
    padding-bottom: 0.5208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#thingstodo .wraper-first .block-2 {
    padding-bottom: 10px;
  }
}
@media (max-width: 600px) {
  section#thingstodo .wraper-first .block-2 {
    padding-bottom: 0px;
  }
}
section#thingstodo .wraper-first .block-2 picture::after {
  content: "";
  height: 97.5%;
}
@media (min-width: 1025px) {
  section#thingstodo .wraper-first .block-2 picture::after {
    padding-bottom: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#thingstodo .wraper-first .block-2 picture::after {
    padding-bottom: 0.5208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#thingstodo .wraper-first .block-2 picture::after {
    padding-bottom: 0px;
  }
}
@media (max-width: 600px) {
  section#thingstodo .wraper-first .block-2 picture::after {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 1025px) {
  section#thingstodo .wraper-first .block-2 picture::after {
    height: 95%;
  }
}
@media screen and (max-width: 667px) {
  section#thingstodo .wraper-first .block-2 picture::after {
    height: 100%;
  }
}
section#thingstodo .wraper-first .block-2 p {
  bottom: 10%;
}
@media (min-width: 1025px) {
  section#thingstodo .wraper-second {
    padding-left: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#thingstodo .wraper-second {
    padding-left: 0.5208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#thingstodo .wraper-second {
    padding-left: 10px;
  }
}
@media (max-width: 600px) {
  section#thingstodo .wraper-second {
    padding-left: 0px;
  }
}
@media (min-width: 1025px) {
  section#thingstodo .wraper-second .block-4, section#thingstodo .wraper-second .block-5 {
    width: 28.3854166667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#thingstodo .wraper-second .block-4, section#thingstodo .wraper-second .block-5 {
    width: 28.3854166667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#thingstodo .wraper-second .block-4, section#thingstodo .wraper-second .block-5 {
    width: auto;
  }
}
@media (max-width: 600px) {
  section#thingstodo .wraper-second .block-4, section#thingstodo .wraper-second .block-5 {
    width: auto;
  }
}
@media (min-width: 1025px) {
  section#thingstodo .wraper-second .block-4, section#thingstodo .wraper-second .block-5 {
    height: 20.8333333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#thingstodo .wraper-second .block-4, section#thingstodo .wraper-second .block-5 {
    height: 20.8333333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#thingstodo .wraper-second .block-4, section#thingstodo .wraper-second .block-5 {
    height: 200px;
  }
}
@media (max-width: 600px) {
  section#thingstodo .wraper-second .block-4, section#thingstodo .wraper-second .block-5 {
    height: 300px;
  }
}
section#thingstodo .wraper-second .block-4, section#thingstodo .wraper-second .block-5 {
  display: flex;
  position: relative;
}
@media screen and (max-width: 667px) {
  section#thingstodo .wraper-second .block-4, section#thingstodo .wraper-second .block-5 {
    margin-bottom: 10px !important;
  }
}
section#thingstodo .wraper-second .block-4 picture, section#thingstodo .wraper-second .block-5 picture {
  width: 100%;
}
section#thingstodo .wraper-second .block-4 picture::after, section#thingstodo .wraper-second .block-5 picture::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 97.68%);
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section#thingstodo .wraper-second .block-4 p, section#thingstodo .wraper-second .block-5 p {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  top: auto;
  bottom: 10%;
}
@media (min-width: 1025px) {
  section#thingstodo .wraper-second .block-4 {
    padding-bottom: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#thingstodo .wraper-second .block-4 {
    padding-bottom: 0.5208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#thingstodo .wraper-second .block-4 {
    padding-bottom: 10px;
  }
}
@media (max-width: 600px) {
  section#thingstodo .wraper-second .block-4 {
    padding-bottom: 0px;
  }
}
section#thingstodo .wraper-second .block-4 picture::after {
  content: "";
  height: 97.5%;
}
@media (min-width: 1025px) {
  section#thingstodo .wraper-second .block-4 picture::after {
    padding-bottom: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#thingstodo .wraper-second .block-4 picture::after {
    padding-bottom: 0.5208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#thingstodo .wraper-second .block-4 picture::after {
    padding-bottom: 0px;
  }
}
@media (max-width: 600px) {
  section#thingstodo .wraper-second .block-4 picture::after {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 1025px) {
  section#thingstodo .wraper-second .block-4 picture::after {
    height: 95%;
  }
}
@media screen and (max-width: 667px) {
  section#thingstodo .wraper-second .block-4 picture::after {
    height: 100%;
  }
}
section#thingstodo .wraper-second .block-4 p {
  bottom: 10%;
}
@media (min-width: 1025px) {
  section#thingstodo .block-1 {
    width: 32.8125vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#thingstodo .block-1 {
    width: 32.8125vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#thingstodo .block-1 {
    width: auto;
  }
}
@media (max-width: 600px) {
  section#thingstodo .block-1 {
    width: auto;
  }
}
@media (min-width: 1025px) {
  section#thingstodo .block-1 {
    height: 41.6666666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#thingstodo .block-1 {
    height: 41.6666666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#thingstodo .block-1 {
    height: 400px;
  }
}
@media (max-width: 600px) {
  section#thingstodo .block-1 {
    height: 300px;
  }
}
section#thingstodo .block-1 {
  display: flex;
  position: relative;
}
@media screen and (max-width: 667px) {
  section#thingstodo .block-1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}
section#thingstodo .block-1 picture {
  width: 100%;
}
section#thingstodo .block-1 picture::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 97.68%);
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section#thingstodo .block-1 p {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  top: auto;
  bottom: 5%;
}

section#destinationsl .sl-destination-slider .sldest-img {
  width: 100%;
}
@media (min-width: 1025px) {
  section#destinationsl .sl-destination-slider .sldest-img {
    height: 34.1145833333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#destinationsl .sl-destination-slider .sldest-img {
    height: 34.1145833333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#destinationsl .sl-destination-slider .sldest-img {
    height: 500px;
  }
}
@media (max-width: 600px) {
  section#destinationsl .sl-destination-slider .sldest-img {
    height: 500px;
  }
}
section#destinationsl .sl-destination-slider .sldest-img {
  position: relative;
}
section#destinationsl .sl-destination-slider .sldest-img img {
  display: block;
}
section#destinationsl .sl-destination-slider .sldest-img picture::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 97.68%);
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1025px) {
  section#destinationsl .sl-destination-slider .sldest-img picture::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 97.68%);
  }
}
section#destinationsl .sl-destination-slider .attraction-box {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1025px) and (min-width: 667px) {
  section#destinationsl .sl-destination-slider .attraction-box {
    padding: 10px !important;
  }
}
section#destinationsl .sl-destination-slider {
  /* Overlay base style */
}
section#destinationsl .sl-destination-slider .attraction-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
}
@media (min-width: 1025px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    padding-left: 3.6458333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    padding-left: 3.6458333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    padding-left: 20px;
  }
}
@media (max-width: 600px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    padding-left: 20px;
  }
}
@media (min-width: 1025px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    padding-right: 3.6458333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    padding-right: 3.6458333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    padding-right: 20px;
  }
}
@media (max-width: 600px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    padding-right: 20px;
  }
}
@media (min-width: 1025px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    padding-bottom: 3.6458333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    padding-bottom: 3.6458333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    padding-bottom: 50px;
  }
}
@media (max-width: 600px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    padding-bottom: 50px;
  }
}
section#destinationsl .sl-destination-slider .attraction-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transform: translateY(45%);
  transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 1025px) {
  section#destinationsl .sl-destination-slider .attraction-overlay {
    transform: translateY(0);
  }
}
@media (min-width: 1025px) {
  section#destinationsl .sl-destination-slider .attraction-overlay .descriptionSL {
    height: 13.0208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#destinationsl .sl-destination-slider .attraction-overlay .descriptionSL {
    height: 13.0208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#destinationsl .sl-destination-slider .attraction-overlay .descriptionSL {
    height: auto;
  }
}
@media (max-width: 600px) {
  section#destinationsl .sl-destination-slider .attraction-overlay .descriptionSL {
    height: auto;
  }
}
section#destinationsl .sl-destination-slider .overlay-withoutdesc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
}
@media (min-width: 1025px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc {
    padding-left: 3.6458333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc {
    padding-left: 3.6458333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc {
    padding-left: 20px;
  }
}
@media (max-width: 600px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc {
    padding-left: 20px;
  }
}
@media (min-width: 1025px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc {
    padding-right: 3.6458333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc {
    padding-right: 3.6458333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc {
    padding-right: 20px;
  }
}
@media (max-width: 600px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc {
    padding-right: 20px;
  }
}
@media (min-width: 1025px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc {
    padding-bottom: 3.6458333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc {
    padding-bottom: 3.6458333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc {
    padding-bottom: 20px;
  }
}
@media (max-width: 600px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc {
    padding-bottom: 20px;
  }
}
section#destinationsl .sl-destination-slider .overlay-withoutdesc {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transform: translateY(10%);
  transition: all 0.4s ease-in-out;
}
@media (min-width: 1025px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc .setheight {
    height: 10.4166666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc .setheight {
    height: 10.4166666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc .setheight {
    height: auto;
  }
}
@media (max-width: 600px) {
  section#destinationsl .sl-destination-slider .overlay-withoutdesc .setheight {
    height: auto;
  }
}
section#destinationsl .sl-destination-slider {
  /* Always show title */
}
section#destinationsl .sl-destination-slider .attraction-overlay p.heading--28, section#destinationsl .sl-destination-slider .overlay-withoutdesc p.heading--28 {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}
section#destinationsl .sl-destination-slider {
  /* Other elements hidden initially */
}
section#destinationsl .sl-destination-slider .attraction-overlay p:not(.heading--28), section#destinationsl .sl-destination-slider .overlay-withoutdesc p:not(.heading--28) {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1025px) {
  section#destinationsl .sl-destination-slider .attraction-overlay p:not(.heading--28), section#destinationsl .sl-destination-slider .overlay-withoutdesc p:not(.heading--28) {
    transform: translateY(0);
    opacity: 1;
  }
}
section#destinationsl .sl-destination-slider {
  /* Hover effect – show full overlay */
}
section#destinationsl .sl-destination-slider .attraction-box:hover .attraction-overlay, section#destinationsl .sl-destination-slider .attraction-box:hover .overlay-withoutdesc {
  opacity: 1;
  transform: translateY(0);
}
section#destinationsl .sl-destination-slider {
  /* Show description + button on hover */
}
section#destinationsl .sl-destination-slider .attraction-box:hover .attraction-overlay p:not(.heading--28), section#destinationsl .sl-destination-slider .attraction-box:hover .overlay-withoutdesc p:not(.heading--28) {
  opacity: 1;
  transform: translateY(0);
}

section#SLOffers picture {
  display: block;
  position: relative;
  height: 100%;
}
@media (min-width: 1025px) {
  section#SLOffers picture .homeOfferImage {
    width: 28.90625vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers picture .homeOfferImage {
    width: 28.90625vw;
  }
}
@media (min-width: 1025px) {
  section#SLOffers picture .homeOfferImage {
    height: 33.0729166667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers picture .homeOfferImage {
    height: 33.0729166667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers picture .homeOfferImage {
    height: 400px;
  }
}
@media (max-width: 600px) {
  section#SLOffers picture .homeOfferImage {
    height: 400px;
  }
}
section#SLOffers picture::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
}
@media (min-width: 1025px) {
  section#SLOffers picture::before {
    height: 13.0208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers picture::before {
    height: 13.0208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers picture::before {
    height: 150px;
  }
}
@media (max-width: 600px) {
  section#SLOffers picture::before {
    height: 150px;
  }
}
section#SLOffers picture::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  z-index: 1;
}
section#SLOffers picture::after {
  content: "";
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
}
@media (min-width: 1025px) {
  section#SLOffers picture::after {
    height: 13.0208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers picture::after {
    height: 13.0208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers picture::after {
    height: 150px;
  }
}
@media (max-width: 600px) {
  section#SLOffers picture::after {
    height: 150px;
  }
}
section#SLOffers picture::after {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
section#SLOffers .off-block-1 .overlayhotels {
  bottom: 13%;
}
@media screen and (max-width: 1025px) {
  section#SLOffers .off-block-1 .overlayhotels {
    bottom: 25%;
  }
}
@media screen and (max-width: 1025px) {
  section#SLOffers .off-block-1 .overlaytags {
    width: 65%;
  }
  section#SLOffers .off-block-1 .overlaytags img {
    width: 100%;
  }
}
section#SLOffers .overlayhotels {
  top: auto;
  bottom: 15%;
  left: 0;
  right: 0;
  z-index: 2;
  transform: translateY(30%);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1025px) {
  section#SLOffers .overlayhotels {
    padding-left: 2.0833333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers .overlayhotels {
    padding-left: 2.0833333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers .overlayhotels {
    padding-left: 10px;
  }
}
@media (max-width: 600px) {
  section#SLOffers .overlayhotels {
    padding-left: 10px;
  }
}
@media (min-width: 1025px) {
  section#SLOffers .overlayhotels {
    padding-right: 2.0833333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers .overlayhotels {
    padding-right: 2.0833333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers .overlayhotels {
    padding-right: 10px;
  }
}
@media (max-width: 600px) {
  section#SLOffers .overlayhotels {
    padding-right: 10px;
  }
}
@media screen and (max-width: 1025px) {
  section#SLOffers .overlayhotels {
    bottom: 25%;
  }
}
section#SLOffers .overlaytags {
  bottom: auto;
  top: 2%;
  left: 0;
  right: 0;
  z-index: 2;
}
@media (min-width: 1025px) {
  section#SLOffers .overlaytags {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers .overlaytags {
    padding-left: 1.0416666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers .overlaytags {
    padding-left: 10px;
  }
}
@media (max-width: 600px) {
  section#SLOffers .overlaytags {
    padding-left: 10px;
  }
}
@media (min-width: 1025px) {
  section#SLOffers .overlaytags {
    padding-right: 1.0416666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers .overlaytags {
    padding-right: 1.0416666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers .overlaytags {
    padding-right: 10px;
  }
}
@media (max-width: 600px) {
  section#SLOffers .overlaytags {
    padding-right: 10px;
  }
}
section#SLOffers .overlaytags .taglineImg {
  background-color: #FFFFFF;
}
@media (min-width: 1025px) {
  section#SLOffers .overlaytags .taglineImg {
    padding: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers .overlaytags .taglineImg {
    padding: 0.5208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers .overlaytags .taglineImg {
    padding: 5px;
  }
}
@media (max-width: 600px) {
  section#SLOffers .overlaytags .taglineImg {
    padding: 5px;
  }
}
section#SLOffers .overlaytags .locatep {
  width: max-content;
}
@media (min-width: 1025px) {
  section#SLOffers .overlaytags .locatep {
    padding-left: 0.4166666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers .overlaytags .locatep {
    padding-left: 0.4166666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers .overlaytags .locatep {
    padding-left: 5px;
  }
}
@media (max-width: 600px) {
  section#SLOffers .overlaytags .locatep {
    padding-left: 5px;
  }
}
@media (min-width: 1025px) {
  section#SLOffers .overlaytags .locatep {
    padding-right: 0.4166666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers .overlaytags .locatep {
    padding-right: 0.4166666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers .overlaytags .locatep {
    padding-right: 5px;
  }
}
@media (max-width: 600px) {
  section#SLOffers .overlaytags .locatep {
    padding-right: 5px;
  }
}
section#SLOffers .overlaytags .locatep {
  background-color: rgba(173, 154, 98, 0.4784313725);
}
@media (min-width: 1025px) {
  section#SLOffers .overlaytags .locatep {
    margin-right: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers .overlaytags .locatep {
    margin-right: 0.5208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers .overlaytags .locatep {
    margin-right: 5px;
  }
}
@media (max-width: 600px) {
  section#SLOffers .overlaytags .locatep {
    margin-right: 5px;
  }
}
section#SLOffers .overlaytags .othertags {
  width: max-content;
}
@media (min-width: 1025px) {
  section#SLOffers .overlaytags .othertags {
    padding-left: 0.4166666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers .overlaytags .othertags {
    padding-left: 0.4166666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers .overlaytags .othertags {
    padding-left: 5px;
  }
}
@media (max-width: 600px) {
  section#SLOffers .overlaytags .othertags {
    padding-left: 5px;
  }
}
@media (min-width: 1025px) {
  section#SLOffers .overlaytags .othertags {
    padding-right: 0.4166666667vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers .overlaytags .othertags {
    padding-right: 0.4166666667vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers .overlaytags .othertags {
    padding-right: 5px;
  }
}
@media (max-width: 600px) {
  section#SLOffers .overlaytags .othertags {
    padding-right: 5px;
  }
}
section#SLOffers .overlaytags .othertags {
  background-color: rgba(255, 255, 255, 0.4784313725);
}
@media (min-width: 1025px) {
  section#SLOffers .overlaytags .othertags {
    margin-right: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLOffers .overlaytags .othertags {
    margin-right: 0.5208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLOffers .overlaytags .othertags {
    margin-right: 5px;
  }
}
@media (max-width: 600px) {
  section#SLOffers .overlaytags .othertags {
    margin-right: 5px;
  }
}
section#SLOffers .more-details-btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), bottom 0.4s ease;
  z-index: 5;
}
@media screen and (max-width: 1025px) {
  section#SLOffers .more-details-btn {
    opacity: 1;
    visibility: visible;
    bottom: 8%;
  }
}
section#SLOffers .slide-item {
  position: relative;
  overflow: hidden;
}
section#SLOffers .slide-item:hover .overlayhotels {
  transform: translateY(-6%);
}
section#SLOffers .slide-item:hover .off-block-1 .overlayhotels {
  transform: translateY(-30%);
}
section#SLOffers .slide-item:hover .more-details-btn {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-150%);
}

section#EssentialTips .sl-travel-tips-slider .sltt-img {
  width: 100%;
}
@media (min-width: 1025px) {
  section#EssentialTips .sl-travel-tips-slider .sltt-img {
    height: 29.4270833333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#EssentialTips .sl-travel-tips-slider .sltt-img {
    height: 29.4270833333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#EssentialTips .sl-travel-tips-slider .sltt-img {
    height: 400px;
  }
}
@media (max-width: 600px) {
  section#EssentialTips .sl-travel-tips-slider .sltt-img {
    height: 400px;
  }
}
section#EssentialTips .sl-travel-tips-slider .sltt-img {
  position: relative;
}
section#EssentialTips .sl-travel-tips-slider .sltt-img img {
  display: block;
}
section#EssentialTips .sl-travel-tips-slider .sltt-img picture::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 97.68%);
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section#EssentialTips .sl-travel-tips-slider .attraction-box {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1025px) and (min-width: 667px) {
  section#EssentialTips .sl-travel-tips-slider .attraction-box {
    padding: 10px !important;
  }
}
section#EssentialTips .sl-travel-tips-slider .overlayTips {
  position: absolute;
  top: auto;
  bottom: 10%;
  left: 0;
  right: 0;
}

@media (min-width: 1025px) {
  section#SLGallery .slick-list {
    padding-right: 9.375vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLGallery .slick-list {
    padding-right: 9.375vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLGallery .slick-list {
    padding-right: 100px;
  }
}
@media (max-width: 600px) {
  section#SLGallery .slick-list {
    padding-right: 0;
  }
}
@media (min-width: 1025px) {
  section#SLGallery .slick-list {
    padding-left: 9.375vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLGallery .slick-list {
    padding-left: 9.375vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLGallery .slick-list {
    padding-left: 100px;
  }
}
@media (max-width: 600px) {
  section#SLGallery .slick-list {
    padding-left: 0;
  }
}
@media (min-width: 1025px) {
  section#SLGallery .slick-list .imageslider-gal {
    margin-left: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLGallery .slick-list .imageslider-gal {
    margin-left: 0.5208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLGallery .slick-list .imageslider-gal {
    margin-left: 10px;
  }
}
@media (max-width: 600px) {
  section#SLGallery .slick-list .imageslider-gal {
    margin-left: 5px;
  }
}
@media (min-width: 1025px) {
  section#SLGallery .slick-list .imageslider-gal {
    margin-right: 0.5208333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLGallery .slick-list .imageslider-gal {
    margin-right: 0.5208333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLGallery .slick-list .imageslider-gal {
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  section#SLGallery .slick-list .imageslider-gal {
    margin-right: 5px;
  }
}
@media (min-width: 1025px) {
  section#SLGallery .slick-list .imageslider-gal {
    height: 36.4583333333vw;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  section#SLGallery .slick-list .imageslider-gal {
    height: 36.4583333333vw;
  }
}
@media (min-width: 600px) and (max-width: 1025px) {
  section#SLGallery .slick-list .imageslider-gal {
    height: 400px;
  }
}
@media (max-width: 600px) {
  section#SLGallery .slick-list .imageslider-gal {
    height: 400px;
  }
}
/*# sourceMappingURL=srilanka.min.css.map */