@font-face {font-family:'GT-Zirkon-Ultra-Light';src: url(clientlib-site/resources/GT-Zirkon-Ultra-Light.woff2);}

@font-face {font-family:'GT-Zirkon-Ultra-Light-Italic';src: url(clientlib-site/resources/GT-Zirkon-Ultra-Light-Italic.woff2);}

@font-face {font-family:'GT-Zirkon-Thin';src: url(clientlib-site/resources/GT-Zirkon-Thin.woff2);}

@font-face {font-family:'GT-Zirkon-Thin-Italic';src: url(clientlib-site/resources/GT-Zirkon-Thin-Italic.woff2);}

@font-face {font-family:'GT-Zirkon-Light';src: url(clientlib-site/resources/GT-Zirkon-Light.woff2);}

@font-face {font-family:'GT-Zirkon-Light-Italic';src: url(clientlib-site/resources/GT-Zirkon-Light-Italic.woff2);}

@font-face {font-family:'GT-Zirkon-Book';src: url(clientlib-site/resources/GT-Zirkon-Book.woff2);}

@font-face {font-family:'GT-Zirkon-Book-Italic';src: url(clientlib-site/resources/GT-Zirkon-Book-Italic.woff2);}

@font-face {font-family:'GT-Zirkon-Regular';src: url(clientlib-site/resources/GT-Zirkon-Regular.woff2);}

@font-face {font-family:'GT-Zirkon-Regular-Italic';src: url(clientlib-site/resources/GT-Zirkon-Regular-Italic.woff2);}

@font-face {font-family:'GT-Zirkon-Medium';src: url(clientlib-site/resources/GT-Zirkon-Medium.woff2);}

@font-face {font-family:'GT-Zirkon-Medium-Italic';src: url(clientlib-site/resources/GT-Zirkon-Medium-Italic.woff2);}

@font-face {font-family:'GT-Zirkon-Bold';src: url(clientlib-site/resources/GT-Zirkon-Bold.woff2);}

@font-face {font-family:'GT-Zirkon-Bold-Italic';src: url(clientlib-site/resources/GT-Zirkon-Bold-Italic.woff2);}

@font-face {font-family:'GT-Zirkon-Black';src: url(clientlib-site/resources/GT-Zirkon-Black.woff2);}

@font-face {font-family:'GT-Zirkon-Black-Italic';src: url(clientlib-site/resources/GT-Zirkon-Black-Italic.woff2);}
.body--bg__color { background: var(--color-fill-base-task1) !important;}

.container{
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
}
/*-------- # Common CSS --------*/
.customize-container {
  margin: 0;
  padding: 0;

}
.row {
  margin: 0;
}
[class*="col-"] {
  padding: 0 var(--spacing-100);
  width: 100%;
     transition: all 0.5s ease-in-out, left 0.5s ease-in-out;
}
/* For XXX-Large Resolution */
@media screen and (min-width: 1441px) {
  .customize-container {
    padding: 0 var(--spacing-700);
    max-width: 1272px;
    margin: 0 auto;
  }
}
/* For XX-Large Resolution */
@media screen and (max-width: 1440px) {
  .customize-container {
    padding: 0 var(--spacing-700);
  }
}
/* For X-Large */
@media screen and (max-width: 1240px) {
  .customize-container {
    padding: 0 128px;
  }
}
/* For Large Resolution */
@media screen and (max-width: 1024px) {
  .customize-container {
    padding: 0 92px;
    min-width: 100%;
  }
}
/* For Medium Resolution */
@media screen and (max-width: 768px) {
  .customize-container {
    padding: 0 var(--spacing-300);
  }
}
/* For Small Resolution */
@media screen and (max-width: 540px) {
  .customize-container {
    padding: 0 var(--spacing-200);
  }
  [class*="col-"] {
    padding: 0 var(--spacing-50);
  }
}
/* For X-Small Resolution */
@media (max-width: 376px) {
  .customize-container {
    padding: 0 20px;
  }
  [class*="col-"] {
    padding: 0 var(--spacing-50);
  }
}

/*--------------------------------------------------------------
# Common Component 
--------------------------------------------------------------*/

.component-title_heading {
  font-weight: 300;
  font-size: 36px;
  line-height: 46px;
  letter-spacing: -0.02em;
  font-family: 'GT-Zirkon-Light';

}

.component-title_heading span {
  font-style: italic;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  display: block;
}

/*Common CSS*/
.neutral--text-color {
  color: var(--color-on-neutral-text-standard);
}


/*--------------------------------------------------------------
# Breadcrumb Component 
--------------------------------------------------------------*/

.breadcrumb {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 auto;
}

