@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Guthen+Bloots&display=swap");
@import url("https://fonts.cdnfonts.com/css/guthen-bloots-personal-use");
@import url("https://fonts.googleapis.com/css?family=Poppins&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css");
*, *::after, *::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

p {
  margin-bottom: 0;
}

body {
  font-family: "Poppins", sans-serif;
}

.container-style {
  height: 100%;
  position: relative;
}

.card {
  border-radius: 0 !important;
  --bs-card-border-radius: none !important;
  --bs-card-inner-border-radius: none !important;
}

.container-style {
  margin: auto;
  width: 80%;
}

.sec-1 {
  position: relative;
  text-align: start;
}

.new-container {
  max-width: 80%;
  margin-top: 2rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.new-container .container-text {
  margin: 10px 0 20px 0;
}

.new-container .container-text h3 {
  max-width: 100%;
  margin: 0 auto;
  font-size: 35px;
  letter-spacing: 1px;
  font-weight: 800;
  justify-content: center;
}

.sneak-peek-para {
  margin-bottom: 0 !important;
  color: #3d3d3d;
}

.sneak-peek-heading {
  color: #D91F28;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.5rem;
  line-height: 1.4;
}

@media screen and (max-width: 800px) {
  .new-container {
    max-width: 80%;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .new-container .container-text {
    margin: 32px 0 20px 0;
  }
  .new-container .container-text h3 {
    max-width: 100%;
    margin: 0 auto;
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 800;
  }
  .container-style {
    width: 90%;
  }
}
@media screen and (max-width: 500px) {
  .new-container {
    max-width: 80%;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .new-container .container-text {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .new-container .container-text h3 {
    font-size: 20px;
  }
  .transformingTrends-section {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .TrendsRight {
    margin-top: 18px !important;
  }
}
@media screen and (max-width: 600px) {
  .angled_text {
    font-size: 15px;
  }
  .stats-grid {
    grid-template-columns: repeat(2, 1fr) !important; /* 2 per row on mobile */
    gap: 0.5rem;
  }
  .awards_subCon {
    justify-content: center;
    align-items: center;
  }
  .dot_black_left {
    display: none;
  }
  .sus_rightImg {
    display: none;
  }
}
.hero_section {
  padding-top: 6rem;
}

.background-main {
  padding-bottom: 0 !important;
  background-size: cover;
  /*  padding-top: 5rem;*/
  /*background-image: url("/Theme/FrontEnd/Content/assets/images/home_heroSec.jpg");*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*  height: 32rem;*/
  min-height: 500px;
  overflow: hidden;
  position: relative;
  background-color: gray;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.br_b {
  border-right: 1px solid #b96565;
}

/* Black overlay */
/* Ensure your actual content is above the overlay */
.background-main > * {
  position: relative;
  z-index: 2;
}

.hero_textSec {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); /* Center it vertically */
  background-image: url("/Theme/FrontEnd/Content/assets/images/hero_text_bg.png");
  background-size: cover; /* Equivalent to object-fit: cover */
  background-position: center;
  background-repeat: no-repeat;
  width: 500px; /* or a specific width */
  height: 200px; /* define height to control the shape */
}

.high-returns h2 {
  letter-spacing: 1px;
  font-size: 25px;
  line-height: 0.9 !important;
  font-weight: 800;
  text-align: left;
}

.img-people {
  margin-top: 1rem;
  position: absolute;
  bottom: 0;
  left: 40%;
  width: 73%;
}

.high-returns .button-invest {
  padding: 4px 18px;
  background: linear-gradient(to right, #d91f28, #b10810);
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.high-returns .button-invest:hover {
  background: linear-gradient(to left, #d91f28, #b10810);
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.high-returns .button-play {
  padding: 4px 18px;
  border: 1px solid white;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.high-returns .button-play:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.high-returns .button-play img {
  height: 60%;
}

.high-returns h5 {
  font-size: 14px;
}

.angled-box-img {
  background-image: url("/Theme/FrontEnd/Content/assets/images/hero_text_bg.png"); /* your angled box image */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 60%;
  max-width: 500px;
  height: auto;
  aspect-ratio: 16/9; /* keeps shape ratio */
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 2rem;
  text-align: center;
  z-index: 99;
}

.angled_text {
  text-align: start;
  padding: 0rem 2rem;
}

.angled-box-img h1 {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
}

.angled-box-img .highlight {
  color: #c8102e;
  font-weight: 900;
}

.triangle {
  position: absolute;
  width: 0;
  height: 0;
  z-index: 3;
}

.triangle.red {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 29px solid #c8102e;
  top: 1%;
  left: 5%;
  transform: rotate(350deg);
  z-index: 10;
}

.triangle.black {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 42px solid transparent;
  border-bottom: 44px solid transparent;
  border-right: 42px solid #0a0a0a;
  bottom: 36%;
  right: 64%;
  /* left: 44%; */
  transform: rotate(305deg);
  z-index: 0;
}

.know_more_btn a {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
}
.know_more_btn a img {
  width: 14px;
  margin-left: 8px;
  transition: transform 0.3s ease;
}
.know_more_btn a:hover {
  animation: shake 0.4s ease-in-out;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(2px);
  }
  75% {
    transform: translateX(-1px);
  }
  100% {
    transform: translateX(0);
  }
}
.hero_above_abs {
  position: absolute;
  top: -5%;
  right: 0;
}
.hero_above_abs img {
  width: 170px;
}

.hero_below_abs {
  position: absolute;
  bottom: 0;
}
.hero_below_abs img {
  width: 110px;
}

.swiper-button-prev.hero_prev {
  display: none !important;
}

.swiper-button-next.hero_next {
  display: none !important;
}

.swiper-button-prev.hero_prev:after {
  font-size: 16px !important;
}

.swiper-button-next.hero_next:after {
  font-size: 16px !important;
}

.hero_section .swiper-pagination-bullet {
  display: none;
}

@media screen and (min-width: 330px) and (max-width: 500px) {
  .background-main {
    min-height: 143px !important;
    background-size: cover;
  }
  .mobile_timeless {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
@media screen and (max-width: 320px) {
  .red-bar {
    display: none;
  }
  .background-main {
    /*height: 20rem;*/
    /*   padding-top: 3rem;*/
    min-height: 122px;
    background-size: contain;
  }
  .angled-box-img {
    width: 100%;
  }
  .angled-box-img h1 {
    font-size: 15px;
  }
  .triangle.black {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 42px solid transparent;
    border-bottom: 44px solid transparent;
    border-right: 42px solid #0a0a0a;
    bottom: 27%;
    right: 22%;
    /* left: 44%; */
    transform: rotate(305deg);
    z-index: 0;
  }
  .know_more_btn a {
    padding-left: 2rem;
  }
  .hero_prev:after {
    display: none;
  }
  .hero_next:after {
    display: none;
  }
  .hero_above_abs img {
    width: 60px;
  }
  .hero_below_abs img {
    width: 50px;
  }
}
.about-section {
  padding: 2rem 2rem;
  background-color: #fff;
}

.about-content {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 1200px !important;
  margin: auto !important;
  gap: 2rem !important;
}

.image-section {
  flex: 1 1 40%;
  position: relative;
}

.image-wrapper {
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
  /*padding: 2rem;*/
}

.image-wrapper img:first-child {
  width: 100%;
  height: auto;
  display: block;
  mix-blend-mode: multiply;
}

.corner-triangle {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
}

.text-section {
  position: relative;
  flex: 1 1 50%;
}

.section-label {
  font-size: 12px;
  color: #444;
  margin-bottom: 0.5rem;
}

.text-section h2 {
  color: #c8102e;
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 1rem;
}

.text-section p {
  text-align: justify;
  font-size: 13px;
  color: #333;
  margin-bottom: 0rem;
  line-height: 1.6;
}

.text-section .highlight {
  color: #c8102e;
  font-weight: 700;
}

.about_abs {
  position: absolute;
  top: 3%;
  right: 7%;
}
.about_abs img {
  width: 25px;
}

@media screen and (max-width: 500px) {
  .about-section {
    padding: 1rem;
  }
  .about-content {
    flex-direction: column !important;
  }
}
.stats-section {
  background-color: #fff;
  padding: 1rem;
  width: 70%;
  margin: 0 auto;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 2rem;
  max-width: 1000px;
  margin: auto;
  text-align: center;
}

.stat-item {
  position: relative;
  padding: 1rem;
}

.stat-item::after {
  content: "";
  /*background: url("/Theme/FrontEnd/Content/assets/images/stat-arrow.png") no-repeat center;*/
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
}

.stat-label {
  font-size: 0.9rem;
  color: #c8102e;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.stat-number {
  font-size: 1.8rem;
  color: #6c7176;
  font-weight: 700;
}

.about-middle-border {
  width: 70%;
  margin: 0 auto;
  height: 1px;
  color: #555;
}

@media screen and (max-width: 500px) {
  .section-label {
    text-align: center !important;
  }
  .stat-label {
    font-size: 13px;
  }
  .text-section h2 {
    font-size: 20px;
    text-align: center;
  }
  .stats-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 per row on mobile */
    gap: 0.5rem;
  }
  .stat-number {
    font-size: 18px;
  }
  .stat_arrow {
    display: none;
  }
}
@media (min-width: 768px) {
  .stat-border {
    border-right: 2px solid #d0d1d3; /* Replace with actual color */
  }
}
.bg_card {
  background-color: #ececec !important;
  border: none !important;
}

.investor-dashboard .stock-quotes button {
  font-weight: 600;
}
.investor-dashboard .stock-quotes img {
  max-height: 40px;
}
.investor-dashboard .dashboard-grid .icon {
  font-size: 2rem;
  color: #dc3545;
}

.stockDiv {
  background: linear-gradient(to top right, #5e5d5d, #1e1e1e);
}
.stockDiv p {
  font-size: 18px;
  margin-bottom: 0;
}

.icon img {
  width: 30px;
  margin-bottom: 1.5rem;
}

.nseDiv {
  background-color: #ececec;
}

.card_para {
  font-size: 14px;
  color: #5e5d5d;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 1rem;
}

.report_section {
  padding: 3rem 2rem;
}
.report_section h4 {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  margin-top: 1rem;
}
.report_section p {
  margin: 0.5rem 0;
}
@media (max-width: 767.98px) {
  .report_section h4 {
    margin-top: 2rem;
  }
}
.report_section p {
  font-size: 13px;
}
.report_section .download {
  font-size: 11px;
  text-transform: capitalize;
  color: #c8102e;
  font-weight: 600;
}
.report_section .download img {
  width: 15px;
  filter: brightness(0) invert(1);
}

.report-cover-section {
  position: relative;
  text-align: center;
  width: 100%;
}
.report-cover-section .bg-image {
  object-fit: cover;
  width: 100%;
}
.report-cover-section .report-card {
  position: absolute;
  top: -11%;
  left: 29%;
}
.report-cover-section .report-card img {
  width: 230px;
}
@media (max-width: 767.98px) {
  .report-cover-section .report-card {
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
  }
  .report-cover-section .report-card img {
    width: 180px;
  }
}
.report-cover-section .red_investor_text {
  position: absolute;
  top: 12%;
}
.report-cover-section .red_investor_text h3 {
  font-size: 12px;
}
.report-cover-section .red_investor_text {
  position: absolute;
  top: 2%;
  left: 11%;
  text-align: center;
  padding: 2rem 2.5rem;
}
.report-cover-section .red_investor_text img {
  width: 50px;
  margin-bottom: 2rem;
}
.report-cover-section .red_investor_text h3 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.report-cover-section .red_investor_text p {
  font-size: 13px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .report-cover-section .red_investor_text {
    top: 7%;
    left: 38%;
    transform: translateX(-50%);
    padding: 1.5rem;
  }
  .report-cover-section .red_investor_text img {
    width: 20px;
    margin-bottom: 1.2rem;
  }
  .report-cover-section .red_investor_text h3 {
    font-size: 14px;
    margin-bottom: 1rem;
  }
  .report-cover-section .red_investor_text p {
    font-size: 8px;
  }
}
.report-cover-section .triangle.red_investors {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 28px solid transparent;
  border-bottom: 57px solid transparent;
  border-right: 61px solid #970b12;
  bottom: 10%;
  left: -3%;
  transform: rotate(38deg);
  z-index: 10;
}
@media (max-width: 767.98px) {
  .report-cover-section .triangle.red_investors {
    border-top: 21px solid transparent;
    border-bottom: 47px solid transparent;
    border-right: 51px solid #970b12;
    left: 1%;
    bottom: 15%;
    transform: rotate(34deg) scale(0.8);
  }
}
.report-cover-section .dot_black {
  position: absolute;
  top: -7%;
  right: 3%;
}
.report-cover-section .dot_black img {
  width: 55px;
}
@media (max-width: 767.98px) {
  .report-cover-section .dot_black {
    top: -5%;
    right: 5%;
  }
  .report-cover-section .dot_black img {
    width: 35px;
  }
}
.report-cover-section .white_dash_above {
  position: absolute;
  top: 21%;
  left: 3%;
  width: 100px;
}
@media (max-width: 767.98px) {
  .report-cover-section .white_dash_above {
    top: 18%;
    left: 10%;
    width: 70px;
  }
}
.report-cover-section .white_dash_below {
  position: absolute;
  bottom: -4%;
  right: -3%;
  width: 100px;
}
@media (max-width: 767.98px) {
  .report-cover-section .white_dash_below {
    bottom: -2%;
    right: 0%;
    width: 70px;
  }
}

.red_Investor_main {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .red_Investor_main {
    padding: 2rem 1rem;
  }
}

.annual_report {
  position: absolute;
  bottom: 4%;
  left: 13%;
  text-align: left;
}

.report-card-text {
  position: absolute;
  top: 1%;
  left: 29%;
  padding: 2rem;
  text-align: center;
}
.report-card-text img {
  width: 50px;
  margin-bottom: 2rem;
}
.report-card-text h3 {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.3px;
  margin-bottom: 1.8rem;
  text-transform: uppercase;
}
.report-card-text p {
  font-size: 13px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .report-card-text {
    left: 50%;
    top: 8%;
    transform: translateX(-50%);
    padding: 1.5rem;
  }
  .report-card-text h3 {
    font-size: 18px;
    margin-bottom: 1rem;
  }
  .report-card-text p {
    font-size: 12px;
  }
  .report-card-text img {
    width: 40px;
    margin-bottom: 1.2rem;
  }
}

.investment-info {
  display: flex;
  align-items: center;
}
.investment-info .investment-latest {
  background-color: #dc1f27;
  color: #fff;
  padding: 1rem 1.5rem;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
}
.investment-info .investment-latest:hover {
  background-color: #e44c51;
}
.investment-info .investment-latest img {
  width: 20px;
  height: 20px;
}
.investment-info .investment-text {
  background-color: #f2f2f2;
  color: #4a4a4a;
  padding: 1rem 1.5rem;
  font-size: 13px;
}
.investment-info .investment-text em {
  font-style: italic;
  font-weight: 500;
}
.investment-info .investment-text small {
  font-size: 12px;
  color: #888;
}
@media (max-width: 575.98px) {
  .investment-info {
    flex-direction: column;
    align-items: stretch;
  }
  .investment-info .investment-latest,
  .investment-info .investment-text {
    border-radius: 4px;
    width: 100%;
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 500px) {
  .f_reporting {
    width: 80%;
  }
  .stockDiv {
    padding: 33px;
  }
  .writeToUs_Main {
    padding-top: 2rem;
  }
  .annual_report {
    display: none;
  }
}
@media (max-width: 500.98px) {
  .report_section {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
}
.news_section {
  background-color: #ececec;
  padding-bottom: 3rem;
  position: relative;
}

.press_card_Sec {
  margin: 0 auto;
  position: relative;
}

.card_news {
  border: none;
  background-color: #ececec;
}

.card-body {
  padding: 0 10px;
  border-top: 1px solid #efefef;
}
.card-body p {
  font-size: 11px;
  margin-top: 2rem;
}

.news_body {
  width: 89%;
}
.news_body p {
  margin: 1rem 0;
}

.news_title {
  font-size: 16px;
  color: #c8102e;
  font-weight: 600;
  text-align: left;
  height: 3rem;
  margin-top: 1em;
  width: 100%;
}

.read-more {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 6px 40px;
  margin-bottom: 5px;
}
.read-more h4 {
  cursor: pointer;
}
.read-more .arrow-icon {
  cursor: pointer;
}

.blog-read-more {
  justify-content: start !important;
  gap: 8px;
}

.news_read_more {
  font-weight: 600;
  margin-bottom: 3rem;
  font-size: 12px;
  color: #c8102e;
  cursor: pointer;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
.news_read_more:hover {
  animation: shake 0.4s ease-in-out;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(2px);
  }
  75% {
    transform: translateX(-1px);
  }
  100% {
    transform: translateX(0);
  }
}
.news_read_more img {
  width: 15px;
}

.news_above_abs {
  position: absolute;
  top: -4%;
  right: 9%;
}
.news_above_abs img {
  width: 140px;
}

.news_below_abs {
  position: absolute;
  bottom: 0;
  left: 0;
}
.news_below_abs img {
  width: 120px;
}

.mySwiper-blog {
  --swiper-pagination-color: #dc1f27; /* your red */
}

@media screen and (max-width: 500px) {
  .news_above_abs img {
    width: 80px;
  }
  .news_below_abs img {
    display: none;
  }
  .card-body p {
    margin-top: 0.5rem;
  }
}
.timeless-style {
  background-color: #fff;
}
.timeless-style .section-title {
  font-size: 28px;
  font-weight: 700;
  color: #d91f28;
  text-transform: capitalize;
}
.timeless-style .category-card {
  text-align: center;
  height: 356px;
  width: 100%;
  perspective: 1000px;
  cursor: pointer;
}
.timeless-style .category-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.timeless-style .category-card:hover .category-card-inner {
  transform: rotateY(180deg);
}
.timeless-style .category-card-front,
.timeless-style .category-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 1rem;
}
.timeless-style .category-card-front {
  background: #fff;
}
.timeless-style .category-card-back {
  background: #dad9db;
  color: white;
  transform: rotateY(180deg);
}
.timeless-style .category-label {
  color: #3d3d3d;
  font-weight: 600;
  text-align: center;
  margin-top: 1rem;
}
.timeless-style .back-text {
  color: #b10810;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  line-height: 31px;
}

.custom-hover-card {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  z-index: 1;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.custom-hover-card .icon img {
  width: 40px;
  z-index: 2;
  position: relative;
  transition: transform 0.5s ease;
}
.custom-hover-card .card_para {
  margin-top: 15px;
  font-weight: 600;
  color: #333;
  z-index: 2;
  position: relative;
}
.custom-hover-card .hover-bg {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d91f28;
  z-index: 1;
  transition: top 0.5s ease;
}
.custom-hover-card:hover .hover-bg {
  top: 0;
}
.custom-hover-card:hover .icon img {
  transform: rotateY(360deg);
  filter: brightness(0) invert(1);
}
.custom-hover-card:hover .card_para {
  color: #fff;
}

@media screen and (max-width: 500px) {
  .timeless-style .category-card {
    /*height: 300px;*/
    height: 186px;
  }
}
.fashion_main {
  height: 100%;
  flex: 1 1 calc(25% - 22px); /* 4 cards per row, subtracting gap */
}

.fashion_main img {
  width: 100%;
  height: 222px;
}

.swiper-button-prev.fashion-prev {
  display: none !important;
}

.swiper-button-next.fashion-next {
  display: none !important;
}

.fashionSec .fashion_wrapper {
  gap: 25px;
}
.fashionSec .swiper-pagination-bullet {
  margin-top: 1rem;
  display: flex;
  display: block !important;
}
.fashionSec .swiper-pagination-bullet-active {
  background: red !important;
}
.fashionSec .fashion-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-button-next:after {
  display: none !important;
}

@media (max-width: 500px) {
  .fashionSec .fashion_wrapper {
    gap: 0px !important;
  }
  .swiper-button-next.fashion-next {
    display: none !important;
  }
  .swiper-button-prev.fashion-prev {
    display: none !important;
  }
}
.SocialEffort_section {
  position: relative;
  background-color: #ececec;
}
.SocialEffort_section .beyond_details_main {
  width: 100%;
}
.SocialEffort_section .beyond_details_text {
  font-size: 25px;
}
.SocialEffort_section .profile-pic {
  width: 80px;
  height: 80px;
}
.SocialEffort_section .name-highlight {
  color: #d91f28;
  font-weight: bold;
}
.SocialEffort_section .beyond_details_sub {
  padding: 5px 15px;
}
.SocialEffort_section .beyond_details_subcon {
  background: linear-gradient(135deg, #b30911, #b10810, #d91f28);
}
.SocialEffort_section .beyond_details_subcon .impact-card {
  padding: 20px 10px;
}
.SocialEffort_section .beyond_details_subcon .impact-card img {
  width: 30px;
  height: 30px;
}

@media (max-width: 500px) {
  .SocialEffort_section .beyond_details_text {
    margin-bottom: 1.5rem;
    font-size: 18px;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .impact-card {
    padding: 20px 10px;
    width: 260px;
    background-color: rgba(255, 255, 255, 0.1); /* Optional styling */
  }
  .impact-card img {
    width: 30px;
    height: 30px;
  }
  .impact-card p {
    padding: 0 5px;
    font-size: 14px;
  }
  /* Mobile scrollable container */
  .beyond_details_subcon-mobile {
    background: linear-gradient(135deg, #b30911, #b10810, #d91f28);
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
  }
  /* Optional: Hide scrollbar on WebKit browsers */
  .beyond_details_subcon-mobile::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .SocialEffort_section.beyond_details_text {
    margin-bottom: 20px;
  }
}
.sustainability_mainCon {
  background: linear-gradient(to right, #e5ffca, #ffffff);
}
.sustainability_mainCon p {
  font-size: 13px;
  text-align: center;
  color: #3d3d3d;
}

.sustainability_subCon {
  padding: 1rem 1.5rem;
}
.sustainability_subCon p {
  text-align: justify;
  font-size: 13px;
  color: #044b10;
}

.environment_text {
  font-size: 18px;
  font-weight: 800;
  color: #044b10;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.environment_text img {
  width: 50px;
}

.environment_mainBox {
  width: 90%;
}

.info-box {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  min-height: 130px;
  background: #f7fbf7; /* light greenish */
  padding: 10px 15px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
}
.info-box img {
  width: 30px;
}
.info-box h4 {
  color: #69a473;
  font-size: 20px;
  font-weight: 600;
}
.info-box p {
  color: #69a473;
  font-size: 10px;
}

.sus_rightImg img {
  width: 100%;
}

@media screen and (max-width: 500px) {
  .sustainability_subCon .sus_rightImg {
    display: none;
  }
}
.ourPeople_section {
  margin: 0 auto;
}

.people_wrapper {
  gap: 25px;
}

.team-card {
  height: 100%;
  flex: 1 1 calc(25% - 22px) !important; /* 4 cards per row, subtracting gap */
  min-width: 200px; /* Prevents getting too small on smaller screens */
  max-width: 300px;
  position: relative;
  overflow: hidden;
}
.team-card .team_imageSec {
  display: flex;
  justify-content: center;
  position: relative;
  height: 230px;
}
.team-card .team-style-bazaar-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.6;
  z-index: 2;
}
.team-card .team-style-bazaar-bg img {
  width: 160px;
}
.team-card .team_mid_border {
  border: 1px solid #ffd4d6;
  margin: 0 !important;
}
.team-card .team_member {
  position: absolute;
  bottom: 0;
  z-index: 988;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-card .team_member img {
  /*width: 82%;*/
  height: 250px;
}
.team-card .team-textSec {
  height: 5rem;
  padding: 15px 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, #010101, #4e4e4e);
}
.team-card h5 {
  font-size: 13px;
  letter-spacing: 0.2px;
  font-weight: 600;
  color: #dc121c;
}
.team-card p {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0 !important;
}

.ourPeople_All {
  text-align: center;
}

.ourPeople_a {
  margin-top: 2rem;
  display: inline-block;
  background: linear-gradient(to right, #d91f28, #b10810);
  transition: all 0.3s ease-in-out;
  color: #fff;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 8px rgba(220, 18, 28, 0.3);
}

.ourPeople_All a:hover {
  background: linear-gradient(to left, #d91f28, #b10810);
  transform: translateY(-2px);
}

.ourPeople_section .OurPeople-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ourPeople_section .OurPeople-pagination .swiper-pagination-bullet {
  margin-top: 1rem;
  display: flex;
  display: block !important;
}
.ourPeople_section .OurPeople-pagination .swiper-pagination-bullet-active {
  background: rgb(215, 45, 45) !important;
}

.OurPeople-pagination {
  position: relative !important;
  margin-top: 30px;
  text-align: center;
  z-index: 1;
}

.swiper-button-prev.people-prev {
  display: none;
}

.swiper-button-next.people-next {
  display: none;
}

.people-pagination .swiper-pagination-bullet {
  display: none;
}

@media screen and (max-width: 500px) {
  .mobiletimeless_header {
    margin-top: 1rem;
  }
  .people_wrapper {
    gap: 0 !important;
  }
  .swiper-button-prev.people-prev {
    display: none;
  }
  .swiper-button-next.people-next {
    display: none;
  }
}
.awards_sub {
  text-align: start;
  margin-bottom: 1.5rem;
}
.awards_sub .award_year {
  width: 90px;
  color: #dc121c;
  font-weight: 700;
  background-color: #ffeced;
}
.awards_sub .award_year p {
  font-size: 11px;
  text-align: center;
  padding: 5px;
}
.awards_sub h4 {
  font-size: 17px;
  font-weight: 600;
}
.awards_sub .award_text {
  width: 340px;
  font-size: 12px;
  padding: 20px 0px;
}
.awards_sub .swiper-button-next {
  right: -61px !important;
  left: auto !important;
}

.awards_subCon {
  padding: 0 2rem;
}

.award-pagination .swiper-pagination-bullet {
  display: none !important;
}

.awards_imgSec {
  text-align: center;
}

.awards_imgSec img {
  width: 300px;
  height: 343px;
}

.award_underline {
  height: 3px;
  width: 322px;
  background-color: #d91f28;
}

.swiper-button-prev:after {
  display: none !important;
}

.swiper-button-prev.award-Mainprev,
.swiper-button-next.award-Mainnext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.award-Mainpagination .swiper-pagination-bullet {
  display: none !important;
}

.swiper-button-prev.award-Mainprev {
  left: 9px; /* adjust as needed */
}

.swiper-button-next.award-Mainnext {
  right: 9px; /* adjust as needed */
}

.awards_mainCon {
  padding: 0 50px; /* create internal space for arrows */
}

@media screen and (max-width: 991.98px) {
  .award_section {
    margin-top: 1.5rem !important;
  }
  .awards_imgSec img {
    width: 222px;
    height: 300px;
    margin-bottom: 1rem;
  }
  .awards_sub {
    margin-bottom: 0.5rem;
    width: 100%;
  }
  .award_section {
    padding-bottom: 0px !important;
  }
  .swiper-button-next.award-next {
    display: none !important;
  }
  .swiper-button-prev.award-prev {
    display: none !important;
  }
  .award-pagination {
    display: flex;
    justify-content: center;
  }
  .award-pagination .swiper-pagination-bullet-active {
    color: red;
  }
}
@media (max-width: 767.98px) {
  .mySwiper-award {
    padding: 0 !important;
  }
  .awards_subCon {
    padding: 0;
  }
}
.threads_section {
  padding-top: 2rem;
  background-color: #eeeeee;
  padding-bottom: 4rem;
}

.card-divider {
  margin: 0;
}

.card {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border: none;
  background-color: #ffe6e7;
}

.card .card-body {
  border-top: 1px solid #efefef;
  padding: 0;
  background: #eeeeee;
}

.card-body {
  flex: 1 1 auto;
  color: var(--bs-card-color);
}

.card-title {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  height: 4rem;
  margin-top: 1em;
  width: 100%;
  padding: 0 25px;
  color: #3d3d3d;
}

.card .card-body .read-more {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 11px 27px;
  margin-bottom: 6px;
}

.Beyondcard-img-top {
  border-top-left-radius: none !important;
  border-top-right-radius: none !important;
  height: 230px;
  width: 100%;
}

.card .card-body .read-more h4 {
  font-size: 15px;
  font-weight: 600;
  color: #d91f28;
  transition: all 0.3s ease;
  margin-bottom: 0 !important;
}

.card .card-body .read-more h4:hover {
  transform: scale(1.05);
}

@media screen and (max-width: 700px) {
  .threads_section {
    padding-top: 1rem !important;
    padding-bottom: 2rem;
  }
  .card-body .card-title {
    font-size: 14px !important;
    padding: 0 20px;
  }
  .card .card-body .read-more h4 {
    font-size: 14px !important;
  }
  .arrow-icon img {
    width: 50% !important;
  }
}
.contact-section {
  background-color: #d71920;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

.contact_know_more a {
  padding-left: 0 !important;
}

.grayscale-img {
  filter: grayscale(100%);
  border: 5px solid #fff;
  border-radius: 5px;
}

.video-container {
  max-width: 500px;
}

.play-button {
  width: 60px;
  height: 60px;
  background-color: #d71920;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.contact-form input[type=text],
.contact-form textarea {
  font: 15px sans-serif;
  color: #ffffff;
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 1px;
  background-color: transparent;
  padding: 4px 0;
  outline: none;
  margin-top: 20px;
}

.contact-form input[type=email] {
  font: 15px sans-serif;
  color: #ffffff;
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 1px;
  background-color: transparent;
  padding: 4px 0;
  outline: none;
  margin-top: 20px; /* Applied only to email input */
}

.effect-16 {
  border: 0;
  padding: 4px 0;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
}

.effect-16 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #fff;
  transition: 0.4s;
}

.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border {
  width: 100%;
  transition: 0.4s;
}

.effect-16 ~ label {
  position: absolute;
  left: 0;
  width: 100%;
  top: 5px;
  font-size: 14px;
  color: #ffffff;
  transition: 0.3s;
  z-index: 1;
  pointer-events: none;
  letter-spacing: 0.5px;
}

.effect-16:focus ~ label,
.has-content.effect-16 ~ label {
  top: -16px;
  font-size: 12px;
  color: #ffffff;
  transition: 0.3s;
}

select.effect-16 {
  font: 15px sans-serif;
  color: #fff;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 14px 0;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath fill='%23fff' d='M0 0l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 10px;
  transition: border-color 0.3s ease;
  z-index: 2;
  position: relative;
}

/* Focus state */
select.effect-16:focus {
  border-bottom: 1px solid #fff;
  outline: none;
}

/* Label floating up using JS-added class */
.select-label {
  position: absolute;
  top: 8px;
  left: 0;
  color: #ccc;
  font-size: 15px;
  pointer-events: none;
  transition: all 0.3s ease;
}

/* Active label state when select has value */
.select-label.active {
  top: -12px;
  font-size: 12px;
  color: #fff;
}

select.effect-16 option {
  background-color: #fff;
  color: #d71920;
}

.video-section {
  position: relative;
  width: 100%;
  z-index: 1;
}

.Video_heading {
  text-align: start;
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 27px;
}

.milestone {
  position: absolute;
  top: 16%;
  left: 39%;
  z-index: 0;
  pointer-events: none;
}

.milestone img {
  width: 65%;
}

/*
.thumbnail-img {
    width: 600px;
    height: 500px;
    display: block;
    border: 6px solid #fff;
}*/
/*.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  color: red;
  font-size: 35px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}*/
#main-video {
  width: 660px;
  height: 500px;
}

.contact_abs {
  position: absolute;
  right: 3%;
  top: -1%;
}

.contact_abs img {
  width: 150px;
}

.dot_black_left {
  position: absolute;
  bottom: -8%;
  left: 5%;
}
.dot_black_left img {
  width: 70px;
}

.video-thumbnail {
  position: relative;
  width: 100%;
  max-width: 650px;
  aspect-ratio: 650/500; /* Keeps height consistent */
  overflow: hidden;
}

.thumbnail-img,
#main-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  color: red;
  font-size: 35px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.hidden {
  display: none;
}

@media screen and (max-width: 500px) {
  .video-thumbnail {
    aspect-ratio: 750/500;
  }
  .contact_abs img {
    width: 100px;
  }
  .milestone img {
    display: none;
  }
  .Video_heading {
    text-align: center;
    margin-bottom: 1.5rem !important;
  }
  .video-section {
    padding-left: 38px;
  }
  .mobile-threads-header {
    margin-bottom: 18px !important;
  }
  .about-content {
    padding: 0 !important;
  }
}
.list-unstyled {
  cursor: pointer;
  color: #939393;
  font-weight: 600;
}

.list-unstyled li {
  padding-bottom: 3px;
}

.list-unstyled p {
  margin-bottom: 0 !important;
  font-size: 11px;
}

.list-unstyled p:hover {
  color: #fff;
}

.mid-section .btn {
  width: auto;
  border-radius: 0 25px 25px 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
  background: linear-gradient(101.32deg, #d91f28 3.55%, #b10810 93.69%);
}

.footer-logo {
  filter: grayscale(100%);
}

.need_helpSec {
  letter-spacing: 0.4px;
  margin-bottom: 1rem;
  font-size: 20px;
}

.footer_call {
  width: 16px;
}

.ptag {
  font-size: 12px;
}

.email-subscribe {
  display: flex;
  width: 350px; /* adjust as needed */
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

.email-subscribe input {
  flex: 1;
  padding: 12px 16px;
  border: none;
  outline: none;
  font-size: 12px;
  border-radius: 0;
}

.email-subscribe button {
  background-color: #b10810; /* red color */
  color: white;
  border: none;
  padding: 0 24px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.email-subscribe button:hover {
  background-color: #c62828;
}

.privacy_border {
  width: 2px;
  height: 3px;
  background-color: #fff;
}

.links a {
  text-decoration: none;
}

.img-span-social img {
  width: 10px;
  margin-left: 10px;
}

@media screen and (max-width: 500px) {
  .footer_last {
    text-align: left !important;
  }
  .email-subscribe {
    max-width: 100%;
  }
  .Video_heading {
    margin-top: 25px !important;
  }
  .back-text {
    font-size: 10px !important;
    line-height: 15px !important;
  }
}
input.effect-16:-webkit-autofill,
input.effect-16:-webkit-autofill:focus,
input.effect-16:-webkit-autofill:hover,
input.effect-16:-internal-autofill-selected {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #fff !important;
}

/* Autofill fix for Chrome / Safari / Edge (WebKit) */
.contact-form input:-webkit-autofill,
.contact-form input:-webkit-autofill:focus,
.contact-form input:-webkit-autofill:hover,
.contact-form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: transparent !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Autofill fix for Firefox */
input:-moz-autofill,
textarea:-moz-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
  -moz-text-fill-color: #ffffff !important;
  background-color: transparent !important;
}

.video-play-btn img {
  transition: transform 0.2s;
}

.video-play-btn:hover img {
  transform: scale(1.1);
}

.contactText {
  font-size: 20px;
}

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea,
.contact-form select.effect-16 {
  font-size: 14px; /* Slightly bigger font */
  padding: 6px 0; /* Comfortable padding */
  margin-top: 14px; /* Slight spacing */
}

.contact-form .form-group {
  margin-bottom: 18px; /* Reasonable space between fields */
}

.effect-16 ~ label,
.select-label {
  font-size: 13px; /* Clearer label font */
}

.select-label.active,
.effect-16:focus ~ label,
.has-content.effect-16 ~ label {
  font-size: 12px;
  top: -12px;
}

/* Optional: Adjust textarea height for comfort */
textarea.effect-16 {
  height: 75px;
  resize: vertical;
}

@media screen and (max-width: 500px) {
  .award_underline {
    width: 275px;
  }
  .award_text {
    width: 300px !important;
  }
  .hero_section {
    padding-top: 5rem;
  }
}
@media screen and (max-width: 500px) {
  .about-content-img {
    width: 75% !important;
    margin: 0 auto !important;
  }
}
.br_bc {
  border-right: 1px solid #ffffff;
}

.about_heroSec {
  width: 100%;
  /*background-image: url("/Theme/FrontEnd/Content/assets/images/about_hero.png");*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.aboutMiddleSec {
  padding-bottom: 2rem;
}

.about_high-returns {
  margin-top: 11rem;
}
.about_high-returns h2 {
  font-size: 45px;
  font-weight: 700;
  color: #fff;
}

.dressingIndia_center h3 {
  font-size: 35px;
  font-weight: 700;
}

.hero_about {
  padding-top: 11rem;
  margin-top: 5rem;
}

.dressingIndia_left {
  text-align: justify;
}
.dressingIndia_left h3 {
  font-size: 35px;
  font-weight: 600;
}
.dressingIndia_left p {
  color: #3D3D3D;
  padding: 10px;
  font-size: 13px;
  margin-bottom: 0px !important;
}

.dressingIndia_right {
  text-align: center;
}
.dressingIndia_right img {
  width: 260px;
}

.hero_section .about_sec {
  position: relative;
}

.hero_section .about_sec .stylebazaar-bag {
  position: absolute;
  right: 15%;
}

.abs_styleBag {
  width: 284px;
}

.dressingIndiaMiddle {
  width: 80%;
  margin: 0 auto;
  padding-top: 1.5rem;
  margin-top: 1.5rem;
}
.dressingIndiaMiddle .dressingIndiaMiddle_main {
  padding: 1rem 0;
  background: linear-gradient(to right, #E0E0E0, #F6F6F6);
  border-color: #fff !important;
}
.dressingIndiaMiddle .dressingIndiaMiddle_main small {
  font-size: 18px;
  color: #d91f28;
}
.dressingIndiaMiddle .dressingIndiaMiddle_main h3 {
  font-size: 25px;
  color: #3d3d3d;
}

.mission_arrow {
  position: absolute;
  right: 3%;
  top: 1%;
}
.mission_arrow img {
  width: 250px;
}

.missionText {
  text-align: justify;
  margin-bottom: 1.5rem;
}

.vissionText {
  text-align: justify;
}

@media screen and (max-width: 500px) {
  .mission_arrow {
    display: none;
  }
  .about_high-returns {
    margin-top: 0;
  }
  .about_high-returns h2 {
    font-size: 30px;
  }
  .dressingIndia {
    margin-top: 20px !important;
  }
  .dressingIndia_center h3 {
    font-size: 20px;
  }
  .dressingIndiaMiddle {
    padding-bottom: 1rem;
    padding-top: 1rem;
    margin-top: 0;
  }
  .dressingIndiaMiddle_main {
    padding: 1rem 0 !important;
  }
  .dressingIndiaMiddle .dressingIndiaMiddle_main small {
    font-size: 14px;
  }
  .dressingIndiaMiddle .dressingIndiaMiddle_main h3 {
    font-size: 19px;
  }
  .dressingIndia_left {
    margin-top: 1rem !important;
  }
  .dressingIndia_left h3 {
    font-size: 25px;
  }
  .dressingIndia_left p {
    font-size: 12px !important;
  }
  .dressingIndiaMiddle_text {
    padding: 10px 8px !important;
  }
  .stylebazaar-bag {
    display: none;
  }
}
.mission_sec {
  margin-bottom: 2rem;
}

.ouryear_Con {
  padding-top: 90px;
  padding-bottom: 30px;
}
.ouryear_Con .timeline {
  position: relative;
  margin-top: 50px;
}
.ouryear_Con .timeline .timeline-item {
  position: relative;
  flex: 1;
}
.ouryear_Con .timeline .dot {
  width: 16px;
  height: 16px;
  background-color: grey;
  border-radius: 50%;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.ouryear_Con .timeline .dot.active {
  background-color: #DC121C;
}
.ouryear_Con .timeline .year {
  margin-top: 8px;
}
.ouryear_Con .timeline .info-box {
  position: absolute;
  top: -130px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(to top right, #D91F28, #B10810);
  color: white;
  padding: 10px;
  border-radius: 4px;
  height: 100px; /* Ensures same height appearance */
  display: none;
  z-index: 1;
  font-size: 0.85rem;
  text-align: left;
  box-sizing: border-box; /* Includes padding in width */
  word-wrap: break-word;
  transition: all 0.5s ease;
  width: 269px; /* Adjusts to content */
}
.ouryear_Con .timeline .info-box::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #D91F28 transparent transparent transparent;
}
.ouryear_Con .timeline .info-box.show {
  display: block;
  animation: slideInUp 0.6s ease forwards;
}

.timeline-line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e0e0e0; /* Static base line */
  overflow: hidden;
  z-index: 0;
}

.timeline-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 200%;
  background-image: linear-gradient(to right, #D91F28 25%, transparent 25%, transparent 50%, #D91F28 50%, #D91F28 75%, transparent 75%, transparent);
  background-size: 40px 100%;
  animation: moveLine 25s linear infinite;
  z-index: 1;
}

@keyframes moveLine {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.mission_left img {
  width: 450px;
  height: auto;
}

.mission_right {
  /*margin-top: 6rem !important;*/
  padding: 30px 20px;
}

.missionText {
  padding-right: 1rem;
  padding-left: 1rem;
}

.vissionText {
  padding-right: 1rem;
  padding-left: 1rem;
}

.mission_right span {
  font-weight: 700;
}
.mission_right p {
  padding: 15px 10px;
}

.mission_right img {
  height: 20px;
  width: 20px;
}
.mission_right span {
  font-size: 19px;
}

.mission_right p {
  color: #3D3D3D;
  font-size: 12px;
}

@media screen and (max-width: 500px) {
  .mission_right {
    margin-top: 0;
    padding: 10px 20px;
  }
  .mission_left img {
    width: 100%;
  }
  .mission_right p {
    font-size: 13px;
  }
  .ouryear_Con {
    padding: 0 !important;
  }
  .mission_sec {
    margin-bottom: 1rem;
  }
  .mission_right p {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 501px) and (max-width: 800px) {
  .stylebazaar-bag {
    display: none;
  }
  .dressingIndia_center h3 {
    font-size: 30px;
  }
  .dressingIndia_left p {
    font-size: 15px;
    margin-bottom: 0;
  }
  .dressingIndiaMiddle {
    width: 90%;
  }
  .mission_sec {
    padding-top: 1rem !important;
  }
  .mission_sec .mission_right p {
    font-size: 15px;
  }
  .dressingIndiaMiddle_text {
    padding: 0.5rem !important;
  }
  .dressingIndiaMiddle_text small {
    font-size: 14px !important;
  }
  .dressingIndiaMiddle .dressingIndiaMiddle_main h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 600px) {
  .dressingIndia_left p {
    padding: 0 !important;
  }
  .missionText p {
    margin-bottom: 0;
    padding: 0px 10px;
  }
  .mobile-OurStoryHeader {
    margin-top: -30px;
  }
  .dressingIndia_left h1 {
    font-size: 20px;
  }
  .aboutMiddleSec {
    padding-bottom: 0 !important;
  }
  .timeline {
    flex-direction: column;
    gap: 50px;
    align-items: start;
    margin: 1.5rem 0;
  }
  .info-box {
    top: -55px !important;
    left: 190px !important;
    z-index: 1 !important;
    height: 120px !important;
    width: 240px !important;
  }
  .info-box::after {
    top: 20% !important; /* push to middle */
    left: -20px !important; /* adjust how far outside box */
    transform: translateY(-50%) rotate(210deg) !important;
    border-width: 35px 32px 20px 20px !important; /* arrow size */
  }
  .mission_arrow {
    display: none;
  }
  .timeline-line {
    display: none;
  }
  .timeline-item {
    margin-top: 20px;
  }
  .missionText {
    padding: 0 !important;
  }
  .vissionText {
    padding: 0 !important;
  }
}
.store_main {
  position: relative;
  /*background-image: url('/Theme/FrontEnd/Content/assets/images/store_hero.png');*/
}
.store_main .lead {
  width: 60%;
  margin: 0 auto;
  font-size: 12px;
  text-align: justify;
}
.store_main .lead_two {
  width: 70%;
  margin: 0 auto;
  font-size: 13px;
  font-weight: 600;
}

/* Red gradient button style */
.storeSec {
  width: 70%;
  margin: 0 auto;
}
.storeSec .gradient-btn {
  background: linear-gradient(to right, #D91F28, #B10810);
  color: white;
  border: none;
  --bs-btn-border-radius: none!important;
  padding: 10px 20px;
  font-weight: 500;
  transition: background 0.3s ease;
}
.storeSec .gradient-btn:hover {
  background: linear-gradient(to right, #b71c1c, #d32f2f);
  color: #fff;
}
.storeSec .form-select {
  border: 1px solid #EFEFEF !important;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.08); /* subtle shadow below */
  transition: box-shadow 0.3s ease;
}
.storeSec .form-select:focus {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); /* slightly stronger on focus */
  border-color: #d32f2f; /* optional: red border on focus */
}
.storeSec .form-label {
  color: #5E5D5D;
  font-size: 13px;
}

.onlineStoreText {
  width: 75%;
  margin: 0 auto;
  font-size: 12px;
  color: #A2A2A2;
  margin-bottom: 0.5rem;
}
.onlineStoreText img {
  width: 20px;
  height: 20px;
}

.storeMap {
  display: flex;
  padding-bottom: 3rem;
  /* Style for Webkit browsers (Chrome, Edge, Safari) */
  /* For Firefox */
}
.storeMap .nearbyStore {
  height: 28.5rem;
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
  background: linear-gradient(to right, #E6E6E6, #EDEDED);
  padding: 1rem;
}
.storeMap .nearbyStoreDetails {
  height: 95%;
  scroll-behavior: smooth;
  overflow-y: scroll;
  padding: 1rem;
  overflow-x: hidden;
}
.storeMap .nearbyStoreDetails::-webkit-scrollbar {
  width: 8px;
}
.storeMap .nearbyStoreDetails::-webkit-scrollbar-track {
  background: #ffe6e6; /* Light pink */
}
.storeMap .nearbyStoreDetails::-webkit-scrollbar-thumb {
  background-color: #ff3d3d; /* Red thumb */
}
.storeMap .nearbyStoreDetails {
  scrollbar-width: thin;
  scrollbar-color: #ff3d3d #ffe6e6;
  overflow-x: hidden;
}
.storeMap .nearbyOne {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  color: #3D3D3D;
  font-weight: 600;
}
.storeMap .nearbyOne p {
  margin-bottom: 0;
}
.storeMap .nearbyOne img {
  width: 20px;
  height: 20px;
}
.storeMap .ratingDiv {
  width: 50%;
  display: flex;
  gap: 5px;
  padding: 0.5rem 0;
}
.storeMap .ratingDiv img {
  width: 12px;
  height: 12px;
}
.storeMap .ratingDivText {
  font-size: 10px;
  color: #b71c1c;
}
.storeMap .storeLocation {
  display: flex;
  /*justify-content: space-between;*/
  /*padding: 0.5rem 0;*/
  gap: 3px;
}
.storeMap .storeLocation img {
  width: 20px;
  height: 20px;
}
.storeMap .storeLocation p {
  font-size: 12px;
  color: #5E5D5D;
}
.storeMap .clockTimimgDiv {
  display: flex;
  gap: 8px;
  /*padding: 0.3rem 0;*/
}
.storeMap .clockTimimgDiv img {
  width: 15px;
  height: 15px;
}
.storeMap .clockTimimgDiv p {
  font-size: 12px;
  color: #5E5D5D;
}
.storeMap .nearbyBorder {
  border-top: 2px solid;
  color: #ff8484 !important;
}

@media screen and (max-width: 768px) {
  .storeMap {
    flex-direction: column;
  }
  .gradient-btn {
    margin: 2rem 3.5rem;
  }
  .nearbyStore {
    height: 20rem;
  }
  .storeLocator_Map {
    margin-top: 2rem;
  }
}
.sustainability_hero {
  padding-top: 2rem;
}

.sustainability_main {
  /*background-image: url("/Theme/FrontEnd/Content/assets/images/sustainability_hero.png");*/
  height: 38rem;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.sustainability_heroText h2 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0.2;
}

.sus_heroPara {
  font-size: 13px;
  text-align: justify;
  color: #fff;
}

.sus_heroPara span {
  font-size: 13px;
  font-weight: 600;
}

.sustainability_para {
  font-size: 13px;
  font-weight: 600;
  margin-top: 0.5rem;
}

.sustainability_para span {
  font-size: 13px;
  font-weight: 500;
}

.mySwiper-case .swiper-button-lock {
  display: block;
}

.case-pagination .swiper-pagination-bullet-active {
  background: red;
}

.swiper-pagination.case-pagination {
  position: relative; /* or absolute if you want it to float */
  z-index: 0; /* Lower than your card content */
  margin-top: 20px; /* Add space below cards */
  text-align: center;
}

.swiper.mySwiper-case {
  position: relative; /* Ensure parent context exists */
  z-index: 1; /* Higher than pagination if needed */
}

.case-card,
.mid-section-text {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .sustainability_main {
    position: relative;
    padding: 1.5rem 1rem;
    background-image: url("/Theme/FrontEnd/Content/assets/images/sustainability_hero.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 25rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    z-index: 1;
  }
  /* Overlay */
  .sustainability_main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* adjust opacity as needed */
    z-index: 2;
  }
  /* Make sure inner content stays above the overlay */
  .sustainability_main > * {
    position: relative;
    z-index: 3;
  }
  .sustainability_heroText {
    margin-top: 4rem;
  }
  .sustainability_heroText h2 {
    font-size: 25px;
  }
  .susInfo_Box {
    gap: 20px !important;
    margin-bottom: 25px !important;
  }
}
.initiativeSec {
  padding: 0rem 1.5rem;
}

.initiative_Text {
  text-align: justify;
  font-size: 13px;
  color: #262626;
}

.sustainability_env {
  text-align: center;
  padding: 1.2rem 0;
}

.sustainability_env img {
  width: 60px;
}

.sustainability_envText {
  font-size: 18px;
  color: #454545;
  margin-bottom: 0;
}

.sustainability_envBox {
  padding: 0;
  width: 100%;
  margin: 0 auto;
}

.susInfo_Box {
  height: 12rem;
  padding: 1rem;
  background-color: #f0f0f0;
}

.susInfo_Box img {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}

.susInfo_Box h4 {
  color: #044b10 !important;
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 20px;
}

.partnershipSec {
  width: 50%;
  margin: 0 auto;
  padding-bottom: 0rem;
}

.partnership_main {
  flex-wrap: nowrap !important;
  gap: 15px !important;
}
.partnership_main img {
  width: 200px;
}

.NeotiaImg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.prayantaImg {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .partnership_main {
    width: 100%;
    margin: 0 auto;
  }
  .initiative_Text span {
    line-height: 20px;
  }
  .partnershipSec {
    width: 90%;
    padding: 0;
    margin: 0 auto;
  }
  .NeotiaImg {
    margin-top: 0;
    height: 10rem;
  }
  .partnership_main {
    flex-wrap: wrap;
    padding: 0rem;
    gap: 20px;
    text-align: center;
  }
}
.caseStudies_section {
  padding-bottom: 3rem;
}

.case_body {
  padding: 1rem !important;
  background-color: #f0f0f0 !important;
  border-top: 1px solid #efefef;
}

.caseHeading {
  color: #d91f28;
  font-size: 20px;
  font-weight: 600;
}

.casePara {
  color: #3d3d3d;
  font-size: 12px !important;
  font-weight: 600;
  padding: 0.5rem 0;
  text-align: justify;
  margin-top: 0 !important;
}

.caseSmall_para {
  font-size: 12px;
  color: #3d3d3d;
  text-align: justify;
  padding-top: 0.5rem;
  height: 12rem;
}

.caseBtn a {
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: inline-block;
  background: linear-gradient(to right, #d91f28, #b10810);
  transition: all 0.3s ease-in-out;
  color: #fff !important;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 8px rgba(220, 18, 28, 0.3);
  cursor: pointer;
}

.caseBtn a:hover {
  background: linear-gradient(to left, #d91f28, #b10810);
  transform: translateY(-2px);
}

.Sustainability_Strategy {
  padding-top: 0rem;
  padding-bottom: 3rem;
}

.StrategyText {
  text-align: center;
  padding: 2.5rem 0;
}

.stategyPara {
  padding: 1rem 3rem;
  font-size: 15px;
}

.vision-container {
  position: relative;
  width: 100%; /* Responsive container */
  max-width: 475px;
  height: auto;
  aspect-ratio: 1/1; /* Ensures a square container */
  margin: 0 auto;
  border-radius: 50%;
  background: linear-gradient(260.47deg, #fff6f6 0%, #ffffff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  margin-top: 5rem;
  margin-bottom: 5rem;
  border: 1px solid #4b4b4b;
}

.center-circle {
  position: absolute;
}
.center-circle img {
  width: 12rem; /* Adjust size for responsiveness */
  max-width: 100%;
}
.center-circle h2 {
  font-size: 20px; /* Responsive text */
  margin-top: 10px;
  color: #d91f28;
  font-weight: 600;
  letter-spacing: 5px;
  text-align: center;
}

.icon-divv {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.outer-element {
  border: 1px solid #d91f28;
  background: linear-gradient(to left, #d91f28, #b10810);
}

.outer-element,
.outer-element2 {
  position: absolute;
  width: 150px;
  height: 150px;
  padding: 12px;
  color: #fff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.outer-element img,
.outer-element2 img {
  width: 35px;
}
.outer-element h3,
.outer-element2 h3 {
  font-size: 14px; /* Scaled for responsiveness */
  margin: 0;
  padding: 0;
  font-weight: 600;
}
.outer-element p,
.outer-element2 p {
  font-size: 11px;
  width: 80%;
  margin: 0 auto;
  line-height: 1.2;
  margin-top: 8px;
}

.outer-element2 {
  background: white !important;
  border: 2px solid #636363;
  color: black;
}
.outer-element2 p {
  color: #3d3d3d;
}
.outer-element2 img {
  width: 36px;
}
.outer-element2 .text-divv {
  margin: 0 auto;
}
.outer-element2 .text-divv h3 {
  color: #d91f28;
  font-size: 14px;
}

/* Positioning Adjustments */
.safety {
  top: -15%;
  left: 50%;
  transform: translate(-50%, 0);
}

.water {
  top: 30%;
  left: -10%;
  transform: translate(0, -50%);
  z-index: 10;
}

.energy {
  bottom: 25%;
  left: -10%;
  transform: translate(0, 50%);
}

.green-building {
  bottom: -15%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10;
}

.waste {
  bottom: 25%;
  right: -10%;
  transform: translate(0, 50%);
}

.csr {
  top: 30%;
  right: -10%;
  transform: translate(0, -50%);
}

/* Lines */
.line1,
.line2,
.line3 {
  position: absolute;
}

.line1 {
  left: -34%;
  top: 8%;
  z-index: 1;
}

.line2 {
  right: 4%;
  bottom: -24%;
  z-index: 1;
}

.line3 {
  right: -38%;
  top: 47%;
  transform: translate(0, -50%);
  z-index: 1;
}

/* Labels */
.labelwater,
.labelcsr,
.labelenergy {
  position: absolute;
  font-size: 12px; /* Adjust font size */
  color: #e60023;
  font-weight: 900;
}

.labelwater {
  top: 6%;
  left: -48%;
  width: 20%;
}

.labelcsr {
  top: 38%;
  right: -60%;
  width: 20%;
}

.labelenergy {
  bottom: -26%;
  right: -13%;
  width: 13%;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
  .stategyPara {
    padding: 1rem;
  }
  .icon-divv {
    margin-top: 0;
  }
  .outer-element img,
  .outer-element2 img {
    width: 20px;
  }
  .outer-element p,
  .outer-element2 p {
    font-size: 8px;
  }
  .center-circle img {
    width: 10rem;
  }
  .line1,
  .line2,
  .line3 {
    display: none;
  }
  .labelwater,
  .labelenergy,
  .labelcsr {
    display: none;
  }
}
@media (max-width: 768px) {
  .vision-container {
    max-width: 350px;
  }
  .outer-element,
  .outer-element2 {
    width: 70px;
    height: 70px;
  }
  .outer-element img,
  .outer-element2 img {
    width: 18px;
  }
  .outer-element h3,
  .outer-element2 h3 {
    font-size: 9px;
  }
  .outer-element p,
  .outer-element2 p {
    font-size: 7px;
  }
  .waste img {
    width: 20px !important;
  }
  .line1,
  .line2,
  .line3 {
    display: none;
  }
  .text-divv {
    display: none;
  }
  .labelcsr,
  .labelenergy,
  .labelwater {
    display: none;
  }
}
@media (max-width: 576px) {
  .stategyPara {
    font-size: 12px;
  }
  .initiative_Text {
    font-size: 15px;
  }
  .sustainability_envBox {
    padding: 0 !important;
    margin: 0 !important;
  }
  .vision-container {
    max-width: 280px;
  }
  .center-circle img {
    width: 8rem;
  }
  .outer-element,
  .outer-element2 {
    width: 60px;
    height: 60px;
  }
  .outer-element img,
  .outer-element2 img {
    width: 16px;
  }
  .outer-element h3,
  .outer-element2 h3 {
    font-size: 8px;
  }
  .outer-element p,
  .outer-element2 p {
    font-size: 6px;
  }
  .labelwater,
  .labelcsr,
  .labelenergy {
    font-size: 8px;
  }
}
.case-card-img {
  border-top-left-radius: none !important;
  border-top-right-radius: none !important;
  height: 270px;
  width: 420px;
}

@media screen and (max-width: 600px) {
  .partnership_main {
    flex-direction: column;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .initiativeSec {
    padding: 0 !important;
  }
  .Sustainability_Strategy {
    padding: 0 !important;
  }
  .StrategyText {
    padding: 0 !important;
  }
  .susInfo_Box h4 {
    font-size: 20px;
  }
  .susInfo_Box p {
    font-size: 16px;
  }
  .sustainability_hero {
    padding-top: 5rem;
  }
  .sustainability_heroText p span {
    font-size: 11px !important;
  }
}
@media screen and (max-width: 600px) {
  .pastEvents_SecMain {
    flex-direction: column;
  }
  .calendar-item {
    height: 3.5rem;
  }
  .file-wrapper {
    width: 65px;
    height: 65px;
    left: -3%;
    top: -7%;
  }
  .modal-grow .swiper-button-prev, .modal-grow .swiper-button-next {
    width: 14px !important;
    height: 14px !important;
  }
}
.events_hero {
  padding-top: 5rem;
}

.events_main {
  /*background-image: url("/Theme/FrontEnd/Content/assets/images/events_hero.png");*/
  /*position: relative;*/
  /*padding-top: 4rem;*/
  /*background-image: url("/Theme/FrontEnd/Content/assets/images/events_hero.png");*/
  /*background-position: center;*/
  /*background-repeat: no-repeat;*/
  /*background-size: contain;*/
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* ✅ This must be a separate CSS rule */
/* ✅ Make sure actual content appears above overlay */
.style_FridaySec {
  margin-top: 2rem;
  border: 1px solid #EFEFEF;
}

.style_FridayTextDiv {
  padding: 2rem;
  background-color: #EAEAEA;
  border: 1px solid #EFEFEF;
}

.style_FridayMain,
.fridayEveDetails {
  height: 100%;
}

.fridayEveDetails {
  justify-content: space-between;
}

.style_FridayTextDiv h3 {
  font-size: 14px;
  color: #d91f28;
  text-align: start;
  font-weight: 600;
  margin-bottom: 0;
}

.fridayText {
  color: #3d3d3d;
  font-size: 19px;
  font-weight: 700;
  text-align: start;
}

.fridayDivider {
  display: flex;
}

.fridayDivider_one {
  border-right: 1px solid #B7B7B7;
}
.fridayDivider_one p {
  font-size: 14px;
  font-weight: 600;
  color: #d91f28;
  margin-bottom: 0.5rem;
}
.fridayDivider_one img {
  width: 50px;
  height: 50px;
}

.fridayDivider_two {
  padding: 0 2rem;
}
.fridayDivider_two p {
  font-size: 14px;
  margin-bottom: 0.8rem;
  color: #d91f28;
  font-weight: 600;
}

.fridayDivider_twoText {
  font-size: 18px;
  font-weight: 600;
  color: #3d3d3d;
}

.friday_span {
  font-size: 12px;
  color: #dc121c;
}

.fridayDate {
  border: 1px solid #FFD8D8;
  background-color: #fff;
  width: 55%;
  padding: 0.5rem;
  text-align: center;
}
.fridayDate p {
  font-size: 12px;
  font-weight: 600;
}
.fridayDate .fridayDateText {
  font-size: 30px;
  color: #DC121C;
  font-weight: 800;
}

.style_FridayImgDiv {
  padding: 0 !important;
}
.style_FridayImgDiv img {
  width: 100%;
}

.fridayBtn {
  display: flex;
  gap: 10px;
  align-items: baseline;
}

.getTickets a {
  display: inline-block;
  background: linear-gradient(to right, #D91F28, #B10810);
  transition: all 0.3s ease-in-out;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 8px rgba(220, 18, 28, 0.3);
}

.getTickets a:hover {
  background: linear-gradient(to left, #D91F28, #B10810);
  transform: translateY(-2px);
}

.viewDetails a {
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  color: #565656;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

@media screen and (max-width: 768px) {
  .style_FridayTextDiv {
    height: 100%;
    padding: 1rem;
  }
  .fridayText {
    margin-bottom: 1rem;
  }
  .fridayDivider {
    margin-top: 0;
    margin-bottom: 2rem;
    justify-content: space-between;
  }
  .fridayDivider_one {
    border: none;
    margin-bottom: 1rem;
  }
  .fridayDivider_one p {
    font-size: 12px;
  }
  .fridayDivider_two {
    padding: 0 0.5rem;
    margin-bottom: 0;
  }
  .fridayDivider_two p {
    font-size: 12px;
  }
  .fridayDate {
    width: unset;
    text-align: center;
  }
}
.pastEvents_Sec {
  padding: 0rem 1.4rem;
  padding-bottom: 1.5rem;
}

.past-event {
  padding: 10px 20px;
  text-align: center;
  font-size: 13px;
  background: linear-gradient(to right, #F0F0F0, #F2F2F2);
  color: #B7B7B7;
  cursor: pointer;
  transition: all 0.3s ease;
}

.past-event.active {
  background: linear-gradient(to right, #D91F28, #B10810);
  color: #fff;
}

.EventsImgMain {
  width: 100%;
  padding: 0.5rem 0;
}

.employee-event {
  padding: 10px 20px;
  text-align: center;
  font-size: 13px;
  background: linear-gradient(to right, #F0F0F0, #F2F2F2);
  color: #B7B7B7;
  cursor: pointer;
  transition: all 0.3s ease;
}

.employee-event.active {
  background: linear-gradient(to right, #D91F28, #B10810);
  color: #fff;
}

.eventimgCon {
  width: 95%;
  height: 194px;
  opacity: 0.5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.eventimgCon:hover {
  opacity: 1;
}

.programImg {
  width: 95%;
  height: 194px;
  opacity: 0.5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.programImg:hover {
  opacity: 1;
}

.eventImgLoad {
  text-align: center;
}

.eventImgLoad a {
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: inline-block;
  background: linear-gradient(to right, #D91F28, #B10810);
  transition: all 0.3s ease-in-out;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 8px rgba(220, 18, 28, 0.3);
}

.eventImgLoad a:hover {
  background: linear-gradient(to left, #D91F28, #B10810);
  transform: translateY(-2px);
}

/*.eventModal{
  .modal-backdrop.show {
    opacity: 0.9;
    background-color: rgba(0, 0, 0, 0.9);
  }
  .modal-content {
    background: transparent;
    box-shadow: none;
  }
  .swiper-slide img {
    object-fit: contain;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: auto;
  }

  .modal-img {
    max-width: 100%;
    max-height: 100vh;
    width: auto;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
    padding: 10px;
  }

 }
*/
@media screen and (max-width: 768px) {
  .EventsImgMain {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    flex-direction: column !important;
  }
  .eventimgCon {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.EmployeeEvents_Sec {
  width: 50%;
  margin: 0 auto;
}

.EmployeeEvents_Main {
  padding-bottom: 1.5rem;
}

.trainingImg {
  opacity: 0.5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.trainingImg:hover {
  opacity: 1;
}

.festivalImg {
  opacity: 0.5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.festivalImg:hover {
  opacity: 1;
}

.FestivalSec {
  padding-bottom: 2rem;
}

@keyframes growIn {
  0% {
    opacity: 0;
    transform: scale(0.2); /* Start tiny */
  }
  100% {
    opacity: 1;
    transform: scale(1); /* Full size */
  }
}
.modal-grow .modal-dialog {
  animation: growIn 0.4s ease-out;
  transform-origin: center center;
}

.training_wrapper {
  gap: 25px;
  height: 17rem !important;
}

.training_main img {
  width: 100%;
  height: 222px;
}

.swiper-button-prev.training-prev {
  display: none !important;
}

.swiper-button-next.training-next {
  display: none !important;
}

.training-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.festivals_wrapper {
  gap: 25px;
  height: 17rem !important;
}

.festivals_main img {
  width: 100%;
  height: 222px;
}

.eventImgLoad-past {
  text-align: center;
}

.eventImgLoad-past a {
  margin-top: 2rem;
  display: inline-block;
  background: linear-gradient(to right, #D91F28, #B10810);
  transition: all 0.3s ease-in-out;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 8px rgba(220, 18, 28, 0.3);
}

.eventImgLoad-past a:hover {
  background: linear-gradient(to left, #D91F28, #B10810);
  transform: translateY(-2px);
}

.employeeImgLoad {
  text-align: center;
}

.employeeImgLoad a {
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: inline-block;
  background: linear-gradient(to right, #D91F28, #B10810);
  transition: all 0.3s ease-in-out;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 8px rgba(220, 18, 28, 0.3);
}

.employeeImgLoad a:hover {
  background: linear-gradient(to left, #D91F28, #B10810);
  transform: translateY(-2px);
}

/*.modalSwiper {
    height: 85vh;*/ /* Full viewport height */
/*}*/
.swiper-slide-event {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 90vh; /* Ensure enough vertical space */
}

/*.modal-img {
    max-width: 95vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: auto;
    display: block;
}*/
/* Modal Background Overlay - darker and blur effect */
.modal-backdrop.show {
  background-color: rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(6px);
}

/* Modal Grow Style: bigger and clean */
.modal-grow .modal-dialog {
  /*max-width: 90vw;
  max-height: 90vh;*/
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}

.modal-grow .modal-content {
  background: transparent;
  border: none;
  overflow: hidden;
  border-radius: 12px;
}

/* Modal body full size to contain swiper */
.modal-grow .modal-body {
  padding: 0;
  position: relative;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Swiper container inside modal */
.modal-grow .modalSwiper {
  width: 100%;
  height: 100%;
  user-select: none;
  cursor: grab;
  position: relative;
}

/* Slides styling */
.modal-grow .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

/* Modal image: scale with max size and keep aspect ratio */
.modal-grow .modal-img {
  max-width: 90vw;
  max-height: 80vh;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

/* Navigation arrows container styling */
.modal-grow .swiper-button-prev,
.modal-grow .swiper-button-next {
  width: 55px;
  height: 55px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  z-index: 1055;
}

.modal-grow .swiper-button-prev:hover,
.modal-grow .swiper-button-next:hover {
  background-color: #dc121c;
  filter: drop-shadow(0 0 4px #dc121c);
}

.modal-grow .swiper-button-prev img,
.modal-grow .swiper-button-next img {
  width: 20px;
  height: 20px;
  user-select: none;
  pointer-events: none;
}

/* Position arrows: prev left, next right */
.modal-grow .swiper-button-prev {
  left: 12px;
}

.modal-grow .swiper-button-next {
  right: 12px;
}

/* Hide default swiper arrows if any */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .modal-grow .modal-dialog {
    max-width: 95vw;
    max-height: 85vh;
  }
  .modal-grow .swiper-button-prev,
  .modal-grow .swiper-button-next {
    width: 40px;
    height: 40px;
  }
  .modal-grow .swiper-button-prev img,
  .modal-grow .swiper-button-next img {
    width: 14px;
    height: 14px;
  }
}
.swiper-button-next svg, .swiper-button-prev svg {
  width: 12px !important;
  color: red !important;
}

/*.swiper-button-next svg, .swiper-button-prev svg :hover {
    color: #fff !important;
}*/
.swiper-button-next svg, .swiper-button-prev svg {
  display: none !important;
}

/* Overlay */
/* Make sure inner content stays above the overlay */
.team_main > * {
  position: relative;
  z-index: 3;
}

.hero_mainText {
  font-size: 40px;
  font-weight: 600;
}

.boardSec {
  width: 90%;
  margin: 0 auto;
}
.boardSec .team-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  max-width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  margin-bottom: 2rem;
}
.boardSec .team-sub {
  position: relative;
  overflow: hidden;
  flex: 1 1 calc(25% - 22px);
  min-width: 200px;
  max-width: 300px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s ease;
}
.boardSec .team-sub .team_imageSec {
  display: flex;
  justify-content: center;
  position: relative;
  height: 265px;
  position: relative;
}
.boardSec .team-sub .team_imageSec .team-style-bazaar-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #cccccc;
  opacity: 0.6;
  pointer-events: none;
  display: none;
}
.boardSec .team-sub .team_imageSec .team-style-bazaar-bg img {
  width: 180px;
}
.boardSec .team-sub .team_imageSec .team_member {
  position: absolute;
  bottom: 0;
}
.boardSec .team-sub .team_imageSec .team_member img {
  /*width: 240px;*/
  height: 240px;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}
.boardSec .team-sub .team-textSec {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  background: linear-gradient(to right, #373737, #616161);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateY(100%);
  transition: transform 0.5s ease, background 0.3s ease;
}
.boardSec .team-sub .team-textSec h5 {
  font-size: 13px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #ffffff;
}
.boardSec .team-sub .team-textSec p {
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0 !important;
  text-align: center;
}
.boardSec .team-sub:hover .team-textSec {
  transform: translateY(0);
  background: linear-gradient(to right, #DC121C, #FF747B) !important;
}
.boardSec .team-sub:hover .team_member img {
  filter: grayscale(0%) !important;
}

.boardSec1 {
  width: 90%;
  margin: 0 auto;
}
.boardSec1 .team-flex1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  max-width: 100%;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 2rem;
}
.boardSec1 .team-sub1 {
  position: relative;
  overflow: hidden;
  flex: 1 1 calc(25% - 22px);
  min-width: 200px;
  max-width: 300px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s ease;
}
.boardSec1 .team-sub1 .team_imageSec1 {
  display: flex;
  justify-content: center;
  position: relative;
  height: 265px;
  position: relative;
}
.boardSec1 .team-sub1 .team_imageSec1 .team-style-bazaar-bg1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #cccccc;
  opacity: 0.6;
  pointer-events: none;
  display: none;
}
.boardSec1 .team-sub1 .team_imageSec1 .team-style-bazaar-bg1 img {
  width: 180px;
}
.boardSec1 .team-sub1 .team_imageSec1 .team_member1 {
  /*position: absolute;*/
  position: relative;
  bottom: 0;
}
.boardSec1 .team-sub1 .team_imageSec1 .team_member1 img {
  /*width: 240px;*/
  height: 240px;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}
.boardSec1 .team-sub1 .team_mid_border1 {
  border: 1px solid #FFD4D6;
  margin: 0 !important;
  width: 100%;
}
.boardSec1 .team-sub1 .team-textSec1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  background: linear-gradient(to right, #373737, #616161);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateY(100%);
  transition: transform 0.5s ease, background 0.3s ease;
}
.boardSec1 .team-sub1 .team-textSec1 h5 {
  font-size: 13px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #ffffff;
}
.boardSec1 .team-sub1 .team-textSec1 p {
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0 !important;
  text-align: center;
}
.boardSec1 .team-sub1:hover .team-textSec1 {
  transform: translateY(0);
  background: linear-gradient(to right, #DC121C, #FF747B) !important;
}
.boardSec1 .team-sub1:hover .team_member1 img {
  filter: grayscale(0%) !important;
}

@media (max-width: 600px) {
  .team_imageSec {
    height: 282px !important;
  }
  .team-sub {
    border: 1px solid #9e9e9e;
  }
}
.discussion-section {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin: 40px auto;
  max-width: 1200px;
  padding: 20px;
}

.discussionMain-image img {
  width: 100%;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

/* Testimonial card (.group) */
.group {
  position: absolute;
  right: 60px;
  bottom: -40px; /* Overlap adjustment */
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 30px;
  max-width: 550px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(5px);
}

.group .name {
  font-size: 20px;
  color: #ff4b5c;
  font-weight: 700;
  margin-bottom: 6px;
}

.group .designation {
  font-size: 12px;
  color: #f2f2f2;
  margin-bottom: 15px;
  line-height: 1.4;
}

.group .group_testimonial_text {
  font-size: 12px;
  line-height: 1.6;
  color: #eaeaea;
}

@media screen and (max-width: 768px) {
  .team-flex {
    padding: 0px !important;
  }
  .team_member .team-card {
    margin-top: 1.5rem;
  }
  .discussion-section {
    flex-direction: column;
    margin: 20px auto;
  }
  .discussionMain-image img {
    width: 100%;
  }
  .group {
    margin-top: 10px;
    position: unset;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .explore_cards_wrapper {
    gap: 10px;
  }
  .explore_card {
    width: 114px;
    height: 134px;
  }
}
.career_hero {
  padding-top: 6rem;
}

.career_main {
  /*  background-image: url('/Theme/FrontEnd/Content/assets/images/career_home.png');*/
}

.career_heroText {
  margin-top: 13rem;
}

@media screen and (max-width: 768px) {
  .career_heroText {
    margin-top: 8rem;
  }
  .career_heroText h2 {
    font-size: 18px;
  }
  .career_details_HeroPara {
    font-size: 14px;
  }
}
.career_backgroundMain {
  background-image: url("/Theme/FrontEnd/Content/assets/images/career_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.life-prev::after {
  display: none;
}

.life_stylebazaarMain {
  position: relative;
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  height: 23rem;
  overflow: hidden;
}

.life_stylebazaar {
  padding-bottom: 2rem !important;
}

.life-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Maintains aspect ratio */
  z-index: 1;
}

.life-text {
  position: relative;
  z-index: 2;
  color: white;
  text-align: justify;
  padding: 3rem 1.5rem;
  background-color: rgba(0, 0, 0, 0.65); /* semi-transparent black */
  border-radius: 1rem; /* smooth rounded corners */
  max-width: 500px;
}
.life-text p {
  font-size: 10px;
  text-align: justify;
}
.life-text h5 {
  color: #FF5050;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}

.life-text span {
  font-size: 12px;
  margin-bottom: -10px;
}

.life_styleLogo {
  position: absolute;
  bottom: 4%;
  right: 3%;
  border: 1px solid;
  z-index: 99999999;
}
.life_styleLogo img {
  width: 50px;
  height: 50px;
}

.swiper-pagination.life-pagination {
  position: absolute;
  bottom: 10px; /* Adjust if needed */
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
}

.swiper-pagination.life-pagination {
  display: none;
}
.swiper-pagination.life-pagination .swiper-pagination-bullet-active {
  background: red;
}

.beAPart_All {
  text-align: center;
}

.beAPart_a {
  display: inline-block;
  background: linear-gradient(to right, #d91f28, #b10810);
  transition: all 0.3s ease-in-out;
  color: #fff;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 8px rgba(220, 18, 28, 0.3);
}

.beAPart_All a:hover {
  background: linear-gradient(to left, #d91f28, #b10810);
  transform: translateY(-2px);
}

@media screen and (max-width: 768px) {
  .life_stylebazaarMain {
    padding: 0;
    width: 100%;
    height: 19rem;
  }
  .life-text {
    z-index: 3; /* Ensure text stays above overlay */
    position: relative;
  }
  .life-text {
    width: 100%;
  }
  .life-text p {
    font-size: 10px;
  }
  .life-text {
    border-radius: 0 !important;
  }
}
/* Base styles (mobile first) */
.explore_section {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.explore_middle {
  display: none; /* hide center image on mobile */
}

.explore_mobile_heading {
  font-size: 1.2rem;
  font-weight: 700;
  color: #D1001F;
  margin-bottom: 1.5rem;
}

.explore_cards_wrapper {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding: 1rem;
  width: 100%;
  justify-content: space-between;
  flex-wrap: nowrap;
  scroll-snap-type: x mandatory;
}

.explore_card {
  flex: 0 0 auto;
  scroll-snap-align: center;
  width: 140px;
  height: 140px;
  background-color: #e0e0e0;
  border-radius: 50%;
  padding: 1rem 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.explore_card:hover {
  animation: pulseCard 0.5s ease forwards;
  background-color: #ffecec;
}

@keyframes pulseCard {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1.03);
  }
}
/* Text inside circle */
.explore_text_heading {
  font-size: 15px;
  color: #D1001F;
  font-weight: 700;
  margin: 0 0 0.4rem;
  line-height: 1.2;
}

.explore_text_para {
  font-size: 13px;
  color: #333;
  margin: 0 0 0.6rem;
  line-height: 1.3;
}

.explore_text_btn {
  justify-content: center !important;
  font-size: 12px;
  color: #D1001F;
  font-weight: 600;
  text-decoration: none;
}

/* Desktop layout */
@media (min-width: 992px) {
  .explore_section {
    position: relative;
    height: 40rem;
    justify-content: center;
  }
  .explore_middle {
    display: block;
    width: 274px;
  }
  .explore_mobile_heading {
    display: none;
  }
  .explore_cards_wrapper {
    display: contents;
  }
  .explore_card {
    width: 200px;
    height: 200px;
    padding: 1.5rem 1rem;
    scroll-snap-align: none;
    margin: 0;
    text-align: center;
  }
  .explore_one {
    position: absolute;
    top: 20%;
    left: 18%;
  }
  .explore_two {
    position: absolute;
    top: 20%;
    right: 18%;
  }
  .explore_three {
    position: absolute;
    top: 63%;
    right: 21%;
  }
  .explore_four {
    position: absolute;
    top: 63%;
    left: 21%;
  }
}
@media (max-width: 500px) {
  .explore_text_heading {
    font-size: 8px;
  }
  .explore_text_para {
    font-size: 9px;
  }
}
.worldOfAwesome {
  padding-bottom: 3rem;
}

#InvestorContactsSection {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}

.auditCommitteeSec {
  overflow-y: scroll;
}

.contactone-info-box-header {
  font-size: 25px;
  color: red;
  margin-bottom: 1.4rem;
}

.contactone-info-box-para {
  font-size: 15px;
  margin-bottom: 1rem;
}

.contactone-info-box {
  background: #E4E4E4;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.investorhero_section {
  padding-top: 5rem;
  padding-bottom: 1rem;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.background-investors {
  position: relative;
  padding-top: 9rem;
  background-image: url("../assets/images/investor_hero.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  min-height: 39rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  /* z-index: 1; */
}
.background-investors .nseDiv {
  background: linear-gradient(to top right, #FFE6E7, #FFF6F6);
  text-align: center;
}

#cg-filefor-4 {
  width: 800px;
}

/* ✅ This must be a separate CSS rule */
.background-investors::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0, 0, 0, 0.7);*/ /* Deep black overlay */
  z-index: 1; /* Lower than content inside */
}

/* ✅ Make sure actual content appears above overlay */
.background-investors > * {
  position: relative;
  z-index: 2;
}

.investors_hero_content {
  position: relative;
  z-index: 2;
  padding: 1rem;
}
.investors_hero_content .lead {
  letter-spacing: 0.8px;
  font-size: 0.7rem !important;
  margin-bottom: 1rem;
}
.investors_hero_content h1 {
  font-size: 40px;
  font-weight: 700 !important;
}
.investors_hero_content p {
  max-width: 750px;
  margin: 0 auto;
}
.investors_hero_content .btn_hero_investors {
  background: linear-gradient(to bottom, #d91f28, #b10810);
  width: 25%;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
}
.investors_hero_content .btn_hero_investors:hover {
  background: linear-gradient(to left, #b10810, #D91F28);
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}
.investors_hero_content a.btn {
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
}

@media (max-width: 768px) {
  .background-investors {
    text-align: center;
  }
  .background-investors .investors_hero_content h1 {
    font-size: 1.75rem;
  }
  .background-investors .investors_hero_content p {
    font-size: 1rem;
  }
  .btn_hero_investors {
    width: 65% !important;
  }
  .investors_hero_content a.btn {
    font-size: 12px !important;
  }
}
.investor_card {
  margin-bottom: 0 !important;
  margin-top: 30px;
  text-align: right;
}

@media (max-width: 768px) {
  .investors_style_header {
    font-size: 22px !important;
    margin-bottom: 20px;
  }
}
.company_overview {
  padding-bottom: 1rem;
}

.company-section {
  background: linear-gradient(to right, #F6F6F6, #E4E4E4);
  overflow: hidden;
  border-radius: 4px;
  max-width: 500px;
  margin: 0 auto;
  color: #000;
  position: relative;
}
.company-section h5 {
  color: #e32f2f;
}
.company-section .presentation-card {
  width: 78%;
  margin: 0 auto;
  background: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.company-section .presentation-card span {
  font-size: 15px;
  font-weight: 600 !important;
  color: #5D5D5D;
  padding: 0 15px;
}
.company-section .presentation-card img {
  width: 25px;
}
.company-section .calendar-list {
  padding: 13px;
  width: 97%;
  max-height: 314px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #D91F28 #F0B5B7;
}
.company-section .calendar-list::-webkit-scrollbar {
  width: 6px;
}
.company-section .calendar-list::-webkit-scrollbar-track {
  background-color: #F0B5B7;
}
.company-section .calendar-list::-webkit-scrollbar-thumb {
  background-color: #d91f28;
  border-radius: 10px;
}
.company-section .calendar-list .calendar-item {
  width: 90%;
  margin: 0 auto;
  height: 3rem;
  font-size: 13px;
  position: relative;
  background: white;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.03);
  cursor: pointer;
}
.company-section .calendar-list img {
  width: 25px;
}
.company-section .calendar-list .calender-text {
  color: #D91F28;
  margin-left: 60px;
}
.company-section .calendar-list .calender-text p {
  color: #5D5D5D !important;
  margin-bottom: 0 !important;
}

.icon-wrapper {
  background: linear-gradient(to bottom, #d91f28, #b10810);
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: absolute;
  flex-shrink: 0;
  left: 9%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-wrapper .icon-image {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.file-wrapper {
  position: absolute;
  left: -3%;
  top: -3%;
  background-color: #d32f2f; /* Red background */
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.file-image {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

@media screen and (max-width: 500px) {
  .company-section {
    padding: 0 !important;
    margin-bottom: 2rem !important;
  }
  .nseDiv {
    padding: 0 10px;
  }
  .menu-width {
    width: 130px;
  }
}
.investor_announcements {
  max-height: 580px;
  overflow: hidden;
}
.investor_announcements .announcement-card {
  background: linear-gradient(to right, #282828, #696969);
  padding: 2rem;
  color: white;
}
.investor_announcements .announcement-card h5 {
  margin-bottom: 1.5rem;
  color: #FF434D;
}
.investor_announcements .announcement-card .announcement-list {
  max-height: 450px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #ffffff #CE454A;
  cursor: pointer;
}
.investor_announcements .announcement-card .announcement-list::-webkit-scrollbar {
  width: 6px;
}
.investor_announcements .announcement-card .announcement-list::-webkit-scrollbar-track {
  background-color: #CE454A;
}
.investor_announcements .announcement-card .announcement-list::-webkit-scrollbar-thumb {
  background-color: #ffffff;
}
.investor_announcements .announcement-card .announcement-list .announcement-item {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.investor_announcements .announcement-card .announcement-list .announcement-item p {
  font-size: 0.8rem;
  letter-spacing: 0.7px;
}

.tab-item {
  padding: 8px 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  color: #5D5D5D;
  transition: all 0.3s ease;
}

.tab-item.active {
  background: linear-gradient(to right, #D91F28, #B10810);
  color: #fff;
}

.tab-item-fin {
  padding: 8px 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
  color: #5D5D5D;
  transition: all 0.3s ease;
}

.tab-item-fin.active {
  background: linear-gradient(to right, #D91F28, #B10810);
  color: #fff;
}

.tab-item-contact {
  padding: 8px 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  color: #5D5D5D;
  transition: all 0.3s ease;
}

.tab-item-contact.active {
  background: linear-gradient(to right, #D91F28, #B10810);
  color: #fff;
}

.tab-border {
  height: 1px;
  background-color: #f8d6d6;
}

@media screen and (max-width: 700px) {
  .tab-wrapper {
    overflow-x: auto;
  }
  .tab-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scroll on iOS */
    scrollbar-width: none; /* Hide in Firefox */
  }
  .tab-wrapper::-webkit-scrollbar {
    display: none; /* Hide in Chrome/Safari */
  }
  .tab-menu {
    min-width: max-content;
  }
  .tab-item {
    white-space: nowrap;
  }
}
@media screen and (max-width: 500px) {
  .finalcial-tabs {
    margin-top: 10px !important;
  }
}
.f_reporting {
  width: 50%;
  margin: 0 auto;
}

.three_div {
  flex-direction: row !important;
}

.stockDiv {
  background: linear-gradient(to top right, #5e5d5d, #1e1e1e);
}
.stockDiv p {
  font-size: 18px;
  margin-bottom: 0;
}

.three_div {
  --g: 8px; /* the gap */
  --b: 8px; /* border thickness*/
  --c: #c9c9c9; /* the color */
  padding: calc(var(--g) + var(--b));
  --_c: #0000 0 25%, var(--c) 0 50%;
  --_g1: repeating-linear-gradient(90deg,var(--_c)) repeat-x;
  --_g2: repeating-linear-gradient(180deg,var(--_c)) repeat-y;
  background: var(--_g1) var(--_p, 25%) 0, var(--_g2) 0 var(--_p, 125%), var(--_g1) var(--_p, 125%) 100%, var(--_g2) 100% var(--_p, 25%);
  background-size: 200% var(--b), var(--b) 200%;
  cursor: pointer;
  filter: grayscale(50%);
  transition: 0.3s;
}

.three_div:hover {
  --_p: 75%;
  filter: grayscale(0%);
}

@media screen and (max-width: 500px) {
  .f_reporting {
    width: 100%;
  }
  .f_reSec {
    background-color: #ececec;
    justify-content: space-between;
  }
  .stockDiv {
    padding: 25px;
  }
  .writeToUs_Main {
    padding-top: 2rem;
  }
}
.style-baazar {
  background: linear-gradient(to right, #6E6E6E, #212121);
  display: flex;
  padding: 2rem;
  position: relative;
  overflow: hidden;
}

.style-baazar .style-baazar-left {
  width: 100%;
}

.style-baazar .style-baazar-left .style-header h2 {
  font-size: 32px;
  color: white;
  font-weight: 600;
}

.style-baazar .style-baazar-left .style-header p {
  font-size: 15px;
  color: white;
  margin-bottom: 20px;
}

.style-baazar .style-baazar-left .style-grid-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.style-baazar .style-baazar-left .style-grid-row .style-card-custom {
  background-color: rgb(229, 45, 55);
  color: white;
  gap: 20px;
  flex: 1 1 calc(20% - 20px);
  min-width: 200px;
}

.style-card-text {
  width: 80%;
}

.style-baazar .style-baazar-left .style-grid-row .style-card-custom .style-card-text p {
  font-size: 11px;
  margin-bottom: 0.5rem;
}

.style-baazar .style-baazar-left .style-grid-row .style-card-custom .style-card-text h2 {
  font-size: 20px;
  font-weight: 600;
}

.style-baazar .style-baazar-left .style-grid-row .style-card-custom .card-icon {
  margin-bottom: 20px;
}

.card-icon {
  width: 100%;
}

.style-baazar .style-baazar-left .style-grid-row .style-card-custom .card-icon img {
  width: 47px;
}

.style-baazar .style-baazar-left .style-grid-row .style-card-custom {
  width: 25%;
  background-color: rgb(229, 45, 55);
  color: white;
  padding: 27px;
  transition: all 0.3s ease-in-out;
}
.style-baazar .style-baazar-left .style-grid-row .style-card-custom:hover {
  transform: translateY(-3px);
}

.style-baazar .style-baazar-right {
  width: 20%;
}

.style-baazar .style-baazar-right .arrow {
  position: absolute;
  top: -5%;
  right: 6%;
}

.style-baazar .style-baazar-right .style-bag {
  position: absolute;
  top: 7%;
  right: -9%;
}

.style-baazar .style-baazar-right .style-bag img {
  height: auto;
  width: 65%;
}

@media (max-width: 768px) {
  /* Mobile screens */
  .style-baazar {
    display: flex; /* Tablets and small screens */
    flex-direction: column;
  }
  .style-baazar .style-baazar-left {
    width: 100%;
  }
  .style-baazar .style-baazar-left .style-header h2 {
    font-size: 32px;
    margin-left: -10px;
  }
  .style-baazar .style-baazar-left .style-grid-row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 1rem;
    padding-bottom: 1rem;
    scroll-snap-type: x mandatory;
  }
  .style-baazar .style-baazar-left .style-grid-row .style-card-custom {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 220px;
  }
  .style-baazar .style-baazar-right {
    width: 100%;
  }
  .style-baazar .style-baazar-right .style-bag {
    top: 1%;
    right: -9.4%;
  }
  .style-baazar .style-baazar-right .style-bag img {
    height: 50%; /* Resize the image for smaller screens */
    width: 50%;
    display: none;
  }
  .style-baazar .style-baazar-right .arrow img {
    display: none;
  }
  /* Optional: Hide scrollbar (Chrome/WebKit) */
  .style-grid-row::-webkit-scrollbar {
    display: none;
  }
  .style-grid-row {
    -ms-overflow-style: none; /* IE/Edge */
    scrollbar-width: none; /* Firefox */
  }
}
@media (max-width: 576px) {
  .style-baazar {
    padding: 1.5rem;
  }
  .style-baazar .style-baazar-left .style-header h2 {
    font-size: 17px;
  }
  .style-baazar .style-baazar-left .style-header p {
    margin-bottom: 1rem;
  }
  .style-card-custom {
    flex: 1 1 100%;
  }
  .style-card-text {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
.year_2025sub {
  background: linear-gradient(135deg, #E0E0E0, #F6F6F6);
  padding: 15px;
}
.year_2025sub h3 {
  font-size: 20px;
  font-weight: 600;
  color: #DC121C;
  margin-bottom: 0;
}
.year_2025sub p {
  font-size: 13px;
  color: #3f3f3f;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.collapse-section {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}

.collapse-section.open {
  max-height: 1000px; /* adjust based on expected content size */
  opacity: 1;
}

.quarter-card {
  border: 1.5px solid #f5c7c7;
  padding: 12px 20px;
  background: #fff;
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
.quarter-card .download_fileBtn {
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
.quarter-card.active {
  border: 1.5px solid #F3F3F3;
  background: linear-gradient(to right, #E4E4E4, #F6F6F6);
  font-size: 14px;
  color: #616161;
  font-weight: 600;
}
.quarter-card.active .download-btn {
  background: linear-gradient(to top right, #d91f28, #b10810);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 0 !important;
}
.quarter-card.disabled {
  font-size: 14px;
  border: 1.5px solid #e0e0e0;
  background-color: #f5f5f5;
  color: #999 !important;
}
.quarter-card.disabled .download-btn {
  font-size: 14px;
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
  padding: 6px 14px;
  border-radius: 0 !important;
}

.finalcial_yearMain {
  width: 94%;
  padding: 20px 25px;
  display: flex;
  gap: 20px;
}

.finalcial_yearSub {
  flex: 1 1 30%; /* Adjust width behavior */
  min-width: 300px;
}
.finalcial_yearSub h5 {
  color: #5D5D5D;
  font-weight: 600;
  font-size: 16px;
}

.finalcial_border {
  /*height: 370px;*/
  width: 2px;
  background-color: #F0EEEE;
}

.finalcial_borderMain {
  height: 2px;
  background-color: #F0EEEE;
}

@media (min-width: 992px) {
  .finalcial_yearSub {
    flex: 1 1 calc(33.33% - 20px);
  }
}
@media screen and (max-width: 500px) {
  .finalcial_yearMain {
    flex-direction: column !important;
  }
  .finalcial_border {
    display: none;
  }
  .finalcial_yearSub h5 {
    font-size: 12px;
  }
  .quarter-card.active {
    font-size: 12px;
  }
  .quarter-card.active .download-btn {
    width: 50%;
    font-size: 10px;
  }
  .quarter-card.disabled {
    font-size: 12px;
  }
  .quarter-card.disabled .download-btn {
    width: 50%;
    font-size: 10px;
  }
}
.writeToUs_Main {
  width: 40%;
  margin: 0 auto;
  padding-bottom: 2rem;
}
.writeToUs_Main .writeToUs_left {
  background: linear-gradient(to right, #D91F28, #B10810);
  text-align: center;
  padding: 12px 0;
}
.writeToUs_Main .writeToUs_left p {
  color: #FFFFFF;
  font-size: 13px;
  margin-bottom: 0 !important;
}
.writeToUs_Main .writeToUs_right {
  background: linear-gradient(to right, #CACACA, #BDBDBD);
  text-align: center;
  padding: 22px 0;
}
.writeToUs_Main .writeToUs_right p {
  color: #808080;
  font-size: 13px;
  margin-bottom: 0 !important;
}
.writeToUs_Main .writeToUs_email {
  display: flex;
  flex-direction: row !important;
  padding: 20px 0;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.writeToUs_Main .writeToUs_email a {
  display: contents;
  text-decoration: none;
}
.writeToUs_Main .writeToUs_email a img {
  width: 30px;
}
.writeToUs_Main .writeToUs_email a span {
  font-size: 14px;
  color: #3D3D3D;
  font-weight: 600;
}

@media screen and (max-width: 500px) {
  .writeToUs_Main {
    width: 50%;
  }
}
@media screen and (max-width: 700px) {
  .writeToUs_email span {
    font-size: 10px !important;
  }
}
.finalcial_year {
  display: none;
}

.finalcial_year.open {
  display: block;
}

.announcement-link {
  text-decoration: none;
  transition: color 0.2s ease;
}

.announcement-link:hover {
  color: #64b2f2 !important;
}

.finalcial_year {
  display: none;
  height: 16rem;
  overflow-y: scroll;
  overflow-x: none;
}

.finalcial_year.open {
  display: block;
}

/* Card container */
.announcement-con {
  background-color: #f9f9f9;
  padding: 6px 18px;
  border-radius: 8px;
  border: 1px solid #ffe0e0;
  transition: background-color 0.3s, box-shadow 0.3s;
  cursor: pointer;
  color: #dc121c;
}

/* Hover effect on card */
.announcement-con:hover {
  background-color: #b30e18;
  color: #fff;
  box-shadow: 0 4px 8px rgba(220, 18, 28, 0.1); /* red-tinted shadow */
}

/* Span text styling */
/* Download button */
.announcement-download {
  background-color: transparent;
  border: none;
  padding: 6px 10px;
  transition: transform 0.2s ease;
}

/* Image inside button */
.announcement-download img {
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease;
}

/* Hover effect on download button */
.announcement-download:hover img {
  transform: scale(1.15);
}

/* Optional: make the button a little more clickable looking */
.announcement-download:focus,
.announcement-download:hover {
  outline: none;
  background-color: rgba(220, 18, 28, 0.05);
  border-radius: 4px;
}

.announcement-wrapper {
  display: flex;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.announcement-menu {
  background-color: #f9f9f9;
  border-right: 1px solid #eee;
  /* display: flex;*/
  flex-direction: column;
  height: 18rem;
  overflow-y: scroll;
  overflow-x: hidden;
  min-width: 300px;
  max-width: 300px;
}

.menu-item {
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
  color: #dc121c;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
}

.menu-item:hover {
  background-color: #ffe5e5;
}

.menu-item.active {
  background-color: #dc121c;
  color: white;
  font-weight: 600;
  position: relative;
}

.menu-item.active::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #dc121c;
}

.announcement-content {
  flex-grow: 1;
  padding: 20px;
  background-color: #fff;
}

.content-section {
  display: none;
}

.content-section.active {
  display: block;
}

.download-box {
  background-color: #f9f9f9;
  padding: 6px 18px;
  border-radius: 8px;
  border: 1px solid #ffe0e0;
  transition: background-color 0.3s, box-shadow 0.3s;
  cursor: pointer;
  color: #dc121c;
  padding: 12px 18px;
  margin-bottom: 12px;
  border-radius: 5px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.download-box:hover {
  background-color: #b30e18;
  color: #fff;
}

.download-boxImg {
  transition: filter 0.3s ease;
}

.download-box:hover .download-boxImg {
  filter: invert(100%) sepia(100%) saturate(0%) brightness(1000%);
}

.regulation-points {
  padding-left: 20px;
  list-style-type: disc;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}

.announcement-con:hover .announcement-download img {
  filter: invert(100%) sepia(100%) saturate(0%) brightness(1000%);
}

.contactone-span {
  font-size: 16px;
  color: #5D5D5D;
}

.toggleArrow {
  transition: transform 0.3s ease;
}

.toggleArrow.rotated {
  transform: rotate(180deg);
}

#KeyManagerialContactsSection {
  text-align: justify;
}
#KeyManagerialContactsSection strong {
  color: #D91F28;
}

.contactone-header {
  font-size: 25px;
  color: #D91F28;
  font-weight: 600;
}

#cg-filefor-4 h4 {
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
  display: inline-block;
}

@media screen and (max-width: 600px) {
  .contactone-header {
    font-size: 17px;
  }
  .contactone-span {
    font-size: 13px !important;
    color: #5D5D5D;
  }
  .key-manage-header {
    font-size: 17px;
  }
  .key-manage-para {
    font-size: 13px;
    margin-bottom: 0;
  }
  .tab-item-fin {
    font-size: 12px;
  }
  .tab-item-contact {
    font-size: 12px;
  }
  .finalcial_yearMain {
    overflow-x: scroll;
  }
  .finalcial-tabs {
    overflow-x: scroll;
  }
  .announcement-menu {
    overflow-x: scroll;
  }
  .menu-item {
    padding: 12px;
    font-size: 12px;
    width: 130px;
  }
  #cg-filefor-4 {
    width: 194px;
    overflow: scroll;
    font-size: 13px;
  }
  .auditCommitteeSec h4 {
    font-size: 16px;
  }
  .calender-text-para {
    font-size: 10px;
  }
  .download-box {
    font-size: 12px;
  }
}
#InvestorContactsSection {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}

.auditCommitteeSec {
  overflow-y: scroll;
}

.contactone-info-box-header {
  font-size: 25px;
  color: red;
  margin-bottom: 1.4rem;
}

.contactone-info-box-para {
  font-size: 15px;
  margin-bottom: 1rem;
}

.contactone-info-box {
  background: #E4E4E4;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.investorhero_section {
  padding-top: 5rem;
  padding-bottom: 1rem;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.background-investors {
  position: relative;
  padding-top: 9rem;
  background-image: url("../assets/images/investor_hero.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  min-height: 39rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  /* z-index: 1; */
}
.background-investors .nseDiv {
  background: linear-gradient(to top right, #FFE6E7, #FFF6F6);
  text-align: center;
}

#cg-filefor-4 {
  width: 800px;
}

.background-investors::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0, 0, 0, 0.7);*/ /* Deep black overlay */
  z-index: 1; /* Lower than content inside */
}

/* ✅ Make sure actual content appears above overlay */
.background-investors > * {
  position: relative;
  z-index: 2;
}

.investors_hero_content {
  position: relative;
  z-index: 2;
  padding: 1rem;
}
.investors_hero_content .lead {
  letter-spacing: 0.8px;
  font-size: 0.7rem !important;
  margin-bottom: 1rem;
}
.investors_hero_content h1 {
  font-size: 40px;
  font-weight: 700 !important;
}
.investors_hero_content p {
  max-width: 750px;
  margin: 0 auto;
}
.investors_hero_content .btn_hero_investors {
  background: linear-gradient(to bottom, #d91f28, #b10810);
  width: 25%;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
}
.investors_hero_content .btn_hero_investors:hover {
  background: linear-gradient(to left, #b10810, #D91F28);
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}
.investors_hero_content a.btn {
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
}

@media (max-width: 768px) {
  .background-investors {
    text-align: center;
  }
  .background-investors .investors_hero_content h1 {
    font-size: 1.75rem;
  }
  .background-investors .investors_hero_content p {
    font-size: 1rem;
  }
  .btn_hero_investors {
    width: 65% !important;
  }
  .investors_hero_content a.btn {
    font-size: 12px !important;
  }
}
.investor_card {
  margin-bottom: 0 !important;
  margin-top: 30px;
  text-align: right;
}

.company_overview {
  padding-bottom: 1rem;
}

.company-section {
  background: linear-gradient(to right, #F6F6F6, #E4E4E4);
  overflow: hidden;
  border-radius: 4px;
  max-width: 500px;
  margin: 0 auto;
  color: #000;
  position: relative;
}
.company-section h5 {
  color: #e32f2f;
}
.company-section .presentation-card {
  width: 78%;
  margin: 0 auto;
  background: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.company-section .presentation-card span {
  font-size: 15px;
  font-weight: 600 !important;
  color: #5D5D5D;
  padding: 0 15px;
}
.company-section .presentation-card img {
  width: 25px;
}
.company-section .calendar-list {
  padding: 13px;
  width: 97%;
  max-height: 314px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #D91F28 #F0B5B7;
}
.company-section .calendar-list::-webkit-scrollbar {
  width: 6px;
}
.company-section .calendar-list::-webkit-scrollbar-track {
  background-color: #F0B5B7;
}
.company-section .calendar-list::-webkit-scrollbar-thumb {
  background-color: #d91f28;
  border-radius: 10px;
}
.company-section .calendar-list .calendar-item {
  width: 90%;
  margin: 0 auto;
  height: 3rem;
  font-size: 13px;
  position: relative;
  background: white;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.03);
  cursor: pointer;
}
.company-section .calendar-list img {
  width: 25px;
}
.company-section .calendar-list .calender-text {
  color: #D91F28;
  margin-left: 60px;
}
.company-section .calendar-list .calender-text p {
  color: #5D5D5D !important;
  margin-bottom: 0 !important;
}

.icon-wrapper {
  background: linear-gradient(to bottom, #d91f28, #b10810);
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: absolute;
  flex-shrink: 0;
  left: 9%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-wrapper .icon-image {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.file-wrapper {
  position: absolute;
  left: -3%;
  top: -3%;
  background-color: #d32f2f; /* Red background */
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.file-image {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

@media screen and (max-width: 500px) {
  .company-section {
    padding: 0 !important;
    margin-bottom: 2rem !important;
  }
  .nseDiv {
    padding: 0 10px;
  }
}
.investor_announcements {
  max-height: 580px;
  overflow: hidden;
}
.investor_announcements .announcement-card {
  background: linear-gradient(to right, #282828, #696969);
  padding: 2rem;
  color: white;
}
.investor_announcements .announcement-card h5 {
  margin-bottom: 1.5rem;
  color: #FF434D;
}
.investor_announcements .announcement-card .announcement-list {
  max-height: 450px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #ffffff #CE454A;
  cursor: pointer;
}
.investor_announcements .announcement-card .announcement-list::-webkit-scrollbar {
  width: 6px;
}
.investor_announcements .announcement-card .announcement-list::-webkit-scrollbar-track {
  background-color: #CE454A;
}
.investor_announcements .announcement-card .announcement-list::-webkit-scrollbar-thumb {
  background-color: #ffffff;
}
.investor_announcements .announcement-card .announcement-list .announcement-item {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.investor_announcements .announcement-card .announcement-list .announcement-item p {
  font-size: 0.8rem;
  letter-spacing: 0.7px;
}

.tab-item {
  padding: 8px 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  color: #5D5D5D;
  transition: all 0.3s ease;
}

.tab-item.active {
  background: linear-gradient(to right, #D91F28, #B10810);
  color: #fff;
}

.tab-item-fin {
  padding: 8px 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
  color: #5D5D5D;
  transition: all 0.3s ease;
}

.ipo-text {
  font-size: 13px;
}

.tab-item-fin.active {
  background: linear-gradient(to right, #D91F28, #B10810);
  color: #fff;
}

.tab-item-contact {
  padding: 8px 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  color: #5D5D5D;
  transition: all 0.3s ease;
}

.tab-item-contact.active {
  background: linear-gradient(to right, #D91F28, #B10810);
  color: #fff;
}

.tab-border {
  height: 1px;
  background-color: #f8d6d6;
}

@media screen and (max-width: 700px) {
  .tab-wrapper {
    overflow-x: auto;
  }
  .tab-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scroll on iOS */
    scrollbar-width: none; /* Hide in Firefox */
  }
  .tab-wrapper::-webkit-scrollbar {
    display: none; /* Hide in Chrome/Safari */
  }
  .tab-menu {
    min-width: max-content;
  }
  .tab-item {
    white-space: nowrap;
  }
}
@media screen and (max-width: 500px) {
  .finalcial-tabs {
    margin-top: 10px !important;
  }
}
.f_reporting {
  width: 50%;
  margin: 0 auto;
}

.three_div {
  flex-direction: row !important;
}

.stockDiv {
  background: linear-gradient(to top right, #5e5d5d, #1e1e1e);
}
.stockDiv p {
  font-size: 18px;
  margin-bottom: 0;
}

.three_div {
  --g: 8px; /* the gap */
  --b: 8px; /* border thickness*/
  --c: #c9c9c9; /* the color */
  padding: calc(var(--g) + var(--b));
  --_c: #0000 0 25%, var(--c) 0 50%;
  --_g1: repeating-linear-gradient(90deg,var(--_c)) repeat-x;
  --_g2: repeating-linear-gradient(180deg,var(--_c)) repeat-y;
  background: var(--_g1) var(--_p, 25%) 0, var(--_g2) 0 var(--_p, 125%), var(--_g1) var(--_p, 125%) 100%, var(--_g2) 100% var(--_p, 25%);
  background-size: 200% var(--b), var(--b) 200%;
  cursor: pointer;
  filter: grayscale(50%);
  transition: 0.3s;
}

.three_div:hover {
  --_p: 75%;
  filter: grayscale(0%);
}

@media screen and (max-width: 500px) {
  .f_reporting {
    width: 100%;
  }
  .f_reSec {
    background-color: #ececec;
    justify-content: space-between;
  }
  .stockDiv {
    padding: 25px;
  }
  .writeToUs_Main {
    padding-top: 2rem;
  }
}
.style-baazar {
  background: linear-gradient(to right, #6E6E6E, #212121);
  display: flex;
  padding: 2rem;
  position: relative;
  overflow: hidden;
}

.style-baazar .style-baazar-left {
  width: 100%;
}

.style-baazar .style-baazar-left .style-header h2 {
  font-size: 32px;
  color: white;
  font-weight: 600;
}

.style-baazar .style-baazar-left .style-header p {
  font-size: 15px;
  color: white;
  margin-bottom: 20px;
}

.style-baazar .style-baazar-left .style-grid-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.style-baazar .style-baazar-left .style-grid-row .style-card-custom {
  background-color: rgb(229, 45, 55);
  color: white;
  gap: 20px;
  flex: 1 1 calc(20% - 20px);
  min-width: 200px;
}

.style-card-text {
  width: 80%;
}

.style-baazar .style-baazar-left .style-grid-row .style-card-custom .style-card-text p {
  font-size: 11px;
  margin-bottom: 0.5rem;
}

.style-baazar .style-baazar-left .style-grid-row .style-card-custom .style-card-text h2 {
  font-size: 20px;
  font-weight: 600;
}

.style-baazar .style-baazar-left .style-grid-row .style-card-custom .card-icon {
  margin-bottom: 20px;
}

.card-icon {
  width: 100%;
}

.style-baazar .style-baazar-left .style-grid-row .style-card-custom .card-icon img {
  width: 47px;
}

.style-baazar .style-baazar-left .style-grid-row .style-card-custom {
  width: 25%;
  background-color: rgb(229, 45, 55);
  color: white;
  padding: 27px;
  transition: all 0.3s ease-in-out;
}
.style-baazar .style-baazar-left .style-grid-row .style-card-custom:hover {
  transform: translateY(-3px);
}

.style-baazar .style-baazar-right {
  width: 20%;
}

.style-baazar .style-baazar-right .arrow {
  position: absolute;
  top: -5%;
  right: 6%;
}

.style-baazar .style-baazar-right .style-bag {
  position: absolute;
  top: 7%;
  right: -9%;
}

.style-baazar .style-baazar-right .style-bag img {
  height: auto;
  width: 65%;
}

@media (max-width: 768px) {
  /* Mobile screens */
  .style-baazar {
    display: flex; /* Tablets and small screens */
    flex-direction: column;
  }
  .style-baazar .style-baazar-left {
    width: 100%;
  }
  .style-baazar .style-baazar-left .style-header h2 {
    font-size: 32px;
    margin-left: -10px;
  }
  .style-baazar .style-baazar-left .style-grid-row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 1rem;
    padding-bottom: 1rem;
    scroll-snap-type: x mandatory;
  }
  .style-baazar .style-baazar-left .style-grid-row .style-card-custom {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 220px;
  }
  .style-baazar .style-baazar-right {
    width: 100%;
  }
  .style-baazar .style-baazar-right .style-bag {
    top: 1%;
    right: -9.4%;
  }
  .style-baazar .style-baazar-right .style-bag img {
    height: 50%; /* Resize the image for smaller screens */
    width: 50%;
    display: none;
  }
  .style-baazar .style-baazar-right .arrow img {
    display: none;
  }
  /* Optional: Hide scrollbar (Chrome/WebKit) */
  .style-grid-row::-webkit-scrollbar {
    display: none;
  }
  .style-grid-row {
    -ms-overflow-style: none; /* IE/Edge */
    scrollbar-width: none; /* Firefox */
  }
}
@media (max-width: 576px) {
  .style-baazar {
    padding: 1.5rem;
  }
  .style-baazar .style-baazar-left .style-header h2 {
    font-size: 17px;
  }
  .style-baazar .style-baazar-left .style-header p {
    margin-bottom: 1rem;
  }
  .style-card-custom {
    flex: 1 1 100%;
  }
  .style-card-text {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
.year_2025sub {
  background: linear-gradient(135deg, #E0E0E0, #F6F6F6);
  padding: 15px;
}
.year_2025sub h3 {
  font-size: 20px;
  font-weight: 600;
  color: #DC121C;
  margin-bottom: 0;
}
.year_2025sub p {
  font-size: 13px;
  color: #3f3f3f;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.collapse-section {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}

.collapse-section.open {
  max-height: 1000px; /* adjust based on expected content size */
  opacity: 1;
}

.quarter-card {
  border: 1.5px solid #f5c7c7;
  padding: 12px 20px;
  background: #fff;
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
.quarter-card .download_fileBtn {
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
.quarter-card.active {
  border: 1.5px solid #F3F3F3;
  background: linear-gradient(to right, #E4E4E4, #F6F6F6);
  font-size: 14px;
  color: #616161;
  font-weight: 600;
}
.quarter-card.active .download-btn {
  background: linear-gradient(to top right, #d91f28, #b10810);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 0 !important;
}
.quarter-card.disabled {
  font-size: 14px;
  border: 1.5px solid #e0e0e0;
  background-color: #f5f5f5;
  color: #999 !important;
}
.quarter-card.disabled .download-btn {
  font-size: 14px;
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
  padding: 6px 14px;
  border-radius: 0 !important;
}

.finalcial_yearMain {
  width: 94%;
  padding: 20px 25px;
  display: flex;
  gap: 20px;
}

.finalcial_yearSub {
  flex: 1 1 30%; /* Adjust width behavior */
  min-width: 300px;
}
.finalcial_yearSub h5 {
  color: #5D5D5D;
  font-weight: 600;
  font-size: 16px;
}

.finalcial_border {
  /*height: 370px;*/
  width: 2px;
  background-color: #F0EEEE;
}

.finalcial_borderMain {
  height: 2px;
  background-color: #F0EEEE;
}

@media (min-width: 992px) {
  .finalcial_yearSub {
    flex: 1 1 calc(33.33% - 20px);
  }
}
@media screen and (max-width: 500px) {
  .finalcial_yearMain {
    flex-direction: column !important;
  }
  .finalcial_border {
    display: none;
  }
  .finalcial_yearSub h5 {
    font-size: 12px;
  }
  .quarter-card.active {
    font-size: 12px;
  }
  .quarter-card.active .download-btn {
    width: 50%;
    font-size: 10px;
  }
  .quarter-card.disabled {
    font-size: 12px;
  }
  .quarter-card.disabled .download-btn {
    width: 50%;
    font-size: 10px;
  }
}
.writeToUs_Main {
  width: 40%;
  margin: 0 auto;
  padding-bottom: 2rem;
}
.writeToUs_Main .writeToUs_left {
  background: linear-gradient(to right, #D91F28, #B10810);
  text-align: center;
  padding: 12px 0;
}
.writeToUs_Main .writeToUs_left p {
  color: #FFFFFF;
  font-size: 13px;
  margin-bottom: 0 !important;
}
.writeToUs_Main .writeToUs_right {
  background: linear-gradient(to right, #CACACA, #BDBDBD);
  text-align: center;
  padding: 22px 0;
}
.writeToUs_Main .writeToUs_right p {
  color: #808080;
  font-size: 13px;
  margin-bottom: 0 !important;
}
.writeToUs_Main .writeToUs_email {
  display: flex;
  flex-direction: row !important;
  padding: 20px 0;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.writeToUs_Main .writeToUs_email a {
  display: contents;
  text-decoration: none;
}
.writeToUs_Main .writeToUs_email a img {
  width: 30px;
}
.writeToUs_Main .writeToUs_email a span {
  font-size: 14px;
  color: #3D3D3D;
  font-weight: 600;
}

@media screen and (max-width: 500px) {
  .writeToUs_Main {
    width: 50%;
  }
}
@media screen and (max-width: 700px) {
  .writeToUs_email span {
    font-size: 10px !important;
  }
}
.finalcial_year {
  display: none;
}

.finalcial_year.open {
  display: block;
}

.announcement-link {
  text-decoration: none;
  transition: color 0.2s ease;
}

.announcement-link:hover {
  color: #64b2f2 !important;
}

.finalcial_year {
  display: none;
  height: 16rem;
  overflow-y: scroll;
  overflow-x: none;
}

.finalcial_year.open {
  display: block;
}

/* Card container */
.announcement-con {
  background-color: #f9f9f9;
  padding: 6px 18px;
  border-radius: 8px;
  border: 1px solid #ffe0e0;
  transition: background-color 0.3s, box-shadow 0.3s;
  cursor: pointer;
  color: #dc121c;
}

/* Hover effect on card */
.announcement-con:hover {
  background-color: #b30e18;
  color: #fff;
  box-shadow: 0 4px 8px rgba(220, 18, 28, 0.1); /* red-tinted shadow */
}

/* Download button */
.announcement-download {
  background-color: transparent;
  border: none;
  padding: 6px 10px;
  transition: transform 0.2s ease;
}

/* Image inside button */
.announcement-download img {
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease;
}

/* Hover effect on download button */
.announcement-download:hover img {
  transform: scale(1.15);
  filter: invert(100%) sepia(100%) saturate(0%) brightness(1000%);
}

/* Optional: make the button a little more clickable looking */
.announcement-download:focus,
.announcement-download:hover {
  outline: none;
  background-color: rgba(220, 18, 28, 0.05);
  border-radius: 4px;
}

.announcement-wrapper {
  display: flex;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.announcement-menu {
  background-color: #f9f9f9;
  border-right: 1px solid #eee;
  /* display: flex;*/
  flex-direction: column;
  height: 18rem;
  overflow-y: scroll;
  overflow-x: hidden;
  min-width: 300px;
  max-width: 300px;
}

.menu-item {
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
  color: #dc121c;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
}

.menu-item:hover {
  background-color: #ffe5e5;
}

.menu-item.active {
  background-color: #dc121c;
  color: white;
  font-weight: 600;
  position: relative;
}

.menu-item.active::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #dc121c;
}

.announcement-content {
  flex-grow: 1;
  padding: 20px;
  background-color: #fff;
}

.content-section {
  display: none;
}

.content-section.active {
  display: block;
}

.download-box {
  background-color: #f9f9f9;
  padding: 6px 18px;
  border-radius: 8px;
  border: 1px solid #ffe0e0;
  transition: background-color 0.3s, box-shadow 0.3s;
  cursor: pointer;
  color: #dc121c;
  padding: 12px 18px;
  margin-bottom: 12px;
  border-radius: 5px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.download-box:hover {
  background-color: #b30e18;
  color: #fff;
}

.download-boxImg {
  transition: filter 0.3s ease;
}

.download-box:hover .download-boxImg {
  filter: invert(100%) sepia(100%) saturate(0%) brightness(1000%);
}

.regulation-points {
  padding-left: 20px;
  list-style-type: disc;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}

.announcement-con:hover .announcement-download img {
  filter: invert(100%) sepia(100%) saturate(0%) brightness(1000%);
}

.contactone-span {
  font-size: 16px;
  color: #5D5D5D;
}

.toggleArrow {
  transition: transform 0.3s ease;
}

.toggleArrow.rotated {
  transform: rotate(180deg);
}

#KeyManagerialContactsSection {
  text-align: justify;
}
#KeyManagerialContactsSection strong {
  color: #D91F28;
}

.contactone-header {
  font-size: 25px;
  color: #D91F28;
  font-weight: 600;
}

#cg-filefor-4 h4 {
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
  display: inline-block;
}

@media screen and (max-width: 600px) {
  .menu-width {
    min-width: 129px;
  }
  .year_2025sub h3 {
    font-size: 14px;
  }
  .year-heading {
    font-size: 10px;
  }
  .contactone-header {
    font-size: 17px;
  }
  .contactone-span {
    font-size: 13px !important;
    color: #5D5D5D;
  }
  .key-manage-header {
    font-size: 17px;
  }
  .key-manage-para {
    font-size: 13px;
    margin-bottom: 0;
  }
  .tab-item-fin {
    font-size: 12px;
  }
  .tab-item-contact {
    font-size: 12px;
  }
  .finalcial_yearMain {
    overflow-x: scroll;
  }
  .finalcial-tabs {
    overflow-x: scroll;
  }
  .menu-item {
    padding: 12px;
    font-size: 12px;
    width: 130px;
  }
  #cg-filefor-4 {
    width: 194px;
    overflow: scroll;
    font-size: 13px;
  }
  .auditCommitteeSec h4 {
    font-size: 16px;
  }
  .calender-text-para {
    font-size: 10px;
  }
  .download-box {
    font-size: 12px;
  }
}
.content-wrapper {
  padding-bottom: 20px;
}

.contact_hero {
  padding-top: 5rem;
}

.contact_heroText {
  margin-top: 0;
}

.map_section {
  padding: 5rem 0;
  width: 75%;
  margin: 0 auto;
}

.map_main {
  display: flex;
}

.map_left {
  width: 60%;
}

.address_right {
  width: 40%;
}

.map-container {
  width: 100%;
  max-width: 800px;
  margin: auto;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 768px) {
  .map_section {
    padding: 3rem 0;
    width: 90%;
  }
  .map_main {
    flex-direction: column;
  }
  .map_left {
    width: 100%;
    margin: 0 auto;
  }
  .address_right {
    width: 100%;
    margin: 0 auto;
  }
}
.contact-info-box {
  background: linear-gradient(to bottom right, #797777, #000000);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.contact-line {
  opacity: 0.5;
  border-top: 1px solid #d71920; /* Red separator line */
  margin: 0.5rem 0;
  width: 100%;
}

.contact-info-box h6 {
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0.8px;
}

.contact-info-box p {
  color: #ffffff;
  font-size: 11px;
  margin-bottom: 1rem;
}

.contactForm_section {
  width: 75%;
  margin: 0 auto;
  background: linear-gradient(to left, #F6F6F6, #EDEDED);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
  padding: 3rem;
}
.contactForm_section .contact-title {
  color: #d1001f;
  font-weight: 700;
  margin-bottom: 2rem;
}
.contactForm_section .contact-subtitle {
  font-size: 14px;
  color: #333;
  margin-bottom: 2rem;
}
.contactForm_section textarea.form-control {
  resize: none;
}
.contactForm_section .btn-contactForm {
  font-weight: 500;
  font-size: 14px;
  padding: 8px 17px !important;
  border-radius: 0 !important;
  background: linear-gradient(to right, #D91F28, #B10810);
  transition: all 0.3s ease-in-out;
}
.contactForm_section .btn-contactForm:hover {
  background: linear-gradient(to left, #D91F28, #B10810);
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 768px) {
  .contactForm_section {
    width: 90%;
    padding: 1.5rem;
  }
}
.privacy_hero {
  padding-top: 5rem;
}

.privacy-policy {
  background: #fff;
  color: #333;
  font-size: 14px;
  line-height: 1.7;
}

.privacy-policy .brand-name {
  color: #d1001f;
  font-weight: bold;
}

.privacy-policy .section-title {
  color: #d1001f;
  font-weight: 700;
  font-size: 1.25rem;
}

.privacy-policy .custom-list {
  padding-left: 0 !important;
  list-style: none;
}

.privacy-policy .custom-list li::before {
  display: none;
}

.privacy-policy .custom-list li {
  position: relative;
  list-style: none;
}

.privacy-policy .custom-list li::before {
  content: "⭑";
  position: absolute;
  left: 0;
  top: 0;
  color: #d1001f;
  font-size: 0.9rem;
}

.privacy_address a {
  font-size: 10px;
  text-decoration: none !important;
}

@media screen and (max-width: 600px) {
  .explore_cards_wrapper {
    gap: 10px;
  }
  .explore_card {
    width: 114px;
    height: 134px;
  }
}
.career_hero {
  padding-top: 6rem;
}

.career_main {
  /*  background-image: url('/Theme/FrontEnd/Content/assets/images/career_home.png');*/
}

.career_heroText {
  margin-top: 13rem;
}

@media screen and (max-width: 768px) {
  .career_heroText {
    margin-top: 8rem;
  }
  .career_heroText h2 {
    font-size: 18px;
  }
  .career_details_HeroPara {
    font-size: 14px;
  }
}
.career_backgroundMain {
  background-image: url("/Theme/FrontEnd/Content/assets/images/career_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.life-prev::after {
  display: none;
}

.life_stylebazaarMain {
  position: relative;
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  height: 23rem;
  overflow: hidden;
}

.life_stylebazaar {
  padding-bottom: 2rem !important;
}

.life-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Maintains aspect ratio */
  z-index: 1;
}

.life-text {
  position: relative;
  z-index: 2;
  color: white;
  text-align: justify;
  padding: 3rem 1.5rem;
  background-color: rgba(0, 0, 0, 0.65); /* semi-transparent black */
  border-radius: 1rem; /* smooth rounded corners */
  max-width: 500px;
}
.life-text p {
  font-size: 10px;
  text-align: justify;
}
.life-text h5 {
  color: #FF5050;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}

.life-text span {
  font-size: 12px;
  margin-bottom: -10px;
}

.life_styleLogo {
  position: absolute;
  bottom: 4%;
  right: 3%;
  border: 1px solid;
  z-index: 99999999;
}
.life_styleLogo img {
  width: 50px;
  height: 50px;
}

.swiper-pagination.life-pagination {
  position: absolute;
  bottom: 10px; /* Adjust if needed */
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
}

.swiper-pagination.life-pagination {
  display: none;
}
.swiper-pagination.life-pagination .swiper-pagination-bullet-active {
  background: red;
}

.beAPart_All {
  text-align: center;
}

.beAPart_a {
  display: inline-block;
  background: linear-gradient(to right, #d91f28, #b10810);
  transition: all 0.3s ease-in-out;
  color: #fff;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 8px rgba(220, 18, 28, 0.3);
}

.beAPart_All a:hover {
  background: linear-gradient(to left, #d91f28, #b10810);
  transform: translateY(-2px);
}

@media screen and (max-width: 768px) {
  .life_stylebazaarMain {
    padding: 0;
    width: 100%;
    height: 19rem;
  }
  .life-text {
    z-index: 3; /* Ensure text stays above overlay */
    position: relative;
  }
  .life-text {
    width: 100%;
  }
  .life-text p {
    font-size: 10px;
  }
  .life-text {
    border-radius: 0 !important;
  }
}
/* Base styles (mobile first) */
.explore_section {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.explore_middle {
  display: none; /* hide center image on mobile */
}

.explore_mobile_heading {
  font-size: 1.2rem;
  font-weight: 700;
  color: #D1001F;
  margin-bottom: 1.5rem;
}

.explore_cards_wrapper {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding: 1rem;
  width: 100%;
  justify-content: space-between;
  flex-wrap: nowrap;
  scroll-snap-type: x mandatory;
}

.explore_card {
  flex: 0 0 auto;
  scroll-snap-align: center;
  width: 140px;
  height: 140px;
  background-color: #e0e0e0;
  border-radius: 50%;
  padding: 1rem 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.explore_card:hover {
  animation: pulseCard 0.5s ease forwards;
  background-color: #ffecec;
}

@keyframes pulseCard {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1.03);
  }
}
/* Text inside circle */
.explore_text_heading {
  font-size: 15px;
  color: #D1001F;
  font-weight: 700;
  margin: 0 0 0.4rem;
  line-height: 1.2;
}

.explore_text_para {
  font-size: 13px;
  color: #333;
  margin: 0 0 0.6rem;
  line-height: 1.3;
}

.explore_text_btn {
  justify-content: center !important;
  font-size: 12px;
  color: #D1001F;
  font-weight: 600;
  text-decoration: none;
}

/* Desktop layout */
@media (min-width: 992px) {
  .explore_section {
    position: relative;
    height: 40rem;
    justify-content: center;
  }
  .explore_middle {
    display: block;
    width: 274px;
  }
  .explore_mobile_heading {
    display: none;
  }
  .explore_cards_wrapper {
    display: contents;
  }
  .explore_card {
    width: 200px;
    height: 200px;
    padding: 1.5rem 1rem;
    scroll-snap-align: none;
    margin: 0;
    text-align: center;
  }
  .explore_one {
    position: absolute;
    top: 20%;
    left: 18%;
  }
  .explore_two {
    position: absolute;
    top: 20%;
    right: 18%;
  }
  .explore_three {
    position: absolute;
    top: 63%;
    right: 21%;
  }
  .explore_four {
    position: absolute;
    top: 63%;
    left: 21%;
  }
}
@media (max-width: 500px) {
  .explore_text_heading {
    font-size: 8px;
  }
  .explore_text_para {
    font-size: 9px;
  }
}
.worldOfAwesome {
  padding-bottom: 3rem;
}

/* Overlay */
/* Make sure inner content stays above the overlay */
.terms_hero {
  padding-top: 4rem;
}

.media_hero {
  padding-top: 5rem;
}

.media_main {
  /*background-image: url("/Theme/FrontEnd/Content/assets/images/media_hero.png");*/
}

.pressRelease_main {
  width: 80%;
  margin: 0 auto;
}

.pressbody {
  background: linear-gradient(to right, #dfdfdf, #ffffff) !important;
}

.press_readmore {
  justify-content: end !important;
  align-items: center !important;
  gap: 10px;
  text-decoration: none;
}

.press_prev {
  display: none !important;
}

.press_next {
  display: none !important;
}

.press_wrapper {
  gap: 25px;
}

.pressRelease_main .swiper.mySwiper-press {
  position: relative;
  z-index: 1;
}

.press_wrapper .swiper-slide,
.press_wrapper .card {
  position: relative;
  z-index: 2;
}

.swiper-pagination.press-pagination {
  position: relative;
  z-index: 0;
  margin-top: 20px;
  text-align: center;
  color: red;
}
.swiper-pagination.press-pagination .swiper-pagination-bullet-active {
  background: red;
}

@media screen and (max-width: 768px) {
  .pressRelease_main {
    padding: 0 !important;
  }
  .press-pagination {
    display: none;
  }
  .pressRelease_main {
    width: 90% !important;
  }
  .mySwiper-press {
    gap: 0px !important;
  }
  .press_wrapper {
    gap: 0 !important;
  }
}
.coverageSec_main {
  width: 80%;
  margin: 0 auto;
}

.coverage_body {
  background: #ffffff !important;
  box-shadow: none !important;
}

.coverage_wrapper {
  gap: 25px;
}

.coverage-pagination {
  position: relative !important;
  bottom: 0 !important;
  margin-top: 20px; /* push it below the cards */
  z-index: 1; /* lower than card videos */
  text-align: center;
}
.coverage-pagination .swiper-pagination-bullet-active {
  background-color: red; /* or any highlight color */
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .coverageSec_main {
    padding: 0 !important;
  }
  .coverageSec_main {
    width: 90% !important;
  }
  .coverage_wrapper {
    gap: 0 !important;
  }
}
.pressKit_body {
  background: linear-gradient(101.32deg, #d4d4d4 3.55%, #f5f5f5 120.69%);
  width: 75%;
  margin: 0 auto;
}

.press_box_grey {
  background-color: #878787 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px !important;
}

.press_box_grey:hover {
  background-color: #d31c25 !important;
  transition: background-color 0.3s ease;
}

/*.press_box_red {
  background-color: #d31c25 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px!important;
}*/
@media screen and (max-width: 768px) {
  .pressKit_body {
    width: 90%;
  }
}
.blogs_section {
  padding-bottom: 2rem;
}

.blog_body {
  background: linear-gradient(to right, #F2F2F2, #FFFFFF) !important;
  border: 1px solid #EFEFEF;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.blog-pagination {
  position: relative !important;
  margin-top: 20px;
  text-align: center;
  z-index: 1;
}
.blog-pagination .swiper-pagination-bullet-active {
  background-color: red; /* or your brand color */
  opacity: 1;
}

.media-container {
  margin: 1rem auto;
}

.plyr__control--overlaid {
  background-color: #d91f28 !important;
}

.plyr__volume input[type=range] {
  color: #d91f28 !important;
}

.press_header {
  text-align: center;
  margin-bottom: 1rem;
}

.Coveragecard-img-top {
  height: 380px;
}

.pressKit-card-text {
  margin-top: 1rem;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.8px;
}
.pressKit-card-text p {
  margin-bottom: 2px !important;
}

.download-pressDiv {
  text-align: right;
}

.download-press {
  width: 40px;
  cursor: pointer;
}

.blog-container {
  margin: 1rem auto;
}

.blog-read-more {
  justify-content: start !important;
  gap: 8px;
}

@media (min-width: 768px) {
  .swiper-slide {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.Presscard-img-top {
  height: 270px;
  width: 100%;
}

.Coveragecard-img-top {
  width: 100%;
}

.Blogcard-img-top {
  height: 270px;
  width: 100%;
}

@media screen and (max-width: 600px) {
  .search_Div {
    gap: 15px;
  }
  .jobSectionMain {
    flex-direction: column;
    gap: 19px;
  }
}
.careerDetails_Home_starts {
  padding-bottom: 2rem;
}

.careerDetails_text {
  margin-top: 0rem;
}

.jobSection {
  width: 85%;
  margin: 0 auto;
  margin-top: 3rem !important;
}
.jobSection .jobSectionMain {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.jobSection .jobSectionMain_left {
  width: 100%;
  margin: 0 auto;
}
.jobSection .jobSectionMain_right {
  text-align: center;
  width: 12%;
  margin: 0 auto;
}

.search-container {
  display: flex;
  align-items: center;
  border: 1px solid #efefef;
  padding: 10px 15px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: white;
}

.search-container input {
  border: none;
  outline: none;
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  color: #5e5d5d;
  background: transparent;
}

.search-container select {
  border: none;
  outline: none;
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  color: #5e5d5d;
  background: transparent;
  appearance: none; /* Remove native arrow */
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23666' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px;
}

.search-icon img {
  width: 20px;
}

.job_apply_button button {
  padding: 8px 22px;
  background: linear-gradient(to right, #d91f28, #b10810);
  justify-content: center;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #b10810;
}
.job_apply_button button:hover {
  background: linear-gradient(to left, #d91f28, #b10810);
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 500px) {
  .jobSection .jobSectionMain {
    flex-direction: column !important;
    gap: 22px;
  }
  .search_Div {
    flex-direction: column !important;
    gap: 15px;
  }
  .search-icon {
    margin-right: 9px;
  }
  .careerDetails_Home_starts {
    padding-bottom: 0;
  }
  .jobSectionMain_right {
    width: unset !important;
    margin: 0 !important;
  }
}
.available_jobs {
  width: 90%;
  margin: 0 auto;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

/*.available_jobsMain {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;*/ /* Center cards when fewer than 4 */
/*gap: 22px;
  max-width: 100%;
  padding: 20px;
  box-sizing: border-box;
}*/
/*.available_jobs_Cards {
  background: linear-gradient(135deg, #DFDFDF ,#F5F5F5);
  padding: 15px 20px;
  height: 100%;
  flex: 1 1 calc(25% - 22px);*/ /* 4 cards per row, subtracting gap */
/*min-width: 200px;*/ /* Prevents getting too small on smaller screens */
/*}*/
.job-title {
  color: #878787;
  font-weight: 600;
  font-size: 1rem;
  height: 50px;
  margin-bottom: 3rem;
}

.location {
  font-size: 14px;
  color: #5e5d5d;
}

.location img {
  width: 20px;
}

.apply-btn {
  background: linear-gradient(to right, #d91f28, #b10810);
  justify-content: center;
  transition: all 0.3s ease-in-out;
  color: white;
  border: none;
  padding: 6px 16px;
  font-size: 0.9rem;
}

.apply-btn:hover {
  background: linear-gradient(to left, #d91f28, #b10810);
  transform: translateY(-2px);
}

.apply-modal:focus {
  outline: none !important;
  box-shadow: none !important;
}

@media screen and (max-width: 500px) {
  .available_jobs {
    padding-top: 1rem;
  }
}
.modal-content {
  background: linear-gradient(to right, #FFFFFF, #D9D9D9);
  padding: 30px;
  border-radius: 0 !important;
}

.modal-header {
  border-bottom: none !important;
}

.modal-title {
  color: #dc121c;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 1.2px;
}

.form-control {
  border-radius: 0 !important;
  font-size: 13px !important;
  padding: 10px 15px !important;
  color: #5e5d5d !important;
}

.form-select {
  font-size: 13px !important;
  border-radius: 0 !important;
  padding: 10px 15px !important;
  color: #5e5d5d !important;
}

.form-control:focus {
  box-shadow: none !important;
  border-color: #ddd !important;
}

.form-label.required::after {
  content: "*";
  color: red;
  margin-left: 5px;
}

.form-select:focus {
  box-shadow: none !important;
  border-color: #ddd !important;
  outline: none !important;
}

.upload-label {
  font-size: 11px;
  font-weight: 600;
  color: #5e5d5d;
  cursor: pointer;
}

.btn-close {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.25rem;
  background-size: 1.25rem;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: none !important;
  opacity: 1;
  --bs-btn-close-color: #d91f28 !important; /* Your desired color */
  --bs-btn-close-bg: none !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d91f28' viewBox='0 0 16 16'%3e%3cpath d='M2.146 2.146a.5.5 0 0 1 .708 0L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.submit-btn {
  background: linear-gradient(to right, #d91f28, #b10810);
  transition: all 0.3s ease-in-out !important;
  color: #fff !important;
  border: none;
  padding: 8px 30px !important;
  border-radius: 0 !important;
}
.submit-btn:hover {
  background: linear-gradient(to left, #d91f28, #b10810);
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.submit-btn:hover {
  background-color: #a00000;
}

.attachment_mainBox {
  width: 50% !important;
  display: flex !important;
}

.attachment-box {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: white;
  padding: 5px 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  text-decoration: none;
}

.attachment-icon {
  width: 25px;
  height: 25px;
}

.attachment-box span {
  font-size: 11px;
  color: #333;
  font-weight: 500;
  margin-right: 17px;
}

.available_jobsMain {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* Or center if you prefer */
  gap: 22px;
  padding: 20px;
  box-sizing: border-box;
}

.available_jobs_Cards {
  background: linear-gradient(135deg, #DFDFDF, #F5F5F5);
  padding: 15px 20px;
  height: 180px; /* Fixed height */
  flex: 0 0 calc(33.33% - 22px); /* 3 per row */
  max-width: calc(33.33% - 22px);
  min-width: 250px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.available_jobs_Cards:hover {
  animation: pulseCard 0.5s ease forwards;
}

@keyframes pulseCard {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1.03);
  }
}
@media (max-width: 600px) {
  .available_jobs_Cards {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.brandinghero_section {
  padding-top: 6rem;
}

/* Overlay */
.background-branding::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0, 0, 0, 0.3);*/ /* adjust opacity as needed */
  z-index: 2;
}

/* Make sure inner content stays above the overlay */
.background-branding > * {
  position: relative;
  z-index: 3;
}

.investors-content {
  display: flex;
  justify-content: center;
  margin-top: 13rem;
}
.investors-content h1 {
  font-size: 35px;
}

@media screen and (max-width: 500px) {
  .investors-content h1 {
    font-size: 23px;
  }
}
.CuratedforValue {
  width: 80%;
  margin: 0 auto;
}

.CuratedforValue_sub {
  border: 1px solid #eeeeee;
  background: linear-gradient(to right, #d4d4d4, #f9f9f9);
  padding: 20px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 10px;
}
.CuratedforValue_sub img {
  width: 40px;
  height: 40px;
  filter: grayscale(1);
  transition: 0.3s;
}
.CuratedforValue_sub p {
  margin-bottom: 0;
  margin-top: 15px;
  font-size: 14px;
  color: #5e5d5d;
  font-weight: 500;
  transition: 0.3s;
}

.CuratedforValue_sub:hover,
.CuratedforValue_sub.force-hover {
  background: linear-gradient(to right, #9c9c9c, #000000) !important;
}
.CuratedforValue_sub:hover img,
.CuratedforValue_sub.force-hover img {
  filter: grayscale(0);
}
.CuratedforValue_sub:hover p,
.CuratedforValue_sub.force-hover p {
  color: #ffffff;
}

/* Active styles */
.CuratedforValue_sub.active {
  background: linear-gradient(to right, #ffe6e7, #fff6f6);
}

.CuratedforValue_sub.active img {
  filter: none;
}

.CuratedforValue_sub.active p {
  color: #d91f28;
  font-weight: 600;
}

@media screen and (max-width: 500px) {
  .CuratedforValue {
    width: 90%;
  }
  .CuratedforValue_sub {
    padding: 9px;
  }
  #categorySelector {
    padding: 0 !important;
  }
}
.awaya_main {
  height: 35rem !important;
  overflow: hidden !important;
}

.awaya_container {
  padding-top: 2rem;
}
.awaya_container .swiper-pagination-bullet {
  display: none;
}

.awaya_left {
  height: 34rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.div-brands-img {
  margin-bottom: 10px;
}
.div-brands-img img {
  max-width: 100%;
  height: 100px;
  max-height: 100px;
}

.awaya_right {
  height: 33rem;
  overflow: hidden;
  position: relative;
}
.awaya_right img {
  width: 100%;
}

.awaya_right_text {
  z-index: 9;
  width: 30%;
  padding: 2rem 1.5rem;
  position: absolute;
  bottom: 4%;
  text-align: justify;
}
.awaya_right_text h5 {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 1rem;
}
.awaya_right_text p {
  color: #fff;
  font-size: 10px;
  margin-bottom: 0.5rem;
}
.awaya_right_text .knowmore_btn {
  color: #FEAE69;
  font-size: 11px;
  text-decoration: none;
}

.swiper-button-prev.awaya_prev::after {
  display: none;
}

.swiper-button-prev.awaya_prev {
  top: 7% !important;
}

.swiper-button-next.awaya_next {
  top: 7% !important;
}

/* Mobile horizontal scroll */
@media (max-width: 768px) {
  .awaya_main {
    padding: 0 !important;
    height: auto;
  }
  .awaya_container {
    padding: 0 !important;
    margin-top: 2rem;
  }
  .awaya_left {
    margin-top: 1rem;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    gap: 1rem;
    padding-bottom: 1rem;
    -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
  }
  .div-brands-img {
    flex: 0 0 auto; /* prevent shrinking */
  }
}
@media (max-width: 768px) {
  .mySwiper-fashion {
    padding-top: 0 !important;
  }
  .awaya_right_text {
    width: 90%;
    padding: 1rem;
    bottom: 2%;
  }
  .awaya_right_text p {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limit to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.featured_section {
  margin-bottom: 2rem !important;
}

.featured_section .featured-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.featured_section .featured-pagination .swiper-pagination-bullet {
  margin-top: 1rem;
  display: flex;
  display: block !important;
}
.featured_section .featured-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active {
  background: rgb(58, 58, 58) !important;
}

.featuredProduct_wrapper {
  gap: 25px;
  height: 17rem !important;
}

.featuredProduct_main img {
  width: 100%;
  height: 222px;
}

.swiper-button-prev.featuredProduct-prev {
  display: none !important;
}

.swiper-button-next.featuredProduct-next {
  display: none !important;
}

.featuredProduct-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 600px) {
  .featuredProduct_wrapper {
    gap: 0;
  }
  .awaya_right_text {
    display: none;
  }
  .awaya-description {
    display: none !important;
  }
  .awaya_left {
    display: none !important;
  }
  .awaya_main {
    height: 18rem !important;
  }
  .awaya_right {
    height: 18rem !important;
  }
}
.navbar-Mainwidth {
  width: 90% !important;
}

.navbar-style {
  background-color: #fff !important;
  z-index: 1000 !important;
  position: fixed !important;
  width: 100% !important;
}

.nav-item {
  margin: 0 4px;
}

.nav-link:hover {
  color: #D91F28 !important;
}

.nav-link:active {
  color: #D91F28;
}

.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* Optional: prevents dropdown jump */
}

.navbar-nav {
  align-items: end;
  font-weight: 600;
  font-size: 12px;
}

.navbar-brand {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transition: all 0.3s ease-in-out;
}
.navbar-brand img {
  transition: all 0.3s ease-in-out;
}
.navbar-brand:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.rightNav {
  margin-bottom: 20px;
}

.dropdown-item {
  font-size: 12px;
}

.nav-shadow {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* adjust values if needed */
  z-index: 1000;
  position: relative;
}

.red-back-button {
  background: linear-gradient(to right, #D91F28, #B10810);
  transition: all 0.3s ease-in-out;
  color: #fff;
  padding: 1px 10px;
}
.red-back-button:hover {
  background: linear-gradient(to left, #D91F28, #B10810);
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.mag-back1 {
  color: #fff;
}

.mag-back1:hover {
  color: #fff !important;
}

.social-icons-ul {
  display: flex;
  padding-left: 0px !important;
  margin-bottom: 0px !important;
}

.social-icons-ul-li {
  list-style: none;
}

.social-icons img {
  width: 12px;
  margin: 0 5px;
}

.phone,
.email {
  font-size: 11px;
  font-weight: 500;
}

.container-fluid {
  width: 80%;
}

.mag-back1 {
  font-weight: 800;
  color: #fff !important;
}

.navbar-collapse {
  flex-direction: column;
  align-items: end;
  /*font-family: 'DM Sans', serif;*/
}

.down-arrow1 {
  width: 12px;
}

/* For tablets and smaller devices */
@media (max-width: 992px) {
  .rightNav {
    margin-bottom: 0;
  }
  .container-fluid {
    width: 100%;
  }
  .navbar-style {
    padding: 10px;
    border-radius: 0;
  }
  .navbar-nav {
    flex-direction: column;
    align-items: flex-start;
    font-size: 10px;
  }
  .nav-item {
    margin: 5px 0;
  }
  .red-back-button {
    margin-top: 10px;
    text-align: center;
  }
  .social-icons img {
    width: 12px;
  }
}
/* For mobile devices */
@media (max-width: 576px) {
  .navbar-Mainwidth {
    width: 97% !important;
  }
  .nav-link {
    padding: 0 !important;
    font-size: 13px !important;
  }
  .phone,
  .email {
    font-size: 8px;
  }
  .rightNav {
    display: none !important;
  }
  .navbar-toggler {
    margin-right: 10px;
  }
  .navbar-brand img {
    width: 50px;
  }
  .down-arrow1 {
    width: 10px;
  }
  .red-back-button {
    padding: 5px 15px;
    font-size: 12px;
  }
  .social-icons img {
    margin: 0 3px;
    width: 12px;
  }
  .mag-back1 {
    color: #fff;
    font-size: 12px;
  }
  .navbar-collapse {
    /*align-items: flex-start;*/
    padding: 10px;
    align-items: end;
  }
}
.list_unstyled_menu {
  text-decoration: none;
  color: #939393;
}

.phone a {
  text-decoration: none;
  color: inherit;
}

.email a {
  color: inherit;
  text-decoration: none;
}

.img-span-social a {
  text-decoration: none;
}