h1, .h1{
  font-family: "AmperSans Regular" !important;
  font-size: 56px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 65px;
}
.h2-large{
  font-family: Infra;
  font-size: 52px;
  font-style: normal;
  font-weight: 400;
  line-height: 62px;
  font-family: 'FFInfraRegular';
  letter-spacing: normal;
}
h2, .h2{
  font-family: 'FFInfraMedium';
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: normal;
}
h3, .h3{
  font-family: 'FFInfraMedium';
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: normal;
}
h4, .h4{
  font-family: 'FFInfraMedium';
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 33px;
  letter-spacing: -0.36px;
}
h5, .h5{
  font-family: 'FFInfraMedium';
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.36px;
}
.intro-large{
  font-family: 'FFInfraLight';
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 67px;
  letter-spacing: 0.54px;
}
ul li::before {
  content: '' !important;
  height: 16px;
  width: 16px ;
  background: var(--primary-2);
  transform: translateY(50%);  
}
.blog-title-heading-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom:64px;
}
.text-link-light-card span.rad-link:hover::after {
  display:none;
}
.text-link-light-card:focus-visible .rad-link {
  text-decoration-line: underline;
}
.text-link-light-card:focus-visible .icon-forward-white {
  background: transparent;
  height: 40px;
  width: 40px;
  border-radius: 60px;
  margin: 0;
  border: 2px solid var(--secondary-13);
}
.text-link-light-card:focus-visible .icon-forward-white::before {
  background-image: url(/~/media/Images/M/MandG-Plc/icons/arrow-forward-golden);
}
.blog-landing .blog-list-box-inner-wrapper:focus-visible .text-link .rad-link, .blog-landing .blog-list-box-inner-wrapper:focus-visible .text-link .rad-link {
  text-decoration: underline;
    text-decoration-color: currentcolor;
}
.blog-landing .blog-list-box-inner-wrapper:focus-visible .text-link .icon-forward-white, .blog-landing .blog-list-box-inner-wrapper:focus-visible .text-link .icon-forward-white {
  background: transparent;
  border: 2px solid var(--primary-1);
}
.jssnapdownItem  .icon-forward-black.padding-left-10 {
  display: none;
}
.rad-link-2:focus-visible {
  outline: 2px dashed var(--secondary-4);
  outline-offset: 4px;
}
.blog-landing .blog-list-box-inner-wrapper:focus-visible .text-link .icon-forward-white::before, .blog-landing .blog-list-box-inner-wrapper:focus-visible .text-link .icon-forward-white::before {
  background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-small');
}
.mod-sliding-cards-rating .slider-nav-inner .slider-count-container, .mod-sliding-cards .slider-nav-inner .slider-count-container, .mod-pr-sliding-cards .slider-nav-inner .slider-count-container{
display:none;
}
.mod-split-screen-tab.split-screen-type2 .textdark .sst2-item-top-inner *{
color: var(--primary-5) !important;
}
.mod-split-screen-tab.split-screen-type2.new .ssi-content.content-module.body-large p {
  opacity: 1;
}
.blog-title-heading-wrapper h2{
  padding-bottom:0 !important;
}
.half-signpost-box.bg-secondary-14::before{
background-color: var(--secondary-14);
}
.half-signpost-box.bg-secondary-15::before{
background-color: var(--secondary-15);
}

.mod-stat-cards.sc-type3 .sc-holder {
  padding: 30px !important;
}
.mod-stat-cards.sc-type3.darkbg .h4, .mod-stat-cards.sc-type3.darkbg .ccard-description p{
  color:var(--primary-3);
}
.mod-stat-cards.sc-type3.darkbg .rad-link{
  color:var(--primary-3);
}
.mod-split-screen-tab .split-screen-list-inner .ss-list:not(.inactive) .circle-list-number::after {
  background: var(--primary-3);
  z-index: -1;
}
#iframe-procurement{
margin-top: 5px;
}
.mod-stat-cards.sc-type3.darkbg .icon-forward-white{
  background: var(--secondary-13);
}
.mod-stat-cards.sc-type3.darkbg .icon-forward-white::before {
  background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-black');
}

.mod-imgcontent-carousel-img-wrapper .mod-imgcontent-carousel-img-container .simple-arrow.slick-arrow:hover {
  background: var(--primary-2);
}
.mod-imgcontent-carousel-img-wrapper .mod-imgcontent-carousel-img-container .simple-arrow.slick-arrow:hover:after {
background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-white');
  background-size: contain;
}
.content-module table tr{
border: 1px solid #d1d1d1 ;border-top: none;
  border-left: none;
  border-right: none;

}

.content-module table tr td{
color:  #2F2F2F;
text-align: center;
font-size: 18px !important;
font-style: normal;
font-weight: 400;
line-height: 28px !important; 

}
.content-module table {
  border-collapse: collapse; 
  
}
table tr:nth-child(2n+1) td {
  background: var(--primary-3) !important;
}
.content-module table tr:nth-child(even) td {
  background: var(--secondary-12) !important;
}
/* .mod-snapdown .jssnapdownWrapper .js-snapdown-inner-content a{color:var(--primary-2)}
.mod-snapdown .jssnapdownWrapper .js-snapdown-inner-content a:hover{text-decoration:underline} */
.mod-stat-cards.sc-type3 .sc-link::before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.report-list-record.report-item:nth-child(2n) div {background:none !important;}
.mod-stat-cards.sc-type3 .ccard-description{
  margin-top: 20px !important;
}
 .reports-listing-filter .selectedText{margin-top:20px !important}
