html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-style: normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700}
a{color: var(--primary); text-decoration: none; cursor: pointer;}
ul{list-style:none}
button,input,select{margin:0}
html{box-sizing:border-box}
*,*::before,*::after{box-sizing: border-box;}
img,video{height:auto;max-width:100%}
iframe{border:0}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

/* ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	border-radius: 10px;	background-color: #F5F5F5;}
::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: var(--primary)} */
::-webkit-scrollbar{width: 7px; height: 7px;}
::-webkit-scrollbar-track{background-color:#ebebeb;-webkit-border-radius: 10px; border-radius: 10px;}
::-webkit-scrollbar-thumb{-webkit-border-radius: 10px;border-radius: 10px; background: #898989;}
textarea::-webkit-scrollbar{width: 7px;}
textarea::-webkit-scrollbar-track{background-color:#ebebeb;-webkit-border-radius: 10px; border-radius: 10px;margin:2px 0 1px 0;}
textarea::-webkit-scrollbar-thumb{-webkit-border-radius: 10px;border-radius: 10px; background: #898989;}

html{width: 100%; height: auto; overflow-x: hidden; color:var(--primary-p6);font-weight: 400;}
html,body{overflow-x: hidden;width: 100%;}
main{padding-top:84px;}
body::before{content: ""; width: 100%; height: 124px;background: var(--Lgray); display: block; position: absolute; top: 0; left: 0;}
.container { width: 100%; margin-left: auto;  margin-right: auto;max-width: 1280px;}
.banner-one,.container.banner-one{display: grid; grid-template-columns: 1fr 1fr; column-gap: 88px; align-items: center;}
.banner-one h1{font-size: 61px;line-height: 120%; font-weight: 500;}
.banner-one h1 span{font-family: "Playfair Display", serif; font-style:italic;}
.banner-one p{margin-bottom: 24px; margin-top: 32px; max-width: 530px;font-size: 25px;}
.text-banner{padding-top: 88px; padding-bottom: 88px; color:  #fff;}
.brudcums{font-size: 12px;font-weight: 700;}
.brudcums li:last-child{opacity: 0.6;}
.brudcums li a{color: var(--white);transition: all 0.2s ease;}
.brudcums li.brd-home{opacity:1;}
.brudcums li .icon-chevron-right{bottom: -1px; position: relative;}
.text-banner{position: relative; }
.text-banner::after { content: ""; width: 32px;  height: 32px;  display: block;  background-color:var(--secondary);  clip-path: polygon(100% 0, 0% 100%, 100% 100%);  position: absolute;  right:16px;  bottom:16px;}
.text-banner .title{font-size: 61px; font-weight: 700; line-height: 120%; margin-top: 24px;}
.cs-detail-banner-cnt2026.text-banner .title{font-size: 48px;}
.text-banner p{font-size: 25px; font-weight: 500; margin-bottom: 0px;}
.text-banner .title ~ p{margin-top:16px; margin-bottom: 0px;}
.title_button{display: flex; justify-content: space-between;}
.slick-btn{border:1px solid var(--white); color: var(--white);border-radius: 88px; width: 72px; height: 56px;z-index: 9;}
.slick-btn::before{content: "\e900"; font-family: 'icomoon' !important; color: var(--white);}
.slick-btn-prev::before{transform: rotate(180deg); display: block;}
.fill-slider{overflow: hidden;}
.fill-slider .slick-list{overflow: visible;margin-left: -24px; margin-right: -24px; min-width: 100%; width: auto;}
.title-box{ position: relative;}
.title-box .title{ position: relative; z-index: 2;}
.tb-yellow{position: absolute;left: -12px;top: -4px; width: 44px;height: 44px; background: var(--secondary);z-index: 1;}
.title-box-49{font-size: 49px;line-height: 120%;font-weight: 500;}
.zigzag{column-gap: 88px; row-gap: 48px; align-items: center;}
.zigzag .title{font-size: 39px; font-weight: 500; line-height: 120%; margin-bottom: 24px;}
.zigzag p{font-size: 16px;}
.relative{position: relative;}
.z-index1{z-index: 1;}
.z-index2{z-index: 2;}
.z-index3{z-index: 3;}
.animate-up-left{position: absolute;right: 48px; top: 0px;}
.animate-down50-left{position: absolute;right: 0px; bottom:-17%;}
.animate-up-right{position: absolute;left: 0px; bottom: 0px;}
.animate-left-center{position: absolute;left: 0px; top: 50%; transform: translateY(-50%);}
.banner-one-animate{position: absolute;left: -5%; bottom: 0px;}
.animate-bottom-right{position: absolute;right: -100px; bottom:-6%;}
.technology-animate{width: 380px;}
.fcp-animate{right: -158px; top: 190px;}
.fcp-animate .rotate90 { transform: rotate(0deg);}
.logo-testimo-animate{width: 360px;right:15%;bottom: -6%;}
.rotate90{transform: rotate(90deg)}
/* .polygon-btn .slick-btn{background: #ffffff url(../images/polygon-btn.svg); background-size:99% ; background-repeat: no-repeat; border: none!important;} */
.polygon-btn .slick-btn{ border: none!important;}
.polygon-btn .slick-btn:not(.slick-disabled):hover::before{color: #fff;}
.polygon-btn .slick-disabled{opacity: 0.20;}
.polygon-btn .slick-disabled::before{opacity: 1;}
.polygon-btn .slick-disabled:hover::before{color: var(--primary);}
.polygon-btn .slick-btn-prev{background-image: url(../images/nav-black-l-border.svg);}
.polygon-btn .slick-btn-prev:not(.slick-disabled):hover{background-image: url(../images/nav-black-l.svg); }
.polygon-btn .slick-btn-next{background-image: url(../images/nav-black-r-border.svg);}
.polygon-btn .slick-btn-next:not(.slick-disabled):hover{background-image: url(../images/nav-black-r.svg);}
.sub-head{font-size: 49px; font-weight: 500; line-height: 120%;}
.sub-head span{font-family: "Playfair Display", serif; font-style: italic;}
.border{border: 1px solid var(--primary);}
.arrow-down span{transform: rotate(90deg);}
.howwe-banner-animate2{top: 590px;right: 130px;}
.mission-animate2{right: -237px;top: -360px;z-index: -1;}
.mission-animate {top: -460px;position: absolute;right: -140px;}
.about-animate2{z-index: -1;left: -25%;  width: 600px;bottom: -300px;display: none!important;}
.about-animate2 img{transform: rotate(90deg);}
.video-active .case-study-slider{z-index: -1;}
.inline-block{display: inline-block;}
.how-we-work-animate1{position: absolute;right: -70px;top: 0px;}
@media (min-width:1500px){
.banner-one-img img{width: 120%; max-width: 120%;}
.animate-width-lg{width: 700px;}
.animate-down50-left.animate-width-lg{bottom:-40%;}
.banner-one-animate{width: 600px; left: -3%;  bottom: -40px;}
.howwe-banner-animate {        width: 50%;
  left: -3%;
  bottom: -840px;}
.animate-bottom-right {right: -100px; bottom: -6%;}
.howwe-banner-animate2{top: 612px; right: 130px;}
.technology-animate{width: 380px;}
.logo-testimo-animate{width: 360px;right:18%;bottom: -86%;}
}
@media (min-width:1900px){
  .banner-one-img img{width: 130%; max-width: 130%;}
  .animate-width-lg{width: 900px;}
  .animate-down50-left.animate-width-lg{bottom:-55%;}
  .banner-one-animate{width: 760px;left: -3%;bottom: 1px;}
  .service-banner-animate { width: 43%; left: -0%; bottom: -37px; opacity: 0.8;}
  .animate-bottom-right{right: 0px; bottom:-6%;}
  .technology-animate{width: 450px;right: -100px;}
  .logo-testimo-animate{width: 360px;right:18%;bottom: -67%;}
  .howwe-banner-animate {width: 44%;    left: -7%;    bottom: -903px;}
  .howwe-banner-animate2 {      top: 642px;      right: 378px;  }
  .mission-animate2{width: 40%;}
  /* .about-animate2 {left: -7%;    width: 32%;    bottom: -247px;} */
  .home-service-animate{ width: 30%;}
   .case-study-slider .animate-left-center{width: 25%;} 
  .fcp-animate { right: -50px; top: 135px; width: 41%;}
  .fcp-animate img{opacity: 0.8;}
  }
  @media (max-width:1280px){
  .container{max-width: 1200px;}
}
@media (max-width:1200px){
  .container{padding-left:48px; padding-right:48px;}
  .container .container{padding-left:0px; padding-right:0px;}
}
@media (max-width:980px){
.banner-one, .container.banner-one{grid-template-columns:1fr; row-gap: 32px;}
.banner-one p {max-width: 100%;}
}
@media (max-width:767px){
  .container{padding-left:24px; padding-right:24px;}
  .banner-one h1{font-size: 47px;}
  .banner-one, .container.banner-one{grid-template-columns:1fr; row-gap: 32px;}
  .banner-one-cnt{order: 2;}
  .title_button{flex-direction: column;}
  .title-box-49{font-size: 31px;}
  .text-banner{padding-top: 48px; padding-bottom: 48px;}
  .banner-one-img{margin-left: -24px;margin-right: -24px;}
  .animate-up-left{right: 0px;}
  .fcp-animate {right: -361px;top: 112px;z-index: -1;}
  .home-client-stories>section{padding-top: 0px;}
  .home-client-stories{position: relative;z-index: -1;}
  .sub-head{font-size: 32px;}
  .zigzag p{font-size: 16px;}
  .zigzag {row-gap:24px;}
  .service-banner-animate{left: 37%; bottom: -258px;}
  .banner-one p{font-size: 16px;margin-top: 12px;}
  /* .scroll-item-bottom>section{padding-bottom:60px;} */
  .banner-one-animate {left: -95%;bottom: -390px;width: 180%;}
  .howwe-banner-animate2 { top: 89px; right: -430px;}
  /* .scroll-item-bottom-how ~ .fill-slider{padding-bottom: 130px;} */
  .fill-slider .animate-left-center{display: none;}
  .text-banner::after {width: 8px; height: 8px; right: 8px;bottom: 8px;}
  .brudcums{margin-bottom: 16px;}
  .text-banner .title{margin-bottom: 16px;}
  .tb-yellow{width: 24px; height: 24px;}
  .fill-slider .slick-list{margin-left: 0; margin-right: 0;}
  .about-animate2{display: none;}
  .mission-animate{display: none;}
  .text-banner .title {margin-top: 16px;}
}
@media (max-width:992px){
  main{padding-top: 65px;}
}

/* Start Scroller Animation */
.scroller__inner {
  padding-block: 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.scroller[data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 20%,
    white 80%,
    transparent
  );
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}
.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}
.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}
.scroller[data-speed="fast"] {
  --_animation-duration: 20s;
}
.scroller[data-speed="slow"] {
  --_animation-duration: 60s;
}
@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
/* Close Scroller Animation */
.banner-reveal {
  color: #0000;
  background: linear-gradient(#1b2126 0 0) no-repeat;
  background-size: 0% 100%;
  -webkit-background-clip: text;
          background-clip: text;
  animation: s 1.2s .5s both;
}
@keyframes s{
  to {background-size: 100% 100%}
}

.aos-animate .reveal {
  color: #0000;
  background: linear-gradient(#1b2126 0 0) no-repeat;
  background-size: 0% 100%;
  -webkit-background-clip: text;
          background-clip: text;
  animation: t 1.2s .5s both;
}
@keyframes t{
  to {background-size: 100% 100%}
}
.contact-widget .reveal {color: #0000;
  background: linear-gradient(#fff 0 0) no-repeat;background-size: 0% 100%;  -webkit-background-clip: text;background-clip: text;}

  @keyframes expandWidth {
    0% {
      width: 0%;
    }
    100% {
      width: 100%;
    }
  }
  
  .text-border {width: 0; animation: expandWidth 1.2s 0.5s both;}
  .text-border{position: relative; z-index: 1;}
  .text-border::before{ content: "";position: absolute;  height: 10px; left: 0px; bottom: 10px; background-color: var(--secondary);
    width: 0;  color: #fff; z-index: -1; animation: expandWidth 1.2s 0.5s both;}

.aos-text-border{position: relative;}
.aos-animate .aos-text-border::before{ content: "";position: absolute;  height: 10px; left: 0px; bottom: 10px; background-color: var(--secondary);
    width: 0;  color: #fff; z-index: -1; animation: expandWidth 1.2s 0.5s both;}
  /* .aos-animate  .text-border::after{width: 100%;transition: all 2.0s ease;} */
  @media (max-width:767px){
    .aos-animate .aos-text-border::before{height: 6px; }
  }
/* Start Page 404 */
.page-404{text-align: center;}
.page-404 .container{max-width: 500px;}
.page-404 h1{font-size: 11.75rem; font-weight: 700; line-height: 10rem }
@media (max-width:767px){
.page-404 h1 {font-size: 8.75rem;  line-height: 7rem;}
}
/* Close Page 404 */
/* Cookies policy start */
.accordion-cp .accordion{padding: 0; gap: 16px; margin: 16px 0;}
.accordion-cp .accordion-item{border: none; border-radius: 16px; overflow: hidden; box-shadow: none;}
.accordion-cp .accordion-header{background: var(--primary-p5); color: var(--white); border-radius: 0; padding: 18px 24px;}
.accordion-cp .accordion-content{background: var(--Lgray);}
.accordion-cp .accordion-header .icon{color: var(--white); font-size: 26px;}
.accordion-cp .tab-content {overflow-x: auto; border-radius: 8px;}
.accordion-cp tr th {background-color: var(--secondary-s6); color: var(--white); padding: 8px 16px; border: 1px solid var(--secondary-s3); font-size: 14px; line-height: 21px; font-weight: 600;}
.accordion-cp tr td {padding: 16px; border: 1px solid var(--primary-p1); background-color: var(--primary-p05); color: var(--primary-p6);}
.accordion-cp .tab-content::-webkit-scrollbar {height: 4px;}
.accordion-cp .tab-content table tr td:last-child {white-space: nowrap;}
.accordion-cp tr td {word-break: break-word; min-width: 200px;}
.accordion-cp tr td.policy-desc {word-break: keep-all; min-width: 415px; white-space: normal !important;}
@media (max-width:767px){
  .accordion-cp .accordion-header{padding: 18px 16px;}
  }
/* Cookies policy end */
/* Start Home Banner */
.home-banner .title{font-size: 61px; line-height: 120%;  font-weight: 500; margin-bottom: 20px;}
.home-banner .title span{font-style: italic;font-weight: 500;}
.home-banner p{font-size: 25px;line-height: 140%;margin-bottom: 25px;}
@media (max-width:767px){
  .home-banner .title{font-size: 35px;}
  .home-banner p{font-size: 17px;}
  }
/* Close Home Banner */
/* Start logo-slider */
.logo-slider .slick-list{overflow: visible;}
.logo-slider .slick-slide {margin: 0px 54px;}
.logo-slider .slick-slide img{opacity: 0.8;}
/* Close logo-slider */
/* start highlighted */
.highlighted {color: #fff; padding-top: 82px;padding-bottom: 88px;}
.highlighted .title{font-size: 49px; line-height: 120%; font-weight: 400;}
.highlighted p{font-size: 49px; line-height: 120%; font-weight: 400;font-style: italic;font-family: "Playfair Display", serif; color: var(--secondary);}
@media only screen and (max-width:1024px) {
  .highlighted .title,.highlighted p {font-size: 40px;}
}
@media (max-width:767px){
  .highlighted .title,.highlighted p{font-size: 24px;}
  .highlighted {padding-top: 48px;padding-bottom: 48px;}
  }
/* close highlighted */
/* Start How We Work */
.how-we-work{display: grid; grid-template-columns: 1fr 1fr; align-items: start; column-gap: 64px; row-gap: 48px; margin-top: 48px;}
.how-we-work .title{font-size: 31px; margin-bottom: 32px;font-weight: 500;}
.how-we-work .title span{opacity: 0.5; margin-right: 8px;}
.cs-client-stories{display: flex; gap: 12px; font-size: 14px; margin-top: 18px; text-transform: uppercase; font-weight: 700;}
.cs-client-stories a,.cs-client-stories>div:nth-child(2){color: var(--blossom); }
.cs-client-stories>div:last-child{opacity: 0.7;position: relative;}
/* .cs-client-stories>div:last-child::before{ content:"";height:8px; width: 1px; background: var(--primary);display: inline-block;     margin-right: 8px;}  */
.how-we-work .border{margin-top: 48px;}
@media (max-width:767px){
  .how-we-work{grid-template-columns:1fr;row-gap: 32px;margin-top: 32px;}
  .how-we-work .border{display: none;}
  .how-we-work .title{font-size: 24px; margin-bottom: 16px;}
  }
/* Close How We Work */
/* Start mission-story */
.mission-story{display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; column-gap: 64px; row-gap: 48px; margin-top: 48px;}
.mission-story .title{font-size: 31px;font-weight: 500; margin-bottom: 32px;line-height: 120%;}
.mission-story .title span{font-size: 61px; font-weight: 400; margin-bottom: 32px; opacity: 0.1; display: block;line-height: 1;}
@media (min-width:767px){
  .mission-story>div{position: relative;padding-bottom: 48px;}  
.mission-story-border{border: 1px solid #000; margin-top: 48px;position: absolute;  left: 0px;  width: 100%; bottom:0px; }
}
@media (max-width:767px){
  .mission-story{grid-template-columns: 1fr;row-gap: 32px;}
  }
/* Close mission-story*/
/* Start Latest Client Stories */
.client-stories-slider{margin-top: 48px;}
.client-stories-slider .slick-btn{top: -78px; width: 48px;height: 48px; border: 1px solid var(--primary); left: auto;border-radius: 0px;}
.client-stories-slider .slick-btn::before {color: var(--primary);    font-size: 12px;}
.client-stories-slider .slick-btn-next{right: 5px;}
.client-stories-slider .slick-btn-prev{right: 60px;}
.client-stories .title{font-size: 24px; margin-top: 18px; line-height: 140%; font-weight: 600;}
.cs-slider-btn{width: 120px;}
@media (max-width:767px){
  .client-stories-slider .slick-btn { top: auto; bottom: -119px;}
  .client-stories-slider { margin-top:32px;}
  .client-stories .title{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; font-size: 18px;}
  .client-stories-slider  .slick-slide{margin: 0 8px;} 
  .service_case_studies .case-study-slider{padding-top: 48px;}
}
@media (max-width:367px){
  .client-stories-slider .slick-btn-prev {right: 52px;}
  .client-stories-slider .slick-btn-next {right: -2px;}
}

/* Start Latest Client Stories */
/* Start Play M */
.playm{max-width: 1000px; position: relative;z-index: 1;}
.playm-cnt{position: absolute; color: var(--secondary);font-size: 104px;font-weight: 900; line-height: 120%; bottom: 34px; left: 48px;font-family: "Playfair Display", serif;}
.playm-cnt-btn{width: 88px; height: 88px;position: relative;display: inline-flex; background: transparent;border: none;}
.playm-cnt-btn img{width: 88px; height: 88px;position: absolute; top: 0px;left: 0px;}
.play-icon{color: var(--primary);top: 50%;transform: translateY(-50%);position: absolute;font-size: 48px; left: 22px;transition: all 0.3s ease}
.playm-cnt-btn:hover .play-icon{color: var(--white);cursor: pointer;transition: all 0.3s ease}
.manifesto{display: block;}
.container-wrapper{position: relative;}
.poster{    clip-path: polygon(0 0, 100% 0, 100% 87%, 92% 100%, 0 100%);}
.content-media{margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  transition: all 1s ease-in;
}
.content-media.play-video{opacity: 1; width: 100vw;
  height: 100vh;
  top: 0;
  transform: "inherit";}
.content-media.play-video video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.content-media .btnclose{position: absolute;
  right: 40px;
  top: 40px;
  cursor: pointer;
}
.btnclose_t{border: 1px solid #fff; width: 40px;height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.btnclose_t .icon-close::before{color: #fff;}
.btnclose_t:hover{background-color: #fff;}
.btnclose_t:hover .icon-close::before{color: var(--primary);}
@media (max-width:767px){
.playm-cnt {font-size: 34px;}
.play-icon {top: 65%;}
.playm-cnt-btn,.playm-cnt-btn img {  width: 28.8px;  height: 28.8px;margin-top: 5px;}
.play-icon {  font-size: 20px;  left: 5px;}
.video-svg-bg{bottom: -52%;  z-index: -1;overflow-x: hidden;}
.video-svg-bg img{width: 130%;}
}
/* Close Play M */
/* Start  testimonials-slider */
.testimonials-slider{margin-top: 48px;}
.testimonials-slider .slick-btn{top: -76px; width: 48px;height: 48px; border: 1px solid var(--primary); left: auto;border-radius: 0px;}
.testimonials-slider .slick-btn::before {color: var(--primary);    font-size: 12px;}
.testimonials-slider .slick-btn-next{right: 5px;}
.testimonials-slider .slick-btn-prev{right: 60px;}
.testimonials img{width: auto; max-width: 100%;}
.testimonials{display: flex!important; flex-direction: column; justify-content:space-between ; gap: 48px;height: 100%;}
.testimonials-slider .slick-slide{height: 100%;}
.testimonials .name{font-size: 14px; font-weight: 600;}
.testimonials .designation{font-size: 14px; opacity: 0.6; margin-bottom: 16px;}
@media (max-width:767px){
  .testimonials-slider .slick-btn{ top: auto; bottom: -97px;}
  .testimonials-slider .slick-btn-prev {right: auto;left: 0px;}
  .testimonials-slider .slick-btn-next {right: auto; left: 62px;}
  }
/* Close  testimonials-slider */
/* Start  insights-slider */
.insights-slider{margin-top: 48px;}
.insights-slider .slick-btn{top: -83px; width: 48px;height: 48px; border: 1px solid var(--primary); left: auto;border-radius: 0px;}
.insights-slider .slick-btn::before {color: var(--primary);    font-size: 12px;}
.insights-slider .slick-btn-next{right: 5px;}
.insights-slider .slick-btn-prev{right: 60px;}
.insights img{width: auto; max-width: 100%;}
.insights{display: flex!important; flex-direction: column; justify-content: left ; gap: 12px;height: 100%;}
.insights .title{font-size: 24px; font-weight: 600; line-height: 120%;overflow: hidden;
  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.insights-slider  .slick-slide{height: 100%;}
.insights-title .title{font-size: 24px;  margin-top: 18px; margin-bottom: 18px;  line-height: 140%;  font-weight: 600;}
.insights-title{display: flex; gap: 12px; font-size: 14px; margin-top: 18px; text-transform: uppercase; font-weight: 700;}
.insights-title a{color: var( --purple); }
.insights-title>div:last-child{opacity: 0.7;position: relative;}
.insights-title>div:last-child::before{ content:"";height:8px; width: 1px; background: var(--primary);display: inline-block; margin-right: 8px;}  
@media (max-width:767px){
  .insights-slider .slick-btn{ top: auto; bottom: -121px;}
}
/* Close  insights-slider */
.contact-widget-grid{display: grid; grid-template-columns: 6fr 4fr; gap: 104px; align-items: center;color: #fff;}
.contact-widget-grid>div{width: 100%;}
.contact-widget-grid h3{font-size: 49px; font-weight: 400;line-height: 120%; margin-bottom: 24px;}
.contact-widget-grid h3 span{font-family: "Playfair Display", serif; font-style: italic;}
@media (max-width:767px){
  .contact-widget-grid{display: grid; grid-template-columns:1fr; gap: 48px;}
  .contact-widget-grid>div:first-child{order: 2;}
  .contact-widget-grid h3 {font-size: 32px;font-weight: 400;}
  .contact-widget{padding-top: 48px; padding-bottom: 48px;}
}
/* Start Tab Section */
.tab{border: 1px solid #E6E8EC}
/* Cose Tab Section */
/* Start About  */
.about-banner{position: relative;z-index: 9;}
.about-banner-cnt{max-width: 800px; padding: 48px;position: absolute; left: 0px;bottom: -125px;clip-path: polygon(100% 0, 100% 83%, 94% 100%, 0 100%, 0 0);
}
.about-banner-cnt .brd-home .icon-home:before{color: var(--primary); font-size:20px;}
.about-banner-cnt .brudcums li {opacity: 0.7;}
.about-banner-cnt li.brd-home {opacity: 1;}
.about-banner-cnt .title{font-size:61px; line-height: 120%;font-weight: 700;margin-top: 24px;margin-bottom: 24px;}
.about-banner-cnt p{font-size:25px;font-weight :500}

.mission-story-head .title{font-size:61px; line-height: 120%;font-weight: 500;}
.mission-story-head p{font-size:25px; margin-top: 44px; margin-bottom: 48px;}
@media (max-width:767px){
  .about-banner{margin-bottom: 0px;}
  .about-banner-cnt{bottom: auto;left: -24px; margin-top: -25%; position: relative; width: calc(100% - 0px);    padding: 24px;clip-path: polygon(100% 0, 100% 85%, 90% 100%, 0 100%, 0 0);}
  .about-banner-cnt .title {font-size: 29px;margin-top: 20px;margin-bottom: 20px;}
  .mission-story-head .title{font-size:39px;}
  .mission-story-head p{font-size:20px; margin-top: 44px; margin-bottom: 24px;}
  .mission-animate{top: -327px;}
  .mission-animate {  top: -139px;    width: 150%;    left: -250px;}
  .mission-animate2 {right: -471px;top: 170px; z-index: -1;}
 }
/* Close About  */



/* Start  insights */
.insights-banner{padding-top: 160px; padding-bottom: 60px;}
.brudcums ul{display: flex; align-items: center;gap: 4px;}
.insights-brudcums{display: flex; align-items: center; gap: 12px;}
.insights-list{display: grid; gap: 76px; grid-template-columns: 1fr 1fr 1fr;}
.insights-list .title{font-size: 24px;margin-top: 18px;line-height: 140%;font-weight: 600;}
.case-study-archive .title-box{display: flex; gap:16px; align-items: center;}
.cs-country-box{position: relative;top: -37px; left: 12px;}
.brudcums .icon-home:before{font-size: 18px;}
@media (max-width:767px){
  .insights-list { grid-template-columns: 1fr;gap: 48px;}
  .case-study-archive .title-box svg{width:24px; height: 24px;}
}
/* Close  insights */
/* Start Contact */
.contact-section{ padding-bottom: 88px;
  background: rgb(244,246,250);
  background: linear-gradient(90deg, rgba(244,246,250,1) 0%, rgba(244,246,250,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
  }
.contact-details,.contact-form{padding-top: 88px;position: relative;}
.contact-form{background: #fff;z-index: 9; padding-left: 88px;}
.contact-details{padding-right: 88px;}
.contact-section>.container{display: grid; align-items: stretch; gap:0px; grid-template-columns:1fr 1fr;}
.contact-cnt{display: grid; align-items: start; gap: 64px; grid-template-columns:1fr 1fr; margin-top: 64px; position: relative;}
.contact-cnt .title{font-size: 24px;font-family: "Playfair Display", serif; line-height: 120%; margin-bottom: 16px;}
.contact-cnt p{font-size: 16px; font-weight: 400;}
.contact-cnt .ph{font-size: 14px;  margin-top: 8px;}
.contact-form .title{font-size: 49px;line-height: 120%; font-weight: 500;}
.animate-contact-cnt{position: absolute; right: -88px;top: -88px;}
.contact-cnt-title{position: relative;width: 100%;}
@media (max-width:767px){
.contact-section{background: #fff; padding-bottom: 48px;}
.contact-section>.container{grid-template-columns:1fr;}
.contact-cnt {grid-template-columns:1fr; gap: 32px; margin-top: 32px;}
.text-banner .title,.cs-detail-banner-cnt2026.text-banner .title {font-size: 31px;}
.cs-detail-banner-cnt .text-banner .title{font-size: 31px;}
.animate-contact-cnt{display: none;}
.contact-details{padding-top: 48px; margin-left: -24px; padding-left: 24px; margin-right: -24px; padding-right: 24px; padding-bottom: 48px; background-color: #FAF6FA;}
.contact-form .title{font-size: 32px;}
}
/* Close Contact */
.part-org{ min-height: 300px; display: flex; align-items: center; justify-content: center;    clip-path: polygon(100% 0, 100% 83%, 93% 100%, 0 100%, 0 0);}
.part-org img{max-width: 300px;}
.orgs-container{border-top: 1px solid var(--primary);border-bottom: 1px solid var(--primary); padding-top: 48px; padding-bottom: 48px;}

.counter{font-size: 96px; line-height: 1; font-weight: 600; font-family: "Playfair Display", serif; margin-bottom: 48px;}
.count p{font-size: 20px; font-weight: 500;}
.we-part-org {align-items: center;}
@media (min-width:767px){
  .count-slider{ display: grid; column-gap: 88px;grid-template-columns: 1fr 1fr 1fr 1fr;}
  }
   @media only screen and (min-width: 767px) and (max-width:980px)  {
  .we-part-org{grid-template-columns: 1fr;gap: 48px; padding-bottom: 32px;}
   }
  @media (max-width:767px){
    .we-part-org{display: grid;}
    .we-part-org>div:first-child{order: 2;}
    .part-org{padding: 48px;}
    .count-slider{margin-left: -24px;margin-right: -24px;}
    .counter { font-size: 58px;margin-bottom: 24px;}
    .we-part-org .sub-head {font-size: 49px; margin-top: 32px;}
    .part-org{min-height: 250px;clip-path: polygon(100% 0, 100% 83%, 91% 100%, 0 100%, 0 0);}

  }
.orgser{display:grid ; row-gap: 48px;}
.orgser-cnt .title{font-size: 25px; font-weight: 500; margin-bottom: 24px;}
.orgser-cnt{display: flex; flex-direction: column; justify-content: space-between; row-gap: 24px;}
@media (min-width:767px){
.orgser{ grid-template-columns: 1fr 1fr 1fr; column-gap: 88px; }
}
.org-heritage-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 48px;}
.org-heritage-logo{ background: #EAEDF2; display: flex; align-items: center; justify-content: center; padding: 24px; min-height: 300px; clip-path: polygon(100% 0, 100% 83%, 94% 100%, 0 100%, 0 0);}
.org-heritage-logo img{width: auto; max-width: 100%; max-width: 272px;}
.org-heritage .title{font-size: 31px; font-weight: 500; margin-bottom: 32px;}
.org-heritage{display: flex; flex-direction: column; justify-content: space-between; row-gap: 32px;}
.org-heritage p{margin-bottom: 20px;}
@media (max-width:767px){
  .org-heritage-grid{grid-template-columns:1fr;}
  .org-heritage-logo img{max-width: 230px;}
}
/* Start case studies detail */
.cs-detail-banner{padding-top: 203px; padding-bottom: 48px;}
.cs-detail-banner .white-border-btn{color: var(--white);}
.cs-detail-banner-cnt{max-width: 800px;}
.cs-detail-banner>.container{display: grid;grid-template-columns: 1fr 100px;}
.cs-detail-banner-cnt .brudcums ul{gap: 12px;margin-bottom: 12px;}
.cs-detail-banner-cnt .brudcums ul li{position: relative; margin-right: 12px;}
.cs-detail-banner-cnt .brudcums ul li:last-child::before{content: ""; width: 4px;height: 4px;position: absolute; top: 9px;left: -12px; background: #fff; opacity: 50%;}
.cs-detail-banner2{background: rgb(27,33,38);
  background: linear-gradient(180deg, rgba(27,33,38,1) 0%, rgba(27,33,38,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);}
  .cs-detail-banner2 img{    max-height: 600px;    width: 100%;    object-fit: COVER;clip-path: polygon(100% 0, 100% 87%, 95% 100%, 0 100%, 0 0);}
  .cs-detail-cnt>.container{max-width: 800px; margin-bottom: 48px;}
  .cs-detail-cnt{margin-top: 84px;}
  .cs-detail-sub1{font-size: 25px; font-weight: 500;line-height: 120%; margin-bottom: 16px; margin-top: 32px;}
  .cs-detail-sub1 span{font-family: "Playfair Display", serif;}
  .cs-detail-border{border-bottom: 1px solid var(--primary); margin-top: 24px; margin-bottom: 24px;}
  .cs-highlight{display: flex; column-gap: 88px;}
  .cs-highlight>div{border-left: 5px solid var(--secondary); padding-left: 16px;}
  .impact{display: flex;justify-content: space-between; column-gap: 48px; margin-top: 24px; margin-bottom: 48px; }
  .impact .title-box {position: relative;  width: auto; display: inline-block;}
  .impact p{font-weight: 500; margin-top:8px;}
  .impact .title-box-49 {font-size: 31px;font-family: "Playfair Display", serif;    background: var(--secondary);  white-space: nowrap;
    padding: 2px 8px;}
  .impact .tb-yellow {left: 4px;top: 13px;display: none;}
  .quotes{font-size: 20px; line-height: 140%; padding-left: 82px;padding-right: 82px; position: relative; margin-top: 48px; margin-bottom: 48px;font-weight: 500;}
  .quotes:before {content: "\e917";font-family: 'icomoon' !important; color: var(--secondary); font-size: 36px; position: absolute; left: 0px; top: 0px;}
  .quotes::after {content: "\e916";font-family: 'icomoon' !important;color: var(--secondary); font-size: 36px; position: absolute; right: 0px; bottom:0px;}
  .quotes span{font-size: 16px; line-height: 22px; font-weight: 500; opacity: 0.8; display: block; margin-top: 8px;}
  .cs-detail-banner::after{display: none;}
  .secondary-color-box,p.secondary-color-box{background-color: var(--secondary);width: auto;display: inline-block;font-size: 14px;font-weight: 700;padding:8px 12px 7px 12px; text-transform: uppercase;margin-top: 36px;color: var(--primary);letter-spacing: 0.3px;}
  .secondary-color-box .icon-location:before {color: var(--primary);  font-size: 18px;    line-height: 0px;
    position: relative;    bottom: -3px;    margin-right: 5px;}
  @media (max-width:767px){
    .impact {flex-direction: column;row-gap: 24px;margin-top: 32px;margin-bottom: 32px;}
    .cs-detail-banner-cnt .brudcums{margin-bottom: 32px;}
    .cs-detail-banner>.container{grid-template-columns: 1fr;}
    .single-case_studies .header{z-index: 9999999999;}
    .single-cs-related .case-study-slider{/* padding-top: 0px;*/}
    .quotes{padding-left: 32px;padding-right: 32px;font-size: 18px;}
    .quotes:before,.quotes::after {font-size: 17px;}
     .cs-detail-cnt{margin-top: 48px;}
  }
/* Close case studies detail */
/* Container for pagination */
.pagination ul {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  list-style: none;
  gap: 10px;
}

/* Style for each page item */
.pagination ul li {
  display: inline;
}

.pagination ul a,.pagination ul span {
  color: #000;
  height: 48px; 
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: 1px solid var(--gray);
  line-height: 1;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .pagination ul a,.pagination ul span {height: 32px; width: 32px;}}
/* Hover effect */
.pagination ul a:hover,.pagination ul span:hover.pagination ul .dots:hover {
  background-color: var(--secondary);
  border: 1px solid var(--secondary);
  color: white;
}

/* Active page item */
.pagination ul .active .current {
  background-color: var(--secondary);
  color: white;
  border: 1px solid var(--secondary);
}

/* Disabled page item */
.pagination ul .disabled .current  {
  color: #ccc;
  pointer-events: none;
  background-color: #f5f5f5;
}

/* Dots for ellipsis */
.pagination ul .dots {
  height: 48px; 
  width: 48px;
  border: none;
  line-height: 1;
  background: none;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gray);
}
.pagination ul li:first-child .prev,.pagination ul li:last-child .next{clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 50%, 0 15%);
  background-color: var(--secondary);border: none; color: #000;
}
.pagination ul li:first-child .prev:hover,.pagination ul li:last-child .next:hover{clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 50%, 0 15%);
  background-color: var(--primary);color: var(--white);
}
.pagination ul li.disabled:first-child .prev,.pagination ul li.disabled:last-child  .next{opacity: 0.2;}
.pagination ul li:first-child span span{ transform: rotate(180deg); }
/* Start Card Hover */
@media only screen and (min-width: 768px) {
.card-hover{position: relative;padding-bottom: 144px;width: 100%; overflow: hidden;}
.card-hover-light-green::after{background: var(--blossom);}
.card-hover-primary::after{background: var(--primary);}
.card-hover::after{ content: "";width: 100%; height: 100%; top:0px; left: 0px; position: absolute; z-index: 1; opacity: 0;clip-path: polygon(100% 0, 100% 90%, 89% 100%, 0 100%, 0 0); transition: all 0.5s ease; }
.card-hover:hover::after{opacity: 1;}
.case-study-slider .card-hover::after,.home .fill-slider .card-hover::after{ border-right: 1px solid var(--ghost-white);}
/* .card-hover:hover{clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0);} */
.card-hover-cnt{position: absolute;top: 100%;margin-top: -140px; z-index: 2;transition: top 0.2s ease 0s;}
.card-hover:hover .card-hover-cnt{top: 0%;margin-top: 0px; padding:24px;  height: 100%; color: #fff!important;}
.card-hover-cnt p{margin-top: 24px;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.card-hover-cnt .insights-title{margin-bottom: 22px;}
.card-hover .title{overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;font-size: 18px;font-weight: 500;line-height: 26px;}
.card-hover:hover .title{-webkit-line-clamp:8; }
.card-hover:hover .insights-title>div:last-child::before,.card-hover:hover .cs-client-stories>div:last-child::before {background: var(--white);}
.card-hover:hover .icon-article:before,.card-hover:hover .icon-frame_inspect:before {color: var(--white);}
.card-hover:hover .insights-title a, .card-hover:hover .cs-client-stories a{color: var(--white);}
.card-hover:hover .insights-title>div:last-child,.card-hover:hover .cs-client-stories>div:last-child { opacity: 1;}
.card-hover a,.card-hover button{ margin-top: 32px;}
.card-hover .white-border-btn{color: var(--white);}
.card-hover .white-border-btn:hover{color: var(--primary);}
.card-hover img{clip-path: polygon(0 0, 100% 0, 100% 91%, 92% 100%, 0 100%);}
.card-hover:hover .cs-client-stories a,.card-hover:hover .cs-client-stories>div:nth-child(2){color: var(--white); }
.card-hover .icon-frame_inspect:before {color: var(--blossom);}
}
@media only screen and (max-width: 767px) {
  .card-hover-cnt .org-btn-border{border-color: var(--primary);background-color: transparent;width: auto;display: inline-flex;
    margin-top:24px;}
  .card-hover-cnt .org-btn-border:hover {background-color: var(--primary); color: var(--white);}
  .card-hover img{clip-path: polygon(0 0, 100% 0, 100% 91%, 92% 100%, 0 100%);}
}
/* Close Card Hover */

/* Start Tab */
.tab-2col{display: grid; grid-template-columns: 1fr 1fr; gap: 64px; margin-top: 48px;}
.tab-title{font-size: 39px; margin-bottom: 32px; font-weight: 500; }
.tab-2col-cnt .title{margin-bottom: 20px; font-size: 25px; font-weight: 700;line-height: 120%;}
.tab-2col-cnt .org-btn-border{ margin-top: 24px;}


.tabbed-content {
  border: 1px solid var(--gray);
  margin: 64px auto 12px auto;
  background: var(--ghost-white)
}

.tabs ul {
  margin: 0;
  padding: 0 0 1em 0;
  font-weight: bold;
}
.tabs ul li a{
  border-bottom: 1px solid var(--gray);position: relative;transition: all 0.2s ease;
}

.tabs ul li a:hover, .tabs ul li a.active {
  background: var(--secondary);
  color: #000;
  border-bottom: 1px solid var(--secondary);
}
.tabs ul li a span{ opacity: 0.5; margin-right: 8px;}
.tabs ul li a::after{content: ""; width: 8px;height: 8px;display: block; background-color: #000;clip-path: polygon(100% 0, 0% 100%, 100% 100%); position: absolute; right: 25px; bottom: 40%;transition: all 0.3s ease;opacity: 0;}
.tabs ul li a:hover::after, .tabs ul li a.active::after{opacity: 1; right: 6px; bottom:6px;transition: all 0.3s ease;}

.item::before {
  cursor: pointer;
  font-weight: 600;
  background: var(--ghost-white);
  padding:0px  24px;
  display: flex;
  height: 48px;
  align-items: center;
text-transform: uppercase;
}
.item.active::before {
  background: var(--secondary);
  color: #000;
}
.item.active .item-content {
  padding: 1em;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media all and (min-width: 800px) {
 
  .item.active .item-content {
    padding-top: 0;
  }

  .tabs-side .tabs li {
    margin-bottom: 1px;
  }
}

.tabbed-content .tabs {
  display: none;
}
.tabbed-content .item {
  min-height: 2em;
  background: var(--white);
}
.tabbed-content .item::before {
  content: attr(data-title);
}
.tabbed-content .item .item-content {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.tabbed-content .item.active .item-content {
  opacity: 1;
  visibility: visible;
  height: auto;
  padding: 48px;
  backdrop-filter: blur(12px);
}

@media all and (min-width: 800px) {
  .tabbed-content .tabs {
    display: block;
  }
  .tabbed-content .tabs li {
    display: inline-block;
  }
  .tabbed-content .tabs li a {
    display: flex;
    padding: 0px 24px;
    align-items: center;
    height: 76px;
    font-size: 20px;
    font-weight: 500;
  }
  .tabbed-content .item {
    min-height: 0;
  }
  .tabbed-content .item::before {
    display: none;
  }
  .tabbed-content.tabs-side .tabs {
    width: 300px;
    float: left;
  }
  .tabbed-content.tabs-side .tabs li {
    display: block;
  }
  .tabbed-content.tabs-side .item {
    margin-left: 300px;
  }
}
.tab-title-mobile{display: none;}
@media (max-width:767px){
.tabbed-content {margin: 32px auto 12px auto;}
.tab-2col{grid-template-columns: 1fr; gap: 48px;}
.tabbed-content .item.active .item-content {padding: 24px;}
.tab-title {font-size: 27px;margin-bottom: 24px;}
.tab-2col-cnt .title {font-size: 21px;  font-weight: 400;}
.tabbed-content .item  {border-bottom: 1px solid var(--gray); position: relative;}
.tabbed-content .item:last-child{border-bottom: 0px;}
.tabbed-content .item::after{ content:""; width: 10px; height: 8px; background-color: #000; clip-path: polygon(50% 70%, 0% 0%, 100% 0%); display: block; position: absolute; top: 20px; right: 24px; } 
.tabbed-content .item.active::after{rotate: 180deg;}
.tabbed-content .item::before { font-size: 0px;}
.tab-title-mobile{position: absolute;  padding-left: 24px;  left: 0px;  top: 13px;  display: block;  font-size: 12px;  text-transform: uppercase;font-weight: 500;}
.tab-title-mobile span{opacity: 0.7;}
}
/* Close Tab */
.media-centre-section{padding-top: 88px; padding-bottom: 88px;}
.media-centre{display: grid; grid-template-columns: 1fr 1fr; column-gap: 88px; row-gap: 24px;}
@media (max-width:767px){
  .media-centre-section{padding-top: 48px; padding-bottom: 48px;}
  .media-centre{display: grid; grid-template-columns: 1fr;}
}

/* Start Progressbar */
header ~ .readingProgressbar{ margin-top: 140px;    transition: all 0.4s ease-in-out; }
header.scrolled ~ .readingProgressbar{ margin-top: 0px;}
header.return-scrolled ~ .readingProgressbar{ margin-top: 80px;}
header.scrolled.return-scrolled ~ .readingProgressbar{ margin-top: 80px;}
@media (max-width:767px){
  header ~ .readingProgressbar {margin-top: 127px;}
  header.return-scrolled ~ .readingProgressbar{ margin-top: 59px;}
  header.scrolled.return-scrolled ~ .readingProgressbar{ margin-top: 59px;}
}
/* Close Progressbar */


/* Start Share */
.share-watch{display: flex;align-items: start;padding-top: 2rem;}
.share-watch .share-block{margin-left: -24px;}
.share-watch .share-icon {background: #ffffff;}
.share-watch .share-icon { width: 48px;height: 48px;}
.share-watch .share-text {color: var(--secondary);}
.share-watch  .el_bottom{padding-top: 12px;}
.share-watch  .el_bottom .btn-big .btn_i, .share-watch  .el_bottom .btn-big:before {width: 48px;height: 48px;}
.share-watch  .el_bottom .btn-big:hover::before{width: 100%;}
.share-watch  .el_bottom .btn-big {min-height: 48px;padding-left: 6.4rem;}
.share-watch  .el_bottom .btn-big:hover {padding-left: 2.4rem;padding-right: 6.4rem;}
.bottom-space{height:4rem;position: absolute;bottom: -2rem;left: 0px;width: 100%;}
.share-watch .share-text.whiteText{color: #ffffff;}
.share-watch .share-icon.yellowBG{background: var(--primary);}

.share-block{position: relative;}
.share-button{ display: flex; align-items: center; gap: 8px; padding:12px 24px;}
.share-button a{display: flex; align-items: center; gap: 8px; position:relative;z-index: 9;}
.share-icon{background: var(--primary); width:32px; height: 32px; border-radius: 100%; display: flex; align-items: center; justify-content: center;position: relative;z-index: 2;}
.share-text{font-size:16px; font-weight: 600; font-family: 'Raleway'; position: relative;z-index: 2;transition: all 0.6s ease;}
.share-open{ position: absolute;bottom:68px; width: 137px; display: grid; gap: 16px; background: #ffffff; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.04);  padding: 16px; border-radius: 8px;height: 0px;opacity: 0; z-index: 4;}
.share-open.active{height: auto;opacity: 1;z-index: 4;}
.share-open a {display: flex; align-items: center; gap: 8px;cursor: pointer!important;}
.share-open a div{background: var(--secondary); width:32px; height: 32px; border-radius: 100%; display: flex; align-items: center; justify-content: center;position: relative;}
.share-open a div svg{position: relative; z-index: 2;}
.share-open a:hover div svg  path{fill: var(--primary);transition: all 0.6s ease;}
.share-open a div::before { content: ""; background: #fc3;border-radius:100%;
    transition: transform .6s cubic-bezier(.55,0,.1,1),background .6s cubic-bezier(.55,0,.1,1);position: absolute;inset: 0;
    transform: scale(0); z-index: 1;}
.share-open a:hover div::before {background: var(--secondary);
    transition: transform .6s cubic-bezier(.55,0,.1,1),background .3s cubic-bezier(.55,0,.1,1);transform: scale(1);}
.share-open a span{ color: var(--primary);font-size:14px; font-weight: 500; font-family: 'Raleway';}
.share-open::before {position: absolute;content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;bottom: -9px;left: 29px; pointer-events: none;}
.share-open.active.open-down{bottom: auto;top: 80px;}
.share-open.open-down::before{left: 14px;bottom: auto;top: -9px;border-bottom: 10px solid #fff;border-top: 0px solid #fff;}
.share-open a.twitter div .Ntwitter,.share-open a.twitter:hover div .Ntwitter{background: #000; width: 18px;height: 18px;}
.share-open a.twitter:hover div::before{display: none;}
.Ntwitter::before{display: none;}
.Ntwitter svg path,.share-open a:hover div .Ntwitter svg path{fill: var(--secondary);}
.share-head{font-size:20px; font-weight: 600; font-family: 'Raleway'; color: var(--primary);}
.blog-posts .postcard_info h8,.insights .insights-hero-label,.blog_intro.list-banner2.blog-list .blog_intro-tab{display: none;}
@media (max-width:480px){ 
    .share-open{gap: 12px;padding: 12px;}
}
/* Close Share */
.BlogDetailShare .share-button a:hover .share-icon{border: 2px solid #fc3;transition: all 0.6s ease;}
.BlogDetailShare .share-button a .share-icon{border: 2px solid #1b2126;transition: all 0.6s ease;}
.BlogDetailShare .share-button a:hover .share-icon{background: var(--secondary);transition: all 2.2s ease; }
.BlogDetailShare .share-button a .share-icon::after { content: ""; background: #fc3;
    transition: transform .6s cubic-bezier(.55,0,.1,1),background .6s cubic-bezier(.55,0,.1,1);position: absolute;inset: 0;
    transform: scale(0);z-index: 1;border-radius: 100%;}
.BlogDetailShare .share-button a:hover .share-icon::after {background: #1b2126;
        transition: transform .6s cubic-bezier(.55,0,.1,1),background .3s cubic-bezier(.55,0,.1,1);transform: scale(1);}

.BlogDetailShare .share-button a:hover .share-icon svg {position:relative;z-index: 2;}
.BlogDetailShare .share-button a:hover .share-text{color: var(--primary);transition: all 0.6s ease;}
.BlogDetailShare .share-button a:hover .share-icon svg path{stroke:var(--primary) ;transition: all 0.6s ease;}
.BlogDetailShare .share-button a:hover .share-icon svg circle{stroke:var(--primary) ;fill:var(--secondary) ;transition: all 0.6s ease;}

.share-block-content-outer{max-width: 300px;margin:24px auto 0px auto; position: relative;}
.share-block-content-outer .share-button{padding:0px;}
.share-block-content-outer .share-button a{background: var(--primary);padding: 0px 24px; height: 52px; display: flex; align-items: center; border-radius: 0px;position: relative; border: 1px solid #fff;}
.share-block-content-outer .share-button a:hover{background: #fff;}
.share-block-content-outer .share-button a:hover .icon-share:before {content: "\e913"; color: var(--primary);}
.share-block-content-outer .share-button .share-icon{width: auto;height: auto; margin-right: 4px; background: transparent;z-index: 2;}
.share-block-content-outer .share-button a .share-text{z-index: 2; color: #ffffff; display: flex; gap: 8px; align-items: center;}
.share-block-content-outer .share-button a:hover .share-text{color: var(--primary);z-index: 2;}

.share-block-content-outer .share-button a.share-icon svg path{stroke:var(--secondary) ;transition: all 0.6s ease;}
.share-block-content-outer .share-button a .share-icon svg circle{stroke:var(--secondary) ;fill:var(--primary) ;transition: all 0.6s ease;}

.share-block-content-outer .share-button a:hover .share-icon svg path{stroke:var(--primary) ;transition: all 0.6s ease;}
.share-block-content-outer .share-button a:hover .share-icon svg circle{stroke:var(--primary) ;fill:var(--secondary) ;transition: all 0.6s ease;}

/* .share-block-content-outer .share-button a::before { content: ""; background: #fc3;border-radius:48px;
    transition: transform .6s cubic-bezier(.55,0,.1,1),background .6s cubic-bezier(.55,0,.1,1);position: absolute;inset: 0;
    transform: scale(0);}
.share-block-content-outer .share-button a:hover::before {background: #1b2126;
    transition: transform .6s cubic-bezier(.55,0,.1,1),background .3s cubic-bezier(.55,0,.1,1);transform: scale(1);} */
/* .share-block-content-outer .share-open.active{bottom: 71px;}  */
.share-block-content-outer .share-open.active.open-down{min-height: 290px;top: 76px;}
@media (max-width:767px){
  .share-block-content-outer {margin: 24px auto 0px 0px;}
  .ingle-cs-related{padding-bottom: 200px;}
}

/* Close Share */
/* Start Home Srvice */
.home-service-sub-head{margin-bottom: 48px; margin-top: -12px; font-size: 20px;}
.home-service-animate{right: -58px;}
.home-service-animate img{transform: rotate(180deg);}
@media (max-width:767px){
  .home-service-animate{display: none;}
  .home-service-sub-head{font-size:16px;}
}
/* Close Home Srvice */

/* Start new progress-bar */
.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  background-color: var(--secondary);
  width: 0%;
  z-index: 99;
  transition: top0.4s ease-in-out;
}
.return-scrolled ~ section .progress-bar {top: 80px;}
@media (max-width:980px){
  .return-scrolled ~ section .progress-bar {top: 66px;}
}
@media (max-width:767px){
  .progress-bar { z-index: 1;}
  .return-scrolled ~ section .progress-bar {top: 60px;}
}
/* Close new progress-bar */
/* Start Our purpose and shared values */
.values-section{background: var(--grey); padding: 88px 0px!important}
.values-head{display: grid; grid-template-columns:364px 1fr;column-gap: 104px; align-items: center;}
.values-head .title{font-size: 49px; font-weight: 500; line-height: 58.8px;}
.values-head .title span{display: block;}
.values-head .content p:last-child{margin-bottom: 0px;}
.values-banner{margin-top: 48px; margin-bottom: 48px;}
/* .values-banner img{clip-path: polygon(100% 0, 100% 88%, 96% 100%, 0 100%, 0 0);} */
.values-cnt{display: grid; grid-template-columns:1fr 1fr 1fr;column-gap:64px;}
.values-cnt .title {font-size: 31px;font-weight: 500;line-height: 37.2px;margin-bottom: 24px;}
.values-cnt p:last-child{margin-bottom: 0px;}
.values-animate {z-index: -1;left: -24%;width: 629px;bottom: 115px;}
.values-animate img {transform: rotate(90deg);}
@media all and (max-width: 1099px){
  .values-animate {width: 580px;bottom: 180px;}
}
@media all and (max-width: 980px){
    .values-section { padding: 48px 0px !important;    }
    .values-head{grid-template-columns:1fr;row-gap: 32px;}  
    .values-cnt{column-gap:48px;}
}
@media all and (max-width:767px){
    .values-banner {margin-top: 48px;margin-bottom: 48px;}
    .values-cnt{display: grid; grid-template-columns:1fr;row-gap:24px;}
    .values-head .title {font-size: 35px;  line-height:42px;}
    .values-cnt .title {font-size: 24px;  line-height: 28px; margin-bottom: 16px;}
    .values-head {row-gap: 24px;}
    .values-animate {width: 250px; bottom:502px;left: -24%;}
}
/* Close Our purpose and shared values */
/* Start Insights details */
.highlight-text1{ background: var(--primary); color: var(--secondary); border-left: 4px solid var(--secondary); font-size: 13px; font-weight: 700; text-transform: uppercase; padding: 6px 8px 5px 8px; display: inline-block; line-height: 1;    letter-spacing: 0.3px;}
.insights-detail-banner{padding-top: 88px; border-top: 1px solid #EAEDF2;}
.return-scrolled ~ main .progress-bar{top: 78px;}
.insights-detail-banner-img img{max-height: 600px;width: 100%;object-fit: cover;clip-path: polygon(100% 0, 100% 89%, 96% 100%, 0 100%, 0 0);}
.insights-detail-banner>.container, .insights-detail-cnt>.container{max-width: 800px;}
.insights-detail-cnt>.container {margin-top: 48px; margin-bottom: 48px;}
.social-share span::before{color: var(--primary);}
.insights-detail-footer{display: flex; justify-content: space-between;align-items: center; border-top: 1px solid var(--gray); margin-top: 48px;padding-top: 32px;}
.brudcums.insights-detail-brudcums  ul{gap:5px; margin-bottom: -6px;}
.brudcums.insights-detail-brudcums  ul li{margin-right: 0px;text-transform: uppercase; letter-spacing:  0.72px;}
.brudcums.insights-detail-brudcums  li:last-child {  opacity: 0.8;}
.brudcums.insights-detail-brudcums .icon-chevron-right{opacity: 0.5;font-size: 16px; position: relative; bottom: -2.5px;}
.insights-detail-brudcums .icon-home-black{font-size: 18px;position: relative;bottom: -2px;}
.brudcums.insights-detail-share  ul{gap:32px;font-size: 16px;margin-bottom: 48px;}
.brudcums.insights-detail-share ul li{margin-right: 0px;font-weight: 500;}
.brudcums.insights-detail-share ul li .icon-stylus_note{font-size: 17.5px; bottom: -1.5px; position: relative;margin-right: 2px;}
.brudcums.insights-detail-share ul li:first-child,.brudcums.insights-detail-share ul li.social-share,.icon-stylus_note{opacity: 0.8;}
.opacity8{opacity: 0.8;}
.social-share{display: flex; align-items: center; column-gap: 16px;}
.social-share-block{display: flex;align-items: center;gap: 16px;}
.social-share-block:hover a{opacity: 0.6;}
.social-share-block:hover a:hover{opacity:1;}
.social-share a{font-size: 18px;line-height: 0;}
.insights-detail-footer>div:last-child{display: flex; align-items: end; flex-direction: column; gap: 16px;}
.insights-detail-footer>div:last-child h5{opacity: 0.8; font-size: 16px;}
.author{align-items: center;display: grid; grid-template-columns: 124px 1fr; gap: 24px;}
.author h6{font-size: 10px;margin-bottom: 4px; text-transform: uppercase;opacity: 0.8;}
.author h4{font-size: 20px;margin-bottom: 4px;}
.author p{font-size: 13px;margin-bottom: 8px; font-weight: 500;opacity: 0.6;}
.author a{font-size: 20px;opacity: 0.48;}
.author a:hover{opacity: 1;}
.article_home_banner{clip-path:polygon(0 0, 100% 0, 100% 89%, 92% 100%, 0 100%)}
.article-home .zigzag .title{margin-bottom: 32px;}
.brudcums.insights-detail-brudcums li a {color: var(--primary);}
.insights-detail-co-authored{margin-top: 24px;}
.insights-detail-co-authored .insights-detail-footer{margin-top: 24px;padding-top: 24px;column-gap:48px ;}
.insights-detail-co-authored .insights-detail-footer>div:last-child {align-items: center;flex-direction:row;    align-items: center;
  display: grid;grid-template-columns: 124px 1fr; gap: 24px;}
.insights-detail-co-authored .author h4 {white-space: nowrap;}
.insights-detail-co-authored .insights-detail-share h5{margin-bottom: 12px;}
.insights-detail-co-authored .insights-detail-footer .author>img{clip-path: polygon(0 0, 100% 0, 100% 81%, 81% 100%, 0 100%);}
@media all and (max-width:1200px){
.insights-detail-banner-img img{max-height:560px;}
}
@media all and (max-width:1024px){
  .insights-detail-banner-img img{max-height:480px;}
}
@media all and (max-width:767px){
  .insights-detail-banner{padding-top: 48px; border-top: 1px solid #EAEDF2;}
  .return-scrolled ~ main .progress-bar {top: 61px;}
  .brudcums.insights-detail-brudcums{margin-bottom: 0px;}
  .brudcums.insights-detail-share ul{display: inline-block;margin-bottom:0px;}
  .brudcums.insights-detail-share ul li{display: inline-block;}
  .brudcums.insights-detail-share ul li:first-child{margin-right: 16px;}
  .brudcums.insights-detail-share ul li.social-share{margin-top: 24px; display: flex;}
  .brudcums.insights-detail-share{margin-bottom: 24px;}
  .insights-detail-cnt>.container { margin-top:24px;}
  .insights-detail-footer{border: none; flex-wrap: wrap-reverse;margin-top:24px;padding-top:0px; }
  .insights-detail-footer .author {grid-template-columns: 100px 1fr; gap: 16px;border-top: 1px solid var(--gray); margin-top: 24px; padding-top: 24px;width: 100%;}
  .insights-detail-footer>div:last-child { align-items: center;flex-direction: row; gap: 16px;}
  .author h4 {font-size: 17px;}
  .author p {font-size: 12px;}
  .brudcums.insights-detail-share ul li.social-share{opacity: 1;}
  .social-share-block a:hover{opacity:1;}
  .insights-detail-footer>div:last-child h5 {font-size: 14px; font-weight: 500;}
  .insights-detail-banner-img img{max-height:220px;}
  .article-home .zigzag .title {margin-bottom: 16px;}
  .insights-detail-co-authored .insights-detail-footer {flex-wrap: wrap;margin-top: 0px;padding-top: 0px;}
  .insights-detail-co-authored .insights-detail-footer>div:last-child{align-items: center;display: grid;grid-template-columns: 100px 1fr;gap: 16px;border-top: 0px solid var(--gray); margin-top: 0px; padding-top: 24px; width: 100%;}
}
/* Close Insights details */
/* Start Add ESG case studies */
.number-list{margin-top: 24px;}
.number-list .title{font-size: 16px;  margin-bottom: 12px;}
.number-list p{margin-bottom: 24px;}
.number-list p:last-child{margin-bottom: 0px;}
/* Start Add ESG case studies */
/* Start Event details */
.event-detail-banner-cnt{max-width: 935px;}
.event-date-reg{display: flex;flex-wrap: wrap; background-color: var(--gray); border-bottom: 5px solid var(--secondary); align-items: center;  padding-top: 24px;padding-bottom: 24px;margin-top: -90px; clip-path: polygon(0 0, 100% 0, 100% 75%, 95% 100%, 0 100%);}
.event-content-section{padding-bottom: 88px;}
.event-date-reg-section .container{max-width: 800px;}
.event-date-reg >div{flex:0 0 36.5%; padding-top:12px;padding-bottom: 12px; padding-left: 12px;padding-right: 12px;position: relative;}
.event-date-reg >div:nth-child(3){flex:0 0 27%;}
.event-date-reg >div:first-child::after{content: ""; width: 2px; height: 100%;background-color: var(--white); position:absolute;right: 0px;top: 0px;}
.event-date-reg-icon{background-color: var(--secondary); width: 34px;height: 34px;border-radius: 100%;margin: auto auto 12px auto;  display: flex;  align-items: center;  justify-content: center; color: var(--white);}
.event-date-reg-icon .icon-location:before{color: var(--white); font-size: 18px;}
.event-date-info{background-color: var(--gray); border-bottom: 5px solid var(--secondary); padding: 18px 24px; line-height: 30px; width: fit-content;}
@media all and (max-width:767px){
  .event-date-reg{padding-top: 12px; padding-bottom: 12px;}
  .event-date-reg >div,.event-date-reg >div:nth-child(3){flex:0 0 100%;padding-top: 24px;padding-bottom: 24px;}
  .event-date-reg >div:nth-child(3){padding-top: 2px;}
  .event-date-reg {margin-top: -32px;margin-bottom: 48px;clip-path: polygon(0 0, 100% 0, 100% 92%, 91% 100%, 0 100%);}
  .event-date-reg >div:first-child::after{width: calc(100% - 48px);height: 1px;right: 24px;top: auto;bottom: 0px;}
  .event-date-info{width: 100%;}
  .event-content-section{padding-bottom: 48px;}
}
/* Close Event details */
/* Start Event Thankyou */
.event-thankyou-content{min-height:420px;padding: 88px 0px; position: relative; overflow: hidden;width: 100%;  display: flex;  align-items: center;  text-align: center;}
.event-thnk-banner-cnt{max-width: 916px;}
.event-thnk-banner-cnt .title{margin-top: -12px; margin-bottom: 24px;}
.event-thnk-cnt{position: relative;}
.event-thnk-overlap-cnt{position: absolute; /* width:calc(100% - 48px) ;*/ max-width: 710px; bottom: 48px; background-color: rgba(0, 0, 0, 0.60); padding: 48px;color: #fff;clip-path: polygon(0 0, 100% 0, 100% 84%, 92% 100%, 0 100%);}
.event-thnk-overlap-cnt.left{left: 48px;}
.event-thnk-overlap-cnt.right{right: 48px;}
.event-thnk-section{position: relative;width: 100%;height: auto;}
.event-thnk-section-bg::before{content: ""; width: 100%;  height: 25%;position: absolute;  top: 0px;background-color: var(--primary);}
.event-thnk-section::after {content: ""; width: 32px;  height: 32px;  display: block;  background-color: var(--secondary);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);  position: absolute;  right: 16px;  top: 25%; margin-top: -48px;}
  .event-thnk-banner{padding-bottom: 48px;}
  .event-thnk-banner::after{display: none;}
  .event-thnk-cnt-banner{clip-path: polygon(0 0, 100% 0, 100% 89%, 94% 100%, 0 100%);max-height:600px; object-fit: cover;}
 .event-thnk-overlap-cnt .Hprimary-shadow:hover {    box-shadow: -4px 4px 0px 0px #ffffff;}
 @media all and (min-width:1200px){
  .event-thnk-cnt{min-height: 400px;}
 }
@media all and (max-width:767px){
  .event-thnk-overlap-cnt { padding: 24px;}
  .event-thnk-overlap-cnt{position: relative;background-color: var(--primary);top: -1px;}
  .event-thnk-overlap-cnt.left{left: 0px;}
 .event-thnk-overlap-cnt.right{right: 0px;}
 .event-thnk-section-bg::before{ height: 48px;}
 .event-thnk-section::after {width: 8px;height: 8px;right: 8px;bottom: 8px; top: 80px;}
 .event-thnk-cnt-banner{clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);}
 .event-thnk-banner-cnt p{font-size: 16px;  font-weight: 400;}
 .event-thnk-banner-cnt .title {  margin-top: 0px;  margin-bottom: 16px;}
 .event-thnk-banner {padding-bottom: 24px;}
}
@media all and (max-width:380px){
  .event-thnk-overlap-cnt{clip-path: polygon(0 0, 100% 0, 100% 85%, 90% 100%, 0 100%);}
}
/* Close Event Thankyou */
/* Start Event list */
.event-archive .title-box { display: flex ; gap: 16px; align-items: center; }
.event-archive {position: relative; overflow: hidden;}
.event-archive .back-img{position: absolute; right: 0; top: -374px;}
.event-list { display: grid; align-items: center; gap: 76px;} 
.event-list .card-hover { display: grid; grid-template-columns: 6fr 5fr; position: relative; gap: 48px; padding-bottom: 0; } 
.event-list .card-hover-cnt { display: flex; flex-direction: column; position: relative; top: 0; right: 0; z-index: 2; transition: left 0.4s ease 0s; margin-top: 0; justify-content: center; height: 100%; padding-right: 24px;} 
.event-list .card-hover::after { clip-path: polygon(0 0, 100% 0, 100% 92%, 98% 100%, 0 100%); left: auto; } 
.event-list .card-hover-cnt ul { margin-top: 12px; font-size: 14px; font-weight: 600; display: flex; flex-direction: column; gap: 12px; } 
.event-list .card-hover-cnt ul li{display: flex; align-items: center; gap: 12px;}
.event-list .card-hover-cnt p { margin-top: 18px; } 
.event-list .card-hover .white-border-btn { display: none; } 
.event-list .card-hover .card-hover-cnt div svg path{fill: #DD596F;}
.event-list .card-hover img{max-height: 300px; object-fit: cover; z-index: 9;position:relative; clip-path: polygon(0 0, 100% 0, 100% 92%, 96% 100%, 0 100%);}
.card-hover-burnt-orange::after { background-color: #DD596F; } 
.event-client-stories { display: flex; gap: 12px; font-size: 14px; text-transform: uppercase; font-weight: 700; margin-bottom: 12px; } 
.event-client-stories a,.event-client-stories>div:nth-child(2) { color: #DD596F; } 
.event-client-stories>div:last-child {opacity: 0.7;position: relative;display: flex;gap: 8px;align-items: center;} 
.event-client-stories>div:last-child::before{content: "|";height: 10px;display: flex;overflow: hidden;align-items: center;}
.event-client-stories div:first-child{display: flex; align-items: center;}
.card-hover img { z-index: 9; transition: all 0.5s ease; } 
.view-mode{display: flex; flex-direction: row; gap: 10px;}
.view-mode span {height: 48px; width: 48px; display: flex ; align-items: center; justify-content: center; text-decoration: none; line-height: 1; transition: background-color 0.3s ease, color 0.3s ease;cursor: pointer; }
.view-mode span.grid{background-image: url(../images/nav-black-l-border.svg);}
.view-mode span.list{background-image: url(../images/nav-black-r-border.svg);}
.view-mode span.grid:hover{background-image: url(../images/nav-black-l.svg);}
.view-mode span.list:hover{background-image: url(../images/nav-black-r.svg);}
.view-mode span:hover svg path{fill: #fff;}
.grid-active .view-mode span.grid:hover svg path{fill: #000;}
.list-active .view-mode span.list:hover svg path{fill: #000;}
.grid-active .view-mode span.grid{background-image: url(../images/nav-yellow-l.png);}
.list-active .view-mode span.list{background-image: url(../images/nav-yellow-r.png);}
.view-mode span svg{width: 28px; height: 28px;}
.grid-active .event-list{grid-template-columns: 1fr 1fr; gap: 48px;}
.grid-active .event-list.insights-list,.insights-list{grid-template-columns: 1fr 1fr 1fr;}
.past-events{filter: grayscale(100%);}
.past-events .event-list .card-hover{opacity: 0.9;}
.empty-upcoming{display: flex ; flex-direction: column; text-align: center; margin-top: 88px;}
.past-events .event-list .card-hover .card-hover-cnt div svg path{fill: var(--primary);}
.past-events .event-client-stories>div:nth-child(2){color: var(--primary);}
@media only screen and (min-width: 768px) {
  .event-list .card-hover:hover .card-hover-cnt { position: relative; left: 0%; margin-left: 0px; padding: 0; } 
  .event-list .card-hover:hover .white-border-btn { display: flex; } 
  .event-list .card-hover:hover .card-hover-cnt div{color:#fff}
  .event-list .card-hover:hover .card-hover-cnt div svg path{fill: #fff;}
  .event-list .card-hover:hover .card-hover-cnt li svg path{fill: #fff;}
  .event-list .card-hover:hover .icon-location:before{color: #fff;}
  .event-list .card-hover:hover img { clip-path: none; transition: all 0.5s ease; }
  .grid-active .event-list .card-hover:hover::after {  opacity: 1;}
  .grid-active .event-list .card-hover:hover .card-hover-cnt { top: 0%; margin-top: 0px; padding: 24px; height: 100%; color: #fff !important; }
  .grid-active .event-list .card-hover:hover .card-hover-cnt{position: absolute;z-index: 10;}
  .grid-active .event-list .card-hover{position: relative; padding-bottom: 255px; width: 100%; overflow: hidden; display: block;}
  .grid-active .event-list.insights-list .card-hover{padding-bottom: 160px;}
  .grid-active .event-list .card-hover-cnt{position: absolute; top: 100%; margin-top: -230px; z-index: 2; transition: top 0.2s ease 0s; display: block;}
  .grid-active .event-list.insights-list .card-hover-cnt{margin-top: -130px;width: 100%;}
  .grid-active .event-list .card-hover::after {content: "";width: 100%;height: 100%;top: 0px;left: 0px;position: absolute;z-index: 9;opacity: 0;clip-path: polygon(100% 0, 100% 91%, 92% 100%, 0 100%, 0 0);transition: all 0.5s ease;}
  .grid-active .event-list .card-hover-cnt p{margin-top: 12px;}
}
@media all and (min-width:1024px){
  .event-list .card-hover:hover .card-hover-cnt{padding-right: 24px;}
  .card-hover:hover .white-border-btn{margin-top: 24px;}
}
@media all and (max-width:1023px){
  .view-mode{display: none;}
}
@media all and (max-width:767px){
  .grid-active .event-list{grid-template-columns: 1fr;}
  .grid-active .event-list.insights-list,.insights-list{grid-template-columns:1fr;}
  .event-list .card-hover{grid-template-columns: 1fr;}
  .event-list .card-hover{gap: 24px;}
  .event-list .card-hover .white-border-btn{display: flex;}
  .event-list .card-hover-cnt{padding-right: 0;}
  .event-list .card-hover-cnt p, .event-list .card-hover-cnt .title{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .event-list .card-hover-cnt p{margin-top: 12px;}
  .event-list .card-hover-cnt ul{margin-top: 12px; gap: 8px;}
  .empty-upcoming{margin-top: 48px;}
}
/* Close Event list */
/* Start Event form */
.event-form{padding: 48px; margin-top: 48px; border: 1px solid var(--gray); border-radius: 8px; width: 80%;}
.event-form label{font-size: 14px}
.blocked-domain { width: 100%; background-color: var(--secondary); color: var(--primary); border-radius: 8px; min-height: 74px; max-width: 100%; margin-left: 0px; padding: 16px; text-align: left; position: absolute; z-index: 1; margin-top: 18px; font-size: 12px; line-height: 18px; z-index: 9; } 
.blocked-domain p { margin-bottom: 0; font-size: 12px; line-height: 18px; } 
.blocked-domain p a,.blocked-domain a { text-decoration: underline; } 
.blocked-domain p b { display: block; font-weight: 700; } 
.blocked-domain::after { content: ""; position: absolute; bottom: 100%; left: 8%; border-width: 11px; border-style: solid; border-color: transparent transparent var(--secondary) transparent; }
#event-registration-form .blocked-domain {min-height: 48px;}
@media all and (max-width:767px){
  .event-form{padding: 24px; width: 100%;}
}
/* Close Event form */
/* Start Article list */
.insight-archive .event-client-stories>div li{list-style: none; text-transform: none;}
.insight-archive .event-client-stories>div:last-child{display: flex ; justify-content: flex-end; text-align: right; width: 100%; opacity: 1;}
.insight-archive .event-client-stories>div:last-child::before{display: none;}
.insight-archive .event-list .card-hover .card-hover-cnt div svg path{fill: #000;}
.insight-archive .event-client-stories a, .insight-archive .event-client-stories>div:nth-child(2){color: #6D5D7B;}
@media only screen and (min-width: 768px) {
  .insight-archive .event-list .card-hover:hover .card-hover-cnt div svg path{fill: #fff;}
  .insight-archive .card-hover-burnt-orange::after{background-color: #000;}
}
@media only screen and (max-width: 375px) {
  .event-client-stories{flex-wrap: wrap;}
  .insight-archive .event-client-stories>div:last-child{justify-content: left;}
}
/* Close Article list */
@media all and (min-width:768px){
  .feedback_images{width: 65%;}
}
.feedback-section{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}
.feedback-head{background-color: #ffcc33; padding: 8px; min-height: 61px; display: flex; align-items: center; justify-content: center;}
.feedback-head h5{text-align: center; font-weight: 500;max-width: 65%;}
.feedback-head h5 span{font-weight: 700;}
.feedback-content{padding: 16px; padding-bottom: 0;text-align: center;}
.feedback-content .feedback-prct{font-family: "Playfair Display", serif; font-size: 48px;font-weight: 500; line-height: 100%; margin-bottom: 16px;}
.feedback-content .feedback-cnt{font-size: 16px;font-weight: 500;}
.feedback-content img{width: 200px;}
.achievements-section {display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin-top: 16px;}
.achievement-card { background: #ffcc33;  padding: 24px; position: relative;}
.achievement-card:nth-child(1) {  grid-column: span 3;}
.achievement-card:nth-child(2) {  grid-column: span 3;}
.achievement-card:nth-child(3) {  grid-column: span 2;}
.achievement-card:nth-child(4) {  grid-column: span 2;}
.achievement-card:nth-child(5) {  grid-column: span 2;}
.achievement-card:nth-child(6) {  grid-column: span 3;}
.achievement-card:nth-child(7) {  grid-column: span 3;}
.achievement-card h4{font-family: "Playfair Display", serif; font-size: 36px;font-weight: 400; line-height: 100%; margin-bottom: 8px;}
.achievement-card p{font-weight: 500;}
.achievement-card::after {content: ""; position: absolute; bottom: 0; right: 0; border-bottom: 24px solid white; border-left: 24px solid transparent;}
@media (max-width:480px){
    .achievements-section{grid-template-columns: auto;}
    .achievement-card{ grid-column: auto !important;}
    .feedback-section{grid-template-columns: auto;}
    .feedback-head h5{max-width: 90%;}
}
.gated_list_column{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 32px;}
.gated_list_column .bg-secondary{padding: 24px; position: relative;}
.gated_list_column .bg-secondary::after { content: ""; position: absolute; bottom: -1px; right: 0; border-bottom: 24px solid white; border-left: 24px solid transparent; }
.gated_list_column .bg-secondary h4 { font-family: "Playfair Display", serif; font-size: 31px; font-weight: 500; line-height: 100%; margin-bottom: 24px; }
.gated-download-btn{margin: 44px auto;}
.gated_list_wrap{background: #E6E8EC; padding: 48px; position: relative;}
.gated_list_wrap::after { content: ""; position: absolute; bottom: 0; right: 0; border-bottom: 24px solid white; border-left: 24px solid transparent; }
.gated_list_wrap ul.bullet li:last-child{margin-bottom: 0;}
.gated_sub_title{font-size: 31px; font-weight: 500; line-height: 120%;}
.gated_lead_txt{font-size: 20px;line-height: 140%;}
@media (max-width:480px){
  .gated_list_column{grid-template-columns: 1fr;}
  .gated-download-btn{width: 100%;}
  .gated_sub_title{font-size: 24px;}
  .gated_list_column .bg-secondary h4{font-size: 24px;}
  .gated_list_wrap{padding: 24px;}
  .gated_lead_txt{font-size: 18px;}
}
.insights-detail-banner-img .container{position: relative;}
.gated-floating-btn{position: absolute;right: 88px;bottom: 88px;z-index: 1; white-space: nowrap;}
@media (max-width:768px){
.gated-floating-btn{top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
}
.video-grid{gap: 48px; margin-top: 48px;}
.video-thumb p{font-size: 24px; font-weight: 500; margin-top: 12px;}
.video-thumb div{position: relative;}
.video-thumb div .play-icon-wrap{width: 88px;height: 88px;position: absolute;display: inline-flex;left: 0;bottom: 0;background: #ffcc33;cursor: pointer;}
.video-thumb:hover {cursor: pointer; }
.video-thumb:hover div .play-icon-wrap .icon-play_arrow:before{color: var(--white); transition: all 0.3s ease;}
.video-thumb div img{clip-path: polygon(0 0, 100% 0, 100% 88%, 92% 100%, 0 100%);}
.video-thumb .play-icon{font-size: 64px; left: 12px;}
.video-poup {position: fixed; z-index: 99999999999999999999; opacity: 0; transition: opacity 1s ease;}
.video-poup .content-media{transform: translateY(0px); opacity:0; transition: transform 1s ease, opacity 1s ease;}
.video-active .video-poup{opacity: 1;}
 .video-active .video-poup  .content-media{ transform: translateY(0); opacity: 1;}
 .video-poup .content-media{position: fixed;}
 .video-wrap .btnclose_t{background: #ffcc33;transition: all 0.3s ease; border: none;}
 .video-wrap .btnclose_t .icon-close::before{color: var(--primary);}
 .video-wrap .btnclose_t:hover .icon-close::before{color: var(--white); transition: all 0.3s ease;}
 .video-poup .content-media{display: flex;flex-direction: column;justify-content: center; align-items: center; background: rgb(0 0 0 / 80%);height: 100vh;}
.video-poup .content-media.play-video video{height: auto;}
.video-wrap{position: relative;width: 75%;}
@media (max-width:768px){
.video-grid{margin-top: 32px;}
.video-thumb div .play-icon-wrap{width: 48px; height: 48px;}
.video-thumb div .play-icon{font-size: 20px; left: 25%; top: 50%;}
.video-wrap{width: 100%;}
.shapes-us-media .btnclose{right: 14px; top: 14px;}
.video-wrap .btnclose_t{width: 30px; height: 30px; font-size: 12px;}
}