:root {
--primary-1:#055a60;
--primary-2:#0ba88a;
--primary-3:#ffffff;
--primary-4:#f3f3f3;
--primary-5:#2f2f2f;
--secondary-1:#f7dcf4;
--secondary-2:#f27fb2;
--secondary-3:#eb5c37;
--secondary-4:#810645;
--secondary-5:#d9cbf7;
--secondary-6:#c7d6f9;
--secondary-7:#83a9ff;
--secondary-8:#e3f5b8;
--secondary-9:#c9bd2f;
--secondary-10:#7dffb9;
--secondary-11:#ddd8c2;
--secondary-12:#F8F7F3;
--secondary-13:#B4A443;
--secondary-14:#F27FB2;
--secondary-15:#c7d6f9;
--secondary-16:#ddd8c2;
--secondary-17:#f7dcf4;
--black:#000000;
}

/* === Background Color Classes === */
.bg-primary-1 { background-color: var(--primary-1); }
.bg-primary-2 { background-color: var(--primary-2); }
.bg-primary-3 { background-color: var(--primary-3); }
.bg-primary-4 { background-color: var(--primary-4); }
.bg-primary-5 { background-color: var(--primary-5); }

.bg-secondary-1 { background-color: var(--secondary-1); }
.bg-secondary-2 { background-color: var(--secondary-2); }
.bg-secondary-3 { background-color: var(--secondary-3); }
.bg-secondary-4 { background-color: var(--secondary-4); }
.bg-secondary-5 { background-color: var(--secondary-5); }
.bg-secondary-6 { background-color: var(--secondary-6); }
.bg-secondary-7 { background-color: var(--secondary-7); }
.bg-secondary-8 { background-color: var(--secondary-8); }
.bg-secondary-9 { background-color: var(--secondary-9); }
.bg-secondary-10 { background-color: var(--secondary-10); }
.bg-secondary-11 { background-color: var(--secondary-11); }
.bg-secondary-12 { background-color: var(--secondary-12); }
.bg-secondary-13 { background-color: var(--secondary-13); }
.bg-secondary-14 { background-color: var(--secondary-14); }
.bg-secondary-15 { background-color: var(--secondary-15); }
.bg-secondary-16 { background-color: var(--secondary-16); }
.bg-secondary-17 { background-color: var(--secondary-17); }
.bg-black { background-color: var(--black); }

/* === Text Color Classes === */
.text-primary-1 { color: var(--primary-1) !important; }
.text-primary-2 { color: var(--primary-2); }
.text-primary-3 { color: var(--primary-3); }
.text-primary-4 { color: var(--primary-4); }
.text-primary-5 { color: var(--primary-5); }
.text-secondary-1 { color: var(--secondary-1); }
.text-secondary-2 { color: var(--secondary-2); }
.text-secondary-3 { color: var(--secondary-3); }
.text-secondary-4 { color: var(--secondary-4); }
.text-secondary-5 { color: var(--secondary-5); }
.text-secondary-6 { color: var(--secondary-6); }
.text-secondary-7 { color: var(--secondary-7); }
.text-secondary-8 { color: var(--secondary-8); }
.text-secondary-9 { color: var(--secondary-9); }
.text-secondary-10 { color: var(--secondary-10); }
.text-secondary-11 { color: var(--secondary-11); }
.text-secondary-12 { color: var(--secondary-12); }
.text-secondary-13 { color: var(--secondary-13); }
.text-secondary-14 { color: var(--secondary-14); }
.text-secondary-15 { color: var(--secondary-15); }
.text-secondary-16 { color: var(--secondary-16); }
.text-secondary-17 { color: var(--secondary-17); }
.text-black { color: var(--black); }


/*........... Fonts..................*/