.mod-stat-cards.sc-type3 .stat-cards-container:hover .ccard-heading, .mod-stat-cards.sc-type3 .stat-cards-container:hover .card-icon-inner::before{
  color:var(--primary-3) !important;
}
.mod-stat-cards.sc-type3 .stat-cards-container:hover .text-link .icon-forward-white{
  background: transparent !important;
  border: 2px solid var(--secondary-13) !important;
}
.mod-stat-cards.sc-type3 .stat-cards-container:hover .text-link .icon-forward-white:before{
  background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-golden');
  background-position: center;
}
.signpost-content-innner {
  background-color: transparent !important;
}
.section-slider-with-cards.coral::after {
  background-color: var(--primary-2);
}
.mod-stat-cards.sc-type3.darkbg .text-link .rad-link{
  text-decoration-color: var(--secondary-13);
}
.mod-stat-cards.sc-type3.lightbg .h4, .mod-stat-cards.sc-type3 .ccard-description p{
  color:var(--primary-5);
}
.featured-card-item .featured-card-item-inner{
  padding: 30px !important;
  border: 1px solid var(--secondary-11);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  overflow: hidden;
  z-index: 1;
}
.featured-card-item-inner .card-link.text-link::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.featured-card-item .featured-card-item-inner:after {
    content: "";
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: #DDD8C2;
    transform-origin: top right;
    z-index: -1;
    animation: unfillDiagonal 0.3s reverse;
    will-change: width, height;
}

