:root {
  --montserrat-fonts: "Montserrat", system-ui;
  --hind-fonts: "Hind", system-ui;
}




/* Home Section 01 - Main Banner Swiper - START */
.home-banner-swiper .swiper-slide img {
  width: 100%;
  height: 700px;
  object-fit: cover;
}

.home-banner-custom-new .swiper-button-next::after,
.home-banner-custom-new .swiper-button-prev::after {
  content: none;
}

.home-banner-custom-new .swiper-button-next,
.home-banner-custom-new .swiper-button-prev {
  position: relative;
  left: 0;
  right: 0;
  outline: none;
  background-color: transparent;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}

.home-banner-custom-new .swiper-button-next i,
.home-banner-custom-new .swiper-button-prev i {
  color: #ffffff;
}

.home-banner-custom-new .swiper-button-next.swiper-button-disabled,
.home-banner-custom-new .swiper-button-prev.swiper-button-disabled {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  opacity: 1;
  cursor: auto;
  pointer-events: none;
  border: solid 1px #ffffff;
  background-color: transparent;
}

.home-banner-custom-new .swiper-button-next.swiper-button-disabled i,
.home-banner-custom-new .swiper-button-prev.swiper-button-disabled i {
  color: hsl(0, 0%, 100%);
}
/* Home Section 01 - Main Banner Swiper - END */





/* Home Section 09 - Swiper - START */
.home-swiper2-world .home-swiper2-txt {
  font-family: var(--hind-fonts);
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  max-width: 468px;
  padding-bottom: 38px;
  padding-top: 24px;
}

.home-swiper2-world .home-swiper2-btn {
  font-family: var(--montserrat-fonts);
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  text-decoration: none;
}

.home-swiper2-world .swiper-slide .home-swiper2-btn {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.home-swiper2-world .swiper-slide:hover .home-swiper2-btn {
  opacity: 1;
  visibility: visible;
}

.home-swiper2-world .swiper-slide:hover .home-swiper2-txt {
  text-decoration: underline;
  transition: text-decoration 0.3s ease;
}

.home-swiper2-world .home-swiper2-img {
  width: -webkit-fill-available;
  object-fit: cover;
  border-radius: 20px;
  transition: height 0.3s ease;
}

.swiper-button-next.home-swiper2-world-next::after,
.swiper-button-prev.home-swiper2-world-prev::after {
  display: none;
}

.swiper-button-prev.home-swiper2-world-prev {
  left: 29%;
  top: 27%;
  background-color: white;
  visibility: hidden;
  opacity: 0;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}

.swiper-button-next.home-swiper2-world-next {
  right: 29%;
  top: 27%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.home-swiper2-world-prev img {
  transform: rotate(180deg);
}
/* Home Section 09 - Swiper - END */





/* Life At Serendib - Section 04 - Employee Success Story Swiper - START */
.employee-success-story-swiper .swiper-button-prev, 
.employee-success-story-swiper .swiper-button-next {
  margin-top: 6rem;
}

.employee-success-story-swiper .swiper-button-next::after,
.employee-success-story-swiper .swiper-button-prev::after {
  content: none;
  border: solid 1px #da893b !important;
}

.employee-success-story-swiper .swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 125px);
  right: auto;
  outline: none;
  background-color: transparent;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: solid 1px #da893b !important;
}

.employee-success-story-swiper .swiper-button-next, .swiper-rtl .swiper-button-prev  {
  left: var(--swiper-navigation-sides-offset, 55px);
  right: auto;
  outline: none;
  background-color: transparent;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: solid 1px #da893b !important;
}

.employee-success-story-swiper .swiper-button-next .next-emp-success-story,
.employee-success-story-swiper .swiper-button-prev .prev-emp-success-story {
  outline: none;
  background-color: transparent;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: solid 1px #da893b !important;
}

.employee-success-story-swiper .swiper-button-next.next-emp-success-story i,
.employee-success-story-swiper .swiper-button-prev.prev-emp-success-story i {
  color: #da893b;
}

