/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* html,
body {
    scroll-behavior: auto !important; /* prevent double-smooth scroll effect */
} */
.highlight-text {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.48px;
  color: var(--Zest);
  text-transform: uppercase;
}
.hs-mobile{
  display: none;
}
/* .home-capabilities-intro .intro-content{
  padding-top: 40px;
} */
ul.capabilities-list {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px 57px;
  flex-wrap: wrap;
  background-color: var(--Black);
  padding: 0;
  margin: 0;
}
ul.capabilities-list .capability-item {
  color: var(--White);
  font-weight: 400;
/*   font-size: 18px; */
  position: relative;
  text-align: center;
}
ul.capabilities-list .capability-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -33px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background-color: var(--Zest);
  border-radius: 9999px;
}
.zest-seperator{ 
  background-color:var(--Zest);
  width: 100%;
  height: 1px;
  margin: 40px 0px;
}
.media-section .media-grid::-webkit-scrollbar {
    height: 4px;
}
.media-section .media-grid::-webkit-scrollbar-thumb {
    background-color: var( --Grey);
    border-radius: 4px;
}
.media-section .media-grid::-webkit-scrollbar-track {
    background: transparent;
}
.hero-heading{
    color: var(--White);
    font-family: var(--font-font-family-onset);
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}
.hero__text-group {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    flex-wrap: wrap;
}
.hero__separator {
  height: 5.63px;
  width: 41.83px;
  background-color: #ff7042;
  margin-right: 11.43px;
  margin-left: 15.82px;
  position: relative;
  top: 10px;
}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}

.sec-bg-img:before{
    background: url(/hubfs/8855469/Big%20H%20VBL@2x.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    right: 26px;
    top: 26px;
    height: 222px;
    width: 116px;
}
.max-content-width {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.max-content-width h2{
  max-width:972px;
  margin-bottom:40px;
  text-transform: capitalize;
}
.max-content-width p{max-width:551px;}
.max-content-width p:last-child{margin-bottom: 0px;}
.real-world-content-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  
}
.real-world-content-wrapper p,
.real-world-content-wrapper h2{
  text-align: center;
  max-width: 566px;
}
.highlight-heading{
  color: var(--Zest)
}
.media-section.cybersecurity-media .media-grid {gap:147px;}
/* career tabs */
.grid-col-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 40px;
}
.grid-col-wrapper p{
  margin-bottom: 0px;
}
.grid-col-wrapper p.body-l{font-weight: 600;}
/* contact css start */
.contact .dnd_area-row-0-padding > .row-fluid > .dnd-column{
  display: flex;
  gap: 90px;

}
.contact .content-wrapper{max-width: 470px;}
.contact .content-wrapper h1{margin-bottom: 16px; text-transform: capitalize;}
.contact .content-wrapper p{
  font-size: 18px;
  line-height: 25.2px;
}
.inline-tab-text .tab-item {
  text-transform: lowercase;
}
.highlight-text {
  margin-bottom: 32px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.48px;
  color: var(--Zest);
  text-transform: uppercase;
  font-family: var(--font-font-family-onset);
}
/* popup */
.cta-embed__loaded .go812842568 h2 > span{color: #000 !important;}

/* Accordion Hover-active states */
.infographic-text {
  margin-bottom: 146px;
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 1;
  transform: translateY(0);
}
.accordion-wrapper.hover-active {
  transform: translateY(-146px); 
}
.infographic-text.fade-away {
  opacity: 0;
  transform: translateY(-50px);
}

/*Capabilities section*/
.capabilities-section .two-columns-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}
.capabilities-section .column {
  flex: 1 1 610px;
  min-width: 280px;
  max-width: 610px;
}
.capabilities-section h3.accordion-title {
    cursor: pointer;
    border: none;
    outline: none;
    transition: background-color 0.3s ease;
}
.capabilities-section .panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
}
.capabilities-section .accordion-title[aria-expanded="true"] + .separator + .panel {
    max-height: 100%;
}
.capabilities-section .item {
  position: relative;
  margin-bottom: 32px;
}
.capabilities-section .item h5 {
  display: inline-block;
  vertical-align: sub;
}
.capabilities-section .bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 12px;
  vertical-align: middle;
}

.capabilities-section .bullet--blue     { background-color: var(--Sky); }
.capabilities-section .bullet--orchid  { background-color: var(--Orchid); }
.capabilities-section .bullet--orange  { background-color: var(--Zest); }