.featured-card-item .featured-card-item-inner:hover:after {
    animation: fillDiagonal 0.3s linear;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.quick-link-text,.quick-links-heading {font-family: 'FFInfraLight';}
.megamenu .with-right-side-signpost .megamenu-image-title{
	margin-top:35px;
    padding-bottom:20px !important;
}
.megamenu .with-right-side-signpost .megamenu-image-title:hover span{color:inherit !important}
.icon-wrapper{display:flex;justify-content:flex-start;gap:8px;align-items:flex-start;margin-bottom:10px;color: var(--primary-5);}
.icon-wrapper:hover span{color:var(--primary-2)}

.mod-content .content-module p{font-family: 'FFInfraRegular';}
.mod-content .content-module ul li, .mod-content .content-module ol li{font-size:21px; line-height:32px;font-family: 'FFInfraRegular';opacity:1;}
.mod-results-centre-archives .reports-listing-filter .icon-arrow-head-down:before{color:var(--primary-1)!important;   }
.mod-results-centre-archives .reports-listing-filter .icon-arrow-head-down.active:before { color: var(--primary-2) !important; }
.mod-mob-tabs:after{color:var(--primary-1);}
.mod-tabs-active:after{color:var(--primary-2);}
.mod-featured-content-cards .title-link-wrapper h2{padding-bottom:18px;}
 .sc-type2 .stat-cards-container .stat-cards-inner .img-and-description-wrapper .sc-description{text-align:left;}
 .sc-type2 .stat-cards-container .stat-cards-inner .img-and-description-wrapper{margin-bottom:10rem;}
 .mod-content .content-module .rad-highlight{font-size: 2.8rem ;line-height: 39px; opacity: 1;}
.mod-content .content-module .rad-highlighted-1{font-size: 2.8rem ;line-height: 39px; opacity: 1;}
.mod-content .content-module .rad-highlighted-2{ opacity: 1;}
.mod-content .content-module a.cta-primary{
text-decoration: none;
}
.mod-content .content-module a, .content-module p a, .js-snapdown-inner-content.content-module a {text-decoration: none;}
 .js-snapdown-inner-content.content-module a:hover, .content-module p a:hover{
 text-decoration: underline;
 }
.mod-content .content-module a:hover, .content-module p a:hover {text-decoration: underline;}
.mod-split-screen-tab .split-screen-list-main .ss-mob-tabs:after{color:var(--primary-1)}
.bodslidernavigation .simple-arrow:hover{background:var(--primary-2)}
.bodslidernavigation .simple-arrow:hover::after { background-image: url(/~/media/Images/M/MandG-Plc/icons/arrow-forward-white);width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
    font-size: 1.7rem;
    position: absolute;
    text-align: center;transition: all ease 0.5s;}
    .simple-arrow.right-dg-arrow:hover{border-left:none;}


/*  .js-snapdown-inner-content a {
    color: var(--primary-1);
    text-decoration: underline;
} 

.js-snapdown-inner-content a:hover {
    text-decoration: none;
    color: var(--primary-1);
} */
.mod-banner-type-4 .mod-banner-type-4-inner h1{
padding-bottom:40px!important
}
.rad-link-3:before,.rad-link-4:before,.rad-link-5:before {
    color:  var(--secondary-4) !important;

 }
 .rad-link-3,.rad-link-4,.rad-link-5{
     font-family: 'FFInfraRegular';
 }
 .rad-link-5{color:var(--secondary-4) !important}
 
 .rad-link-2:after{
   position: relative !important;
   height: 25px;
   width: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
   transform: none !important;
   content: "";
   background-image: url(/~/media/Images/M/MandG-Plc/icons/arrow-forward-white);
   background-position: center;
   top: auto !important;
   right: auto !important; 
 }
 .rad-link-2:hover:after{
 background-image: url(/~/media/Images/M/MandG-Plc/icons/arrow-forward-black);
 background-position: center;
 }

 
 .rad-link-1:after,.rad-link-2:after {
    color: var(--primary-3);
}
.content-module a.rad-link-3:hover, .content-module a.rad-link-4:hover{color:var(--secondary-4)}
.mod-contactcards .contactcards-item .h4{font-family: 'FFInfraMedium';}

.text-link-light-card {
    display: inline-flex;
    gap: 16px;
    text-align: unset;
    align-items: center;
}
.text-link-light-card .rad-link {
    text-decoration-color: var(--secondary-13) !important;
    color: var(--primary-3) !important;
    border: none;
    padding: 0 !important;
   
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.18px;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 8%;
    text-underline-offset: 20%;
    text-underline-position: from-font;
}


.text-link-light-card .icon-forward-white {
    background: var(--secondary-13);
    height: 40px;
    width: 40px;
    border-radius: 60px;
    margin: 0;
}

.text-link-light-card  .icon-forward-white:before {
    background-image: url(/~/media/Images/M/MandG-Plc/icons/arrow-forward-black);
}

.text-link-light-card:hover .rad-link{
    text-decoration-line:underline;
}

.text-link-light-card:hover .icon-forward-white {
    background: transparent;
    height: 40px;
    width: 40px;
    border-radius: 60px;
    margin: 0;
    border:2px solid var(--secondary-13)
}

.text-link-light-card:hover  .icon-forward-white:before {
    background-image: url(/~/media/Images/M/MandG-Plc/icons/arrow-forward-golden);
}
.image-slider-main-wrapper .popup-close{top:32px !important; right:12px !important}
/* .mod-download .downloads-row {height:0 !important;border:none !important;}
.mod-download .downloads-innerrow .downloadrightlink .icon-download-icon::before{color:var(--primary-3) !important}
.mod-download .downloads-outerrow{background: var(--primary-1); color: var(--primary-3) !important; margin: 0; border-radius: 60px;
 font-size: 18px;  font-weight: 400;  line-height: 25px;  letter-spacing: -0.18px;  border: 2px solid var(--primary-1);  text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding-top: 12px; padding-bottom: 12px; padding-left: 34px; font-family: 'FFInfraRegular';}
.mod-download .downloads-row p.downloads-link-text {
    position: relative !important;
    right: 0;
    padding-right: 20px !important;
    padding-top: 12px !important;
}
.mod-download .downloads-outerrow:hover{ background: var(--primary-3) !important; 
  color: var(--primary-5) !important;      
  border: 2px solid var(--primary-2) !important; }
  .mod-download .downloads-innerrow .downloadrightlink:hover .icon-download-icon::before {
  color: var(--primary-5) !important;
} */
/* .mod-download .downloads-innerrow {background:none !important;padding:0 !important}
.mod-download .downloads-row {height:0 !important;border:none !important;margin-bottom:0 !important}
.mod-download .downloads-outerrow{background: var(--primary-1); color: var(--primary-3) !important; margin: 0; border-radius: 60px;
 font-size: 18px !important;  font-weight: 400;  line-height: 25px !important;  letter-spacing: -0.18px;  border: 2px solid var(--primary-1);  text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding-top: 12px; padding-bottom: 12px; padding-left: 34px; font-family: 'FFInfraRegular';margin-bottom:20px !important;}
 .mod-download .downloads-innerrow .downloadrightlink .icon-download-icon::before,.mod-download .downloads-innerrow .downloadrightlink .icon-download-icon::before, .mod-download .downloads-innerrow .downloadrightlink .icon-download-idle::before {color:var(--primary-3) !important}
 .mod-download .downloads-outerrow .downloads-innerrow .downloads-title{font-size: 18px !important;  font-weight: 400;  line-height: 25px !important;}
 .mod-download .downloads-outerrow:hover{ background: var(--primary-3) !important; 
  color: var(--primary-5) !important;      
  border: 2px solid var(--primary-2) !important; }
  
  .mod-download .downloads-outerrow:hover .downloads-innerrow .downloadrightlink .icon-download-icon::before,.mod-download .downloads-outerrow:hover .downloads-innerrow .downloadrightlink .icon-download-idle::before {
  color: var(--primary-5) !important;}
   .mod-download .downloads-outerrow:hover .downloads-innerrow .downloads-title{color:var(--primary-5)!important} */
  
  
  
@keyframes fillDiagonal {
  0% {
    width: 0%;
    height: 0%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}

@keyframes unfillDiagonal {
  0% {
    width: 0%;
    height: 0%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
.signpost-with-img-holder.signpostLeftPosition .signpost-with-img-holder-inner {
  flex-direction: row-reverse;
}
.signpost-with-img-holder .signpost-with-img-holder-inner{
display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0 !important;
}
.signpost-with-img-holder .signpost-img-wrapper{
position: relative;
  top: auto;
  left: auto;
  flex: 0 0 50%;width: auto;
  height: auto;
}
.signpost-with-img-holder .signpost-img-wrapper > img {
  display: block;
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.date-title-wrapper .card-date{
  font-size: 12px;
  display: block;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: -0.18px;
  color: var(--primary-5);
  margin-bottom: 10px;
}
.date-title-wrapper .h4.featured-card-title {
  color: var(--primary-5);
}
.blog-title-heading-wrapper .bottom-link-wrapper{
  margin:0 !important;
}
.mod-latestblogs.blog-landing .blog-list-box-content-wrapper{
  padding:0 !important;
  border: 1px solid transparent;
}
.blog-landing .blog-list-box-content-inner-wrapper{
  padding: 30px;
  background-color: var(--primary-3) !important;
}
.rad-quote{
  border:none !important;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 39px;
  letter-spacing: -0.36px;
   color: rgba(47, 47, 47, 1) !important;
}
.rad-quote::before {
  position: absolute;
  top: -16px;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0;
  left: 50%;
  z-index: 8;
  transform: translateX(-50%);
  content: '';
  width: 52px;
  height: 33px;
  background-image: url("/~/media/Images/M/MandG-Plc/icons/quote");
}
.rad-author {
  display: flex;
  justify-content: center;
  gap: 16px;
  align-items: center;
  margin-top: 30px;font-size: 1.8rem;
  font-weight: 400;
  line-height: 28px;
}
.rad-author strong{
  color: #2F2F2F;
  text-align: center;
  font-family: 'FFInfraRegular';
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.18px;
}
.rad-author span{
  color: #2F2F2F;
  text-align: center;
  font-family: 'FFInfraLight';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.18px;
}
.js-snapdown-title::before {
  content: '';
  background: var(--primary-3);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  position: absolute;
}
.js-snapdown-title .open-close{
  height: 48px;
  width: 48px;
  border: 2px solid var(--primary-1);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  float: none;
  padding: 0;
  margin-right: 40px;
/*   margin-top: 20px; */
}
.jssnapdownItem .js-snapdown-title::after{
  display:none;
}
.jssnapdownItem{
  border:none !important;
  margin-bottom: 20px;
}
.jssnapdownItem:last-child{
  margin-bottom: 0;
}
.js-snapdown-title:hover {
  outline: 1px solid var(--secondary-12);
  outline-offset: 1px;
  z-index: 1;
}
.jssnapdownItem.active .js-snapdown-title a::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 8px;
  background: var(--primary-2);
  top: 0;
  left: 0;
}
.jssnapdownItem.active .js-snapdown-title a, .jssnapdownItem .js-snapdown-title a {
  color: var(--primary-5);
  padding: 30px 40px;
  z-index: 2;
  display: flex;
  position: relative;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.36px;
}
.js-snapdown-title{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}
.jssnapdownItem.active .icon-arrow-head-down{
  transform: rotate(180deg);
}
.jssnapdownItem, .js-snapdown-title{
  padding:0;
}
.js-snapdown-content {
  width: 100%;
  padding: 20px 40px;
  transition: max-height 1.2s linear 0s;
  -webkit-transition: max-height 1.2s linear 0s;
  -ms-transition: max-height 1.2s linear 0s;
  background: var(--primary-3);
}
.content-tabs-item-inner .content-tabs-item.active > a {
  background-color: var(--secondary-12);
  color: var(--primary-5);
  transition: all ease 0.5s;
}
.content-tabs-item-inner .content-tabs-item > a {
  background-color: var(--secondary-4);
  color: var(--primary-3);
  transition: all ease 0.5s;
  padding: 27px;
}
.content-tabs-item-inner .content-tabs-item:hover > a{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--secondary-4);
  color:var(--primary-3);
}
.content-tabs-item-inner .content-tabs-item > a{
  position:relative;
}
.content-tabs-item-inner .content-tabs-item.active > a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--secondary-4);
  height: 5px;
  width: 100%;
}
.content-tabs-item-inner .content-tabs-item{
  margin: 0 !important;
}
.stat-cards-container .stat-cards-inner .sc-holder{
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.text-link,.text-link-light-new{
  display: inline-flex;
  gap: 16px;
  text-align: unset;
  align-items: center;
}
.text-link .rad-link{
  border: none;
  padding: 0 !important;
  color: var(--primary-5)!important;
  font-family: 'FFInfraRegular';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.18px;
  text-decoration-line: none ;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: var(--primary-1)!important;
  text-decoration-thickness: 8%;
  text-underline-offset: 20%;
  text-underline-position: from-font;
}
.text-link-light-new .rad-link{
  border: none;
  padding: 0 !important;
  color: var(--primary-3)!important;
  font-family: 'FFInfraRegular';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.18px;
  text-decoration-line: none;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: var(--primary-3)!important;
  text-decoration-thickness: 8%;
  text-underline-offset: 20%;
  text-underline-position: from-font;
}
.text-link-light-new:hover .rad-link, .text-link-light-new:focus-within .rad-link{
  color: var(--primary-3) !important;
  text-decoration: underline;
}
.text-link:hover .rad-link, .text-link:focus-within .rad-link{
  color: var(--primary-5) !important;
  text-decoration: underline;
}
.text-link:hover .rad-link:after{
  display: none;
}
.text-link-light-new:hover .icon-forward-green, .text-link-light-new:focus-within .icon-forward-green{
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--primary-3);
}
.text-link:hover .icon-forward-white{
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--primary-1);
}