.employee-success-story-swiper .swiper-button-next.next-emp-success-story.swiper-button-disabled,
.employee-success-story-swiper .swiper-button-prev.prev-emp-success-story.swiper-button-disabled {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  opacity: 1;
  cursor: auto;
  border: solid 1px #da893b !important;
}

.employee-success-story-swiper .swiper-button-next.next-emp-success-story.swiper-button-disabled i,
.employee-success-story-swiper .swiper-button-prev.prev-emp-success-story.swiper-button-disabled i {
  color: #da893b;
}

.employee-success-story-swiper .nam-posi {
  font-family: var(--montserrat-fonts);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.59;
  letter-spacing: normal;
  color: #000;
  margin-bottom: 25px;
}

.employee-success-story-swiper .stoty {
  font-family: var(--hind-fonts);
  font-size: 16px;
  font-weight: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #383c3c;
}

.employee-success-story-swiper .hed-title {
  margin-bottom: -11rem;
}

.employee-success-story-swiper .swiper-pagination-fraction {
  margin-top: 2.5rem;
  font-family: var(--montserrat-fonts);
  font-size: 20px;
  font-weight: 300;
  line-height: 2.5;
  color: #000;
}

.employee-success-story-swiper .swiper-pagination-fraction .swiper-pagination-current {
  font-family: var(--montserrat-fonts);
  font-size: 45px;
  font-weight: 300;
  line-height: 1.11;
  color: #da893b;
}
/* Life At Serendib - Section 04 - Employee Success Story Swiper - END */





/* Life At Serendib - Section 06 - Swiper - START */
.life-swiper2-world .home-swiper2-txt {
  font-family: var(--hind-fonts);
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  max-width: 468px;
  padding-bottom: 38px;
  padding-top: 24px;
}

.life-swiper2-world .home-swiper2-btn {
  font-family: var(--montserrat-fonts);
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  text-decoration: none;
}