.breadcrumb li {
  display: inline-flex;
  font-family: var(--typography-breadcrumb-standard-font-family);
  font-size: var(--typography-breadcrumb-standard-font-size);
  line-height: var(--typography-breadcrumb-standard-line-height);
  text-transform: var(--typography-breadcrumb-standard-text-case);
  letter-spacing: var(--typography-breadcrumb-standard-letter-spacing);
  text-decoration: var(--typography-breadcrumb-standard-text-decoration);
  gap: var(--spacing-100);
  padding: 0;
}

.breadcrumb li:hover a {
  text-decoration: none;
}

.breadcrumb .cmp__breadcrumb-item+.cmp__breadcrumb-item::before {
  content: "/";
  color: var(--color-breadcrumb-text-standard);
}

ol.cmp__breadcrumb-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-100);
  padding: var(--spacing-300) 0;
}

.cmp__breadcrumb-item--link span {
  color: var(--color-breadcrumb-text-standard);
}

/*--------------------------------------------------------------
# Button CSS 
--------------------------------------------------------------*/
.buttongroup {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-100);
  padding: var(--spacing-100) 0;
  flex-wrap: wrap;
}

.buttongroup__align-ltr {
  justify-content: flex-start;
}

.button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: right;
  cursor: pointer;
  text-decoration: none;
  gap: var(--spacing-100);
  line-height: var(--typography-button-standard-line-height);
  font-family: var(--typography-button-standard-font-family);
  font-size: var(--typography-button-standard-font-size);
  letter-spacing: var(--typography-button-standard-letter-spacing);
  text-transform: var(--typography-button-standard-text-case);
  border: var(--border-width-button-focus) solid transparent;
  background: var(--color-on-neutral-button-fill-tertiary-default);
  border-radius: var(--border-radius-button-standard);
  padding: var(--spacing-100) var(--spacing-200);
}

.button:hover {
  text-decoration: none !important;
}

.button svg {
  fill: var(--color-on-neutral-button-icon-tertiary-default);
}

.button--state-tertiary {
  color: var(--color-on-neutral-button-text-tertiary-default) !important;
}

.button--state-tertiary:hover {
  color: var(--color-on-neutral-button-text-tertiary-hover) !important;
  border-width: var(--border-width-button-focus);
  border-color: var(--color-on-neutral-button-border-tertiary-hover);
  background: var(--color-on-neutral-button-fill-tertiary-hover);
}

.button--state-tertiary:hover svg {
  fill: var(--color-on-neutral-button-icon-tertiary-hover);
}

.button--state-tertiary.button--state-tertiary-focus {
  color: var(--color-on-neutral-button-text-tertiary-focus) !important;
  border: var(--border-width-button-focus) solid var(--color-on-neutral-button-border-tertiary-focus);
  border-radius: var(--border-radius-button-standard);
  background: var(--color-on-neutral-button-fill-tertiary-focus);
}

.button--state-tertiary.button--state-tertiary-focus svg {
  fill: var(--color-on-neutral-button-icon-tertiary-focus);
}

.button--state-tertiary:focus {
  outline: none;
}

.button--state-tertiary:active {
  color: var(--color-on-neutral-button-text-tertiary-pressed) !important;
  border-width: var(--border-width-button-focus);
  border-color: var(--color-on-neutral-button-border-tertiary-pressed);
  background: var(--color-on-neutral-button-fill-tertiary-pressed);
}

.button--state-tertiary:active svg {
  fill: var(--color-on-neutral-button-icon-tertiary-pressed);
}

.button--state-tertiary:disabled {
  color: var(--color-on-neutral-button-text-tertiary-disabled);
  border-width: var(--border-width-button-tertiary-disabled);
  border-color: var(--color-on-neutral-button-border-tertiary-disabled);
  background: var(--color-on-neutral-button-fill-tertiary-disabled);
  cursor: context-menu;
}

.button--state-tertiary:disabled svg {
  fill: var(--color-on-neutral-button-icon-tertiary-disabled);
}


/*Button Secondary State*/
.button--state-secondary {
  color: var(--color-on-neutral-button-text-secondary-default);
  border: var(--border-width-button-secondary-default) solid var(--color-on-neutral-button-border-secondary-default);
  border-radius: var(--border-radius-button-standard);
  background: var(--color-on-neutral-button-fill-secondary-default);
}

.button--state-secondary:focus {
  outline: none;
}

.button--state-secondary.button--state-secondary-focus {
  color: var(--color-on-neutral-button-text-secondary-focus);
  border: var(--border-width-button-focus) solid var(--color-on-neutral-button-border-secondary-focus);
  border-radius: var(--border-radius-button-standard);
  background: var(--color-on-neutral-button-fill-secondary-focus);
}

