/*This file is for reusable classes only*/
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/**open sans fonts begin**/
.open-sans-light {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.open-sans-regular {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.open-sans-medium {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.open-sans-semibold {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.open-sans-bold {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.open-sans-extrabold {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
/**open sans fonts ends**/


/**raleway fonts begin**/
.raleway-thin {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.raleway-extralight {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.raleway-light {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.raleway-regular {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.raleway-medium {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.raleway-semibold {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.raleway-bold {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.raleway-extrabold {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.raleway-black {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}
/**raleway fonts ends**/

/**gothic-a1 fonts begin**/
.gothic-a1-thin {
  font-family: "Gothic A1", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.gothic-a1-extralight {
  font-family: "Gothic A1", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.gothic-a1-light {
  font-family: "Gothic A1", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.gothic-a1-regular {
  font-family: "Gothic A1", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.gothic-a1-medium {
  font-family: "Gothic A1", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.gothic-a1-semibold {
  font-family: "Gothic A1", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.gothic-a1-bold {
  font-family: "Gothic A1", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.gothic-a1-extrabold {
  font-family: "Gothic A1", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.gothic-a1-black {
  font-family: "Gothic A1", sans-serif;
  font-weight: 900;
  font-style: normal;
}
/**gothic-a1 fonts ends**/


/*additional css and utility classes begin*/
.g--fst-italic {
  font-style: italic !important;
}

.g--fst-normal {
  font-style: normal !important;
}

.g--fw-lighter {
  font-weight: lighter !important;
}

.g--fw-light {
  font-weight: 300 !important;
}

.g--fw-normal {
  font-weight: 400 !important;
}

.g--fw-medium {
  font-weight: 500 !important;
}

.g--fw-semibold {
  font-weight: 600 !important;
}

.g--fw-bold {
  font-weight: 700 !important;
}

.g--fw-bolder {
  font-weight: bolder !important;
}

.g--lh-1 {
  line-height: 1 !important;
}

.g--lh-sm {
  line-height: 1.25 !important;
}

.g--lh-base {
  line-height: 1.5 !important;
}

.g--lh-lg {
  line-height: 2 !important;
}


.g--top-0 {
  top: 0 !important;
}

.g--top-50 {
  top: 50% !important;
}

.g--top-100 {
  top: 100% !important;
}

.g--bottom-0 {
  bottom: 0 !important;
}

.g--bottom-50 {
  bottom: 50% !important;
}

.g--bottom-100 {
  bottom: 100% !important;
}

.g--start-0 {
  left: 0 !important;
}

.g--start-50 {
  left: 50% !important;
}

.g--start-100 {
  left: 100% !important;
}

.g--end-0 {
  right: 0 !important;
}

.g--end-50 {
  right: 50% !important;
}

.g--end-100 {
  right: 100% !important;
}

.g--translate-middle {
  transform: translate(-50%, -50%) !important;
}

.g--translate-middle-x {
  transform: translateX(-50%) !important;
}

.g--translate-middle-y {
  transform: translateY(-50%) !important;
}

@media (min-width: 768px) {
    .g--position-md-absolute {
        position: absolute !important;
    }
    .g--translate-md-middle {
        transform: translate(-50%,-50%)!important;
    }
    .g--translate-md-middle-x {
      transform: translateX(-50%) !important;
    }
    .g--translate-md-middle-y {
      transform: translateY(-50%) !important;
    }
}
@media (min-width: 992px) {
    .g--position-lg-absolute {
        position: absolute !important;
    }
    .g--translate-lg-middle {
        transform: translate(-50%,-50%)!important;
    }
    .g--translate-lg-middle-x {
      transform: translateX(-50%) !important;
    }
    .g--translate-lg-middle-y {
      transform: translateY(-50%) !important;
    }
}
@media (min-width: 1200px) {
    .g--position-xl-absolute {
        position: absolute !important;
    }
    .g--translate-xl-middle {
        transform: translate(-50%,-50%)!important;
    }
    .g--translate-xl-middle-x {
      transform: translateX(-50%) !important;
    }
    .g--translate-xl-middle-y {
      transform: translateY(-50%) !important;
    }
}
@media (min-width: 1400px) {
    .g--position-xxl-absolute {
        position: absolute !important;
    }
    .g--translate-xxl-middle {
        transform: translate(-50%,-50%)!important;
    }
    .g--translate-xxl-middle-x {
      transform: translateX(-50%) !important;
    }
    .g--translate-xxl-middle-y {
      transform: translateY(-50%) !important;
    }
}
/*additional css and utility classes ends*/

/*for homepage modal begin*/
.modal-content-modifier-homepage .columns--first .linkpath .icons {
		aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.modal-content-modifier-homepage .columns--first .subtxt {
		font-size: 15px;
		color: #000;
		font-weight: 500;
}
/*for homepage modal ends*/