.life-swiper2-world .swiper-slide .home-swiper2-btn {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.life-swiper2-world .swiper-slide:hover .home-swiper2-btn {
  opacity: 1;
  visibility: visible;
}

.life-swiper2-world .swiper-slide:hover .home-swiper2-txt {
  text-decoration: underline;
  transition: text-decoration 0.3s ease;
}

.life-swiper2-world .home-swiper2-img {
  width: -webkit-fill-available;
  height: 270px;
  object-fit: cover;
  border-radius: 20px;
  transition: height 0.3s ease;
}

.swiper-button-next.life-swiper2-world-next::after,
.swiper-button-prev.life-swiper2-world-prev::after {
  display: none;
}

.swiper-button-prev.life-swiper2-world-prev {
  left: 29%;
  top: 27%;
  background-color: white;
  visibility: hidden;
  opacity: 0;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}

.swiper-button-next.life-swiper2-world-next {
  right: 16%;
  top: 27%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.life-swiper2-world-prev img {
  transform: rotate(180deg);
}
/* Life At Serendib - Section 06 - Swiper - END */





/* About Us - Section 09 - Swiper - START */
.aboutsec9-swiper-world .aboutsec9-head {
  font-family: var(--montserrat-fonts);
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 15px;
  margin-top: 22px;
}

.aboutsec9-swiper-world .aboutsec9-txt p{
  font-family: var(--hind-fonts);
  font-size: 16px;
  line-height: 1.63;
  color: #fff;
  max-width: 100%;
  /*max-width: 320px;*/
}

.aboutsec9-swiper-world .swiper-slide .home-swiper2-btn {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.aboutsec9-swiper-world .swiper-slide:hover .home-swiper2-btn {
  opacity: 1;
  visibility: visible;
}

.aboutsec9-swiper-world .home-swiper2-img {
  width: -webkit-fill-available;
  height: 270px;
  object-fit: cover;
  border-radius: 20px;
  transition: height 0.3s ease;
}

.swiper-button-next.aboutsec9-swiper-world-next::after,
.swiper-button-prev.aboutsec9-swiper-world-prev::after {
  display: none;
}

.swiper-button-prev.aboutsec9-swiper-world-prev {
  left: 29%;
  top: 27%;
  background-color: white;
  visibility: hidden;
  opacity: 0;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}

.swiper-button-next.aboutsec9-swiper-world-next {
  right: 16%;
  top: 21%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.aboutsec9-swiper-world-prev img {
  transform: rotate(180deg);
}
/* About Us - Section 09 - Swiper - END */





/* Wheat flour and Nutrition. - Section 07 - Swiper - START */
.wheatflour-swiper2-world .home-swiper2-img {
  /*max-width: 335px;*/
  width: 336px;
  height: 270px;
  object-fit: cover;
  border-radius: 20px;
  transition: height 0.3s ease;
}

.wheatflour-swiper2-world .image-container {
  position: relative; 
  display: inline-block; 
}

.wheatflour-swiper2-world .overlay-text {
  margin-right: 18px;
  margin-bottom: 15px;
  background-color: white; 
  border-radius: 18px;
  padding: 8px 12px 4px 12px; 
  font-family: var(--hind-fonts);
  font-size: 16px;
  line-height: 1.63;
  color: #2e281f;
}

.wheatflour-swiper2-world .wheatflour-swiper2-title {
  font-family: var(--montserrat-fonts);
  font-size: 24px;
  font-weight: 300;
  color: #fcf6eb;
  padding-top: 25px;
  margin-bottom: 25px;
}

.wheatflour-swiper2-world .wheatflour-swiper2-txt {
  font-family: var(--hind-fonts);
  font-size: 16px;
  line-height: 1.63;
  color: #fcf6eb;
  max-width: 300px;
}

.swiper-button-next.wheatflour-swiper2-world-next::after,
.swiper-button-prev.wheatflour-swiper2-world-prev::after {
  display: none;
}

.swiper-button-prev.wheatflour-swiper2-world-prev {
  left: 29%;
  top: 27%;
  background-color: white;
  visibility: hidden;
  opacity: 0;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}

.swiper-button-next.wheatflour-swiper2-world-next {
  right: 16%;
  top: 22%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.wheatflour-swiper2-world-prev img {
  transform: rotate(180deg);
}
/* Wheat flour and Nutrition. - Section 07 - Swiper - START */





/* Blog Cake Katha - Section 04 - Baking Tips Swiper - START */
.bakeing-tips-swiper .swiper-button-next::after,
.bakeing-tips-swiper .swiper-button-prev::after {
  content: none;
  border: solid 1px #da893b !important;
}

.bakeing-tips-swiper .swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 25px);
  right: auto;
  outline: none;
  background-color: transparent;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: solid 1px #da893b !important;
}

.bakeing-tips-swiper .swiper-button-next, .swiper-rtl .swiper-button-prev  {
  left: var(--swiper-navigation-sides-offset, 0px);
  right: auto;
  outline: none;
  background-color: transparent;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: solid 1px #da893b !important;
}

.bakeing-tips-swiper .swiper-button-next .next-bakeing-tips,
.bakeing-tips-swiper .swiper-button-prev .prev-bakeing-tips {
  outline: none;
  background-color: transparent;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: solid 1px #da893b !important;
}

.bakeing-tips-swiper .swiper-button-next.next-bakeing-tips i,
.bakeing-tips-swiper .swiper-button-prev.prev-bakeing-tips i {
  color: #da893b;
}

.bakeing-tips-swiper .swiper-button-next.next-bakeing-tips.swiper-button-disabled,
.bakeing-tips-swiper .swiper-button-prev.prev-bakeing-tips.swiper-button-disabled {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  opacity: 1;
  cursor: auto;
  border: solid 1px #da893b !important;
}

.bakeing-tips-swiper .swiper-button-next.next-bakeing-tips.swiper-button-disabled i,
.bakeing-tips-swiper .swiper-button-prev.prev-bakeing-tips.swiper-button-disabled i {
  color: #da893b;
}

.bakeing-tips-swiper .swiper-pagination-fraction {
  font-family: var(--montserrat-fonts);
  font-size: 20px;
  font-weight: 300;
  line-height: 2.5;
  color: #000;
  margin-bottom: 60px;
}

.bakeing-tips-swiper .swiper-pagination-fraction .swiper-pagination-current {
  font-family: var(--montserrat-fonts);
  font-size: 45px;
  font-weight: 300;
  line-height: 1.11;
  color: #da893b;
}

.bakeing-tips-swiper .swiper-button-next, 
.bakeing-tips-swiper .swiper-button-prev {
  position: relative;
}

.bakeing-tips-swiper .tips {
  font-family: var(--montserrat-fonts);
  font-size: 28px;
  font-weight: 300;
  line-height: 1.25;
  color: #000;
  padding-bottom: 55px;
}

.bakeing-tips-swiper .tips-des {
  font-family: var(--hind-fonts);
  font-size: 16px;
  font-weight: normal;
  line-height: 1.63;
  color: #383c3c;
  padding-bottom: 85px;
}

/* Blog Cake Katha - Section 04 - Baking Tips Swiper - END */





/* Newsroom - Section 02 - Swiper - START */
.latestnews-swiper-world .swiper-slide .home-swiper2-btn {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.latestnews-swiper-world .swiper-slide:hover .home-swiper2-btn {
  opacity: 1;
  visibility: visible;
}

.swiper-button-next.latestnews-swiper-world-next::after,
.swiper-button-prev.latestnews-swiper-world-prev::after {
  display: none;
}

.swiper-button-prev.latestnews-swiper-world-prev {
  left: 29%;
  top: 27%;
  background-color: white;
  visibility: hidden;
  opacity: 0;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}

.swiper-button-next.latestnews-swiper-world-next {
  right: 2%;
  top: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.latestnews-swiper-world-prev img {
  transform: rotate(180deg);
}
/* Newsroom - Section 02 - Swiper - END */





/* CSR - Our Success Stories Swiper - START */
.success-stories-swiper .swiper-button-next::after,
.success-stories-swiper .swiper-button-prev::after {
  content: none;
  border: solid 1px #ffffff !important;
}

.success-stories-swiper .swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 25px);
  right: auto;
  outline: none;
  background-color: transparent;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: solid 1px #ffffff !important;
}

.success-stories-swiper .swiper-button-next, .swiper-rtl .swiper-button-prev  {
  left: var(--swiper-navigation-sides-offset, 0px);
  right: auto;
  outline: none;
  background-color: transparent;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: solid 1px #ffffff !important;
}

.success-stories-swiper .swiper-button-next .next-success-stories,
.success-stories-swiper .swiper-button-prev .prev-success-stories {
  outline: none;
  background-color: transparent;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: solid 1px #ffffff !important;
}

.success-stories-swiper .swiper-button-next.next-success-stories i,
.success-stories-swiper .swiper-button-prev.prev-success-stories i {
  color: #ffffff;
}

.success-stories-swiper .swiper-button-next.next-success-stories.swiper-button-disabled,
.success-stories-swiper .swiper-button-prev.prev-success-stories.swiper-button-disabled {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  opacity: 1;
  cursor: auto;
  border: solid 1px #ffffff !important;
}

.success-stories-swiper .swiper-button-next.next-success-stories.swiper-button-disabled i,
.success-stories-swiper .swiper-button-prev.prev-success-stories.swiper-button-disabled i {
  color: #ffffff;
}

.success-stories-swiper .swiper-button-next, 
.success-stories-swiper .swiper-button-prev {
  position: relative;
}

.success-stories-swiper .story-title {
  font-family: var(--montserrat-fonts);
  font-size: 28px;
  font-weight: 300;
  line-height: 1.43;
  color: #fff;
}
/* CSR - Our Success Stories Swiper - END */