@import url('brand.css');
@import url('menu_v2.css');
@import url('print.css');

html {
  scroll-behavior: smooth;
  scroll-padding-top: 210px;
  height: 100%;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: var(--bodyText);
  color: var(--coolGray9c);
  display: flex;
  flex-direction: column;
  min-height: 100%; /*keeps footer at the bottom causing header to don't stick at the top on scrolling*/
}

body > .content { flex: 1; }

main { flex-grow: 1; /* Ensures that the main content expands to fill available space */ display:flex; flex-direction: column;}
.table { color:var(--coolGray9c);}


header{ background: var(--leuko); height:auto; /*height: 130px;*/}

header > .container-fluid {--bs-gutter-x: 0px;  }

.searchInput{ border-radius: 4px; border: 0px; background: var(--coolGray2c) url(../images/searchMagnifier.png) no-repeat 8px
    50%; padding-left: 40px; font-size: var(--smallTxt) !important; color: var(--coolGray10c) !important; }

.searchInput:focus{ background-color: var(--coolGray1c);}

.searchInput::placeholder, input::placeholder{ color: var(--coolGray6c_b);}

.notify{font-size: var(--xsmallTxt); font-style: italic; color:#C41200;}

#message .alert{ text-align: center; margin:75px;}


figcaption{ font-style: italic; font-size: small; font-weight: 500; text-align: center;}

/*----breadcrumb begins----*/
.breadcrumb-item + .breadcrumb-item::before { float: left;  padding-right: 0px; color: auto; content: " "!important;}

body.wns .progressBar,body .progressBar { height:4px; background:var(--corpRed); width:0%; }
body.sw .progressBar,body.telco .progressBar{ height:4px; background:var(--telco); width:0%; }
body.ict .progressBar{ height:4px; background:var(--ict); width:0%; }
body.energy .progressBar{ height:4px; background:var(--energy); width:0%; }


body.wns nav.breadcrumb ol li.breadcrumb-item.active,
body.sw nav.breadcrumb ol li.breadcrumb-item.active,
body.telco nav.breadcrumb ol li.breadcrumb-item.active
body.ict nav.breadcrumb ol li.breadcrumb-item.active,
body.energy nav.breadcrumb ol li.breadcrumb-item.active { color:var(--leuko)!important;}
body.corporate nav.breadcrumb ol li.breadcrumb-item.active { color:var(--leuko)!important;}


nav.breadcrumb.sticky-top{position: absolute; top:131px; display: block;}

nav.breadcrumb{
  --breadcrumb-romvos-width: 110px;
  --breadcrumb-romvos-height: 56px;
  height:55px;
  margin-bottom: 0px;
  background: url(../images/breadcrumb_romvos_tile.png), linear-gradient(90deg, 
rgba(255, 255, 255, 0) 0%, 
rgba(255, 255, 255, 1) 5%, 
rgba(255, 255, 255, 1) 6.50%, 
rgba(255, 255, 255, 0) 11%), 
linear-gradient(90deg, 
rgba(92, 94, 97, 0) 0%, 
rgba(92, 94, 97, .4) 8%, 
rgba(92, 94, 97, 1) 9%, 
rgba(92, 94, 97, 1) 100%);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position:5% 50%, left 50%, left 50%;
  background-size: var(--breadcrumb-romvos-width) var(--breadcrumb-romvos-height), 100% 55px, 100% 55px;
  transition: height .4s;
  padding-left: 30px;
  align-items: center;
}
body.corporate nav.breadcrumb{
  background:
  url(../images/breadcrumb_romvos_tile.png), linear-gradient(90deg, 
rgba(255, 255, 255, 0) 0%, 
rgba(255, 255, 255, 1) 5%, 
rgba(255, 255, 255, 1) 6.50%, 
rgba(255, 255, 255, 0) 11%), 
linear-gradient(90deg, 
rgba(92, 94, 97, 0) 0%, 
rgba(92, 94, 97, .4) 8%, 
rgba(92, 94, 97, 1) 9%, 
rgba(92, 94, 97, 1) 100%);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 5% 50%, left 50%, left 50%;
  background-size: var(--breadcrumb-romvos-width) var(--breadcrumb-romvos-height), 100% 55px, 100% 55px;
}

body.corporate nav.breadcrumb ol::before { color:var(--leuko);}

nav.breadcrumb ol::before{ content:"You are here: \00a0 \00a0 "; color:var(--leuko); font-size:var(--smallTxt); font-weight: var(--medium)!important; transition: font-size .4s, font-weight .4s;}



nav.breadcrumb ol{ list-style: none; padding: 8px 4px 0px 4px; transition:padding .4s; margin-bottom:0px!important; margin-left: 2%;}

nav.breadcrumb ol li{ display:inline; padding: 0 0px;color:var(--leuko); font-size:var(--smallTxt); font-weight: var(--light);}
nav.breadcrumb ol li::after { content:" \5C"; font-size:var(--smallTxt); font-weight: var(--light); }
nav.breadcrumb ol li:last-child{ color: var(--leuko)!important; font-weight: var(--regular);}
nav.breadcrumb ol li:last-child::after { content:""; color:var(--leuko)!important;}

nav.breadcrumb ol li a{ color:var(--leuko); text-decoration: none; font-weight: var(--light); font-size:var(--smallTxt); transition: font-size .4s, font-weight .4s;}
body.corporate nav.breadcrumb ol li{ color:var(--leuko); }
body.corporate nav.breadcrumb ol li.breadcrumb-item.active{ color:var(--leuko)!important; }
body.corporate nav.breadcrumb ol li a{ color:var(--leuko); text-decoration: none; }
body.corporate nav.breadcrumb ol li a:hover{ text-decoration: underline;}
body.corporate nav.breadcrumb ol li:last-child{ color:var(--leuko)!important; }
body.corporate nav.breadcrumb ol li:last-child::after { content:""; color:var(--leuko);}

nav.breadcrumb ol li a:hover{ text-decoration: underline}
nav.breadcrumb ol li a.unit{ font-size:24px; font-weight:var(--regular); transition: font-size .4s, font-weight .4s; margin-top: -5px; float: left; margin-right: 9px; }


/*---shrink effect begin ---*/
nav.breadcrumb.shrink{ height:32px;/*margin-bottom: 23px;*/ }
nav.breadcrumb.shrink ol::before{ font-size:var(--xsmallTxt); font-weight: var(--medium); content:"You are here: \00a0 \00a0 "; line-height:175%;}
nav.breadcrumb.shrink ol{ padding: 0px 4px 0px 4px; }
nav.breadcrumb.shrink ol li{ font-size:var(--xsmallTxt); }

nav.breadcrumb.shrink ol li[aria-current='page']{font-weight: var(--medium);}
nav.breadcrumb.shrink ol li a{ font-weight: var(--light); font-size:var(--xsmallTxt);}
nav.breadcrumb.shrink ol li a.unit{ font-size:var(--xsmallTxt); font-weight:var(--light);  margin-top: 0px; float:none;}
/*---shrink effect ends ---*/

/*----breadcrumb ends----*/



main{margin-top: 60px; margin-bottom: 60px; flex: 1 0 auto;}
body.corpSect main{margin-top: 0px; }


.corpSect { scroll-snap-type: y mandatory;  scroll-padding: 180px 0 0 0; }
section.prodSolBlock,div.markets, section.latestArticles, section.newsEvents  { scroll-snap-align: start;}


.sectionTitle{margin-top: 60px;}

.corporate .sectionTitle{margin-top:120px;}

.wns .sectionTitle { color:var(--corpRed);}
.wns .productItem {color:var(--corpRed); }
.wns h5.productTitle a{ color:var(--corpRed);}

.wns .noteProd {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 28px;
  row-gap: 12px;
  align-items: start;
  margin: 28px 0 34px;
  padding: 24px;
  border: 2px solid var(--corpRed);
  border-radius: 12px;
  background: #fff;
  color: var(--coolGray11c);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
}

.wns .noteProd h5 {
  grid-column: 1 / -1;
  margin-bottom: 6px;
  color: var(--corpRed);
}

.wns .noteProd h6 {
  margin-top: 0;
  color: var(--corpRed);
}

.wns .noteProd p,
.wns .noteProd li {
  color: var(--coolGray11c);
}

.wns .noteProd ul {
  margin-bottom: 0;
}

.wns .noteProd-benefits {
  padding-left: 24px;
  border-left: 1px solid var(--coolGray4c);
}

.wns .noteProd-media {
  width: min(100%, 260px);
  margin: 18px auto 0;
}

.wns .noteProd-imageButton {
  display: block;
  width: 100%;
  padding: 8px;
  border: 1px solid rgba(197, 0, 0, .45);
  border-radius: 10px;
  background: #f7f7f7;
  color: var(--corpRed);
  font-weight: var(--medium);
  text-align: center;
  cursor: zoom-in;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.wns .noteProd-imageButton:hover,
.wns .noteProd-imageButton:focus-visible {
  border-color: var(--corpRed);
  box-shadow: 0 8px 18px rgba(197, 0, 0, .18);
  transform: translateY(-1px);
}

.wns .noteProd-imageButton img {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  border-radius: 8px;
}

.wns .noteProd-modal .modal-content {
  border: 2px solid var(--corpRed);
  border-radius: 12px;
}

.wns .noteProd-modal .noteProd-modal-dialog {
  max-width: min(860px, calc(100vw - 32px));
}

.wns .noteProd-modal .modal-title {
  color: var(--corpRed);
}

.wns .noteProd-modal .modal-body {
  background: #f7f7f7;
}

.wns .noteProd-modal .carousel-inner {
  height: auto;
}

.wns .noteProd-modal .carousel-item img {
  max-height: 75vh;
  object-fit: contain;
}

.wns .noteProd-modal .carousel-control-prev-icon,
.wns .noteProd-modal .carousel-control-next-icon {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .65);
}

@media (max-width: 991.98px) {
  .wns .noteProd {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .wns .noteProd-benefits {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid var(--coolGray4c);
    padding-top: 18px;
  }

  .wns .noteProd-media {
    max-width: 360px;
  }
}

.telco .sectionTitle { color:var(--telco);}
.telco .productItem { color:var(--telco);}
.telco h5.productTitle a{ color:var(--telco);}

.ict .sectionTitle { color:var(--ict);}
.ict .productItem { color:var(--ict);}
.ict h5.productTitle a{ color:var(--ict);}


.energy .sectionTitle { color:var(--energy);}
.energy .productItem { color:var(--energy);}
.energy h5.productTitle a{ color:var(--energy);}



/* -------------------------------- carousel begin ----------------------------------*/
.carousel-item-info { position:absolute; z-index: 50; width: 35%; right: 15%; top:27%; color:var(--leuko);background: rgba(4,27,64,.54); border-radius:8px; padding:20px; }
.carousel-item-info h2 {  color:var(--leuko); font-size: var(--H3Header); }
.CTAbtn { float: right; text-decoration: none; color: var(--leuko); padding: 10px 20px; background: var(--corpRed); border-radius: 5px;font-size:var(--smallTxt);  transition-property: background-color, color;
transition-duration: 0.5s; transition-timing-function: ease-out;}
.CTAbtn:hover{ background-color: var(--leuko); color: var(--corpRed);}

/* Hero dot indicators — strip ALL Bootstrap/MDB carousel-indicators defaults */
.hero-dots {
  /* positioning */
  position: absolute !important;
  bottom: 24px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  /* layout */
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  height: auto !important;
  /* reset Bootstrap/MDB visuals */
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  z-index: 10 !important;
}
.hero-dots button {
  /* size */
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  /* shape */
  border-radius: 15px !important;
  /* colour */
  background-color: var(--leuko) !important;
  /* reset MDB button defaults */
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  outline: none !important;
  text-indent: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  /* layout */
  position: relative !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  flex-basis: auto !important;
  display: block !important;
  opacity: 1 !important;
  cursor: pointer;
  transition: width 0.4s ease;
  box-sizing: border-box !important;
}
.hero-dots button.active {
  width: 54px !important;
}
.hero-dots button.active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--thaddColor);
  border-radius: 15px;
  transform: scaleX(0);
  transform-origin: left center;
  animation: hero-dot-fill 8s linear forwards;
}

.hero-carousel-arrow {
  align-items: center;
  background: rgba(255, 255, 255, 0.22);
  border: 0;
  border-radius: 50%;
  height: 44px;
  justify-content: center;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.2s ease;
  width: 44px;
  z-index: 11;
}
.hero-carousel-arrow:hover,
.hero-carousel-arrow:focus-visible {
  background: rgba(255, 255, 255, 0.38);
  opacity: 1;
}
.hero-carousel-arrow-prev {
  left: 28px;
}
.hero-carousel-arrow-next {
  right: 28px;
}
.hero-carousel-arrow .carousel-control-prev-icon,
.hero-carousel-arrow .carousel-control-next-icon {
  height: 18px;
  width: 18px;
}
@keyframes hero-dot-fill {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}
/* -------------------------------- carousel ends ----------------------------------*/

.marketList h1{ margin-top: 80px; margin-bottom:39px; font-weight:var(--regular); }
.corpSect h1 a, .corpSect h1{text-decoration: none; transition: color .4s linear;font-weight:var(--regular)!important;}
.corpSect h1 a:hover{text-decoration: none; color:var(--corpRed); }

/* -------------------------------home page grid begin-------------------------------------------*/
section.prodSolBlock h1 { margin-top: 80px; font-weight: 400;}
.markets h1 { margin-top: 80px; font-weight: 400;}
section.prodSolBlock a{ text-decoration: none;  color:inherit;overflow: hidden; }
.wnsBlock .square{ border:16px solid var(--corpRed); border-radius:6px; padding:20px 0px 58px 18px; margin-top:20px; margin-right:20%; position: relative;}

.swBlock .square{ border:16px solid var(--telco); border-radius:6px; padding:20px 0px 58px 18px; margin-top:20px; margin-left:20%; position: relative;}
.square h4{ margin:0px 0px 20px 0px; line-height: 130%;}
.wnsBlock .square h4 { color: var(--corpRed); }
.swBlock .square h4 { color: var(--telco); }