.button--state-secondary:hover {
  color: var(--color-on-neutral-button-text-secondary-hover);
  border: var(--border-width-button-secondary-hover) solid var(--color-on-neutral-button-border-secondary-hover);
  border-radius: var(--border-radius-button-standard);
  background: var(--color-on-neutral-button-fill-secondary-default);
}

.button--state-secondary:active {
  color: var(--color-on-neutral-button-text-secondary-pressed);
  border: var(--border-width-button-secondary-pressed) solid var(--color-on-neutral-button-border-secondary-pressed);
  border-radius: var(--border-radius-button-standard);
  background: var(--color-on-neutral-button-fill-secondary-default);
}

/*Button Secondary State*/

/*Button Primary State*/
.button--state-primary {
  color: var(--color-on-neutral-button-text-primary-default) !important;
  border: var(--border-width-button-focus) solid var(--color-on-neutral-button-border-primary-default);
  border-radius: var(--border-radius-button-standard);
  background: var(--color-on-neutral-button-fill-primary-default);
}

.button--state-primary:focus {
  outline: none;
}

.button--state-primary.button--state-primary-focus {
  color: var(--color-on-neutral-button-text-primary-focus) !important;
  border: var(--border-width-button-focus) solid var(--color-on-neutral-button-border-primary-focus);
  border-radius: var(--border-radius-button-standard);
  background: var(--color-on-neutral-button-fill-primary-focus);
}

.button--state-primary:hover {
  color: var(--color-on-neutral-button-text-primary-hover);
  border: var(--border-width-button-focus) solid var(--color-on-neutral-button-border-primary-hover);
  border-radius: var(--border-radius-button-standard);
  background: var(--color-on-neutral-button-fill-primary-hover);
}

.button--state-primary:active {
  color: var(--color-on-neutral-button-text-primary-pressed);
  border: var(--border-width-button-focus) solid var(--color-on-neutral-button-border-primary-pressed);
  border-radius: var(--border-radius-button-standard);
  background: var(--color-on-neutral-button-fill-primary-pressed);
}

/*Button Primary State*/



/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/* For Tablet */
@media (min-width: 767px) and (max-width: 1023px) {
  .container.custom-container {
    padding: 0 var(--spacing-500) !important;
    /*Container class overlap between AEM and bootstrap.*/
  }
}

/* For Mobile */
@media (max-width: 767px) {

  .container.custom-container {
    padding: 0 var(--spacing-200) !important;
    /*Container class overlap between AEM and bootstrap.*/
  }

  .buttongroup {
    flex-direction: column;
    align-items: end;
  }
}

.heading.overline-display--text {
  font-family: var(--typography-overline-display-font-family);
  line-height: var(--typography-overline-display-line-height);
  font-size: var(--typography-overline-display-font-size);
  letter-spacing: var(--typography-overline-display-letter-spacing);
  text-transform: var(--typography-overline-display-text-case);
  text-decoration: var(--typography-overline-display-text-decoration);
}

.body-standard-bold--text {
  font-family: var(--typography-body-standard-bold-font-family);
  line-height: var(--typography-body-standard-bold-line-height);
  font-size: var(--typography-body-standard-bold-font-size);
  letter-spacing: var(--typography-body-standard-bold-letter-spacing);
  text-transform: var(--typography-body-standard-bold-text-case);
  text-decoration: var(--typography-body-standard-bold-text-decoration);
}

.badge-inline-standard--text {
  font-family: var(--typography-badge-inline-standard-font-family);
  line-height: var(--typography-badge-inline-standard-line-height);
  font-size: var(--typography-badge-inline-standard-font-size);
  letter-spacing: var(--typography-badge-inline-standard-letter-spacing);
  text-transform: var(--typography-badge-inline-standard-text-case);
  text-decoration: var(--typography-badge-inline-standard-text-decoration);
  padding: 0 var(--spacing-200);
  border: solid var(--border-width-small) var(--color-badge-border-inline-on-bottom);
  border-radius: var(--border-radius-badge-inline);
}

.heading.lrg-subhead-standard--text {
  font-family: var(--typography-lrg-subhead-standard-font-family);
  line-height: var(--typography-lrg-subhead-standard-line-height);
  font-size: var(--typography-lrg-subhead-standard-font-size);
  letter-spacing: var(--typography-lrg-subhead-standard-letter-spacing);
  text-transform: var(--typography-lrg-subhead-standard-text-case);
  text-decoration: var(--typography-lrg-subhead-standard-text-decoration);
  /*padding-bottom:var(--spacing-200);*/
}

