body {
  min-height: 100vh;
  width: 100%;
  max-width: 100vw;

  overflow-y: auto;
  overflow-x: hidden;
 /* margin: 4em 0em;*/
}

.page-background {
  height: 100vh;
  width: 100vw;
  position: fixed;
  overflow: hidden;
  top: 0;
  object-fit: cover;
}

.modal-background {
  min-height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  position: absolute;
}

.card {
  background-color: white;
  border-radius: 10px;
}

.gradient-text {
  margin: auto;
  font-weight: bold;
  background: -webkit-linear-gradient(left, #336699, #00ccff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.modal-card {

  /*padding-top: clamp(4em, 7.96vh, 88px);*/
  padding-right: clamp(2em, 2.26vw, 4em);
  padding-left: clamp(2em, 2.26vw, 4em);
  padding-bottom: clamp(44px, 6.5vh, 64px);
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.modal-header-text {
  font-size: 44px;
  font-family: "Gotham";
  text-align: center;
  font-weight: 500;
}

.modal-content-text {
  font-family: "Gotham";
  text-align: center;
  color: #9b9b9b;
  font-size: clamp(16px, 1.56vw, 30px);
  margin: auto 22px;
  margin-top: clamp(1em, 1.7vw, 44px);
  margin-bottom: clamp(1em, 1.56vw, 30px);
}

.ms-btn-close {
  padding: 0px;
  position: absolute;
  background-color: transparent;
  border: none;
  top: 0;
  right: 0;
  margin: clamp(16px, 1.56vw, 32px);
  height: 24px;
  width: 24px;
  background-image: url("./assets/XIcon.svg");
  background-size: contain;
}

.ms-logo-header {
  width: max(300px, 25%);
}

/* ========= Button Variant Styling ========= */
/* ====Base Button Styling====*/
.ms-btn-lead,
.ms-btn-lg,
.ms-btn-md,
.ms-btn-sm,
.ms-btn-xsm {
  color: white !important;
  border: none;
  border-radius: 200px;
 /* display: flex;*/
  justify-content: center;
  align-items: center;
  font-family: "Gotham Medium";
  /*margin: auto;*/
  letter-spacing: -0.25px;
  white-space: nowrap;
  font-weight: 400;
  min-height: 0vw; /* This is required so that the calculated font sizing works on safari*/
}

.ms-btn-lead:hover,
.ms-btn-lg:hover,
.ms-btn-md:hover,
.ms-btn-sm:hover,
.ms-btn-xsm:hover {
  opacity: 0.6;
  color:white;
}

.ms-btn-lead > p,
.ms-btn-lg > p,
.ms-btn-md > p,
.ms-btn-sm > p,
.ms-btn-xsm > p {
  margin: 0;
}

/*====Lead Buttons====*/
.ms-btn-lead {
  font-size: clamp(28px, 2.76vw, 53px);
  margin: 0;
}

.ms-btn-lead > img {
  margin: clamp(11px, 1.18vw + 6.86px, 22px);
  width: clamp(34px, 3.43vw, 66px);
  aspect-ratio: 1;
}

/*====Outline Variant====s*/
.ms-btn-outlined {
  position: relative;
  z-index: 0;
  background: transparent !important;
  color: white !important;
  border: solid 3px #00ccff;
}

.ms-gradient.ms-btn-outlined {
  border: none;
}

.ms-gradient.ms-btn-outlined::before {
  position: absolute;
  content: "";
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  padding: 3px;
  margin: -1px;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  background: linear-gradient(60deg, #336699 -10%, #33ccff 50%, #99ffcc 110%);
  background: -webkit-linear-gradient(
    60deg,
    #336699 -10%,
    #33ccff 50%,
    #99ffcc 110%
  );
  background: -moz-linear-gradient(
    60deg,
    #336699 -10%,
    #33ccff 50%,
    #99ffcc 110%
  );
  background: -ms-linear-gradient(
    60deg,
    #336699 -10%,
    #33ccff 50%,
    #99ffcc 110%
  );

  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
}

/*====Button Sizes====*/
.ms-btn-lg {
  padding: clamp(12px, calc(1rem + ((1vw - 3.44px) * 0.8883)), 28px)
    clamp(36px, calc(1.5rem + ((1vw - 3.44px) * 3.0457)), 72px);
  font-size: 20px;
  min-width: 72px;
}

.ms-btn-md {
  font-size: clamp(12px, calc(0.875rem + ((1vw - 3.44px) * 0.3807)), 20px);
  padding: clamp(12px, calc(0.75rem + ((1vw - 3.44px) * 0.6345)), 18px)
    clamp(32px, calc(2rem + ((1vw - 3.44px) * 1.087)), 40px);
}

.ms-btn-sm {
  padding: clamp(8px, calc(0.5rem + ((1vw - 3.44px) * 0.5076)), 16px)
    clamp(36px, calc(1.5rem + ((1vw - 3.44px) * 1.6497)), 40px);
}

.ms-btn-xsm {
  font-size: 12px;
  padding: 8px 36px;
}

.ms-shadow {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.ms-opaque {
  opacity: 0.7;
}

.ms-opaque:hover {
  opacity: 1;
}

/*====Button Colors====*/
.ms-blue {
  background: #00ccff;
  color: white;
  border-color: #00ccff;
}

.ms-white {
  color: #00ccff;
  background: white;
  border-color: white;
}

.ms-navy-gradient {
  background: linear-gradient(#90b7de, #336699);
  background: -webkit-linear-gradient(#90b7de, #336699);
  background: -moz-linear-gradient(#90b7de, #336699);
  background: -ms-linear-gradient(#90b7de, #336699);
}

.ms-blue-gradient {
  background: linear-gradient(#e3f8ff, #33ccff);
  background: -webkit-linear-gradient(#e3f8ff, #33ccff);
  background: -moz-linear-gradient(#e3f8ff, #33ccff);
  background: -ms-linear-gradient(#e3f8ff, #33ccff);
}

.ms-gradient {
  background: linear-gradient(60deg, #336699 -10%, #33ccff 50%, #99ffcc 110%);
  background: -webkit-linear-gradient(
    60deg,
    #336699 -10%,
    #33ccff 50%,
    #99ffcc 110%
  );
  background: -moz-linear-gradient(
    60deg,
    #336699 -10%,
    #33ccff 50%,
    #99ffcc 110%
  );
  background: -ms-linear-gradient(
    60deg,
    #336699 -10%,
    #33ccff 50%,
    #99ffcc 110%
  );
}
.row.bk-nxt {
  margin-top: 12%;
}

.desktopview{
  display: flex;
}
.mobileview{
  display:none;
}

@media only screen and (min-width: 850px) {
  .modal-card {
    margin-left: 15%;
    margin-right: 15%;
    /*margin-top: clamp(4em, 7.96vh, 88px);*/

  }

  .ms-btn-lg {

    font-size: 1rem !important;

  }
 


}
@media only screen and (max-width: 1200px) {
  .mobileview{
    display:flex !important;
  }
  .desktopview{
    display:none !important;
  }
  a.btn.careerbtn {
    font-size: 1rem;
}
}

.modal-backdrop {
  display: none;
}
.fancybox-bg {
  display: none;
}
button.fancybox-button.fancybox-close-small {
  display: none;
}
header.site-header .hamburguremenu span:last-child{
  width: 100%;
}

a.ms-btn-xsm.ms-shadow.ms-gradient:hover {
  color: white;
}

header.site-header{
  width:100vw !important;
}
a.ms-btn-lg.ms-shadow.ms-gradient {
  cursor: pointer;
}