.capabilities-section .separator {
  border: none;
  border-top: 1px solid #333;
  margin: 0 0 32px;
}
/* markrting capability phase-II */
.capabilities-hero p.highlight-text{
  margin-bottom: 24px;
}
.award-content-wrapper h2{
  margin-bottom: 16px;
}
.award-content-wrapper p{max-width: 631px;}
.capability-new-cards{
  margin-top: 96px;
}
.capability-new-cards .title,
.capability-new-cards .button-xl > a{font-family: var(--font-font-family-onset) !important;}
.capability-new-cards .card p,
.insight-strategy-sec .content-text-item p{margin-bottom:0px;}
.intro-section.insight-strategy-sec .content-text-item{padding-right: 0px;}
.intro-section.insight-strategy-sec .content-text-item h2{max-width:558px;}
.insight-strategy-sec .content-text-item h2,
.insight-strategy-sec .content-text-item p{color: #000;}
.capabilities-insight-hero .highlight-text{
  color: #4bb7ff;
  margin-bottom: 24px;
}
.capabilities-insight-hero .highlight-text.mango{color:#FFCA3A;}
.capabilities-insight-hero .highlight-text.orchid{color:#FA9BFF;}
.capabilities-insight-hero .body-l{padding-right: 37px; margin-bottom: 0px;}
.intro-section.capabilities-insight-hero h1{margin-bottom:24px;}
.intro-section.insight-strategy-sec .content-text-item ul{padding-left:20px;}
.strategy-card-slider .content-section{max-width: 566px;}
.intro-section.contact-cta-section .content-text-item a{font-family: var(--font-font-family-onset);}
.num-and-text {
    display: flex;
    gap: 18px;
  text-transform: capitalize;
}
.num-and-text h5.body-l{font-weight:300;}
.num-and-text.creative-num-div{max-width:1015px;}
.our-approch {
    display: flex;
    gap: 125px;
}
.our-approch .num-and-text {
    display: flex;
    gap: 18px;
    width: 76%;
}
.our-approch .approch-lists {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pink-marker {
    width: 8px;
    height: 8px;
    display: block;
    background-color: #FA9BFF;
}

.creativity-captive-sec .creative-list{margin-bottom:36px; max-width:546px;}
.intro-section.creativity-captive-sec .creative-list p{margin-bottom:0px; color: #000;}
.creativity-captive-sec .creative-list hr{margin-top:36px; background:#7F7F7F;}
.creativity-captive-sec .creative-list h5{
  color:#000;
  display:flex;
  gap:16px;
  margin-bottom:24px;
  align-items: center;
}
/*Start Media css*/
@media screen and (max-width: 1366px){
  .contact .dnd_area-row-0-padding > .row-fluid > .dnd-column{
    display: flex;
    gap: 40px;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1200px){
  .media-section.cybersecurity-media .media-grid {
    flex-wrap: wrap;
    gap: 60px 110px;
  }
  .our-approch .num-and-text {
    width: 100%;
  }
}
@media screen and (max-width: 1080px){
  .intro-section.capabilities-insight-hero .intro-content{
    flex-direction: column;
  }
  .intro-section.capabilities-insight-hero .intro-content-image,
  .intro-section.capabilities-insight-hero .intro-content-text{
        max-width: 100% !important;
   }
}
@media screen and (max-width: 991px){
  .hero__text-group{justify-content: flex-start;}
  .hero-heading{
    font-size: 100px;
  }
  .capabilities-insight-hero .body-l{padding-right: 0px;}
  .our-approch {
    flex-direction: column;
    gap: 8px;
  }
  .intro-section.creativity-captive-sec .intro-content{gap:0px !important;}
}
@media screen and (min-width: 767px) {
  .capabilities-section .column {
    padding-right: 64px;
  }
  .capabilities-section .panel {
    max-height: none;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .media-section.cybersecurity-media .media-grid, .media-section.cybersecurity-media .media-grid.duplicate{
    display: flex;
    flex: 0 0 100%;
    flex-wrap: nowrap;
    gap: 48px;
  }
  .hs-mobile{
    display: block;
  }
  .hs-desktop{
    display: none !important;
  }
  ul.capabilities-list {
    flex-direction: column;
    gap: 20px;
  }
  ul.capabilities-list .capability-item:not(:last-child)::after {
    content: unset;
  }
  .hero__text-group{
    margin-bottom: 32px;
    flex-wrap: nowrap;
  }
  .hero-heading{
    font-size: 50px;
    line-height: 55px;
    text-align: left;
    letter-spacing: -1px;
  }
  .hero__separator{
    height: 2.29px;
    margin-left: 4.72px;
    margin-right: 2.23px;
    width: 22px;
    top: 0px;
  }
  .sec-bg-img:before{
    height: 94px;
    width: 48px;
    top: 18px;
    right: 18px;
  }
  .max-content-width h2{
    margin-bottom:32px;
    font-size: 36px;
  }
  .real-world-content-wrapper{align-items: flex-start;}
  .real-world-content-wrapper p,
  .real-world-content-wrapper h2{text-align: left;}
  .real-world-content-wrapper h2{margin-bottom: 16px;}
  .grid-col-wrapper{ grid-template-columns: repeat(1, 1fr);}
  .zest-seperator{margin: 32px 0px;}
    /*  contact-template  */
  .contact .content-wrapper {
    max-width: 100%;
  }
  .contact .content-wrapper h1 {
    margin-bottom: 32px;
  }
  .contact .dnd_area-row-0-padding>.row-fluid>.dnd-column{gap: 42px;}
  .capabilities-section .two-columns-container {
    flex-direction: column;
    gap: 8px;
  }
  .capabilities-section .column {
    flex: 1 1 100%;
  }
  .capabilities-section.column {
    margin-bottom: 30px;
  }
  
  .capabilities-hero.intro-section .intro-content{gap:0px;}
  .capability-new-cards {
    margin-top: 112px;
  }
  .intro-section.capabilities-insight-hero .intro-content,
  .capabilities-new-insights-sec .blog-card__content{
    gap:32px;
  }
  
}

@media screen and (max-width: 429px) {
  .hero__text-group{
    flex-wrap: wrap;
  }
}
/*End Media css*/