.text-link-light-new:hover .icon-forward-green:before, .text-link-light-new:focus-within .icon-forward-green:before{
  background-image:url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-white');
  background-position: center;
  background-repeat: no-repeat;
}
.text-link:hover .icon-forward-white:before{
  background-image:url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-small');
  background-position: center;
  background-repeat: no-repeat;
}

.sc-link.text-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.sc-holder .sc-link{
  position: initial;
  top: auto;
  left: auto;
  height: auto;
}
.text-link .rad-link:before{
  display:none !important;
}
.text-link .icon-forward-white:before,.text-link-light-new .icon-forward-green:before{
  width: 23px;
  background-size: auto;
}
.text-link:hover .icon-forward-white:before{
  background-image:url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-small')
}
.text-link-light-new:hover .icon-forward-green:before{
  background-image:url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-white')
}
.text-link-ligh-new .icon-forward-white::before {
  background-image: url(/~/media/Images/M/MandG-Plc/icons/arrow-forward-white);
}
.text-link .icon-forward-white{
  background: var(--primary-1);
  height: 40px;
  width: 40px;
  border-radius: 60px;
  margin: 0;
  transition: 0.6s all;
}
.text-link-light-new .icon-forward-green{
  background: var(--primary-3);
  height: 40px;
  width: 40px;
  border-radius: 60px;
  margin: 0;
}
.text-link-light-new .icon-forward-white{
  background: var(--primary-3);
  height: 40px;
  width: 40px;
  border-radius: 60px;
  margin: 0;
}
.down-arrow{
  display: flex;
  gap: 10px;
  align-items: center;
  flex-direction:column
}
.down-arrow .icon-downward-white{
  background: var(--primary-1);
  width: 98px;
  height: 98px;
  border-radius: 50px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.down-arrow .icon-downward-white::before{
 background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-downward-white');background-position: center;
}
.down-arrow:hover .icon-downward-white, .down-arrow:focus-within .icon-downward-white{
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--primary-1);
}
.down-arrow:hover .icon-downward-white::before, .down-arrow:focus-within .icon-downward-white::before{
  background-image:url('/~/media/Images/M/MandG-Plc/icons/arrow-downward-green')
}
.down-arrow .down-arrow-text{
color:var(--primary-5);
font-size: 18px;

font-weight: 400;
line-height: 25px; 
letter-spacing: -0.18px;
}
.down-arrow:hover .down-arrow-text{
color:var(--primary-1)
}
.down-arrow-style{
margin-top:80px
}