.wnsBlock .image-content { position: absolute; left: 68%; top: 50%; transform: translateY(-50%); width: 280px; height:auto; z-index: 2; overflow: hidden; border-radius: 6px;  outline: 16px solid #fff;  outline-offset: -1px;  }
.swBlock .image-content { position: absolute; right: 70%; top: 50%; transform: translateY(-50%); width: 280px; height:auto; z-index: 2; overflow: hidden; border-radius: 6px;  outline: 16px solid #fff; outline-offset: -1px;}

section.prodSolBlock a .image-content img { transition: transform .8s ease-in-out; transform-origin: center center; display:block; width:100%; height:auto; object-fit: cover;  }
section.prodSolBlock a:hover .image-content img{ transform: scale(1.3); }





ul.prodSol { display: grid; grid-template-columns: 1fr 1fr ; grid-template-rows:1fr ; list-style-type: none; margin-top:39px; padding:0px; border-radius: 10px; overflow: hidden; }
ul.prodSol li a{ display: grid; grid-template-columns: 1fr 1fr ; grid-template-rows:1fr; text-decoration: none; z-index: 1; overflow: hidden;
 align-items: stretch; 
}

ul.prodSol li a span{ padding: 60px 25px 25px 25px; z-index: 20;}
ul.prodSol li a span h6{color:var(--leuko); margin-bottom: 20px; font-weight:400; }
ul.prodSol li a span p{font-size:var(--bodyText); color:var(--leuko); font-weight: 300;}
ul.prodSol li a img{ transition: transform 2s ease-in-out; transform-origin: center center; z-index: 3;
height: 100%;             /* Stretch image to full height of its container */
  width: 100%;              /* Maintain responsiveness */
  object-fit: cover;        /* Crop image to fit without distortion */
  display: block;
  border-radius: 0;  
}
ul.prodSol li a:hover img{ transform: scale(1.3); }
a.wnsBlock img , a.wnsBlock:hover img, a.wnsBlock img:hover{border-radius: 6px 0 0 6px;}

.wnsBlock span{ background: var(--corpRed);}
.telcoBlock span{background: var(--telco);}
.ictBlock span{background: var(--ict);}
.energyBlock span{background: var(--energy);}

/* -------------------------------home page grid ends-------------------------------------------*/

/*----------------------------------pagination starts--------------------------------------------*/
.pagination {
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: var(--corpRed);
--bs-pagination-active-border-color: #var(--corpRed);

 }
 .page-item:first-child .page-link, .page-item:last-child .page-link{ border-radius: 20px; color: var(--leuko);
  background-color: var(--corpRed);
  border-color: var(--corpRed);}

 .page-link{ border-radius: 25px; padding:4px 11px; margin:8px 19px; border:0px solid var(--corpRed)!important;
  color:var(--corpRed); font-weight: var(--regular); font-size: var(--xsmallTxt); background: var(--coolGray3c_b);
  }
 .page-link a{ color:var(--corpRed); }
 .page-link:hover {
   color: var(--leuko);
  background-color: var(--corpRed);}

.active > .page-link, .page-link.active {
  z-index: 3;
  color: var(--leuko);
  background-color: var(--corpRed);
  border-color: var(--corpRed);

}





/*----------------------------------pagination ends ----------------------------------------------*/

/*---------------------------------------- articles homepage sections begin ----------------------*/
section div span.listLink { display: block; text-align: right;float:right;}
section div span.listLink a{  text-decoration: underline!important; text-align:right; color:var(--coolgray10c); }
section div span.listLink a:hover{ background:transparent; color:var(--corpRed); box-shadow: 0px 0px 0px rgba(255,255, 255, 1);}

section.latestArticles div a{text-decoration: none;  border-radius: 6px; transition:background .3s, box-shadow .5s; padding: 4px; }
section.latestArticles div a:hover{ background: #f7f7f7; box-shadow: 0px 0px 15px rgba(80,80,80,.3); }
section.latestArticles div a h6, .articleTeaserBlock a h6{ font-weight:500; margin-top:20px; text-decoration: none;line-height: 140%; }
section.latestArticles div a p,.articleTeaserBlock a p{  font-weight: 400;font-size: var(--bodyText); color:var(--coolGray11c);
  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
 }

 .articleTeaserBlock a{text-decoration: none;  border-radius: 6px; transition:background .8s; padding: 4px; display: block; }
 .articleTeaserBlock a:hover{ background:rgba(240, 251, 255, 1); }
 
 ul.articleInfo{ font-size: var(--smallTxt); color:var(--coolGray8c); margin:5px 0 -18px 0; padding:0; font-weight: var(--regular); list-style: none;}
 ul.articleInfo li{ display:inline-block; border-right:1px solid var(--coolGray10c); padding: 0px 3px; line-height: 100%;}
 ul.articleInfo li:first-child{padding-left: 0px;}
 ul.articleInfo li:last-child{border-right:0px; padding-right: 18px; background:url(../images/timeIcon.png) no-repeat right 50%; }

 ul.eventInfo{ font-size: 15px; color:var(--coolGray6c); margin:-8px 0 8px 0; padding:0; list-style: none; }
 ul.eventInfo li{ display:inline-block; padding: 0px 5px; line-height: 100%;}
 ul.eventInfo li:first-child{background:url(../images/locationIcon.png) no-repeat left 50%; padding-left: 18px; margin-left:0;}

/*-----------------------------------------------article page begin--------------------------------------------------------*/

.articleHeader{position:relative; margin-bottom:56px;}
.articleTitle{ z-index:10; position:absolute; bottom:10%; padding:12px;background:rgba(90,90,90,.6); margin:2% 10px; border-radius:8px;backdrop-filter: blur(4px);}
.articleTitle h3{ color:var(--leuko);display:block; width:auto;} 
.articleImage{ z-index:4; position:relative; top:0;}
.readTime{color:var(--leuko); text-transform: uppercase;font-size:var(--xsmallTxt);}
.publishDate{text-transform: uppercase;font-size: var(--xsmallTxt);color:var(--coolgray10c)}
.author_info {font-size:var(--smallTxt); color:var(--coolGray8c);}
.author_pos{ font-style: italic;}

/*-----------------------------------------------article page end--------------------------------------------------------*/


/*----------------------------------------- articles homepage sections ends-----------------------------------------------*/


/*----------------------------------------------- legal pages begins ---------------------------------------------------*/



/*----------------------------------------------- legal pages ends ---------------------------------------------------*/

#privacyNotice h4.accordion-header button.accordion-button { color:var(--corpRed); border-bottom:2px solid var(--corpRed); font-size: var(--H6Header);}
#privacyNotice .collapse.show .accordion-body { background-color: #f5f9fd; color: var(--coolGray11c);}



/*--------------------------------------------------newsletter list page begins-------------------------------------------*/
.newsletterTeaserBlock a{ text-decoration: none; display: block; color: auto;  background:#d9d9d9; padding:0 0 0 0;  border-radius:6px; 
  content: "•••";
}

.newsletterHeaderBar{background: var(--coolGray2c_b); display:block; padding:0 0 0 0; margin:0 0 0 0; float:left; width:100%;}
.issueNum, .issueNum h5{ color:var(--coolGray5c); float:left; margin:10px 0px;}
.issueDuration { color:var(--coolGray5c); float:right; font-style: italic; font-size: var(--bodyText); margin: 20px 0px;}
 ul.newsletterInfo { list-style: none; padding:20px 0; margin:0; background:#fff;}
 ul.newsletterInfo:hover{ background:var(--coolGray1c_b);}
 ul.newsletterInfo li{ margin:0px 0px 20px 0px; display:flex; gap:8px; padding:2px 8px 2px 6px; align-items: flex-start;}
 .contentType{ width:88px; flex-shrink:0; border-radius: 4px; background:var(--coolGray11c); text-align: center; padding:5px 0px; font-style:italic;color:var(--leuko); line-height: 120%;}
 .contentTitle, .contentTitle h6{ font-weight:var(--regular); line-height: 120%; }
 .newsletterFooter{ text-align: center; font-size: 50px; color:var(--coolGray11c); margin:0px; padding:12px 0px; line-height: 40%;}
 .newsletterTeaserBlock:hover .newsletterFooter{ color:var(--corpRed);}
.newsletterCardsGrid {
  row-gap: 38px;
}
.latestNewsletters nav[aria-label="pagination navigation items"] {
  margin-top: 32px;
}
.newsletterTeaserBlock a.newsletterCard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 600px;
  padding: 21px;
  border-radius: 6px;
  background-color: var(--coolGray4c_b);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--leuko);
  overflow: hidden;
  text-decoration: none;
  transition: 0.3s;
}
.newsletterTeaserBlock a.newsletterCard:hover {
  color: var(--leuko);
  text-decoration: none;
  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, .25);
  transform: scale(1.04);
}
.newsletterTeaserBlock .newsletterCard__issue,
.newsletterTeaserBlock .newsletterCard__contents {
  background: rgba(0,0,0,0.38);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 4px;
}
.newsletterTeaserBlock .newsletterCard__issue {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
}
.newsletterTeaserBlock .newsletterCard__issue h4 {
  color: var(--leuko);
  font-size: var(--H4Header);
  font-weight: 500;
  line-height: 1.15;
  margin: 0;
  text-transform: lowercase;
}
.newsletterTeaserBlock .newsletterCard__issue span {
  color: var(--leuko);
  flex-shrink: 0;
  font-size: var(--xsmallTxt);
  font-weight: 400;
  line-height: 1.4;
  margin-top: 4px;
}
.newsletterTeaserBlock .newsletterCard__contents {
  display: flex;
  flex-direction: column;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 16px 14px 18px;
}
.newsletterTeaserBlock .newsletterCard__contents li {
  display: flex;
  flex-direction: column;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.newsletterTeaserBlock .newsletterCard__type {
  color: var(--leuko);
  font-size: var(--H5Header);
  font-weight: 500;
  line-height: 1.2;
}
.newsletterTeaserBlock .newsletterCard__title {
  color: var(--leuko);
  font-size: var(--bodyText);
  font-weight: 400;
  line-height: 20px;
}
 /*--------------------------------------------------newsletter list page ends-------------------------------------------*/

 /*-----------------------------------------------------------newsletter single page begin -------------------------------------*/
 a.coverLink img { border:4px solid var(--coolGray2c); }
 a.coverLink img:hover{  border:4px solid var(--corpRed); } 
 ul.newsletterContents { list-style: none; margin:0; padding:0px; }
 ul.newsletterContents li{ margin:15px 0px;  }
 ul.newsletterContents li a { text-decoration: none; color: initial; color:var(--coolGray11c);  display:flex; gap:8px; align-items: flex-start;}
 ul.newsletterContents li a span.pageNum { width:80px;}
 ul.newsletterContents li a span.contentType { width:140px; }
 ul.newsletterContents li a span.contentTitle {  width: calc(100% - 240px); margin:5px 0 5px 20px;}
 ul.newsletterContents li a h6{ color:inherit; }
 ul.newsletterContents li a:hover h6{ color:var(--corpRed)!important; text-decoration: underline; }

 /*-----------------------------------------------------------newsletter single page ends -------------------------------------*/




/*-------------------------------------------related tags begin --------------------------*/
ul.relatedTags {list-style: none; margin:18px 0 0 0; padding:0 0 0 0;display: block; float:left;}
ul.relatedTags li{ float:left; margin:5px 4px 10px 0px; }
ul.relatedTags li a, span.relatedTags { text-decoration: none; color:var(--corpRed); text-transform: uppercase; font-size: var(--smallTxt); padding:8px; background: var(--coolGray2c_b)!important; border-radius:5px; transition: background .4s  linear;  }
ul.relatedTags li a:hover{ color:var(--leuko); background: var(--corpRed);}
h6.relatedTagHeader{ float:left; margin:0 20px 0 0;}

#taxonomyTree .accordion-button{ background:var(--coolGray2c_b)!important; display:block; color:var(--corpRed)!important; border-radius: 4px!important;}
#taxonomyTree h4.accordion-header{ margin:20px 0px 10px 0px; border-radius: 4px!important;}
#taxonomyTree  .accordion-item { color:inherit!important;}
/*-------------------------------------------related tags end-----------------------------*/


/*---------------------------------------- news&events homepage sections begin ----------------------*/

section.newsEvents a.newsItem{
  display: block;
  height: 100%;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--coolGray10c);
  text-decoration: none;
  transition: background-color .25s ease, border-color .25s ease, box-shadow .35s ease, transform .25s ease;
}
section.newsEvents a.newsItem:hover,
section.newsEvents a.newsItem:focus-visible{
  background: #f7f7f7;
  border-color: rgba(204, 0, 0, .18);
  box-shadow: 0 8px 24px rgba(80,80,80,.22);
  transform: translateY(-2px);
}
section.newsEvents a.newsItem:focus-visible{
  outline: 2px solid rgba(204, 0, 0, .35);
  outline-offset: 2px;
}
section.newsEvents a.newsItem:hover .title,
section.newsEvents a.newsItem:focus-visible .title{
  color: var(--corpRed);
}
section.newsEvents a.newsItem:hover .date,
section.newsEvents a.newsItem:focus-visible .date{
  background-color: var(--leuko);
  box-shadow: inset 0 0 0 1px rgba(204, 0, 0, .12);
}
.date{width:auto; display:block;text-align: center; text-decoration: none; margin:5px 5px 5px 5px; background-color: var(--coolGray1c_b); border-radius: 6px;}
span.day{ font-size:29px; font-weight: 600; color:var(--corpRed); line-height: 100%; margin:0 auto -8px auto; display: block; width:auto;}
span.month{ font-size:16px; font-weight:400; color:var(--corpRed); margin:0 auto 0 auto; display:block; width:auto; text-transform: uppercase;}
span.year{ background: var(--coolGray6c); color:#fff;  width:auto; display:block; margin: -4px auto 0 auto; text-align: center;font-size: 18px; border-radius: 0 0 4px 4px; padding:2px 0px 2px 0px; line-height: 120%}
span.typeOfNew { font-size:14px; text-transform: uppercase;}
.title{font-weight: 400;}
section.newsEvents a.newsItem p{  font-weight: 400;}


/*---------------------------------------- news&events homepage sections begin ----------------------*/

/*-------------------------------------------events block css  begin----------------------------------*/

  .event_Card{ background-color: var(--coolGray1c_b); border-radius: 8px; float:left;width:100%; padding:25px 10px 15px 10px; text-decoration: none; color:var(--coolGray11c); box-shadow: 0px 4px 6px  rgba(0, 0, 0, .25);  transition: box-shadow 0.3s ease-in-out;}
  a.event_Card:hover{ box-shadow: 0px 0px 0px  rgba(0, 0, 0, .25); }
  .event_Card h5{ color:var(--corpRed); border-bottom: 2px solid var(--corpRed);}
  .event_Card span{ padding-left:28px; float:left; margin-top:18px;}
  .event_Card span h6{ margin-left:3px; margin-bottom: 0px;}
  .event_Card span p{ margin-left:3px; margin-top:-3px; line-height: 140%;}
  .event_Card .alterGrey{ background:#f8f7f7;border-top:1px dashed var(--coolGray6c); border-bottom:1px dashed var(--coolGray6c); margin-left:-5px; margin-right:-5px;}
  .event_Card .dashedRow{ border-bottom:1px dashed var(--coolGray6c); padding-bottom:18px;margin-left:-5px; margin-right:-5px;}

  .event_date{ background: url( ../images/icon_Calendar_x24.png) no-repeat left top; }
  .event_location{ background: url( ../images/icon_location_x24.png) no-repeat left top; }
  .event_participation{ background: url( ../images/icon_booth_x24.png) no-repeat left top; }
  .event_organizer{background: url( ../images/icon_organizer_x24.png) no-repeat left top; }
  .event_presentation{ background: url( ../images/icon_speaker_x24.png) no-repeat left top; }
  .event_url{background: url( ../images/icon_link_x24.png) no-repeat left top; }
  .event_url a{ text-decoration: underline; color:var(--coolGray11c);}
  .event_url a:hover{ text-decoration: none; color:var(--corpRed);}  


  p.event_speaker{ font-weight: var(--medium); font-style: italic; margin-bottom:0px}
  p.speaker_presentation{ font-weight: var(--normal); font-style: italic; margin-top: 0px; margin-bottom:0px;}




  .eventsItem{ background: var(--coolGray1c); border-radius: 8px; text-decoration: none!important; }  
  .eventsItem:hover{ background: var(--coolGray3c);}
  .eventsItem .location{ color: var(--coolGray9c);}
  .eventsItem .title H6{ color:var(--corpRed);}
   dl.eventInfo{ margin-top:8px; float:left;display:block;border-radius:8px; width:100%; padding:2%; background:var(--coolGray0c);}
   dl.eventInfo dt{ display:block; float:left; padding-right:5px; text-align: right; width:44%; clear:left;}
   dl.eventInfo dd{ display:block; float:left; width:56%}
   dl.eventInfo a{ text-decoration: none; color:var(--coolGray8c);}

   
/*-------------------------------------------events block css  ends----------------------------------*/


/*----------------------------------------------press begin ------------------------------------------*/

.presslang ul { list-style: none; }
.presslang ul li { display:inline; margin:5px;}
.presslang ul li a {text-decoration: none; color:var(--corpRed); text-transform: uppercase; font-size: var(--bodyText); padding:8px; background: var(--coolGray2c_b); border-radius:5px; transition: background .4s  linear;}
.presslang ul li a:hover{ color:var(--leuko); background: var(--corpRed);}
.presslang ul li a.selected{ color:var(--leuko); background: var(--corpRed); }
.pressHeader h5 { color:var(--corpRed); border-bottom:1px solid var(--corpRed); line-height: 150%;}

 ul.pressList { list-style: none;}
 ul.pressList li{ margin:8px 0px; clear:both; display:block; float:left; width:100%; line-height: 120%; border-bottom: 1px dashed var(--coolGray4c); padding:5px 0px;}
 ul.pressList li span.pressDate{ float:left; background: var(--coolGray2c_b); border-radius:4px;padding:5px;text-align: center; min-width:180px; margin-right: 15px; margin-bottom: 15px;}
 ul.pressList li span.pressTitle{  padding:0px; margin-top:5px; display: block;}
 ul.pressList li a{ text-decoration: none; color:var(--coolgray10c);}
 ul.pressList li a:hover{ color:var(--corpRed); }
/*----------------------------------------------press end ------------------------------------------*/


/* -------------------------- Sidebar Begins --------------------------*/
body.wns .sidebar{background:var(--coolGray11c_b); }
body.telco .sidebar{background:var(--coolGray11c_b); }
body.sw .sidebar{background:var(--coolGray11c_b); }
body.ict .sidebar{background:var(--coolGray11c_b); }
body.energy .sidebar{background:var(--coolGray11c_b); }
body.corporate .sidebar{background:var(--coolGray11c_b); }

.sidebar{ border-radius: 4px; font-size: var(--smallTxt); margin: 0 0 0 0; text-align: right; scroll-margin-top: 210px; position:fixed; top:230px; text-transform: capitalize;}
.sidebar ul{ list-style: none; padding:10px 0 10px 10px;}
.sidebar ul li{ margin: 10px 0;}
.sidebar ul li a{ color:var(--leuko); text-decoration: none;padding-right: 28px; transition: all .4 ease .4; background:none; white-space: nowrap;}
.sidebar ul li a.current, .sidebar ul li a.active{ background: url(../images/products/sidebarArrow.png) no-repeat; background-position: bottom 50% right -5px; }
.sidebar ul li a:hover{ background: url(../images/products/sidebarArrow.png) no-repeat right 50%; }
.modal .sidebar{ top:120px!important; }



.address ul { list-style: none;  padding-left: 0px;}
.moreInfo { display: block;}
.moreInfo dl dt {  float: left;  margin-right: 10px;}
/* -------------------------- Sidebar Ends --------------------------*/

/*---------------------------------- human resource page begin--------------------*/
.HRlist ul li{ list-style: none; float: left; width: auto; display:block;}
.pieLegend { float:left;display: block; width:16px; height:16px; border-radius: 4px; margin:5px 8px 4px 5px;}
.blueClr{ background:#4B9CD3; }
.greenClr{ background: #78C850;  }
.orangeClr{ background: #F9A825;  }
.redClr{ background: #E53935; }
.purpleClr{ background: #BA68C8; }
.yellowClr{ background:#FFEB3B; }
.lightGreyClr{ background: #d9d9d9;}
/*---------------------------------- human resource page ends--------------------*/

/*---------------------------------- partnerships page begin--------------------*/


/*---------------------------------- partnerships page ends--------------------*/
ul.partners { display: grid; grid-template-columns: repeat(3, 1fr);  gap: 10px; }

ul.partners li {list-style: none; border: 3px solid rgba(142,148,154,.1);  text-align: center; margin: 5px; border-radius: 8px; display: flex; 
  justify-content: center; align-items: center;  padding:0px; transition: border .6s; }


ul.partners li:hover { border: 3px solid var(--corpRed); cursor:pointer;  } 

ul.partners li a { display: flex; /* Changed to flex to better control the alignment */ justify-content: center; align-items: center;
  text-align: center; width: 100%; height: 100%; }  

ul.partners li a img { max-width: 100%; /* Ensure the image is responsive and doesn't overflow */ height: auto; /* Keep the image aspect ratio */
  display: block; /* Remove inline behaviors which can affect centering */ margin-left:auto;  margin-right:auto;  /*vertical-align: 12vh;*/
  }

/*----------------------------Corporate Section /Career page begin ------------------*/

#whr_embed_hook h2 { background: #eaeaea; color: #fff; font-size: 1.4em; padding: 5px; border-radius: 4px;}
#whr_embed_hook h2 a {color: #C41200;  text-decoration: none; }

h3.whr-title {background: none!important;list-style: none!important;border-bottom: 0px;display: block!important;width: auto!important;
  padding-bottom: 25px!important; margin-top: 0px!important; padding-left: 0px!important;font-size: 1.1em!important;}
h3.whr-title a { background-color: #fff!important; border-radius: 5px; border: 2px solid #C41200!important; color: #C41200!important;
  font-weight: normal!important; padding: 10px 10px!important; text-decoration: none!important; margin-left: 0px!important; font-size: 1em;
  float:left; display: block; transition: background .9s;}

h3.whr-title a:hover {background-color:  #C41200!important; color:#fff!important; }
/*h3.whr-title::after {
  content: "  <-- Click to Apply";
  font-weight: normal!important;
}*/
ul.whr-items { display: grid; grid-template-columns: 1fr; /* default = 1 column for mobile */  gap: 20px; /* space between rows/columns */
  list-style: none; padding: 0; margin: 0 0 20px 0; }

li.whr-item{ margin: 0px; padding-top:0px; }
.whr-dept, .whr-date, .whr-location, .whr-code  {display:none;}
/*----------------------------Corporate Section /Career page ends ------------------*/

span.notifyu { font-size: 15px; padding: 10px; background-color: var(--coolGray1c_b); line-height: 152%; float: left; border-radius: 7px;   margin-bottom: 50px;}




/*------------------------------------corporate section/climate change begin ----------------*/
.greyBg { background: #E6E7E8;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 24px; margin: 20px 0;}

.greyBg p{margin-top: 15px;}

.climateTable{ margin: 20px 0 0 0; border:1px solid #fff;width: 100%; }
.climateTable th{ background: var(--corpRed); color:#fff!important; padding:5px;}
.climateTable tr td{ padding:5px;}

.climateTable tr:nth-child(even) { background: var(--coolGray1c); }
.climateTable tr:nth-child(odd) { background: var(--coolGray3c); }

.climateTable tfoot{ border-top: 2px dashed  #2A2727;}

/*------------------------------------corporate section/climate change end ----------------*/



/* ----------------- corporate page form elements begin--------------*/
.corpSect .form-floating .form-control{ border:0px; border-bottom:1px solid var(--coolGray11c); border-radius:3px 3px 0px 0px; line-height: 100%!important; padding-bottom:5px!important; background: transparent; margin-bottom: 10px; }

.corpSect .form-floating label{ font-style: italic; padding:1rem 1rem;}
.gBG .form-floating > .form-control, .gBG .form-floating > .form-control-plaintext, .gBG .form-floating > .form-select {height: auto;
  line-height: 1.25;}
  .form-floating > .form-select { padding-top: 2.27rem; padding-bottom: .625rem; }


.gBG{ background: #F8F8F8; border-radius:6px;  padding-left:10px; padding-right:10px; }
.gBG h5{ color:var(--coolGray10c)!important; font-weight: var(--regular);}
.gBG h6{ color:var(--coolGray10c)!important; font-weight: var(--medium);}

.gBG .form-select {background-color: var(--coolGray2c_b); }

.required-note {
  color: var(--coolGray10c);
  font-size: var(--xsmallTxt);
  margin: 0 0 16px;
}

.required-marker,
.required-note span {
  color: var(--corpRed);
  font-weight: var(--bold);
}

.contact-page-form .invalid-feedback {
  color: var(--corpRed);
  display: none;
  font-size: var(--xsmallTxt);
  margin: -4px 0 10px;
}

.contact-page-form.was-validated .form-control:invalid ~ .invalid-feedback {
  display: block;
}

.contact-page-form .captcha-feedback {
  color: var(--corpRed);
  display: block;
  font-size: var(--xsmallTxt);
  margin: -4px 0 10px;
}

.contact-page-form .form-control:invalid {
  box-shadow: none;
}

.contact-page-form.was-validated .form-control:invalid {
  border-bottom-color: var(--corpRed);
}

.contact-form-alert .alert {
  margin: 0 0 16px;
  padding: 10px 14px;
  text-align: left;
}

.contact-recaptcha {
  min-height: 78px;
}

.contact-submit-row {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.contact-submit-row__captcha {
  flex: 0 1 auto;
}

.contact-submit-row__button {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  padding-top: 8px;
}

@media (max-width: 575.98px) {
  .contact-submit-row {
    flex-direction: column;
  }

  .contact-submit-row__button {
    justify-content: flex-start;
    padding-top: 0;
    width: 100%;
  }
}

.contactData h6{ font-weight: var(--medium)}
.contactDetails ul{list-style: none; border-left:1px solid var(--coolGray11c); margin:5px 5px 5px 30px; padding:4px 4px 4px 10px;}


.mapImgBlock {position: relative; float:left; }
.mapImgBlock div{position:absolute; width:100%!important; bottom:0px; right:0px; background: rgba(80,80,80,.9); color: #fff; padding: 5px;
    opacity: 0; visibility: hidden; -webkit-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;font-size: var(--xsmallTxt); line-height: 120%; border-radius:0px 0px 5px 5px; display: block;
}

.mapImgBlock:hover div{ padding: 8px 15px; visibility: visible; opacity: 0.7;}

.library_item {
  background: var(--coolGray0c);
  margin: 5px;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 0px var(--coolGray11c);
}
.library_item a{ float:left;width: 100%;}
.library_item a img{ border:1px sold var(--corpRed); border-radius:8px;}
a dl.photoData { color: var(--coolGray10c); text-decoration: none; line-height: 60% ;  }
a dl.photoData dt { float:left; clear:left; font-size: .8em; margin: 5px;  font-weight: normal; color:var(--corpRed);}
a dl.photoData dd { float:left;font-size: .8em; margin: 5px;  }


h5.countryName span{ position: absolute;  background: #fff; padding: 5px 6% 5px 0px; bottom: -19px;}
h5.countryName { color:var(--coolGray10c); font-weight: var(--regular); margin-bottom: 40px; position:relative; border-bottom: 4px solid var(--coolGray10c);   }
h5.countryName img{ margin: 5px 0 -18px 0; background: #fff; padding-right: 13px;}
h5.locationName { color:var(--coolGray10c); font-weight: var(--regular); margin-bottom:20px;}
h6.companyName { font-weight: var(--medium); margin-top:10px;}

dl.subsidiaryInfo{ margin:5px 0 0 0px; padding:0; }
dl.subsidiaryInfo dt{ float:left; margin:0 10px 0 0; text-align: right; font-weight: var(--medium); }
dl.subsidiaryInfo dd{ margin:0 10px 0 0;}
dl.subsidiaryInfo dd a{ text-decoration: none; color: var(--coolgray10c);}
dl.subsidiaryInfo dd a:hover{ text-decoration: underline; color: var(--corpRed);}

.locButt{  background: var(--coolGray1c_b); border-radius: 3px; color: var(--coolGray11c); border: 0px; padding: 13px 3px 13px 15px; width: 93%; text-align: left; margin-top: 10px;}
.locButt:hover,.locButt:active,.locButt:focus, .locButt.show {background: var(--coolGray3c_b); color: var(--coolGray11c);}
.locButt:after{ float:right; display: block; background: url("../images/dropdownFormsArrow.png"); width: 46px; height: 45px; margin-left: 0px !important; margin-top: -9px; margin-bottom: -9px; border: 0px;}
ul.dropdown-menu.locDropdown{position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(0px, 62px); width:92.5%; border-radius: 0px 0px 6px 6px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);}

ul.dropdown-menu.locDropdown li .dropdown-item{ padding:0px 0px 0px 10px;}
ul.dropdown-menu.locDropdown li h6.dropdown-header{ font-size:var(--H6Header); font-weight:var(--regular); margin:15px 0 0 0!important; padding:0px 0px 0px 10px;}

.financeDate{ background: var(--corpRed);   padding: 12px 5%;  border-radius: 8px;   color: #fff;  font-size:1.5em;   font-weight: bold; text-align: center;}
.finState ul { list-style: none; margin: 0px; padding:0px;}
.finState ul li{ margin-top:5px; font-size: 12px!important; padding:8px; border-radius:4px;}

.finState ul li:hover{ background:var(--coolGray0c);}

.finState ul li:nth-child(2){ margin-bottom:35px;}
.finState ul li:nth-child(3){ margin-top:-35px;margin-bottom:65px;}

.finState ul li a{ font-size: 1.1rem; text-decoration: none;}


/* ----------------- corporate page form elements ends--------------*/


/* ----------------- landing pages begin --------------*/
.child-categories { display:flex; flex-direction:row; flex-wrap: wrap; justify-content:center;gap:20px 20px; margin-top:5%;} 
.child-item { border:2px solid var(--corpRed); border-radius:5px; padding:20px;font-size: var(--H4Header); background: var(--leuko); color:var(--corpRed);}
a.child-item { text-decoration: none;  transition: background-color 0.5s ease; background: var(--leuko); }
a.child-item:hover{ background:var(--corpRed); color:var(--leuko);}
/* ----------------- landing pages ends --------------*/




/*---------------------------------R&D begins ---------------------*/

ul.nationalProjects { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly;}

ul.nationalProjects li{ flex-basis:25%; max-width: 340px; text-align: center; list-style: none; align-items: flex-end; padding:20px; margin:15px 5px ; border-radius: 8px;  flex-grow: 4;}
ul.nationalProjects li {  transition: box-shadow .2s; }
ul.nationalProjects li:hover{ box-shadow: 0 0 18px var(--coolGray8c); }
ul.nationalProjects li a img{ margin:5px 0 9px 0; max-height:120px;}
ul.nationalProjects li a { text-decoration: none!important; color:var(--coolGray8c);}
ul.nationalProjects li a h6{ font-size: 1rem;}

.projectLogo{ box-shadow: 0px 0px 13px rgba(50,50,50,.5);  border-radius: 11px;  background: rgba(255,255,255,1);
  padding: 10px;} 
.cardInfo {padding: 12px; box-shadow: 0 0 12px 0 rgba(0,0,0, .5); border-radius: 8px; 	margin: 40px 0px 40px 0;
	background: #fff; }
.cardInfo h3 { font-weight: 500; color: rgba(193, 48,16,1); font-size: 25px; line-height: 31px;
    margin-bottom: 20px; }
.cardInfo p{ clear: both; margin-top: 15px; margin-bottom: 30px; line-height: 150%;
      color: rgba( 87,84,84, 1); }

.details dl:first-of-type { width: 150px;  padding-right: 22px; float: left; }
.details dl:first-of-type dt { text-align: right;  } 
.details dl dt {  font-size: 22px; font-weight: 500;  color: rgba(56, 56, 56, 1);}
.details dl:first-of-type dd {text-align: right;}
.details dl dd { font-weight: 400; font-size: 16px; color: rgba(87,84,84,1); }
.details dl:last-of-type { padding-left: 10px;float: left; width: 66%; border-left: 1px solid rgba(20, 20, 20,1);}

p.acknowledgment {font-size: 0.8em !important; font-style: italic;  line-height: 150% !important; color: darkslategray !important; }  
.Posters h4 { display: block !important; font-weight: 500; font-size: 32px; margin: 22px 0 4px 0; color: #fff;}  
.posterItems {border-top: 1px solid rgba(255,255,255,1);}    
.posterItem {float: left; padding: 15px 40px;}    

body.project{ background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, .5)); background-size:cover; }

/*-------------------------------------R&D projects------------------------------*/
.rndPrjLogo{ border-top:1px solid var(--coolGray9c); border-bottom:1px solid var(--coolGray9c); padding:9px 0}
a.prjLink{ text-decoration:none; color:inherit;}
.prjCard{ border-radius: 8px; box-shadow: 0px 0px 11px rgba(0, 0, 0, .46); margin-bottom: 20px;float:left;}
h4.projTitle{ background: rgba(229, 238, 241, 1); padding:23px 16px 7px 16px;}

.projLogo{ height: 161px; text-align: center; vertical-align: center; display: grid; }
.projLogo img{ max-height: 140px;}
.projContent{ padding:22px 18px; background: var(--coolGray1c_b);float:left;}
ul.researchAreaPills{ margin:0px; padding:0px 0px 40px 0px; list-style: none; }
ul.researchAreaPills li{ float:left; margin:4px 5px 4px 0px;}
a.corpPill{ background: var(--corpRed); padding:4px; border-radius: 4px; color:var(--leuko); border:1px solid var(--corpRed); transition: background .4s, color .3s; text-decoration: none; margin:0 5px;}
a.corpPill:hover{ background: var(--leuko); color:var(--corpRed); }
/*---------------------------------R&D ends ---------------------*/


/*------------------------------main begins------------------------------*/

/*--------------------------------WNS landing begin ----------------------*/

.businessUnit h2{ margin-bottom: 40px; font-weight: var(--medium);}

.wns .overview{ border-radius: 8px; background: url("../images/products/wns/wns_Overview3.png") no-repeat left bottom; background-size: cover; margin-bottom:70px;}
.wns .overview.backhaul_fronthaul{ border-radius: 8px; background: url("../images/products/wns/overview_backhaul_fronthaul.jpg") no-repeat left bottom; background-size: cover; margin-bottom:70px;}
.wns .overview.home-business_fwa{ border-radius: 8px; background: url("../images/products/wns/overview_fwa.jpg") no-repeat left bottom; background-size: cover; margin-bottom:70px;}

.energy .overview{ border-radius: 8px; background: url("../images/products/energy/energyOverview.jpg") no-repeat left bottom; background-size: cover; margin-bottom:70px;}

.overview h2{ font-weight: var(--regular); margin-bottom:40px;}
.overview div {background:rgba( 60,57,57, .6); border-radius: 0px 8px 8px 0px;padding:33px; color:#fff; backdrop-filter: blur(8px);}
.overview h4{ color: var(--leuko); font-weight:var(--regular)!important;}
.overview p{ color:var(--leuko); font-size: var(--bodyText); font-weight: var(--light);}
.history_bg{ background: var(--coolGray1c_b); padding:10px;border-radius: 5px; color:var(--coolGray11c);}

.markets h2{ font-weight: var(--regular); margin-bottom:40px;}
.marketList{ display: flex; flex-wrap: wrap;  justify-content: space-around; align-items:center; gap: 20px 20px; margin-bottom: 60px;}
.marketList a{ display: flex; flex-direction:column; text-align: center; align-items: center;
  justify-content: center; background: var(--coolGray11c_b); color:var(--leuko); border-radius:6px; /*padding:2% 6% 0px 6%;*/ text-decoration: none; box-shadow: 0 0 0 0 var(--coolGray11c); white-space: normal; transition: background, box-shadow .5s ease;  }
.marketList a span{ text-align: center;}
.ict .marketList a,

.telco .marketList a{ padding:2% 4% 0px 4%;   }
.wns .marketList a, .sw .marketList a{ padding:2% 3% 0px 3%;   }
.home .marketList a.moreBlock{ padding-top:6.2%; padding-bottom:3.7%;}

#industries .marketList a{ /*padding:2% 2% 0px 2%;*/ background: var(--corpRed);}
#industries .marketList a.collapsed{ background: var(--coolGray11c_b); }
#industries .marketList a img{ width:70px; height:70px; align-self: center; filter: blur(0px); transition: filter,transform .9s ease; }

#industries .marketList a span{ height: 66px; line-height: 113%; margin-top: 16px; font-weight:var(--regular);  transition: transform .5s ease; }
#industries .marketList a:hover span {  transform: scale(1.3); font-weight:var(--medium);}

#industries .marketList {gap: 40px 10px;}
.industryBlock {background:var(--coolGray1c_b); border-radius:6px; border:1px solid var(--coolGray1c_b);}

.wns .marketList a:hover{ background: var(--corpRed); box-shadow: 0 0 12px 3px var(--coolGray5c); }
.telco .marketList a:hover{ background: var(--telco); box-shadow: 0 0 12px 3px var(--coolGray5c); }
.ict .marketList a:hover{ background: var(--ict); box-shadow: 0 0 12px 3px var(--coolGray5c); }

.marketList a img{ width:100px; height:100px; align-self: center; filter: blur(0px); transition: filter,transform .9s ease; }
.marketList a:hover img{ filter: blur(4px);transform: scale(.5);}
.marketList a span{ width: 165px; height: 51px; line-height: 120%; margin-top: 5px; font-weight:var(--regular);  transition: transform .5s ease; }
.marketList a:hover span {  transform: scale(1.5); font-weight:var(--medium);}



.marketQuest {display: flex; flex-wrap: wrap;  justify-content: space-around; align-items:center; gap: 10px 0px;}
.marketQuest a{ display: flex; height: 60px; flex-direction:column; text-align: center; background: var(--corpRed); color:var(--leuko); border-radius:6px; padding:4% 6% 4% 6%; text-decoration: none; box-shadow: 0 0 0 0 var(--coolGray11c); white-space: normal; transition: background, box-shadow .5s ease;  justify-content: center; }

.marketQuest a span{   line-height: 120%; margin-top: 5px; font-weight:var(--regular);  transition: transform .5s ease; }
.marketQuest a:hover span {  transform: scale(1.1); font-weight:var(--medium);}

.benefits { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; margin-bottom: 80px;}
.benefits span {text-align: center; 	width: 20%; margin: 20px 6%; }
.benefits span img { 	display: block; margin: 2px auto; }

.portfolio { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 30px; justify-content: space-around;}
.portfolio-item { background-color: rgb(251, 251, 251); border-radius: 8px; width: 28%; padding: 10px; text-align: center; box-shadow: 0px 0px 5px rgba(80, 80, 80, .6); }
.portfolio-item h5 { text-align: center; padding: 5px; background: rgba(255,255,255,1); border-radius: 5px; box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
	margin: -20px 12px 20px 12px; }
.portfolio ul { color: #483F3F; font-size: 16px; line-height: 24px; text-align: left; }
.distHeading6 { font-size: 18px; color: #cc4220; margin-bottom: 40px; font-weight: 300; }

.prodFamily h2{font-weight: var(--regular); margin-bottom:10px;}
.wns .prodFamily h2 a{ color:var(--corpRed); text-decoration: none;}
.telco .prodFamily h2 a{ color:var(--telco); text-decoration: none;}
.wns .prodFamily h2.professionalServicesTitle {
  margin-top: 30px;
  margin-bottom: 12px;
}
.professionalServiceItem {
  margin-bottom: 30px;
}
.professionalServiceCard {
  align-items: center;
  border: 3px solid var(--corpRed);
  border-radius: 8px;
  color: var(--corpRed);
  display: flex;
  font-weight: var(--medium);
  height: 100px;
  justify-content: center;
  padding: 16px;
  text-align: center;
  text-decoration: none;
  transition: background .3s ease, color .3s ease, box-shadow .3s ease;
}
.professionalServiceCard:hover {
  background: var(--corpRed);
  box-shadow: 0 0 8px rgba(80,80,80,.3);
  color: var(--leuko);
  text-decoration: none;
}
.professionalServiceCard span {
  line-height: 1.25;
}

a.product{ text-decoration:none; text-align: center; background:transparent; transition: background .8s ease; border-radius:12px; display:block; margin-top: 30px; margin-bottom: 60px; padding-bottom:5px; overflow: hidden;  position: relative; min-height:420px;}
a.product:hover{ background:var(--coolGray0c); box-shadow:0px 0px 6px var(--coolGray7c) ;}
a.product span.features{ color:var(--coolGray9c); text-align: center;display: block;}
.product-details { transition: margin .4s ease; }

.hoverDetails{ position: absolute; top: 235px; left: 0; right: 0; bottom: 20px; background: var(--coolGray1c_b); padding-bottom: 10%; border-top: 1px dotted var(--coolGray8c_b); padding-top: 10px; transition: opacity .9s, visibility .9s ease;
  opacity: 0; visibility: hidden; overflow: hidden; margin-bottom: -60px;
   /*display:none; background: var(--coolGray2c); margin-bottom:-8px; padding-bottom: 10%; border-top:1px dotted var(--coolGray8c); padding-top: 10px; transition: display .9s;*/
}
.hoverDetails dt{ float: left;   width: 40%;  text-align: right;    font-size: var(--xsmallTxt);  padding:4px 6px;   color: var(--coolGray9c);   box-sizing: border-box; }
.hoverDetails dd{float: left; width: 60%; text-align: left; font-size: var(--xsmallTxt); padding:4px 5px; color: var(--coolGray9c);  box-sizing: border-box; margin: 0; border-left: 1px dotted var(--coolGray9c); }
.hoverDetails:after { content: ""; display: table; clear: both;}

a.product img { transition: transform .9s ease, margin-top .9s ease; }

a.product:hover img { transform: scale(0.5); margin-top: -20%;  transition: transform .9s, margin-top .9s ease;}
a.product:hover span.features{display: none;}
a.product:hover .product-details { margin-top: -25%; transition: margin .9s ease;}
a.product:hover .hoverDetails{ /* display:block;*/opacity: 1;  visibility: visible; }

a.product.product-name-hover-only:hover{ background:transparent; box-shadow:none; }
a.product.product-name-hover-only h6{ display:inline-block; padding:4px 10px; border-radius:6px; transition:background .3s ease; }
a.product.product-name-hover-only:hover h6{ background:var(--coolGray1c_b); }
a.product.product-name-hover-only:hover img{ transform:none; margin-top:0; }
a.product.product-name-hover-only:hover span.features{ display:block; }
a.product.product-name-hover-only:hover .product-details{ margin-top:0; }

/* -----------------------------------filter section start-----------------------------------------*/
.fwa{text-align: right;}
.filter{ margin-bottom: 30px;}
/*.filter::after{ }*/

hr.seperator{
  background: linear-gradient(90deg, var(--corpRed) 0%, var(--corpRed) 90%, rgba(245,245,245,0) 90%, rgba(255,255,255,1) 100%);
  height:2px; border-width:0px; margin-bottom: -24px; position: relative; z-index: 1; opacity:1; margin-top:58px; }

.filter .dropdown-menu label{font-weight: var(--regular); font-size:var(--smallTxt)!important; display: block; margin-bottom:3px; color:var(--corpRed);}

.filter .dropdown-menu select.form-select,.filter .dropdown-menu option {font-weight: var(--regular); font-size:var(--xsmallTxt)!important; }
.filter .dropdown-menu select.form-select{ background: var(--coolGray1c_b); border-radius: 4px; border:0px;  color:var(--coolGray11c);}

/*.filter .dropdown:hover .dropdown-menu{}*/

.filter .dropdown-toggle { background: #fff url("../images/products/filter-icon.png") no-repeat 90% 60%; border: 1px solid var(--corpRed);border-radius: 6px; color: var(--corpRed); padding: 7px 40px 8px 10px; z-index: 12; position:relative; font-size: 24px; font-weight: 500; margin-top: -10px;
    box-shadow: -10px -3px 0 #fff; }

.filter .dropdown-toggle.show{ border-radius: 6px 6px 0px 0px; border: 1px solid var(--corpRed); border-bottom: 0px; z-index: 10; position: relative;
  background: #fff url("../images/products/filter-icon.png") no-repeat 90% 60%; }

.filter .dropdown-toggle::after { display: inline; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0px !important; border-right: 0px !important;
  border-bottom: 0px !important; border-left: 0px !important; padding: 20px; }

.filter .dropdown-toggle::before{border-left: 5px solid #fff!important; }

.filter .dropdown-menu.show { display: block; position: absolute; inset: 0px 0px auto auto; margin: 0px; transform: translate(-12px, 47px)!important; z-index: 2; border-radius: 6px 0px 6px 6px; border:1px solid var(--corpRed); width:60%; /*width:600px; width:auto;*/ box-shadow: 0px 4px 9px rgba(80,80,80,.3);}

/*a.clear{text-decoration: underline;color: var(--corpRed); font-size: var(--smallTxt);}*/
a.clear {text-decoration: none; color: var(--leuko); font-size: var(--smallTxt); padding: 5px 9px; background: var(--corpRed); border-radius: 5px; float:right;}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option { padding: .375rem .75rem; font-size: .9rem; font-weight: 400; line-height: 1.5; }
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  padding: .35em .65em; font-size: .875rem; background: var(--coolGray1c); color: var(--corpRed); }



/* ----------------multi select begin -----------------*/

.multi-select-container { display: inline-block; position: relative; width:100%; }

.multi-select-menu {position: absolute; left: 1px; top: 21px; float: left; min-width: 99.5%; background: var(--coolGray1c); margin: 1em 0;
  padding: 6px 0px 6px 12px; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); display: none; border-radius: 0px 0px 6px 6px; font-size: var(--xsmallTxt) !important;
  z-index: 20;}

.multi-select-menu input { margin-right: 0.3em; vertical-align: 0.1em; }

.multi-select-button { display: inline-block; font-size: 15px;  padding: 5px 10px; width: 100%; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; vertical-align: -0.5em; background-color: var(--coolGray1c); border-radius: 4px; cursor: default; max-width: 280px;}

.multi-select-button:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0.4em 0.4em 0 0.4em;
  border-color: #999 transparent transparent transparent; position:absolute; right:9px; top:8px; }

.multi-select-container--open .multi-select-menu { display: block; }
 
.multi-select-container--open .multi-select-button:after { border-width: 0 0.4em 0.4em 0.4em; border-color: transparent transparent #999 transparent;
}

.filter .dropdown-menu label.multi-select-menuitem { font-weight: var(--regular); font-size: var(--xsmallTxt) !important; display: block;
   margin-bottom: 3px; }


 .multi-select-presets{ border-bottom: 1px solid var(--coolGray3c); margin: 0 0px 12px -12px; padding: 5px 5px 5px 9px;}
/* -----------------------------------filter section start-----------------------------------------*/


/*--------------------------------WNS landing ends ----------------------*/

/*---------------------------------markets section begins------------------------*/

.marketTitle{position: relative; margin-top: 90px; margin-bottom: 50px;}
.marketTitle::after { position: absolute; content: "";
height: 4px; width: 100%; bottom: 17px; z-index: 2; display: block;}

.wns .marketTitle::after{ border-bottom: 4px solid var(--corpRed); }
.telco .marketTitle::after{ border-bottom: 4px solid var(--telco); }
.sw .marketTitle::after{ border-bottom: 4px solid var(--telco); }
.ict .marketTitle::after{ border-bottom: 4px solid var(--ict); }
.energy .marketTitle::after{ border-bottom: 4px solid var(--energy); }

.marketTitle h3{ font-weight: var(--lighter)!important; background: #fff; position: relative;
z-index: 30; margin-left: -15px;}
.marketTitle h3::after{ content: "(From A-Z)"; font-size: 16px; font-style: italic; float: left;
  position: absolute; width: 100px; right: -108px; bottom: 17px;}
.marketTitle span{font-size: 36px; font-style: italic;}


.wns .marketTitle span{color:var(--corpRed); }
.telco .marketTitle span{color:var(--telco); }
.sw .marketTitle span{color:var(--telco); }
.ict .marketTitle span{color:var(--ict); }
.energy .marketTitle span{color:var(--energy); }



.marketTitle div:nth-child(2){ text-align: right; background: #fff;
position: relative; z-index: 30; margin-left: -68px; margin-right: -14px; }


.industriesOverview{ background: url('../images/corporate/industries.jpg') no-repeat left top; border-radius: 8px; background-size: cover; margin-bottom:140px;}
.industriesOverview h2{ font-weight: var(--regular); margin-bottom:40px;}
.industriesOverview div {background:rgba( 60,57,57, .6); border-radius: 0px 8px 8px 0px;padding:33px; color:#fff; backdrop-filter: blur(8px);
}
.industriesOverview h4{ color: var(--leuko); font-weight:var(--regular)!important;}
.industriesOverview p{ color:var(--leuko); font-size: var(--bodyText); font-weight: var(--light);}

.wns .industriesOverview{ background: url('../images/corporate/industries_wns.jpg') no-repeat left top; border-radius: 8px; background-size: cover; margin-bottom:140px;}
.sw .industriesOverview{ background: url('../images/corporate/industries_sw.jpg') no-repeat left top; border-radius: 8px; background-size: cover; margin-bottom:140px;}



.smartcitiesMarket{ background: url('../images/products/wns/industries/wns_smartCities_industry.png') no-repeat left bottom; border-radius:6px; background-size: cover;}

.telecommunicationsMarket, .telcoMarket{ background: url('../images/products/wns/industries/wns_telecom_industry.png') no-repeat left top; border-radius:6px; background-size: cover;}

.media_entertainmentMarket{  background: url('../images/products/wns/media_industry.jpg') no-repeat left top; border-radius:6px; background-size: cover; }

 .transportationMarket { background: url('../images/products/wns/industries/wns_transport_transit_industry.png') no-repeat right bottom; border-radius:6px; background-size: cover;}

 .financialservicesMarket{ background: url('../images/products/wns/finance_industry.jpg') no-repeat left top; border-radius:6px; background-size: cover;}

 .healthcareMarket{ background: url('../images/products/wns/industries/wns_healthcare_industry.png') no-repeat left center; border-radius:6px; background-size: cover;}

 .hospitalityMarket{ background: url('../images/products/wns/industries/wns_hospitality_industry.png') no-repeat left center; border-radius:6px; background-size: cover;}

 .publicsectorMarket{ background: url('../images/products/wns/industries/wns_public_sector_industry.png') no-repeat left center; border-radius:6px; background-size: cover;}

 .surveillance_securityMarket{ background: url('../images/products/wns/industries/wns_surveillance_security.png') no-repeat left top; border-radius:6px; background-size: cover;}

 .energy_utilitiesMarket{ background: url('../images/products/wns/industries/wns_utilities_industry.png') no-repeat left bottom; border-radius:6px; background-size: cover;}


.overViewMarket div:nth-child(1){ text-align: center; padding-top:12%;margin-bottom: 12%;}
span.circularIcon{ background:rgba( 60, 57, 57, .38 ); border:8px solid rgba(255,255,255,.54); padding:60px 25px 60px 25px; border-radius:50%;  backdrop-filter:blur(5px);}

.overViewMarket div:nth-child(2){ background:rgba( 60, 57, 57, .38 ); padding:40px 40px 20px 40px; color:#fff;   backdrop-filter:blur(8px); border-radius: 0px 6px 6px 0px}
.overViewMarket div:nth-child(2) h4{ color:var(--leuko); font-weight: var(--lighter);}

/*---------------------------------markets  section ends--------------------------*/

/*--------------------------------------------SW services-------------------------------------*/
/* disable interaction on all blurred cards */
.accordion-body.blur-active .sw_solution {filter: blur(4px); pointer-events: none; transition: filter 0.3s ease; }

/* focused card remains sharp and clickable */
.accordion-body.blur-active .sw_solution.focused { filter: none; pointer-events: auto; position: relative; z-index: 2;}

.accordion-body.blur-active .sw_solution.focused  a{ box-shadow: 0px 0px 10px 3px var(--coolGray2c);  }

.sw_solution{padding-right: 0px;}
.sw_solution a{ text-decoration: none; color: var(--coolGray8c); transition: box-shadow .2s .5s; background-color: #fafafa; padding: 7px; border-radius: 8px;}
.sw_solution a:hover{ box-shadow: 0px 0px 10px 3px var(--coolGray2c); border-radius:5px;}

.sw_cta{ background: var(--telco); padding:15px 18px; border-radius:5px; margin-left:5px; color: var(--leuko); font-size: medium; border:1px solid var(--telco);margin-right: -1px;}
.sw_solution:hover .sw_cta{ background: var(--leuko); color:var(--telco); border:1px solid var(--telco);}
.cta_prompt{ margin-bottom: 11px;}

.prodFamily .accordion .accordion-item  h4.accordion-header {background-color: #fafafa; border-radius: 8px; display: block; }
.prodFamily .accordion .accordion-item  h4.accordion-header .accordion-button { color:var(--coolGray11c); font-size: var(--H4Header)!important;border-bottom: 3px solid var(--telco);  }
.prodFamily .accordion .accordion-item span.leadText{ color:var(--coolGray8c); font-size: var(--smallTxt)!important; font-style: italic; margin:5px 15px; display: block;}

.swHead{ background: var(--telco); color:var(--leuko)!important; padding:8px 5px 8px 10px; border-radius:5px;}

.swIct.overview{ border-radius: 8px; background: url("../images/products/sw/swNictsolutions.jpg") no-repeat left bottom; background-size: cover; margin-bottom:140px; }
/*.overview.Data{ border-radius: 8px; background: url("../images/products/sw/swNictsolutions.jpg") no-repeat left bottom; background-size: cover; margin-bottom:140px;} */

a .descrpt{ width:70%; }
a .descrpt h5{ color: #fff; background: var(--telco); margin-bottom: 0px; padding: 10px;}
a.telcoProd_Block{  display:flex; flex-direction: row; justify-content:space-between; border-radius:6px; border:9px solid var(--telco); text-decoration: none; align-items:center; background: var(--leuko); transition: all .6s ease-out;}
a.telcoProd_Block:hover{ background: var(--telco); }
a.telcoProd_Block span{background: var(--leuko); flex-grow:1;  width:40%;}
a.telcoProd_Block:hover span{background: var(--telco);}
a.telcoProd_Block span h3{ color:var(--telco); white-space: normal; font-weight:var(--normal); text-align: center;}
a.telcoProd_Block:hover span h3{ color:var(--leuko);}
a.telcoProd_Block p{  margin:0px; color:var(--leuko); padding:10px 10px; flex-grow:2; line-height: 140%; font-weight: var(--light); background: var(--telco); }
a.telcoProd_Block:hover p{ color:var(--coolGray11c); background:var(--leuko); border-radius:6px; }




/*--------------------------------Telco landing begins ----------------------*/

.telco h2,.telco h1, .telco h3,.telco h4, .telco h5, .telco h6, .sw h2, .sw h1, .sw h3, .sw h4, .sw h5, .sw h6 { font-weight:var(--medium); color:var(--telco);}
.telco h4, .sw h4 { display: block;}
.telco .overview, .sw .overview { border-radius: 8px; background: url("../images/products/telco/telco_OverviewBG.png") no-repeat left bottom; background-size: cover; margin-bottom:140px;}
.telco .overview.Monetization, .sw .overview.Monetization { border-radius: 8px; background: url("../images/products/telco/monetization.png") no-repeat 1200px 350px!important ; background-size: cover; margin-bottom:140px;}
.telco .overview.Digital, .sw .overview.Digital { border-radius: 8px; background: url("../images/products/telco/headers/digitalVideo.png") no-repeat left top; background-size: cover; margin-bottom:140px;}
.telco .overview.Data-driven, .sw .overview.Data-driven { border-radius: 8px; background: url("../images/products/telco/headers/dataDriven.png") no-repeat left top; background-size: cover; margin-bottom:140px;}
.telco .overview.Networks, .sw .overview.Networks { border-radius: 8px; background: url("../images/products/telco/headers/5g.png") no-repeat left top; background-size: cover; margin-bottom:140px;}
.telco .overview.Customer, .sw .overview.Customer { border-radius: 8px; background: url("../images/products/telco/headers/customerCare.png") no-repeat left top; background-size: cover; margin-bottom:140px;}
.telco .overview.IoT,.sw .overview.IoT  { border-radius: 8px; background: url("../images/products/telco/headers/iot.png") no-repeat left top; background-size: cover; margin-bottom:140px;}
.telco .overview.Software, .sw .overview.Software { border-radius: 8px; background: url("../images/products/telco/headers/software.png") no-repeat left top; background-size: cover; margin-bottom:140px;}




.overview h2{ font-weight: var(--regular); margin-bottom:40px;}
.overview div {background:rgba( 60,57,57, .6); border-radius: 0px 8px 8px 0px;padding:33px; color:#fff; backdrop-filter: blur(8px);
}
.overview h4{ color: var(--leuko); font-weight:var(--regular)!important;}
.overview p{ color:var(--leuko); font-size: var(--bodyText); font-weight: var(--regular);}


.categories{ margin:50px 0px 30px 0;  }
.categoryHeader{ display:block;  border-radius:6px 6px 0px 0px; overflow: hidden;}
.categoryHeader img{transition: transform 2s ease-in-out; transform-origin: center center; }
.categoryHeader:hover img{  transform: scale(1.3);}

.categories a{text-decoration: none;}
.categories a h2{ display:block; color:var(--leuko); font-weight: var(--regular); text-decoration: none; padding:5px 14px; margin-bottom: 5px;}

.sw .categories,
.dss .categories{ margin:0px;  }
.sw .prodFamily {
  row-gap: 24px;
}
.sw .categories a {
  display: block;
  height: 228px;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
}
.sw .categories a h3,
.dss .categories a h3{ background:rgba(83, 93, 97, 0.55); position: relative; top: -150px; backdrop-filter: blur(10px); display:block; color:var(--leuko); font-weight: var(--regular); text-decoration: none; padding:5px 14px; margin-bottom: 5px; }
.sw .categories a h3 {
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sw .categoryHeader,
.dss .categoryHeader{ display:block;  border-radius:6px; overflow: hidden;}
.sw .categoryHeader {
  height: 100%;
}
.sw .categoryHeader img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.categories ul{ margin:0px 0px 5px 20px; padding:0px;}
.sw .categories ul li{ list-style: none; border-bottom: 1px dotted var(--telco); padding:8px 0px 10px 0px;}

.categories a ul li:last-child{ border-bottom:0px;}
.categories a ul li { text-decoration: none; color:#4B4B4B; }

.sw .categories ul li a:hover{ color:var(--telco);}

.digitalTransform{ border-radius:6px 6px 0px 0px }
.telcoProd{  --bs-tooltip-bg: var(--telco); --bs-tooltip-border-radius:4px; --bs-tooltip-padding-x:7px; --bs-tooltip-padding-y:7px;}


/*.digitalTransform span{ background:url(../images/products/telco/digitalTransformationHeader.png) no-repeat 50% 50%;  }*/

/*--------------------------------Telco landing ends ----------------------*/

/*------------------------------ Telco family landing page  begins-------------------*/

.corpGrey11{ color:var(--coolGray11c)!important;}
.wNormal{font-weight: var(--regular)!important;}






a.telcoProd_SmallBlock{  display:flex; flex-direction: column; justify-content:space-between; border-radius:6px; border:9px solid var(--telco); text-decoration: none; align-items:center; background: var(--leuko); transition: all .6s ease-out;}
a.telcoProd_SmallBlock:hover{ background: var(--telco); }
a.telcoProd_SmallBlock span{background: var(--leuko); flex-grow:1; }
a.telcoProd_SmallBlock:hover span{background: var(--telco);}
a.telcoProd_SmallBlock span h4{ color:var(--telco); white-space: nowrap; font-weight:var(--normal); text-align: center; margin-top:32px; margin-bottom: 32px;}
a.telcoProd_SmallBlock:hover span h4{ color:var(--leuko);}
a.telcoProd_SmallBlock p{ margin:0px; color:var(--leuko); padding:10px 8px; flex-grow:2; line-height: 140%; font-weight: var(--light); background: var(--telco); min-height: 110px;}
a.telcoProd_SmallBlock:hover p{ color:var(--coolGray11c); background:var(--leuko); border-radius:6px; }

.minHeight1{height: 65px !important; vertical-align: middle; display: table-cell;}

/*------------------------------ Telco family landing page  ends-------------------*/


/*------------------------------ ICT  landing page  begins-------------------*/
.ict .overview{ border-radius: 8px; background: url("../images/products/ict/ictOverview.png") no-repeat left bottom; background-size: cover; margin-bottom:140px;}
.ict .overview.Security { border-radius: 8px; background: url("../images/products/ict/headers/sisc.png") no-repeat left bottom; background-size: cover; margin-bottom:140px;}
.ict .overview.Networking { border-radius: 8px; background: url("../images/products/ict/headers/networking.png") no-repeat left bottom; background-size: cover; margin-bottom:140px;}
.ict .overview.Cybersecurity { border-radius: 8px; background: url("../images/products/ict/headers/cybersecurity.png") no-repeat left bottom; background-size: cover; margin-bottom:140px;}
.ict .overview.Hybrid { border-radius: 8px; background: url("../images/products/ict/headers/hybrid.png") no-repeat left bottom; background-size: cover; margin-bottom:140px;}
.ict .overview.Professional { border-radius: 8px; background: url("../images/products/ict/headers/professional.png") no-repeat left bottom; background-size: cover; margin-bottom:140px;}
.ict .overview.eHealth { border-radius: 8px; background: url("../images/products/ict/headers/eHealth.png") no-repeat left bottom; background-size: cover; margin-bottom:140px;}


a.ictProd_Block{  display:flex; flex-direction: row; justify-content:space-between; border-radius:6px; border:9px solid var(--ict); text-decoration: none; align-items:center; background: var(--leuko); transition: all .6s ease-out; min-height: 265px;}
a.ictProd_Block:hover{ background: var(--ict); }
a.ictProd_Block span{ background: var(--leuko); flex-grow:1;  width:40%;}






a.ictProd_Block:hover span{background: var(--ict);}
a.ictProd_Block span h3{ color:var(--ict); white-space: normal; font-weight:var(--normal); text-align: center;}
a.ictProd_Block:hover span h3{ color:var(--leuko);}
a.ictProd_Block p{  width:60%; margin:0px; color:var(--leuko); padding:10px 10px; flex-grow:2; line-height: 140%; font-weight: var(--light); background: var(--ict); min-height: 265px;}
a.ictProd_Block:hover p{ color:var(--coolGray11c); background:var(--leuko); border-radius:6px; }

a.ictProd_SmallBlock{  display:flex; flex-direction: column; justify-content:space-between; border-radius:6px; border:9px solid var(--ict); text-decoration: none; align-items:center; background: var(--leuko); transition: all .6s ease-out;}
a.ictProd_SmallBlock:hover{ background: var(--ict); }
a.ictProd_SmallBlock span{background: var(--leuko); flex-grow:1; }
a.ictProd_SmallBlock:hover span{background: var(--ict);}
a.ictProd_SmallBlock span h4{ color:var(--ict); white-space: nowrap; font-weight:var(--normal); text-align: center; margin-top:32px; margin-bottom: 32px;}
a.ictProd_SmallBlock:hover span h4{ color:var(--leuko);}
a.ictProd_SmallBlock p{ margin:0px; color:var(--leuko); padding:10px 8px; flex-grow:2; line-height: 140%; font-weight: var(--light); background: var(--ict); min-height: 110px;}
a.ictProd_SmallBlock:hover p{ color:var(--coolGray11c); background:var(--leuko); border-radius:6px; }

/*-----------------new update for sw------------------*/
a.ictProd_Block{  display:block; border-radius:6px; border:9px solid var(--ict); text-decoration: none; align-items:center; background: var(--leuko); transition: all .6s ease-out; min-height:auto;}
a.ictProd_Block span h3 {color: var(--ict); white-space: normal; font-weight: var(--normal);  text-align: left; padding: 10px 10px 0px 10px; float:left; display:block;}
a.ictProd_Block span {background: var(--leuko); border-radius: 0px 0px 5px 0px; float:left; width:auto!important;}
a.ictProd_Block p {  width: 100%; margin: 0px; color: var(--leuko); padding: 10px 10px; padding-top: 10px;
  line-height: 140%; font-weight: var(--light); display: block; padding-top:83px;}
/*-----------------new update for sw------------------*/
/*------------------------------ ICT  landing page  ends-------------------*/


.promoBriefBlock { display:block; width:50%; height:auto; float:right; margin: 80px 0 80px 20px; }

.promoNinfo{position:relative; margin-top:0px;}
.briefInfo{ border-radius:4px; background:var(--coolGray1c_b); color:var(--corpRed); padding:5px; font-size: var(--xsmallTxt);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); width:300px; float:right; display:block; position:absolute; z-index: 100; right:0px; top:0px; margin: -11% -5% 0 0;}

span.productName{ font-size: var(--smallTxt); font-weight: var(--medium);}

.briefInfo dl dt{float:left; width:35%;  padding:3px 8px 3px 5px; margin:0px;clear:both; text-align:right; font-weight: normal;}
.briefInfo dl dd { padding:3px 5px 3px 8px; margin:0px; float:left; border-left:1px dotted rgba(197,0,0,1); width:64%;display:block;}
.briefInfo dl dd a{ text-decoration: underline; color:var(--corpRed); }

ul.additionalProdPhotos{ display:flex; list-style: none; flex-direction: row; justify-content: center; flex-basis: 25%; margin-top:5px;}
ul.additionalProdPhotos li{ max-width: 35%;}

.productsArea{ background: #DAE1E8; padding: 23px 26px 0px 26px; border-radius: 6px; margin: 26px 0 5px 0;}
.productItem{display: inline-block; margin-right:26px; margin-bottom: 15px; color:var(--corpRed);}
.checkBoxArea{ background: var(--coolGray2c_b); padding: 15px 26px; border-radius: 6px; margin: 5px 0 5px 0; text-align: right;}
.collateralCB{display: inline-block; margin-right:26px; margin-bottom: 12px;}

.productTitle{ display: block; background: #F9F9F9; border-radius: 6px; padding:2px 21px;}
.productTitle a.accordion-button{ text-decoration: none; color:var(--corpRed); display: block; font-size:24px; font-weight: normal;}
h5.productTitle.accordion-header{font-size:24px!important;}
/*---------------------------------------------collateral files dropdown begin -----------------------------------*/
/* Custom styles for the dropdown filter */
.collateralFilterDropdown .dropdown-menu { max-height: 400px;overflow-y: auto;}

.collateralFilterDropdown .dropdown-item-text {padding: 0.5rem 1rem;}

.collateralFilterDropdown .dropdown-item-text:hover { background-color: var(--bs-light);}

.collateralFilterDropdown .form-check {  margin-bottom: 0;}

.collateralFilterDropdown .form-check-label { cursor: pointer; padding-left: 0.5rem;}

.collateralFilterDropdown .dropdown-header { font-weight: 600; font-size: 0.875rem;}

.collateralFilterDropdown .btn-link { color: var(--bs-primary); text-decoration: none; font-size: 0.75rem;}

.collateralFilterDropdown .btn-link:hover { color: var(--bs-primary);text-decoration: underline;}

/* Prevent dropdown from closing when clicking on checkboxes */
.collateralFilterDropdown .dropdown-menu { padding: 0;}

.collateralFilterDropdown .dropdown-item-text:active { background-color: transparent;}

/* Badge styling */
#activeFiltersCount { font-size: 0.7rem; min-width: 1.2rem; height: 1.2rem; display: inline-flex; align-items: center; justify-content: center;
}

.prodDown, .docDown{ }

#selectAllBtn, #clearAllBtn, #selectAllProductsBtn,#clearAllProductsBtn{ margin:4px; padding: 2px 4px!important;  color:var(--leuko);}
#selectAllBtn, #selectAllProductsBtn{ background: var(--coolGray7c); border:1px solid var(--coolGray7c); transition: background .3s , color .4s;}
#selectAllBtn:hover,#selectAllProductsBtn:hover{ background: var(--leuko); color:var(--coolGray7c); text-decoration: none;}

#clearAllBtn, #clearAllProductsBtn{ background: var(--corpRed);border:1px solid var(--corpRed);  transition: background .3s , color .4s; }
#clearAllBtn:hover, #clearAllProductsBtn:hover{ background: var(--leuko); color:var(--corpRed); text-decoration: none;}

.btn-corp { background: var(--coolGray9c); color:#fff; transition: background .3s , color .4s;}
.btn-corp:hover{ background: var(--coolGray4c); color:var(--coolGray11c);}
/*-----------------------------------------------collateral files dropdown ends-----------------------------------*/

/*.productTitle a.accordion-button::after{ background-image:url("../images/arrowAccord.png"); flex-shrink: 0; width: 17px; height: 13px; margin-left: auto; content: ""; background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out;}
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")

*/


.accordion-button::after { flex-shrink: 0; width: 10px; height: 10px; margin-left: auto; content: ""; background-repeat: no-repeat; background-size: 10px;
  transition: transform .2s ease-in-out; margin-top: 10px; float: right; }

.wns .accordion-button::after, .corporate .accordion-button::after  {background-image: url("../images/products/arrowAccord.png");}

.telco .accordion-button::after, .sw .accordion-button::after { background-image: url("../images/products/arrowAccord.png");}
.ict .accordion-button::after{ background-image: url("../images/products/arrowAccord.png");}
.energy .accordion-button::after{ background-image: url("../images/products/arrowAccord.png");}

.wns .accordion-button:not(.collapsed)::after, .corporate .accordion-button:not(.collapsed)::after {
  background-image: url("../images/products/arrowAccord.png")!important; }
.telco .accordion-button:not(.collapsed)::after {  background-image: url("../images/products/arrowAccord_telco.png")!important; }
.ict .accordion-button:not(.collapsed)::after { background-image: url("../images/products/arrowAccord_ict.png")!important; }
.energy .accordion-button:not(.collapsed)::after { background-image: url("../images/products/arrowAccord_energy.png")!important; }
.accordion-button:not(.collapsed) { background-color: transparent; box-shadow: none;}
.accordion-item {background-color: none; border: 0px; margin-bottom: 3px;}
.accordion-item:first-of-type { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.accordion-button.collapsed,.accordion-button.collapsed:focus { background-color: transparent; border-radius: 0px!important; border:0px!important;}

.accordion-button{padding:8px; }
.accordion-button:focus {box-shadow: 0 0 0 0!important;}
.accordion-item:first-of-type .accordion-button { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.Productbrochure, .Productdatasheet, .Applicationnotes, .Productinfographics, .Contactinfo, .Productcasestudies, .Whitepapers{margin-top:20px; margin-bottom: 40px;}

.collateralType span{ position:absolute;background: #fff; padding:5px 8px 5px 0px; bottom: -14px; }
.wns .collateralType{   position:relative; border-bottom: 4px solid var(--corpRed);   margin-bottom: 15px; margin-top: 30px;  /*position: relative;  display: inline-block;  width:calc(100% - 270px);*/ }
.telco .collateralType{   position:relative; border-bottom: 4px solid var(--telco);   margin-bottom: 15px; margin-top: 30px;  /*position: relative;  display: inline-block;  width:calc(100% - 270px);*/ }
.sw .collateralType{   position:relative; border-bottom: 4px solid var(--telco);   margin-bottom: 15px; margin-top: 30px;  /*position: relative;  display: inline-block;  width:calc(100% - 270px);*/ }
.dss .collateralType{   position:relative; border-bottom: 4px solid var(--corpRed);   margin-bottom: 15px; margin-top: 30px;  /*position: relative;  display: inline-block;  width:calc(100% - 270px);*/ }
.ict .collateralType{   position:relative; border-bottom: 4px solid var(--ict);   margin-bottom: 15px; margin-top: 30px;  /*position: relative;  display: inline-block;  width:calc(100% - 270px);*/ }
.energy .collateralType{   position:relative; border-bottom: 4px solid var(--energy);   margin-bottom: 15px; margin-top: 30px;  /*position: relative;  display: inline-block;  width:calc(100% - 270px);*/ }


/*.collateralType::after{   content:" ";  position: absolute; bottom: 5px; width:100%; border-bottom: 4px solid var(--corpRed); margin-left: 5px; }*/


.fileItemTitle{margin:5px 5px 10px 5px; clear:both;}

.fileItemTitle a{ font-size: var(--bodyText); text-decoration: underline; color: var(--coolGray7c); font-weight: var(--regular); margin:5px 8px 5px 0px; transition: all .5s ease;}
.fileItemTitle a:hover{ color:var(--corpRed); text-decoration: none;}

.wns .fileItemTitle a:hover{ color:var(--corpRed); text-decoration: none;}
.telco .fileItemTitle a:hover{ color:var(--telco); text-decoration: none;}
.dss .fileItemTitle a:hover{ color:var(--corpRed); text-decoration: none;}
.ict .fileItemTitle a:hover{ color:var(--ict); text-decoration: none;}
.energy .fileItemTitle a:hover{ color:var(--energy); text-decoration: none;}

.fileType {color:var(--corpRed); font-size:var(--xsmallTxt)!important; font-weight: var(--medium);}

.wns .fileType {color:var(--corpRed); }
.telco .fileType {color:var(--telco); }
.ict .fileType {color:var(--ict); }
.energy .fileType {color:var(--energy); }



.wns #collaterals h6.group-title {  border-radius:4px; padding:5px; color:#fff; margin-right:20px; float:left; clear:left!important; display:block; background:var(--corpRed); }
.telco #collaterals h6.group-title { border-radius:4px; padding:5px; color:#fff; margin-right:20px; float:left; clear:left!important; display:block;  background:var(--telco);  }
.ict  #collaterals h6.group-title { border-radius:4px; padding:5px; color:#fff; margin-right:20px; float:left; clear:left!important; display:block; background:var(--ict); }
.energy  #collaterals h6.group-title { border-radius:4px; padding:5px; color:#fff; margin-right:20px; float:left; clear:left!important; display:block; background:var(--energy); }
#collaterals .is-hidden { display: none!important; } 

.pdf::before{ content:"pdf- "; }
.html::before{ content:"html "; }
.ppt::before{ content:"ppt- "}

#relatedResources a{ text-decoration: none; }
#relatedResources a span.mediaTitle{margin-top:12px;display: block; text-decoration: none;}

.wns #relatedResources a {color: var(--corpRed);}
.wns #relatedResources a span.mediaTitle { color:var(--corpRed);}

.telco #relatedResources a {color: var(--telco);}
.telco #relatedResources a span.mediaTitle { color:var(--telco);}

.RelatedLinks{ margin:0; padding:0px; /*min-height: 300px;*/}
.RelatedLinks ul{list-style: none; margin:0px 15px 0px 15px; padding:20px; /*test*/ border-radius:6px;   background:var(--coolGray1c_b); }
.RelatedLinks ul li{  font-size: var(--bodyText); margin:0px 0px 22px 0; }
.RelatedLinks ul li.relatedLinksLabel{ color:var(--coolGray11c); font-weight:var(--medium); margin-bottom:12px; }
.wns .RelatedLinks ul li a{ color:var(--corpRed); text-decoration: underline!important; transition: all .4s ease;}
.telco .RelatedLinks ul li a{ color:var(--telco); text-decoration: underline!important; transition: all .4s ease;}
.ict .RelatedLinks ul li a{ color:var(--ict); text-decoration: underline!important; transition: all .4s ease;}
.RelatedLinks ul li a:hover{ text-decoration:none!important;}

.wns .border-icom{ border-color: var(--corpRed)!important; margin:100px 0px;}
.telco .border-icom{ border-color: var(--telco)!important; margin:100px 0px;}
.ict .border-icom{ border-color: var(--ict)!important; margin:100px 0px;}

.ctaButtonSizeA{ font-size: var(--H4Header); font-weight: var(--light); padding:23px 80px;}


/*------------------------------main ends------------------------------*/





/*-------------------------modal css for videos begin ------------------------*/

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

/*.modal.in .modal-dialog { } */
/*-------------------------modal css for videos ends ------------------------*/

/* Raise modal above sticky header/breadcrumb (header z-index: 2200–2300) */
.modal         { z-index: 2500 !important; }
.modal-backdrop{ z-index: 2400 !important; }

/* Distributor program form */
.distributor-program-modal .modal-header h2 {
  color: var(--corpRed);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.distributor-program-modal .modal-body {
  padding: 1.25rem;
}

.distributor-program-modal #form-intro {
  margin-bottom: 1.5rem;
}

.distributor-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 1.875rem;
}

.distributor-options-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 1.875rem;
}

.distributor-form-grid .form-group label,
.distributor-options-grid .distributor-group-title,
.distributor-options-grid .form-check-label {
  color: #333;
  font-weight: 600;
}

.distributor-form-grid .form-group label span {
  font-weight: 600;
}

.distributor-form-grid .form-control {
  min-height: 34px;
}

.distributor-program-modal .form-hint {
  color: #888;
  display: block;
  font-size: 0.875rem;
  font-style: italic;
  margin-top: 0.2rem;
}

.distributor-options-grid {
  margin-top: 1rem;
}

.distributor-options-grid fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.distributor-options-grid .distributor-group-title {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 0.75rem;
  padding-bottom: 0.25rem;
  width: 100%;
}

.distributor-options-grid .form-check {
  align-items: center;
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0.45rem;
  min-height: 1.25rem;
  padding-left: 0;
}

.distributor-options-grid .form-check-input {
  float: none;
  margin-left: 0;
  margin-top: 0;
}

.distributor-options-grid .distributor-other .form-control {
  flex: 1 1 auto;
  height: 29px;
  min-width: 0;
}

.distributor-checkbox-note {
  display: block;
  margin-top: 1rem;
}

.distributor-form-footer {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 1.1rem;
}

.distributor-consent-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem 1.875rem;
  margin-top: 1.8rem;
}

.distributor-consent-grid .form-check {
  align-items: flex-start;
  display: flex;
  gap: 0.5rem;
  padding-left: 0;
}

.distributor-consent-grid .form-check-input {
  flex: 0 0 auto;
  margin-left: 0;
  margin-top: 0.25rem;
}

.distributor-consent-grid .form-check-label {
  white-space: nowrap;
}

.distributor-recaptcha {
  margin-top: 1.5rem;
}

.distributor-program-modal .modal-footer {
  border-top: 1px solid #dee2e6;
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}

.distributor-program-modal .modal-footer .formSubmit {
  min-width: 80px;
}

.distributor-program-modal .modal-footer .formSubmit:disabled {
  opacity: 0.35;
}

.distributor-form-result .modal-body > :not(#distributorFormMessage),
.distributor-form-result .modal-footer {
  display: none;
}

@media (max-width: 991.98px) {
  .distributor-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .distributor-form-grid,
  .distributor-options-grid,
  .distributor-consent-grid {
    grid-template-columns: 1fr;
  }

  .distributor-form-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .distributor-consent-grid .form-check-label {
    white-space: normal;
  }
}





/* -------------------------- social share begin ----------------------*/

.social-share{ background-color: #F6F4F4; border-radius: 6px; position: fixed; top: 228px; right: 1.8%; padding: 5px 8px;z-index: 1000; box-shadow: 0px 0px 4px rgba(0,0,0,.4 );}

.social-share ul{ list-style: none; padding:0; margin:0;}
.social-share ul li{margin:4px 0; font-weight: var(--medium);}
/*.social-share ul li a{}*/
.a2a_default_style:not(.a2a_flex_style) a {padding: 5px 2px!important;}
/* -------------------------- social share end ----------------------*/


/* ----------------------------footer begins ------------------------------------------*/

footer{ background: var(--coolGray5c); flex-shrink: 0;}

.socialFW{ font-size: var(--smallTxt); font-weight: var(--regular); color:var(--leuko);}
ul.socialMedia{ list-style: none; display: inline-block; color:var(--leuko); margin: 21px 0px 5px 18px; padding:0;}
ul.socialMedia li{ display: inline-block;}

ul.socialMedia li a{ display:block; text-decoration: none; margin: 0px 4px; width:34px; height:30px; transition: all .3s ease;}
ul.socialMedia li a span{ color:var(--leuko);}
ul.socialMedia li a.linkedin{ background: url(../images/Socials_sprite.png) no-repeat -13px -9px; }
ul.socialMedia li a.linkedin:hover{ background: url(../images/Socials_sprite.png) no-repeat -13px -49px;}

ul.socialMedia li a.twitter{ background: url(../images/Socials_sprite.png) no-repeat -58px -9px; }
ul.socialMedia li a.twitter:hover{ background: url(../images/Socials_sprite.png) no-repeat -58px -49px;}

ul.socialMedia li a.facebook{ background: url(../images/Socials_sprite.png) no-repeat -103px -9px; }
ul.socialMedia li a.facebook:hover{ background: url(../images/Socials_sprite.png) no-repeat -103px -49px;}

ul.socialMedia li a.youtube{ background: url(../images/Socials_sprite.png) no-repeat -151px -8px; }
ul.socialMedia li a.youtube:hover{ background: url(../images/Socials_sprite.png) no-repeat -151px -49px;}

.subscribe{margin: 17px 0px ; font-size: var(--H6Header); color:var(--leuko); /*border:1px solid var(--leuko);*/ border-radius: 6px; padding:7px 38px;  background-color: var(--coolGray7c); transition: all .4s ease;}
.subscribe:hover{border:1px solid var(--coolGray7c);background-color: var(--leuko);color:var(--coolGray7c); }

.funded-footer-banner{ text-align: center;}
.funded-footer-banner img{ display: block; width: min(100%, 520px); height: auto; margin: 12px auto; background: var(--leuko);}

.mailchimp_subscribe{border: 0; width: 100%; height: 1620px; margin: -60px 0px 0px 0px !important; overflow:hidden!important;}


p.icomCopy{ font-size: var(--xxsmallTxt); width:100%; color:var(--leuko); display: block; float: inherit;}
.icomCopy a{color:var(--leuko); text-decoration: underline; display:inline; transition: all .3 ease;}
.icomCopy a:hover{text-decoration: none;}

@media (max-width: 991.98px){
  .funded-footer-banner{ margin-top: 6px;}
}

@media (max-width: 575.98px){
  .funded-footer-banner img{ width: 100%; max-width: 430px;}
}
/* ----------------------------footer ends ------------------------------------------*/


/*---------------------------------tag list begin--------------------------*/
.tagList{ column-count:4;}
.tagList li{list-style: none;}


/*---------------------------------tag list ends--------------------------*/





































/*--------------------------------------------------------MEDIA QUERIES begin-------------------------------------------------*/

@media (min-width: 300px) {
  .square, .wnsBlock .square, .swBlock .square{ margin-left:0px; margin-right:0px; position: relative;}
  .wnsBlock .image-content {display: none;}
.swBlock .image-content { display:none;}

.icomBrand-md { display: block; width:100%;}

.icomBrand-md h1{ float:left; width:300px; }

.icomBrand-md button {float:right; margin-top:0px;}

/* hero-dots are always visible */

.carousel-inner { height: 184px;}

ul.prodSol { display: grid; grid-template-columns: 1fr ;  list-style-type: none; margin-top:39px; padding:0px;}

ul.prodSol li a{ display: flex; flex-direction:row; text-decoration: none; z-index: 1; overflow: hidden; }

ul.prodSol li a img{flex-grow:1; width:0%;}

ul.prodSol li a span{flex-grow:1; font-size: 80%; width:100%;}

a.wnsBlock { border-radius:6px 6px 0 0;}

a.telcoBlock{ border-radius: 0 0 6px 6px; }

.carousel-item-info { width:80%; right: 10%; top:1%; color:var(--leuko);background: rgba(4,27,64,.54); border-radius:8px; padding:20px; }

.carousel-item-info h2 {  color:var(--leuko); font-size: var(--H6Header); }


.marketList{ gap: 10px 10px; }

.marketList a{ padding:2% 8% 0px 8%; width:auto;}

main { margin-top: 0px;}

section.prodSolBlock h1 {margin-top: 10px;}

.promoBriefBlock { width:100%; margin: 80px 0 40px 20px; }

.briefInfo{margin: -11% 3% 0 0;}
}

/*--- Small devices (landscape phones, 576px and up)----*/
@media (min-width: 576px) {
.square, .wnsBlock .square, .swBlock .square{ margin-left:0px; margin-right:0px; position: relative;}

.square{ margin-left:0px; margin-right:0px; position: relative;}
.wnsBlock .image-content {display: none;}
.swBlock .image-content { display:none;}


main { margin-top: 60px; }
section.prodSolBlock h1 { margin-top: 80px; font-weight: 400;}
  
.mdRes{ display:block;}
.lgRes {display:none;}
.icomBrand-lg {display:none;}
.icomBrand-md { display: block; /*padding: 10px 0;*/}
.icomBrand-md h1{ float:left; width:200px; }
.icomBrand-md button {float:right; }
  

  nav.breadcrumb{ --breadcrumb-romvos-width: 110px; --breadcrumb-romvos-height: 56px; --breadcrumb-white-fade: 110px; height:35px; background-position:5% 50%, left 50%, left 50%; background-size: var(--breadcrumb-romvos-width) var(--breadcrumb-romvos-height), 100% 35px, 100% 35px ;}
  nav.breadcrumb ol::before, nav.breadcrumb ol li a.unit, nav.breadcrumb ol li a{ font-weight: var(--thin); font-size:var(--xsmallTxt); }
  nav.breadcrumb ol{ padding: 4px 0px; }
  nav.breadcrumb.shrink ol{ padding: 4px 0px; }
  nav.breadcrumb.shrink ol li a{ font-weight: var(--regular);}
  nav.breadcrumb.shrink ol li a.unit{ font-size:var(--xsmallTxt); font-weight:var(--regular); }
  .secondary .dropdown-item, .secondary .nav-link{ font-weight: var(--regular); font-size: var(--smallTxt); }
  .primary .dropdown-item, .primary .nav-link{ font-weight: var(--regular); font-size: var(--smallTxt); }
  .secondary{ border-bottom:2px dotted var(--coolGray10c);}
  .nav .dropdown-menu { inset: 32px auto auto 0px !important; border-radius: 0px; background-color: var(--coolGray1c); border:0px;  filter: drop-shadow(3px 3px 2px rgba(0,0,0,.0));}

  .nav .lang .dropdown-menu { inset: 34px auto auto 0px !important; --bs-dropdown-min-width: 7rem;}
  .carousel-inner { height: auto;}
  .carousel-item-info { width: 65%; right: 15%; top:32%; color:var(--leuko);background: rgba(4,27,64,.54); border-radius:8px; padding:20px; }
  .carousel-item-info h2{font-size:var(--H6Header);}

  ul.prodSol { display: grid; grid-template-columns: 1fr ;  list-style-type: none; margin-top:39px; padding:0px; grid-template-rows: 1fr 1fr}
  ul.prodSol li a{ display: flex; flex-direction:row; text-decoration: none; z-index: 1; overflow: hidden; }
  ul.prodSol li a img{flex-grow:1; width:0%;}
  ul.prodSol li a span{flex-grow:1; font-size: 80%;width:100%;}

  a.wnsBlock { border-radius:6px 6px 0 0;}
  a.telcoBlock{ border-radius: 0 0 6px 6px; }
  a.ictBlock{ border-radius: 0 0 0 0;}
  a.energyBlock{ border-radius: 0 0 6px 6px;}

  .marketList{ gap: 10px 10px; }
  .marketList a{ padding:2% 8% 0px 8%; width:auto;}

}/*--- Small devices (landscape phones, 576px and up) end ----*/

/*--- Medium devices (tablets, 768px and up) ---*/
@media (min-width: 768px) {
  .wnsBlock .square{ padding:20px 0px 58px 18px; margin-top:20px; margin-right:20%; position: relative;}

.swBlock .square{ padding:20px 0px 58px 18px; margin-top:20px; margin-left:20%; position: relative;}
.wnsBlock .image-content { position: absolute; left: 98%; top: 50%; transform: translateY(-50%); width: 210px; height:auto; z-index: 2; overflow: hidden; border-radius: 6px;  outline: 16px solid #fff;  outline-offset: -1px;  display:block;}
.swBlock .image-content { position: absolute; right: 99%; top: 56%; transform: translateY(-50%); width: 210px; height:auto; z-index: 2; overflow: hidden; border-radius: 6px;  outline: 16px solid #fff; outline-offset: -1px; display:block;}
  
  .mdRes{ display:block;}
  .lgRes {display:none;}
  .icomBrand-lg {display:none;}
  .icomBrand-md { display: block; width:100%;}
  .icomBrand-md h1{ float:left; width:300px; }
  .icomBrand-md button {float:right; }

  nav.breadcrumb{ --breadcrumb-romvos-width: 110px; --breadcrumb-romvos-height: 56px; --breadcrumb-white-fade: 110px; height:45px; background-position:5% 50%, left 50%, left 50%; background-size: var(--breadcrumb-romvos-width) var(--breadcrumb-romvos-height), 100% 45px, 100% 45px;}
  nav.breadcrumb ol::before, 
  nav.breadcrumb ol li a.unit, 
  nav.breadcrumb ol li a{ font-weight: var(--light); font-size:var(--smallTxt); }
  nav.breadcrumb ol li a.unit{ margin-top:0px;}
  nav.breadcrumb ol{  padding: 8px 0px; transition:padding .4s;  }
  nav.breadcrumb.shrink ol{ padding: 0px 4px 0px 4px; }

  .secondary .dropdown-item, .secondary .nav-link{ font-weight: var(--regular); font-size: var(--smallTxt); }
  .primary .dropdown-item, .primary .nav-link{ font-weight: var(--regular); font-size: var(--smallTxt); }
  .secondary{ border-bottom:2px dotted var(--coolGray10c);}
  .nav .dropdown:hover .dropdown-menu{ display:auto;}
  .nav .dropdown-menu { inset: 31px auto auto 0px !important; border-radius: 0px; background-color: var(--coolGray1c); border:0px;  filter: drop-shadow(3px 3px 2px rgba(0,0,0,.0));}

  .promoNinfo{margin-top:120px;}
  .carousel-item-info { width: 35%;}
  .carousel-item-info h2{font-size:var(--H6Header);}

  ul.prodSol { display: grid; grid-template-columns: 1fr ; grid-template-rows:1fr 1fr; list-style-type: none; margin-top:39px; padding:0px;}
  ul.prodSol li a{ display: flex; flex-direction:row; text-decoration: none; z-index: 1; overflow: hidden; }
  ul.prodSol li a img{flex-grow:1; width:auto; aspect-ratio: 1 / 1.2;}
  ul.prodSol li a span{flex-grow:1; width:auto; font-size: 80%;}

  a.wnsBlock { border-radius:6px 6px 0 0;}
  a.telcoBlock{ border-radius: 0 0 0 0; }
  a.ictBlock{ border-radius: 0 0 0 0;}
  a.energyBlock{ border-radius: 0 0 6px 6px;}

  .marketList{ gap: 20px 10px; }
  .marketList a{ padding:2% 2% 0px 2%;}

  .promoBriefBlock { display:block; width:100%; height:auto; float:right; margin: 20px 0 80px 20px; }



  #whr_embed_hook .whr-items {grid-template-columns: 1fr 1fr; }

}

/*--- Large devices (desktops, 992px and up) ----*/
@media (min-width: 992px) {



.wnsBlock .image-content { position: absolute; left: 68%; top: 50%; transform: translateY(-50%); width: 280px; height:auto; z-index: 2; overflow: hidden; border-radius: 6px;  outline: 16px solid #fff;  outline-offset: -1px;  }
.swBlock .image-content { position: absolute; right: 70%; top: 68%; transform: translateY(-50%); width: 280px; height:auto; z-index: 2; overflow: hidden; border-radius: 6px;  outline: 16px solid #fff; outline-offset: -1px;}
  

  ul.prodSol { display: grid; grid-template-columns: 1fr 1fr ; grid-template-rows:1fr; list-style-type: none; margin-top:39px; padding:0px;}
  ul.prodSol li a{ display: grid; grid-template-columns: 1fr 1fr ; grid-template-rows:1fr; text-decoration: none; z-index: 1; overflow: hidden; }
  ul.prodSol li a img{flex-grow:1; width:auto; aspect-ratio: 1.2 / 1;}
  ul.prodSol li a span{ padding: 10px 10px 7px 10px; z-index: 20;}
  ul.prodSol li a span p{font-size:86%; color:var(--leuko); font-weight: 300;}
  ul.prodSol li a span h6 { color: var(--leuko); margin-bottom: 10px; font-weight: 400;}

  a.telcoProd_Block span h3{ font-size:27px;}

  .mdRes{ display:none;}
  .lgRes {display:block;}
  nav.breadcrumb ol li a.unit{ font-size:20px; font-weight:var(--regular); transition: font-size .4s, font-weight .4s; }
  nav.breadcrumb ol li a.unit{ font-size:24px; font-weight:var(--regular); transition: font-size .4s, font-weight .4s; margin-top: -5px; float: left; margin-right: 9px; }

  .secondary .dropdown-item, .secondary .nav-link{ font-weight: var(--regular); font-size: var(--xsmallTxt); }
  .primary .dropdown-item, .primary .nav-link{ font-weight: var(--regular); font-size: var(--x-ismallTxt); }
  .secondary{ border-bottom:0px;}
  .nav .dropdown-menu { inset: 28px auto auto 0px !important; border-radius: 0px 4px 4px 4px; background-color: var(--coolGray1c); border: 0px;  filter: drop-shadow(3px 3px 2px rgba(0,0,0,.3)); }
  .promoNinfo{margin-top:0px;}
  .carousel-item-info h2{font-size:var(--H5Header);}


  a.wnsBlock { border-radius:6px 0 0 0;}
  a.energyBlock{ border-radius: 0 0 6px 0;}
  a.telcoBlock{ border-radius: 0 6px 0 0; }
  a.ictBlock{ border-radius: 0 0 0 6px;}

  .marketList{ gap: 20px 20px; }
  .marketList a{ padding:2% 2% 0px 2%;}
  .promoBriefBlock { display:block; width:50%; height:auto; float:right; margin: 80px 0 5px 20px; }

}

/*---- Extra large devices (large desktops, 1200px and up)--- */
@media (min-width: 1200px) {
  .wnsBlock .image-content { position: absolute; left: 68%; top: 56%; transform: translateY(-50%); width: 54%; height:auto; z-index: 2; overflow: hidden; border-radius: 6px;  outline: 16px solid #fff;  outline-offset: -1px;  }
.swBlock .image-content { position: absolute; right: 70%; top: 56%; transform: translateY(-50%); width: 54%; height:auto; z-index: 2; overflow: hidden; border-radius: 6px;  outline: 16px solid #fff; outline-offset: -1px;}

  ul.prodSol { display: grid; grid-template-columns: 1fr 1fr ; grid-template-rows:1fr; list-style-type: none; margin-top:39px; padding:0px;}
  ul.prodSol li a{ display: grid; grid-template-columns: 1fr 1fr ; grid-template-rows:1fr; text-decoration: none; z-index: 1; overflow: hidden; }
  ul.prodSol li a span{ padding: 40px 20px 20px 20px; z-index: 20;}
  ul.prodSol li a span p{font-size:97%; color:var(--leuko); font-weight: 300;}
  ul.prodSol li a span h6 { color: var(--leuko); margin-bottom: 18px; font-weight: 400;}

  a.telcoProd_Block span h3{ font-size:38px;}

  .secondary .dropdown-item, .secondary .nav-link{ font-weight: var(--regular); font-size: var(--xsmallTxt); }
  .primary .dropdown-item, .primary .nav-link{ font-weight: var(--regular); font-size: var(--xsmallTxt); }
  .icomBrand-lg {display:block;}
  .icomBrand-md {display:none;}
  nav.breadcrumb{ 
     background:
  url(../images/breadcrumb_romvos_tile.png), linear-gradient(90deg, 
rgba(255, 255, 255, 0) 0%, 
rgba(255, 255, 255, 1) 5%, 
rgba(255, 255, 255, 1) 6.50%, 
rgba(255, 255, 255, 0) 11%), 
linear-gradient(90deg, 
rgba(92, 94, 97, 0) 0%, 
rgba(92, 94, 97, .4) 8%, 
rgba(92, 94, 97, 1) 9%, 
rgba(92, 94, 97, 1) 100%);
    background-repeat: no-repeat, no-repeat, no-repeat; background-position:6% 50%, left 50%, left 50%; background-size: var(--breadcrumb-romvos-width) var(--breadcrumb-romvos-height), 100% 55px, 100% 55px ;transition: height .4s;}
  nav.breadcrumb ol li a.unit{ font-size:24px; font-weight:var(--regular); transition: font-size .4s, font-weight .4s; margin-top: -8px; float: left; margin-right: 9px; }
  .nav .dropdown-menu { inset: 28px auto auto 0px !important; border-radius: 0px 4px 4px 4px; background-color: var(--coolGray1c); border: 0px;  filter: drop-shadow(3px 3px 2px rgba(0,0,0,.3)); }

  .promoNinfo{margin-top:0px;}
  .carousel-item-info h2{font-size:var(--H5Header);}

  a.wnsBlock { border-radius:6px 0 0 0;}
  a.telcoBlock{ border-radius: 0 6px 0 0; }
  a.energyBlock{ border-radius: 0 0 6px 0;}
  a.ictBlock{ border-radius: 0 0 0 6px;}

  .marketList{ gap: 20px 20px; }
  .marketList a{ padding:2% 3% 0px 3%;}
  .home .marketList a{ padding:2% 4% 0px 4%;}


}




@media (min-width: 1400px) {
  .secondary .dropdown-item, .secondary .nav-link{ font-weight: var(--regular); font-size: var(--xsmallTxt); }
  .primary .dropdown-item, .primary .nav-link{ font-weight: var(--regular); font-size: var(--smallTxt); }
  .nav .dropdown-menu { inset: 28px auto auto 0px !important; border-radius: 0px 4px 4px 4px; background-color: var(--coolGray1c); border: 0px;  filter: drop-shadow(3px 3px 2px rgba(0,0,0,.3)); }

  .carousel-item-info h2{font-size:var(--H4Header);}
  ul.prodSol li a span p{font-size: 16px; color:var(--leuko); font-weight: var(--regular);}
  ul.prodSol li a span h6 { color: var(--leuko); margin-bottom: 20px; font-weight: 400;}

  a.wnsBlock { border-radius:6px 0 0 0;}
  a.energyBlock{ border-radius: 0 0 6px 0;}
  a.telcoBlock{ border-radius: 0 6px 0 0; }
  a.ictBlock{ border-radius: 0 0 0 6px;}

  .marketList{ gap: 40px 20px; margin-top: 20px; }

}


/* ================================================================
   THADD HOME PAGE — Carousel + Sections
   ================================================================ */

/* home page — no gap between carousel and first section */
body.home main { margin-top: 0 !important; }

/* --- Carousel: 1100px height + glass caption ------------------- */

#corpCarousel { overflow: visible !important; }
#corpCarousel .carousel-inner {
  height: 920px;
  overflow: hidden;
  position: relative;
}
#corpCarousel .carousel-item  {
  height: 100%;
  position: relative;
}
#corpCarousel .carousel-item::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 35%;
  background: linear-gradient(90deg, var(--thaddColor) 30%, color-mix(in srgb, var(--thaddColor) 0%, transparent) 100%);
  pointer-events: none;
  z-index: 1;
}
#corpCarousel .carousel-item > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
  z-index: 0;
}

#corpCarousel .slide-innovativesolutions {
  --innovative-shift-x: 0px;
  --innovative-shift-y: 0px;
  --innovative-focus-shift-x: 0px;
  --innovative-bg-rotate-x: 0deg;
  --innovative-focus-rotate-x: 0deg;
  --innovative-bg-scale: 1.12;
  --innovative-glow-x: 78%;
  --innovative-glow-y: 48%;
  perspective: 1200px;
}

#corpCarousel .slide-innovativesolutions > .spatial-bg {
  filter: contrast(1.04) saturate(1.08);
  transform:
    perspective(1200px)
    rotateX(var(--innovative-bg-rotate-x))
    scale(var(--innovative-bg-scale))
    translate3d(var(--innovative-shift-x), var(--innovative-shift-y), 0);
  transform-origin: 78% 58%;
  transition: transform 120ms ease-out, filter 120ms ease-out;
  will-change: transform;
}

#corpCarousel .slide-innovativesolutions > .spatial-focus {
  position: absolute;
  inset: auto 0 0 auto;
  width: 60% !important;
  height: auto !important;
  z-index: 3;
  filter: contrast(1.05) saturate(1.06);
  transform:
    perspective(1000px)
    translate3d(var(--innovative-focus-shift-x), 0, 0)
    rotateX(var(--innovative-focus-rotate-x)) !important;
  transform-origin: right bottom;
  object-fit: contain;
  pointer-events: none;
  transition: transform 120ms ease-out;
  will-change: transform;
}

#corpCarousel .slide-innovativesolutions::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(circle at var(--innovative-glow-x) var(--innovative-glow-y), rgba(255, 255, 255, 0.28), transparent 17%),
    radial-gradient(circle at 58% 56%, transparent 0 34%, rgba(4, 27, 64, 0.28) 78%),
    linear-gradient(110deg, transparent 34%, rgba(255, 255, 255, 0.16) 48%, transparent 62%);
  mix-blend-mode: screen;
  opacity: 0.48;
  transition: background-position 120ms ease-out, opacity 120ms ease-out;
  will-change: background;
}

@media (prefers-reduced-motion: reduce) {
  #corpCarousel .slide-innovativesolutions > .spatial-bg,
  #corpCarousel .slide-innovativesolutions > .spatial-focus,
  #corpCarousel .slide-innovativesolutions::after {
    transition: none;
  }
}

.carousel-item-info {
  position: absolute;
  z-index: 50;
  left: 20% !important;
  right: auto !important;
  bottom: 14% !important;
  top: auto !important;
  width: 565px !important;
  color: var(--leuko);
  background: rgba(26, 26, 26, 0.48) !important;
  backdrop-filter: blur(10.5px);
  -webkit-backdrop-filter: blur(10.5px);
  border-radius: var(--radius-md);
  padding: var(--space-6) var(--space-8);
}

.carousel-item-info h2 {
  color: var(--leuko) !important;
  font-size: calc(var(--H2Header) + 11px);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: var(--space-2);
}

.carousel-item-info h5 {
  color: var(--leuko) !important;
  font-size: calc(var(--H5Header) + 11px);
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: var(--space-4);
}

.CTAbtn {
  display: inline-block;
  background: var(--corpRed);
  color: var(--leuko);
  padding: var(--space-2) var(--space-6);
  border-radius: var(--radius-sm);
  text-decoration: none;
  font-size: 17px;
  font-weight: 400;
  margin-top: var(--space-4);
  transition: background 0.3s;
}
.CTAbtn:hover { background: #a30000; color: var(--leuko); text-decoration: none; }


/* --- Our Offerings -------------------------------------------- */

.homeOfferings {
  background-color: var(--thaddColor);
  padding: 100px 0;
}
.homeOfferings h2,
.homeOfferings h3 { color: var(--leuko) !important; }

.homeOfferings__title {
  font-size: var(--H2Header);
  margin-bottom: 60px;
}
.homeOfferings__row { column-gap: 16%; }
.homeOfferings__col {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.homeOfferings__visual{margin-bottom: 40px;}
.homeOfferings__visual img { opacity: 0.69; width: 100%; }

.homeOfferings__text p {
  color: rgba(255,255,255,0.85);
  line-height: 1.6;
  margin-bottom: var(--space-8);
}
.homeOfferings__cta {
  display: inline-block;
  color: var(--leuko);
  border: 1px solid var(--leuko);
  padding: var(--space-2) var(--space-6);
  border-radius: var(--radius-sm);
  text-decoration: none;
  font-size: var(--smallTxt);
  transition: background 0.3s, color 0.3s;
}
.homeOfferings__cta:hover {
  background: var(--leuko);
  color: var(--thaddColor);
  text-decoration: none;
}


/* --- Industries ----------------------------------------------- */

.homeIndustries { padding: 100px 0; background: var(--leuko); }

.homeIndustries__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
}
.homeIndustries__title {
  color: var(--coolGray8c) !important;
  font-size: var(--H2Header);
  margin: 0;
}
.homeIndustries__viewAll { font-size: var(--smallTxt); }
.homeIndustries__grid { row-gap: 38px; }

.industryCard {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  padding: 0px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  background-color: var(--coolGray3c_b);
  text-decoration: none;
  overflow: hidden;
  position: relative;
  height:500px;
  transition: 0.3s;
 }
.industryCard:hover { text-decoration: none;  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, .25); transform:scale(1.04);}

.industryCard__title {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(0,0,0,0.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.12);
  padding: 7px 14px;
  border-radius: 6px;
  width: fit-content;
}
.industryCard__title h4 {
  color: var(--leuko) !important;
  font-size: calc(var(--H4Header) - 2px);
  margin: 0;
}
.industryCard__icon { width: 36px; height: 36px; object-fit: contain; }

.industryCard__desc {
  background: rgba(0,0,0,0.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.12);
  padding: 14px;
  border-radius: 6px;
}
.industryCard__desc p {
  margin: 0;
  color: var(--leuko);
  font-size: var(--smallTxt);
  line-height: 1.4;
}


.industryCard .effect {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* --- Latest Articles ------------------------------------------ */

.homeArticles { padding: 100px 0; background: var(--coolGray1c_b); }

.homeArticles__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.homeArticles__title {
  color: var(--coolGray8c) !important;
  font-size: var(--H2Header);
  margin: 0;
}
.homeArticles__viewAll { font-size: var(--smallTxt); }
.homeArticles__grid { row-gap: 38px; }
.articlesLanding { background: transparent; padding-top: 0; }
.articlesLanding .pagination { margin-top: 64px; }

.articleCard {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  border-radius: 10px;
  height: 500px;
  background-size: cover;
  background-position: center;
  background-color: var(--coolGray4c_b);
  text-decoration: none;
  overflow: hidden;
  transition:0.3s;
}
.articleCard:hover { text-decoration: none; box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, .25); transform:scale(1.04); }

.articleCard__overlay {

  background: rgba(0,0,0,0.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 6px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.articleCard__meta {
  display: flex;
  gap: 6px;
  align-items: center;
  color: var(--leuko);
  font-size: var(--xsmallTxt);
  flex-wrap: wrap;
}
.articleCard__sep { color: rgba(255,255,255,0.6); }
.articleCard__title {
  color: var(--leuko) !important;
  font-size: var(--H6Header);
  line-height: 1.3;
  margin: 0;
}
.articleCard__excerpt {
  color: rgba(255,255,255,0.9);
  font-size: var(--bodyText);
  line-height: 1.4;
  margin: 0;
}


/* --- News & Events -------------------------------------------- */

.homeNewsEvents { padding: 100px 0; background: var(--leuko); }

.homeNewsEvents__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.homeNewsEvents__title {
  color: var(--coolGray8c) !important;
  font-size: var(--H2Header);
  margin: 0;
}
.homeNewsEvents__viewAll { font-size: var(--smallTxt); }
.homeNewsEvents__row { row-gap: 30px; }

.homeNewsEvents .newsBlock {
  display: block;
  height: 100%;
  padding: 14px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: inherit;
  text-decoration: none;
  transition: background-color .25s ease, border-color .25s ease, box-shadow .35s ease, transform .25s ease;
}
.homeNewsEvents .newsBlock:hover,
.homeNewsEvents .newsBlock:focus-visible {
  background: #f7f7f7;
  box-shadow: 0 8px 24px rgba(80, 80, 80, .22);
  color: inherit;
  text-decoration: none;
  transform: translateY(-2px);
}
.homeNewsEvents .newsBlock:focus-visible {
  outline: 2px solid rgba(204, 0, 0, .35);
  outline-offset: 2px;
}
.homeNewsEvents .newsBlock:hover .newsBlock__title,
.homeNewsEvents .newsBlock:focus-visible .newsBlock__title {
  text-decoration: underline;
}

.newsBlock__meta {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: var(--xsmallTxt);
  color: var(--coolGray10c);
  margin-bottom: 6px;
}
.newsBlock__sep { color: var(--coolGray5c); }
.newsBlock__title {
  color: var(--corpRed) !important;
  font-size: var(--H6Header);
  line-height: 1.3;
  margin-bottom: 8px;
}
.newsBlock__excerpt {
  color: var(--coolGray10c);
  font-size: var(--bodyText);
  line-height: 1.5;
}


/* ================================================================
   Defense & Security Systems (DSS) — Section Styles
   Colors: --corpRed + cool gray scale (brand.css)
   ================================================================ */

/* --- DSS landing page overview (background image, same pattern as WNS/SW) --- */
.dss .overview { border-radius: 8px; background: url("../images/products/dss/dssOverview.png") no-repeat center center; background-size: cover; margin-bottom: 70px; }
.dss .overview p { font-size: var(--H5Header); font-weight: var(--light); }
.dss .overview.critical_infrastructure { background-image: url("../images/products/dss/critical_infrastructure.png"); }
.dss .overview.border_maritime         { background-image: url("../images/products/dss/border_maritime.png"); }
.dss .overview.public_safety           { background-image: url("../images/products/dss/public_safety.png"); }
.dss .overview.civil_protection        { background-image: url("../images/products/dss/civil_protection.png"); }
.dss .overview.tactical_comms         { background-image: url("../images/products/dss/tactical_comms.png"); }
.dss .overview.cyber_resilient         { background-image: url("../images/products/dss/cyber_resilient.png"); }


/* --- DSS Domain detail sections --- */
.dssDomainSection {
  background: var(--coolGray1c_b);
  border-left: 4px solid var(--corpRed);
  border-radius: 0 8px 8px 0;
  padding: 24px 20px;
  height: 100%;
}
.dssDomainSection h4 {
  color: var(--corpRed);
  font-size: var(--H6Header);
  font-weight: var(--medium);
  margin-bottom: 14px;
}
.dssDomainSection ul { padding-left: 18px; margin: 0; }
.dssDomainSection ul li {
  font-size: var(--bodyText);
  color: var(--coolGray5c);
  margin-bottom: 8px;
  line-height: 1.6;
}

/* --- DSS Value Props cards (on DSS landing page) --- */
.dssValueProps h3 { color: var(--corpRed); margin-bottom: 28px; font-weight: var(--medium); }
.dssValueCard {
  background: var(--leuko);
  border: 1px solid var(--coolGray3c_b);
  border-top: 3px solid var(--corpRed);
  border-radius: 0 0 8px 8px;
  padding: 20px 18px;
  height: 100%;
}
.dssValueCard h5 { color: var(--corpRed); font-size: var(--H6Header); font-weight: var(--medium); margin-bottom: 10px; }
.dssValueCard p { font-size: var(--bodyText); color: var(--coolGray5c); margin: 0; line-height: 1.6; }

/* --- DSS sidebar --- */
body.dss .sidebar { background: var(--coolGray11c_b); }

/* ----------------------------404 page begins ------------------------------------------*/
.error-page {
  align-items: center;
  display: flex;
  min-height: 54vh;
  padding: 96px 0;
}

.error-page__content {
  border-left: 6px solid var(--corpRed);
  max-width: 760px;
  padding: 8px 0 8px 36px;
}

.error-page__eyebrow {
  color: var(--corpRed);
  font-size: var(--smallTxt);
  font-weight: var(--bold);
  letter-spacing: 0;
  margin: 0 0 14px;
  text-transform: uppercase;
}

.error-page h1 {
  color: var(--coolGray11c);
  font-size: var(--H1Header);
  font-weight: var(--medium);
  line-height: 1.15;
  margin: 0 0 18px;
}

.error-page__lead {
  color: var(--coolGray9c);
  font-size: var(--largeTxt);
  line-height: 1.6;
  margin: 0;
  max-width: 640px;
}

.error-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.error-page__button {
  align-items: center;
  background: var(--leuko);
  border: 1px solid var(--coolGray5c_b);
  border-radius: 6px;
  color: var(--coolGray10c);
  display: inline-flex;
  font-size: var(--smallTxt);
  font-weight: var(--medium);
  justify-content: center;
  min-height: 44px;
  padding: 10px 20px;
  text-decoration: none;
  transition: background .25s ease, border-color .25s ease, color .25s ease;
}

.error-page__button:hover,
.error-page__button:focus {
  background: var(--coolGray1c_b);
  border-color: var(--coolGray8c_b);
  color: var(--coolGray11c);
  text-decoration: none;
}

.error-page__button--primary {
  background: var(--corpRed);
  border-color: var(--corpRed);
  color: var(--leuko);
}

.error-page__button--primary:hover,
.error-page__button--primary:focus {
  background: var(--coolGray11c);
  border-color: var(--coolGray11c);
  color: var(--leuko);
}
/* ----------------------------404 page ends ------------------------------------------*/

/* --- Responsive --- */
@media (max-width: 768px) {
  .dss .dssHero { padding: 24px 20px; }
  .dssDomainSection { margin-bottom: 0; }
  .error-page {
    min-height: 48vh;
    padding: 64px 0;
  }
  .error-page__content {
    padding-left: 24px;
  }
  .error-page__actions {
    align-items: stretch;
    flex-direction: column;
  }
  .error-page__button {
    width: 100%;
  }
}

/* --- Responsive adjustments for home sections ----------------- */

@media (max-width: 1024px) {
  #corpCarousel .carousel-inner { height: 700px; }
  .carousel-item-info { width: 55% !important; }
  #corpCarousel .carousel-item-info h2 {
    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.18;
  }
  #corpCarousel .carousel-item-info h5 {
    font-size: clamp(18px, 2.2vw, 24px);
    line-height: 1.3;
  }
  .homeOfferings,
  .homeIndustries,
  .homeArticles,
  .homeNewsEvents { padding: 70px 0; }
}

@media (max-width: 768px) {
  #corpCarousel .carousel-inner { height: 480px; }
  #corpCarousel .carousel-item-info {
    width: 78% !important;
    left: 50% !important;
    right: auto !important;
    top: 104px !important;
    bottom: auto !important;
    transform: translateX(-50%);
    padding: 16px 20px !important;
  }
  #corpCarousel .carousel-item-info h2 {
    line-height: 1.14;
    margin-bottom: 8px !important;
  }
  #corpCarousel .carousel-item-info h5 {
    line-height: 1.24;
    margin-bottom: 8px !important;
  }
  #corpCarousel .CTAbtn {
    font-size: 14px;
    margin-top: 6px;
    padding: 7px 16px;
  }
  .hero-carousel-arrow {
    height: 38px;
    width: 38px;
  }
  .hero-carousel-arrow-prev {
    left: 14px;
  }
  .hero-carousel-arrow-next {
    right: 14px;
  }
  .social-share {
    top: 176px;
  }
  .homeOfferings__col { gap: 24px; }
  .industryCard { aspect-ratio: 1 / 1; }
  .articleCard { height: 300px; }
  .homeOfferings,
  .homeIndustries,
  .homeArticles,
  .homeNewsEvents { padding: 50px 0; }
}

@media (max-width: 480px) {
  #corpCarousel .carousel-inner { height: 430px; }
  #corpCarousel .carousel-item-info {
    width: 80% !important;
    top: 96px !important;
    bottom: auto !important;
    padding: 14px 16px !important;
  }
  #corpCarousel .carousel-item-info h2 {
    font-size: clamp(14px, 4vw, 16px) !important;
    line-height: 1.14;
  }
  #corpCarousel .carousel-item-info h5 {
    font-size: clamp(9px, 2.5vw, 10px) !important;
    line-height: 1.22;
  }
  #corpCarousel .CTAbtn {
    font-size: 14px;
    padding: 7px 16px;
  }
}