@font-face {
  font-family: 'AmperSans';
  src: url('/~/media/Files/M/MandG-Plc/fonts/amper-sans/ampersans-light-woff2.woff2') format('woff2'),
       url('/~/media/Files/M/MandG-Plc/fonts/amper-sans/ampersans-light-woff.woff') format('woff'),
       url('/~/media/Files/M/MandG-Plc/fonts/amper-sans/ampersans-light-ttf.ttf') format('truetype'),
       url('/~/media/Files/M/MandG-Plc/fonts/amper-sans/ampersans-light-otf.otf') format('opentype');
       font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'AmperSans Regular';
  src: url('/~/media/Files/M/MandG-Plc/fonts/amper-sans/ampersans-regular-otf.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'AmperSans Bold';
  src: url('/~/media/Files/M/MandG-Plc/fonts/amper-sans/ampersans-bold-otf.otf') format('opentype');
       font-weight: 600;
  font-style: normal;
}


/* ==========  CTA Button ========== */
.cta-primary,
.cta-secondary,
.cta-tertiary,.cta-tertiary-dark, .cta-primary-dark {
  margin: 0;
  padding: 12px 24px; 
  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;
}
.cta-primary-dark{
	background:var(--secondary-9);
    color:var(--primary-5);
    border:2px solid var(--secondary-13)
}
.cta-tertiary-dark{
  background: transparent;
  color: var(--primary-3);
  border: 2px solid var(--primary-3);
}
.cta-primary {
  background: var(--primary-1);
  color: var(--primary-3);
}

.cta-secondary {
  background: transparent;
  color: var(--primary-5);
}

.cta-tertiary {
  background: transparent;
  color: var(--primary-1);
}

.cta-primary:hover {
  color: var(--primary-5) !important;
  background: var(--primary-3) !important;
  border-color: var(--primary-2) !important;
}
.cta-primary-dark:hover {
  color: var(--primary-5) !important;
  background: var(--primary-3) !important;
  border-color: var(--secondary-13) !important;
}
.cta-secondary:hover,.cta-tertiary-dark:hover{
 color: var(--primary-5) !important;
  background: var(--primary-3) !important;
  border-color: var(--primary-2) !important;
}
.cta-tertiary:hover {
  color: var(--primary-3) !important;
  background: var(--primary-1) !important;
  border-color: var(--primary-1) !important;
}


.cta-primary:hover .icon-forward-white::before,
.cta-secondary:hover .icon-forward-white::before,.cta-tertiary-dark:hover .icon-forward-white::before{
  background-image: url(/~/media/Images/M/MandG-Plc/icons/arrow-forward-black);
}

.cta-tertiary:hover .icon-forward-green::before {
  background-image: url(/~/media/Images/M/MandG-Plc/icons/arrow-forward-white);
}



 /* ========== Text link CTA  ========== */
.text-link-light,
.text-link-dark,.text-link-simple-light,.text-link-simple-dark {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.18px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  border: none;
  font-family: 'FFInfraLight'
}

.text-link-light{
  color: var(--primary-5);
  text-decoration-color: var(--primary-1);
}
.text-link-simple-dark{
  color: var(--primary-5);
  text-decoration-color: var(--primary-5);
}
.text-link-dark, .text-link-simple-light{
  color: var(--primary-3);
  text-decoration-color: var(--primary-3);
}

.text-link-light:hover, .text-link-simple-dark:hover
 {
  text-decoration: none;
  border: none ;
}
.text-link-dark:hover, .text-link-simple-light:hover{
 text-decoration: underline;
  border: none;
  color:var(--primary-3)
}

.arrow-link-text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-link-light .icon-forward-white,
.text-link-dark .icon-forward-green {
  padding: 12px;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
   transition: background 0.3s, border 0.3s;
 
}

.text-link-light .icon-forward-white {
  background: var(--primary-1);
}

.text-link-dark .icon-forward-green {
  background: var(--primary-3);
}

.text-link-light .icon-forward-white::before,
.text-link-dark .icon-forward-green::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
   transition: background-image 0.3s;
}
.text-link-simple-dark .icon-arrow-head-right,.text-link-simple-light .icon-arrow-head-right{
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  text-decoration:none !important;
}

.text-link-simple-dark .icon-arrow-head-right::before{
	color:var(--primary-5);
    text-decoration: none !important;
    display: inline-block;
}
.text-link-simple-light .icon-arrow-head-right::before{
	color:var(--primary-3);
    text-decoration: none !important;
    display: inline-block;
}
.text-link-light .icon-forward-white::before {
  background-image: url(/~/media/Images/M/MandG-Plc/icons/arrow-forward-white);
}

.text-link-dark .icon-forward-green::before {
  background-image: url(/~/media/Images/M/MandG-Plc/icons/arrow-forward-green-new);
}

.text-link-light:hover .icon-forward-white {
  background: transparent;
  border: 2px solid var(--primary-1);
}

.text-link-dark:hover .icon-forward-green {
  background: transparent;
  border: 2px solid var(--primary-3);
}

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

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


.language-icon-wrapper{
	display:flex;
    gap:8px;
    align-items: center;
   justify-content: flex-start;
}
.language-text{
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.18px;
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  border: none;
  font-family: 'FFInfraLight';
  text-decoration-color: var(--primary-1);
  text-decoration-thickness: 8%; 
  text-underline-offset: 20%;
  color:var(--primary-5)!important;
}
.language-text:hover{
	text-decoration: none
}
.text-link-media{
    display: inline-flex;
    gap: 8px;
    text-align: unset;
    align-items: center;
}
.rad-link-media{
    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-5) !important;
    text-decoration-thickness: 8%;
    text-underline-offset: 20%;
    text-underline-position: from-font;
}
.icon-forward-black.down::before {
  display: inline-block; 
  transform: rotate(90deg);
}
.icon-arrow-black.down{border:none;}
.text-link-media:hover .rad-link-media{text-decoration: underline;}
 @media all and (max-width:767.98px){
 .rad-author{
 flex-direction: column;
 }
 }