.module-hero-banner-animation .full-video-wrapper .video-in-popup{color: #2f2f2f;}

.module-hero-banner-animation .full-video-wrapper .single-video-link > *{display: inline-block; vertical-align: middle;}
.module-hero-banner-animation .full-video-wrapper .single-video-link > span.video-link-text{display: inline-block; margin-left: 15px;}

.module-hero-banner-animation h1{
	padding :0 !important;
    font-family: 'AmperSans Regular' !important;
    font-weight: 400 !important;
}
.mod-content .content-module h2,h3,h4, .mod-content .content-module p span{color:var(--primary-5)}

.mod-content .content-module p span{font-family: 'FFInfraLight';}
.mod-content .content-module a.rad-link-1, .mod-content .content-module a.rad-link-2{
    background: var(--primary-1);
    color: var(--primary-3);
    margin: 0;
  
    border-radius: 60px;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.18px;
    border: 2px solid var(--primary-1);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 34px;
    font-family: 'FFInfraRegular';
}
.mod-content .content-module a.rad-link-1:hover,
.mod-content .content-module a.rad-link-2:hover {
  background: var(--primary-3); 
  color: var(--primary-5) !important;      
  border: 2px solid var(--primary-2); 
}
.mod-content .content-module a.rad-link-1:hover::before,.mod-content .content-module a.rad-link-2:hover::before{
background: transparent;
}
.mod-content .content-module a.rad-link-1:hover::after,.mod-content .content-module a.rad-link-2:hover::after {
  color: var(--primary-5); 
}
 .custom-cookie .custom-cookie-modal .modal-dialog .modal-content .modal-header .close{top:40px }
.mod-content .content-module a.rad-link-1:after{right:31px !important}
@media all and (max-width: 1460px) {
  .inpage-navigation-container{
  display: flex;
  justify-content: center;
  }
  .inpage-navigation-container .inpage-nav-label-wrapper{
  display: flex;
  align-items: center;
  }
}


@media all and (max-width:991.98px){
  h1, .h1{
    font-family: "AmperSans";
    font-size: 42px;
    font-style: normal;
    line-height: 50px;
  }
  .h2.large{
    font-size: 38px;
    line-height: 45px;
  }
  h2, .h2{
    font-size: 32px;
    line-height: 38px;
  }
  h3, .h3{
    font-size: 21px;
    line-height: 25px;
  }
  h4, .h4{
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.36px;
  }
  h5, .h5{
    font-size: 21px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.18px;
  }
   .content-tabs-item-inner .content-tabs-item {
   font-family: 'FFInfraRegular';
    border-bottom: 1px solid var(--secondary-12);
    background: var(--primary-3);
    font-size: 18px !important;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.18px;
    color: var(--primary-5);
    border: none;
    border-bottom: 1px solid var(--secondary-12);
}
.content-tabs-item-inner .content-tabs-item > a {
    background-color: var(--primary-3);
    color: var(--primary-5);
    transition: all ease 0.5s;
    padding: 16px;
}
.content-tabs-item-inner .content-tabs-item:hover > a {
    background: var(--secondary-12);
    color: var(--primary-2);
}
.content-tabs-item-inner .content-tabs-item.active > a::before{
	background:none;
}
.content-tabs-item-inner .content-tabs-item.active > a {
    background: var(--secondary-12);
    color: var(--primary-2);
 }
 .content-tabs-item-container > .mod-mob-tabs, .content-tabs-item-inner {
 box-shadow:none;
 max-width:none;
   
     
 }
  .content-tabs-item-container > .mod-mob-tabs{
   background-color: var(--primary-3) important;
    border: 1px solid var(--secondary-11);
    }
 .cta-primary,.cta-tertiary-dark,.cta-secondary, .cta-primary-dark{
 	padding:6px 12px !important
 }
    .down-arrow-style {margin-top: 30px !important;}
  
       .custom-cookie .custom-cookie-modal .modal-dialog {
        overflow-x: auto;
        height: 80vh;
    }
    
  
 
}
@media all and (max-width:767.98px){
.mod-pr-sliding-cards .slick-dots.custom-dots li::before{
display:none;
}
.mod-pr-sliding-cards .slick-dots.custom-dots li{
display:flex;
}
.downloads-innerrow .downloadrightlink{
margin-top: auto;transform: translateY(-15px);
}
.icon-forward-white::before {

  right: 0;

}
  h1, .h1{
    font-size: 28px;
    font-weight: 400;
    line-height: 33px;
  }
  .h2-large{
    font-size: 26px;
    line-height: 34px;
  }
  h2, .h2{
    font-size: 24px;
    line-height: 28px;
  }
  h3, .h3{
    font-size: 21px;
    line-height: 25px;
  }
  h4, .h4{
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.18px;
  }
  h5, .h5{
    font-size: 16px;
    line-height: 36px;
    letter-spacing: -0.18px;
  }
.signpost-with-img-holder {
  margin: 0 auto;
  padding: 0;
  }
  .signpost-with-img-holder.signpostLeftPosition .signpost-with-img-holder-inner, .signpost-with-img-holder .signpost-with-img-holder-inner {
    display: flex;
    flex-direction: column !important;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    height: fit-content;
  }
  .signpost-with-img-holder.signpostLeftPosition .signpost-img-wrapper, .signpost-with-img-holder.signpostRightPosition .signpost-content-wrapper 
 {
    width: 100% !important;
    position: relative;
    top: 0;
  }
  .signpost-content-wrapper {
    margin-top: 0 !important;
    width: calc(100% - 25px);
    width:100% !important;
  }
   .signpost-with-img-holder.signpostLeftPosition .signpost-img-wrapper{
   padding-left:0 !important;
   }   
   .signpost-with-img-holder.signpostRightPosition .signpost-img-wrapper{
   padding-right:0 !important;
   }
  .down-arrow .icon-downward-white::before{
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
   transition: background-image 0.3s;
}
.signpost-with-img-holder .signpost-img-wrapper{flex: 0 0 40%;!important;}
.title-link-wrapper .bottom-link-wrapper{padding:3px 15px; width: 50%;}
.mod-latestblogs.blog-landing .bottom-link-wrapper{width: 50%;}

.image-carousel-container .carousel-item-wrapper{padding-bottom:20px;}



}
.icon-downward-white,.icon-downward-green{
position: relative;
  height: 36px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-downward-white::before,.icon-downward-green::before{
 content: '';
  position: absolute;
  height: 36px;
  width: 28px;
  background-repeat: no-repeat;
  }
.icon-forward,
.icon-forward-green,
.icon-forward-black,
.icon-forward-white,
.icon-forward-yellow,
.arrow-forward-yellow,.arrow-backward-yellow
.icon-quote-new,.icon-mobile,.icon-call,.icon-mail,.icon-language {
  position: relative;
  height: 25px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
/*   margin:auto; */
}
.icon-forward::before,
.icon-forward-green::before,
.icon-forward-black::before,
.icon-forward-white::before,
.icon-forward-yellow:before,
.arrow-forward-yellow:before,.arrow-backward-yellow:before,
.icon-quote-new::before,.icon-mobile::before,.icon-call::before,.icon-mail::before,.icon-language::before {
  content: '';
  position: absolute;
  height: 25px;
  width: 28px;
  background-repeat: no-repeat;
}
/* Specific background images */
.arrow-forward-yellow,.arrow-backward-yellow:before{
  background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-backward-yellow');background-position: center;
}
.icon-forward::before {
  background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-forward');background-position: center;
}
.icon-forward-green::before {
  background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-small');background-position: center;background-size:26px auto
}
.icon-forward-black::before {
  background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-black');background-position: center;
}
.icon-forward-white::before {
  background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-white');background-position: center;
}
 .icon-forward-yellow:before {
  background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-yellow');background-position: center;
}

.icon-forward-yellow-dark:before {
  background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-yellow-dark');background-position: center;
}
.icon-quote-new::before {
  background-image: url('/~/media/Images/M/MandG-Plc/icons/quote-new');background-position: center;
}
.icon-mobile::before{
  background-image: url('/~/media/Images/M/MandG-Plc/icons/mobile');background-position: center;
}
.icon-mail::before{
  background-image: url('/~/media/Images/M/MandG-Plc/icons/mail');background-position: center;
}
.icon-call::before{
  background-image: url('/~/media/Images/M/MandG-Plc/icons/call');background-position: center;
}
.icon-language::before{
  background-image: url('/~/media/Images/M/MandG-Plc/icons/language');background-position: center;
}
.icon-downward-white::before{
  background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-downward-white');background-position: center;
}
.icon-downward-green::before{
  background-image: url('/~/media/Images/M/MandG-Plc/icons/arrow-downward-green');background-position: center;
}
/*footer style start*/
.footerLogo{
  margin-left:0;
  margin-top:75px;
}
.footer-column .footer-col{
  font-weight: 500;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: -0.36px;
}
.footer-column ul li{
	margin-bottom: 28px;
}
.footer-column ul li a {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.18px;
  font-family: 'FFInfraLight';
}

.alertServiceLink{
  margin-top:60px;
}

.footerRightLinks .alertService{
  margin-top: 47px;
}
/*footer style end*/
/* .clearfix{
  padding-bottom: 60px;
} */

/*Hero banner animation*/
.module-hero-banner-animation {
  width: 100%;
  max-width: 100%;
  min-height: 600px;
  margin: 0 auto !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 calc(100% / 12 * 1);
}
.module-hero-banner-animation.bg-secondary-4 h1, .darkbg h1, .darkbg p{
  color:var(--primary-3) !important;
}
.module-hero-banner-animation .banner-content-wrap{
  margin-top: 25px;
}
.module-hero-banner-animation .banner-link{
	margin-top:48px;display: inline-flex;
}
.module-hero-banner-animation .banner-content-wrap p{
  margin-bottom:0 !important;
}
.module-hero-banner-animation.bg-secondary-4 .banner-content-wrap p{
  color:var(--primary-3);
}
.module-hero-banner-animation .banner-content-wrap p{
  color:var(--primary-5);
}
.module-hero-banner-animation .banner-content-wrap p:last-child{
  margin:0;
}
.module-hero-banner-animation .rad-arrow-link {
  margin: 0;
  padding: 12px 24px;
  background: var(--primary-1);
  display: inline-flex;
  border-radius: 60px;
  border: 2px solid transparent;
  margin-top: 48px;
}
.cards-slider-holder .card-item .card-item-inner{
background:var(--primary-3);max-width: 395px;
}
.cards-slider-holder .card-item{
border: solid 2px transparent !important;
}
.section-slider-with-cards.mod-sliding-cards .slider-nav-inner{
margin-top:40px;
padding: 0 190px 0 0px;
}

.mod-sliding-cards .cards-slider-holder .card-item .card-title, .mod-pr-sliding-cards .cards-slider-holder .card-item .card-title{
color:var(--primary-5);
}
.section-slider-with-cards.mod-sliding-cards .cards-slider-holder .slick-current .card-item {
  border: solid 2px #055a60 !important;
}

.mod-sliding-cards .cards-slider-holder .slick-current .card-item .card-title, .no-touch .mod-sliding-cards .cards-slider-holder .card-item:hover .card-title, .mod-pr-sliding-cards .cards-slider-holder .slick-current .card-item .card-title, .no-touch .mod-pr-sliding-cards .cards-slider-holder .card-item:hover .card-title, .mod-sliding-cards .cards-slider-holder .slick-current .card-item .card-icon-inner::before, .no-touch .mod-sliding-cards .cards-slider-holder .card-item:hover .card-icon-inner::before {
  color: var(--primary-5) !important;
}
.module-hero-banner-animation .rad-arrow-link:hover{
  border: 2px solid var(--primary-2);
  background: transparent;
  color: var(--primary-5);
}
.module-hero-banner-animation .rad-arrow-link:hover .icon-forward-white:before{
  background-image:url('/~/media/Images/M/MandG-Plc/icons/arrow-forward-black')
}
.module-hero-banner-animation .rad-arrow-link .arrow-link-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.module-hero-banner-animation .rad-arrow-link .arrow-link-text .icon-forward-white{
  height: 25px;
  width: 25px;
  display: inline-block;
}
.module-hero-banner-animation::before {
  display: none;
}
/* LEFT SIDE TEXT */
.module-hero-banner-animation .content-left {
  flex: 1;
  max-width: 650px;
  color: #004d4d;
  font-family: sans-serif;
  text-align: left;
}
.module-hero-banner-animation .content-left h2 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}
.module-hero-banner-animation .cta-button {
  display: inline-block;
  background-color: #005a5a;
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  text-decoration: none;
  font-size: 1rem;
}
/* ====== IMAGE & BOX CONTAINER ====== */
.module-hero-banner-animation .box-animation-wrapper {
  position: relative;
  width: 600px;
  height: 600px;
  flex-shrink: 0;
}
.module-hero-banner-animation .bgVideoContainer{
  height: 366px;
  width: 366px;
  top: 50.2%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background-size: cover;
  background-position: center;
  
}
/* IMAGE */
.module-hero-banner-animation .center-image {
  position: absolute;
  width: 366px;
  height: 366px;
  top: 50.2%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
/* COMMON BOX STYLING */
.module-hero-banner-animation .animated-box {
  position: absolute;
  width: 483px;
  height: 483px;
  z-index: 1;
  animation-duration: 2s;
  animation-delay: 6s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
/* BOX 1: bottom → top → left */
.module-hero-banner-animation .box1 {
  top: 19.7%;
  left: 0;
}
.module-hero-banner-animation .box2 {
  top: 0;
  right: 0;
}
/* COLOR VARIATIONS */
/* bg-secondary-4 */
.module-hero-banner-animation.bg-secondary-4 .box1 {
  background-color: var(--primary-2);
  animation-name: moveBox1-4;
}
.module-hero-banner-animation.bg-secondary-4 .box2 {
  background-color: var(--secondary-14);
  animation-name: moveBox2-4;
}
@keyframes moveBox1-4 {
  0% {
    transform: translate(0, 0);
    background-color: var(--secondary-9);
  }
  25% {
    transform: translate(0, -25%);
    background-color: #F7DCF4;
  }
  50% {
    transform: translate(25%, -25%);
    background-color: var(--secondary-3);
  }
  75% { 
    transform: translate(25%, 0%) scale(0);
    background-color: var(--secondary-3);
  }
  100% {
    transform: translate(0px, 0px);
    background-color: var(--primary-2);
  }
}
@keyframes moveBox2-4 {
  0% {
    transform: translate(0, 0);
    background-color: var(--primary-2);
  }
  25% {
    transform: translate(0, 25%);
    background-color: var(--secondary-7);
  }
  50% {
    transform: translate(-25%, 25%);
    background-color: #7DFFB9;
  }
  75% {
    transform: translate(-25%, 25%) scale(0);
    background-color: #7DFFB9;
  }
  100% {
    transform: translate(0px, 0px);
    background-color: var(--secondary-14);
  }
}
.module-hero-banner-animation.bg-secondary-16 .box1 {
  background-color: var(--primary-2);
  animation-name: moveBox1-16;
}

.module-hero-banner-animation.bg-secondary-16 .box2 {
  background-color: var(--secondary-14);
  animation-name: moveBox2-16;
}

@keyframes moveBox1-16 {
  0% {
    transform: translate(0, 0);
    background-color: var(--secondary-5);
  }
  25% {
    transform: translate(0, -25%);
    background-color: #FFD9E6;
  }
  50% {
    transform: translate(25%, -25%);
    background-color: var(--secondary-12);
  }
  75% { 
    transform: translate(25%, 0%) scale(0);
    background-color: var(--secondary-12);
  }
  100% {
    transform: translate(0px, 0px);
    background-color: var(--primary-2);
  }
}

@keyframes moveBox2-16 {
  0% {
    transform: translate(0, 0);
    background-color: var(--primary-2);
  }
  25% {
    transform: translate(0, 25%);
    background-color: var(--secondary-8);
  }
  50% {
    transform: translate(-25%, 25%);
    background-color: #C4F7FF;
  }
  75% {
    transform: translate(-25%, 25%) scale(0);
    background-color: #C4F7FF;
  }
  100% {
    transform: translate(0px, 0px);
    background-color: var(--secondary-14);
  }
}

.module-hero-banner-animation.bg-primary-1 .box1 {
  background-color: var(--primary-2);
  animation-name: moveBox1-primary-1;
}
.module-hero-banner-animation.bg-primary-1 .box2 {
  background-color: #c7d6f9;
  animation-name: moveBox2-primary-1;
}

@keyframes moveBox1-primary-1 {
  0% {
    transform: translate(0, 0);
    background-color: var(--secondary-9);
  }
  25% {
    transform: translate(0, -25%);
    background-color: #F7DCF4;
  }
  50% {
    transform: translate(25%, -25%);
    background-color: var(--secondary-3);
  }
  75% { 
    transform: translate(25%, 0%) scale(0);
    background-color: var(--secondary-3);
  }
  100% {
    transform: translate(0px, 0px);
    background-color: var(--primary-2);
  }
}

@keyframes moveBox2-primary-1 {
  0% {
    transform: translate(0, 0);
    background-color: var(--primary-2);
  }
  25% {
    transform: translate(0, 25%);
    background-color: var(--secondary-7);
  }
  50% {
    transform: translate(-25%, 25%);
    background-color: #7DFFB9;
  }
  75% {
    transform: translate(-25%, 25%) scale(0);
    background-color: #7DFFB9;
  }
  100% {
    transform: translate(0px, 0px);
    background-color: #c7d6f9;
  }
}

.module-hero-banner-animation.bg-secondary-7 .box1 {
  background-color: #055A60;
  animation-name: moveBox1-7;
}
.module-hero-banner-animation.bg-secondary-7 .box2 {
  background-color: var(--secondary-11);
  animation-name: moveBox2-7;
}

@keyframes moveBox1-7 {
  0% {
    transform: translate(0, 0);
    background-color: var(--secondary-9);
  }
  25% {
    transform: translate(0, -25%);
    background-color: #F7DCF4;
  }
  50% {
    transform: translate(25%, -25%);
    background-color: var(--secondary-3);
  }
  75% { 
    transform: translate(25%, 0%) scale(0);
    background-color: var(--secondary-3);
  }
  100% {
    transform: translate(0px, 0px);
    background-color: var(--primary-1);
  }
}

@keyframes moveBox2-7 {
  0% {
    transform: translate(0, 0);
    background-color: var(--primary-2);
  }
  25% {
    transform: translate(0, 25%);
    background-color: var(--primary-3);
  }
  50% {
    transform: translate(-25%, 25%);
    background-color: #7DFFB9;
  }
  75% {
    transform: translate(-25%, 25%) scale(0);
    background-color: #7DFFB9;
  }
  100% {
    transform: translate(0px, 0px);
    background-color: var(--secondary-11);
  }
}

/* bg-secondary-5 */
.module-hero-banner-animation.bg-secondary-5 .box1 {
  background-color: #055A60;
  animation-name: moveBox1-5;
}
.module-hero-banner-animation.bg-secondary-5 .box2 {
  background-color: var(--secondary-11);
  animation-name: moveBox2-5;
}
/* icon play related changes */
.mod-split-screen-tab .sst2-item-container.teal .single-video-link.single-video-link-blue .icon-play .path2:before,.mod-split-screen-tab .sst2-item-container.coral .single-video-link.single-video-link-blue .icon-play .path2:before,.mod-split-screen-tab .sst2-item-container.violet .single-video-link.single-video-link-blue .icon-play .path2:before,.mod-split-screen-tab .sst2-item-container.green .single-video-link.single-video-link-blue .icon-play .path2:before,.mod-split-screen-tab .sst2-item-container.light-blue .single-video-link.single-video-link-blue .icon-play .path2:before{
  color: var(--primary-1);
}
.mod-split-screen-tab .sst2-item-container.teal .single-video-link.single-video-link-blue:hover .icon-play .path2:before,.mod-split-screen-tab .sst2-item-container.coral .single-video-link.single-video-link-blue:hover .icon-play .path2:before,.mod-split-screen-tab .sst2-item-container.violet .single-video-link.single-video-link-blue:hover .icon-play .path2:before,.mod-split-screen-tab .sst2-item-container.green .single-video-link.single-video-link-blue:hover .icon-play .path2:before,.mod-split-screen-tab .sst2-item-container.light-blue:hover .single-video-link.single-video-link-blue .icon-play .path2:before{
  color: var(--primary-2);
}
.mod-split-screen-tab .sst2-item-container.teal .single-video-link.single-video-link-blue:hover .icon-play .path1:before,.mod-split-screen-tab .sst2-item-container.coral .single-video-link.single-video-link-blue:hover .icon-play .path1:before,.mod-split-screen-tab .sst2-item-container.violet .single-video-link.single-video-link-blue:hover .icon-play .path1:before,.mod-split-screen-tab .sst2-item-container.green .single-video-link.single-video-link-blue:hover .icon-play .path1:before,.mod-split-screen-tab .sst2-item-container.light-blue:hover .single-video-link.single-video-link-blue .icon-play .path1:before{
  color: var(--primary-3);
}

.mod-split-text-video .mod-content-bg .mod-content-inner h2{
	color:var(--primary-2)
}
.mod-split-text-video .mod-content-bg .mod-content-inner p{
	font-family: 'FFInfraLight';
}
@keyframes moveBox1-5 {
  0% {
    transform: translate(0, 0);
    background-color: #055A60;
  }
  25% {
    transform: translate(0, -25%);
    background-color: #7DFFB9;
  }
  50% {
    transform: translate(25%, -25%);
    background-color: var(--primary-1);
  }
  75% {
    transform: translate(25%, 0%) scale(0);
    background-color: var(--primary-1);
  }
  100% {
    transform: translate(0px, 0px);
    background-color: #055A60;
  }
}
@keyframes moveBox2-5 {
  0% {
    transform: translate(0, 0);
    background-color: var(--secondary-11);
  }
  25% {
    transform: translate(0, 25%);
    background-color: var(--secondary-7);
  }
  50% {
    transform: translate(-25%, 25%);
    background-color: #F27FB2;
  }
  75% {
    transform: translate(-25%, 25%) scale(0);
    background-color: #F27FB2;
  }
  100% {
    transform: translate(0px, 0px);
    background-color: var(--secondary-11);
  }
}
/* bg-secondary-6 */
.module-hero-banner-animation.bg-secondary-6 .box1 {
  background-color: var(--primary-2);
  animation-name: moveBox1-6;
}
.module-hero-banner-animation.bg-secondary-6 .box2 {
  background-color: var(--secondary-2);
  animation-name: moveBox2-6;
}
@keyframes moveBox1-6 {
  0% {
    transform: translate(0, 0);
    background-color: var(--primary-2);
  }
  25% {
    transform: translate(0, -25%);
    background-color: var(--secondary-4);
  }
  50% {
    transform: translate(25%, -25%);
    background-color: #F27FB2;
  }
  75% {
    transform: translate(25%, 0%) scale(0);
    background-color: #F27FB2;
  }
  100% {
    transform: translate(0px, 0px);
    background-color: var(--primary-2);
  }
}
@keyframes moveBox2-6 {
  0% {
    transform: translate(0, 0);
    background-color: var(--secondary-2);
  }
  25% {
    transform: translate(0, 25%);
    background-color: var(--primary-2);
  }
  50% {
    transform: translate(-25%, 25%);
    background-color: var(--secondary-7);
  }
  75% {
    transform: translate(-25%, 25%) scale(0);
    background-color: var(--secondary-7);
  }
  100% {
    transform: translate(0px, 0px);
    background-color: var(--secondary-2);
  }
}
/* bg-secondary-8 */
.module-hero-banner-animation.bg-secondary-8 .box1 {
  background-color: var(--primary-2);
  animation-name: moveBox1-8;
}
.module-hero-banner-animation.bg-secondary-8 .box2 {
  background-color: var(--secondary-4);
  animation-name: moveBox2-8;
}
@keyframes moveBox1-8 {
  0% {
    transform: translate(0, 0);
    background-color: var(--primary-2);
  }
  25% {
    transform: translate(0, -25%);
    background-color: #F27FB2;
  }
  50% {
    transform: translate(25%, -25%);
    background-color: var(--secondary-7);
  }
  75% {
    transform: translate(25%, 0%) scale(0);
    background-color: var(--secondary-7);
  }
  100% {
    transform: translate(0px, 0px);
    background-color: var(--primary-2);
  }
}
@keyframes moveBox2-8 {
  0% {
    transform: translate(0, 0);
    background-color: var(--secondary-4);
  }
  25% {
    transform: translate(0, 25%);
    background-color: #7DFFB9;
  }
  50% {
    transform: translate(-25%, 25%);
    background-color: #055A60;
  }
  75% {
    transform: translate(-25%, 25%) scale(0);
    background-color: #055A60;
  }
  100% {
    transform: translate(0px, 0px);
    background-color: var(--secondary-4);
  }
}
@media (max-width: 768px) {
  .module-hero-banner-animation {
    flex-direction: column;
    height: auto;
    padding: 20px;
    text-align: center;
  }
  .module-hero-banner-animation .content-left {
    max-width: 100%;
/*     margin-bottom: 40px; */
  }
  .module-hero-banner-animation .box-animation-wrapper {
    max-width: 100% !important;
  }

  .module-hero-banner-animation .box-animation-wrapper {
    max-width: 100% !important;
    height: 400px;
  }
  .module-hero-banner-animation .bgVideoContainer{
  	height: 300px !important;
  	width: 100% !important;
    display: block !important;
  }

  .module-hero-banner-animation .box1 {
    left: -40px;
    height: calc(100% - 70px);
    width: calc(100% + 40px);
    top: 50px;
  }
  .module-hero-banner-animation .box2 {
    top: 20px;
    right: -40px;
    width: calc(100% + 40px);
    height: calc(100% - 70px);
  }
}