.subhead-small--text {
  font-family: var(--typography-subhead-small-font-family);
  line-height: var(--typography-subhead-small-line-height);
  font-size: var(--typography-subhead-small-font-size);
  letter-spacing: var(--typography-subhead-small-letter-spacing);
  text-transform: var(--typography-subhead-small-text-case);
  text-decoration: var(--typography-subhead-small-text-decoration);
}

.body-standard--text {
  font-family: var(--typography-body-standard-font-family);
  line-height: var(--typography-body-standard-line-height);
  font-size: var(--typography-body-standard-font-size);
  letter-spacing: var(--typography-body-standard-letter-spacing);
  text-transform: var(--typography-body-standard-text-case);
  text-decoration: var(--typography-body-standard-text-decoration);
  color: var(--color-on-neutral-text-standard);
}

.body-standard--text p,
.body-standard--text p a {
  font-family: var(--typography-body-standard-font-family);
  line-height: var(--typography-body-standard-line-height);
  font-size: var(--typography-body-standard-font-size);
  letter-spacing: var(--typography-body-standard-letter-spacing);
  text-transform: var(--typography-body-standard-text-case);
  text-decoration: var(--typography-body-standard-text-decoration);
  color: var(--color-on-neutral-text-standard);
}

.body-standard--text p a {
  color: #496c8b !important;
}

.lrg-subhead-large-standard--text {
  font-family: var(--typography-lrg-subhead-large-font-family);
  line-height: var(--typography-lrg-subhead-large-line-height);
  font-size: var(--typography-lrg-subhead-large-font-size);
  letter-spacing: var(--typography-lrg-subhead-large-letter-spacing);
  text-transform: var(--typography-lrg-subhead-large-text-case);
  text-decoration: var(--typography-lrg-subhead-large-text-decoration);
}

/* Divider */
.cms-divider {
  border-top: var(--border-width-small) solid var(--color-divider-border);
}


/*Richtext List*/
.longer--dash,
.circle,
.shorter--dash {
  display: table;
}

.circle {
  padding-left: var(--spacing-200);
}

.shorter--dash {
  padding-left: var(--spacing-400);
}


.longer--dash:before {
  content: "\2013";
  padding-right: var(--spacing-50);
  display: table-cell;
}

.circle:before {
  content: "\25CF";
  padding-right: var(--spacing-50);
  margin-left: var(--spacing-200);
  font-size: 0.5rem;
  display: table-cell;
}

.shorter--dash:before {
  content: "-";
  padding-right: var(--spacing-50);
  margin-left: var(--spacing-400);
  display: table-cell;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0;
}

/* For Tablet & Mobile Heading */
@media only screen and (max-width: 768px) {
  ol.cmp__breadcrumb-list {
    padding: var(--spacing-200) 0;
  }

  .heading.lrg-subhead-standard--text {
    font-family: var(--typography-subhead-standard-font-family);
    font-size: var(--typography-subhead-standard-font-size);
    line-height: var(--typography-subhead-standard-line-height);
    letter-spacing: var(--typography-subhead-standard-letter-spacing);
    text-transform: var(--typography-subhead-standard-text-case);
    text-decoration: var(--typography-subhead-standard-text-decoration);
  }
}

svg {
  vertical-align: unset;
}

a {
  color: #496c8b;
}

a:hover {
  color: #496c8b;
  text-decoration: underline !important;
  /*Customize the AEM Color Code */
}

/* For No container for Control Tabs */
.customize-container.cntrl-tabs__spacing.no-container {
  padding: 0 !important;
}

.text--decoration_none:hover {
  text-decoration: none !important;
  /*Customize the browser default */
}

.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

.row>* {
  flex-shrink: unset;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
} 

[class^="col-"] {
  position: relative;
}

@media (min-width: 576px) {
  .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%;
  }
}

@media (min-width: 576px) {
  .col-sm-8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
  }
}

@media (min-width: 576px) {
  .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%;
  }
}

@media (min-width: 576px) {
  .col-sm-4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
  }
} 

@media (min-width: 768px) {
  .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%;
  }
}

@media (min-width: 768px) {
  .col-md-8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
  }
}

@media (min-width: 768px) {
  .col-md-4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
  }
}

@media (min-width: 992px) {
  .col-lg-12 {
      flex: 0 0 100%;
      max-width: 100%;
  }
}

@media (min-width: 992px) {
  .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%;
  }
}

@media (min-width: 992px) {
  .col-lg-8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
  }
}


@media (min-width: 992px) {
  .col-lg-7 {
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
  }
}

@media (min-width: 992px) {
  .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%;
  }
}

@media (min-width: 992px) {
  .col-lg-4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
  }
}

@media (min-width: 992px) {
  .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%;
  }
}

@media (min-width: 1200px) {
  .col-xl-8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%;
  }
}

@media (min-width: 1200px) {
  .col-xl-2 {
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
  }
}