@charset "UTF-8";
body {
  font-family: Metropolis, sans-serif;
  font-size: 18px;
  background-color: #245699;
}

.btn-white {
  height: 5em;
  background-color: #ffffff;
  border: 1px solid #245699;
  border-radius: 15px;
}

.headerSubheading {
  color: #065495;
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  margin-top: -1em;
}

.translate-container {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1000;
}

.subheader {
  font-size: 15px;
  font-weight: 500;
}

.fullWidth {
  width: 100%;
}

.tdCenter {
  text-align: center;
}

.heading {
  margin-top: 1em;
  margin-bottom: 1em !important;
  text-align: center;
}

.centerText {
  text-align: center;
}

.redHeader {
  font-weight: 600;
  color: #e66159;
}

.orangeHeader {
  font-weight: 600;
  color: #d47d3d;
}

.blueHeader {
  font-weight: 600;
  color: #065495;
}

.text-blue {
  color: #065495;
}

.text-red {
  color: #e66159;
}

.text-fade {
  opacity: 0.4;
}

.disclaimerContainer {
  border: 1.5px solid #ffffff;
  border-radius: 50px;
}

.text-white {
  color: #ffffff;
}

.iconsTable td {
  width: 20%;
  vertical-align: top;
  height: 100%;
}

.iconsTable tr {
  height: 100%;
}

td .tanBackground, td .whiteBackground, td .orangeBackground {
  height: 100%;
  width: 100%;
  padding: 0.75em;
}

.orangeBackground {
  background-color: #d47d3d;
}

.darkBlueHeader {
  font-weight: 600;
  color: #16283e;
}

.darkBlueHeader.normalWeight {
  font-weight: inherit;
  font-size: 16px;
}

.whiteHeader {
  font-weight: 600;
  color: #ffffff;
}

.tanBackground,
.blueBackground, .whiteBackground, .orangeBackground, .greyBackground, .redBackgroundm, .clearBlueBackground {
  width: 100%;
  padding: 1em 0em 1em 0em;
}

.tanBackground.paddingLeft, .clearBlueBackground.paddingLeft {
  padding: 0em 0em 0em 1em;
}

.tanBackground .container,
.blueBackground .container, .redBackground .container, .clearBlueBackground .container {
  padding-bottom: 1em;
}

.infoText {
  font-style: italic;
}

.text-orange {
  color: #d47d3d;
}

.tanBackground {
  background-color: #f5e5d1;
  color: black;
}
.tanBackground.with-border {
  border: 1.5px solid #e66159;
}

.clearBlueBackground {
  background-color: #cfe2f3;
  color: #065495;
}
.clearBlueBackground.round-white-border {
  border: 2px solid #ffffff !important;
  border-radius: 50px;
}

#navigationSection .headerIcons {
  transition: all 0.3s ease-in-out;
}
#navigationSection .headerIcons .onStreet,
#navigationSection .headerIcons .privateProperty,
#navigationSection .headerIcons .sidewalk,
#navigationSection .headerIcons .alcohol,
#navigationSection .headerIcons .resources {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
}
#navigationSection .linkBtn {
  text-decoration: none;
  transition: transform 0.2s ease-in-out;
  margin: 1em;
}
#navigationSection .linkBtn:hover .headerIcons {
  transform: scale(1.025);
}

.whiteBackground {
  background-color: #ffffff;
  color: black;
  border: none;
}
.whiteBackground.with-border {
  border: 1.5px solid #e66159 !important;
}
.whiteBackground.with-blue-border {
  border: 1.5px solid #245699 !important;
}
.whiteBackground.round-blue-border {
  border: 2px solid #245699 !important;
  border-radius: 50px;
}
.whiteBackground.with-orange-border {
  border: 1.5px solid #d47d3d !important;
}

.greyBackground {
  background-color: #d9d9d9;
  color: #000000;
}
.greyBackground.with-border {
  border: 1.5px solid #245699;
}

.relativeContainer {
  position: relative;
}

.headerTag {
  width: 14em;
  padding: 0.75em;
  position: absolute;
  left: -1em;
  top: 1em;
  font-weight: 600;
}

.headerTag2 {
  width: 20em;
  padding: 0.75em;
  position: absolute;
  left: -5em;
  top: -4em;
  font-weight: 600;
}

.btn-primary {
  background-color: #245699;
  border-radius: 10px;
}

.headerTag3 {
  width: 20em;
  padding: 0.75em;
  position: absolute;
  left: -5em;
  top: 1em;
  font-weight: 600;
}

.redBackground {
  background-color: #e66159;
  color: white;
}

.blueBackground {
  background-color: #245699;
  color: white;
}

.resourceLink a {
  color: #3267cb;
  font-size: 18px;
}

p a, li a, h4 a, h5 a, .clickable-link {
  font-weight: bold;
}
p a.btn, p a.linkBtn, li a.btn, li a.linkBtn, h4 a.btn, h4 a.linkBtn, h5 a.btn, h5 a.linkBtn, .clickable-link.btn, .clickable-link.linkBtn {
  font-weight: normal;
}
p a.btn:hover.text-white, p a.linkBtn:hover.text-white, li a.btn:hover.text-white, li a.linkBtn:hover.text-white, h4 a.btn:hover.text-white, h4 a.linkBtn:hover.text-white, h5 a.btn:hover.text-white, h5 a.linkBtn:hover.text-white, .clickable-link.btn:hover.text-white, .clickable-link.linkBtn:hover.text-white {
  color: #ffffff !important;
}
p a:hover.text-white, li a:hover.text-white, h4 a:hover.text-white, h5 a:hover.text-white, .clickable-link:hover.text-white {
  color: #f0f0f0 !important;
}

.resourceLink a:hover {
  color: #0d6efd;
}

.linkBtn {
  width: 10em;
  text-decoration: none;
}
.linkBtn .headerIcons {
  width: 10em;
  height: 10em;
}

.headerIcons {
  width: 12em;
  height: 12em;
  margin-top: 2em;
  border-radius: 50%;
}
.headerIcons.alcoholContainer, .headerIcons.resourcesContainer {
  background-color: #4a8ce7;
}

.headerIcons .onStreet,
.privateProperty,
.sidewalk, .alcohol, .resources {
  height: 100%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
}

.headerIcons .onStreet {
  background-image: url("../images/on_street.png");
  border: 5px solid #4a8ce7;
}

.headerIcons .privateProperty {
  background-image: url("../images/private_prop_dining.png");
  border: 5px solid #e69138;
}

.headerIcons .sidewalk {
  background-image: url("../images/sidewalk_dining.png");
  border: 5px solid #6aa84f;
}

.headerIcons .alcohol {
  background-image: url("../images/alcohol-icon.png");
  border: 5px solid #f1c232;
}

.headerIcons .resources {
  background-image: url("../images/resources-icon.png");
  border: 5px solid #e66159;
}

.headingImage {
  background-image: url("../images/laalfrescobackground.png");
  height: 13em;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.applicationsImage {
  background-image: url("../images/illustration-2.png");
  height: 23em;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.headingImage2 {
  background-image: url("../images/laalfrescoimage.png");
  height: 15em;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 5000;
}

table {
  width: 100%;
  height: 1px;
}

.indentedList {
  margin-left: 2em;
}

.parentAccordion .accordion-item {
  background-color: #ffffff;
  border: 1px solid #065495;
  margin-bottom: 16px;
  border-radius: 14px;
}
.parentAccordion .accordion-item .accordion-header {
  margin-top: 0;
}

.parentAccordion .accordion-item .accordion-header .accordion-button.collapsed {
  border-radius: 12px !important;
  border: 4px solid #065495;
  box-shadow: none;
}

.parentAccordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}

.parentAccordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  border: none;
  border-radius: 15px !important;
  box-shadow: none;
}

.parentAccordion .accordion-item .accordion-header .accordion-button::after {
  background-image: url("../images/bootstrap-icons/plus-lg.svg");
}

.parentAccordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: url("../images/bootstrap-icons/dash-lg.svg");
}

.parentAccordion .accordion-item .accordion-header .accordion-button:not(.collapsed),
.parentAccordion .accordion-item .accordion-header .accordion-button {
  background-color: #ffffff;
}

.accordion-item {
  color: #000000;
}
.accordion-item .accordion-body {
  text-align: left;
}

.iconBtnLink {
  width: 8em;
  height: 8em;
}

.iconBtnLink div {
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.iconBtnLink .ladotIcon {
  background-image: url("../images/ladoticon.png");
}

.iconBtnLink .ladbsIcon {
  background-image: url("../images/ladbsicon.png");
}

.iconBtnLink .cityPlanningIcon {
  background-image: url("../images/cityplanningicon.png");
}

.iconBtnLink .boeIcon {
  background-image: url("../images/boeicon.png");
}

.parentAccordion .childAccordion .accordion-item {
  background-color: #ffffff;
  border: 1px solid #065495;
  margin-bottom: 16px;
  border-radius: 0;
}

.parentAccordion .childAccordion .accordion-item .accordion-header .accordion-button.collapsed {
  border: none;
  border-radius: 0px !important;
  background-color: #065495;
}

.parentAccordion .childAccordion .accordion-item .accordion-header .accordion-button.collapsed h6 {
  color: #ffffff;
}

.parentAccordion .childAccordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  border: none;
  border-radius: 0px !important;
  background-color: #ffffff;
}

.parentAccordion .childAccordion .accordion-item .accordion-header .accordion-button:not(.collapsed) h6 {
  color: #065495;
}

.parentAccordion .accordion-item .accordion-header .accordion-button::after {
  filter: invert(21%) sepia(99%) saturate(1329%) hue-rotate(187deg) brightness(94%) contrast(96%);
}

.parentAccordion .childAccordion .accordion-item .accordion-header .accordion-button.collapsed::after {
  filter: invert(1);
}

.blueBtnLink {
  background-color: #245699;
  border-radius: 24px;
  width: 19em;
  height: 6em;
  color: #ffffff;
  text-decoration: none;
}
.blueBtnLink:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
  color: #ffffff;
}

.redBtnLink2 {
  background-color: #e66159;
  border-radius: 24px;
  width: 19em;
  height: 6em;
  color: #ffffff;
  text-decoration: none;
}
.redBtnLink2:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
  color: #ffffff;
}

#backToTop {
  position: sticky;
  bottom: 20px;
  z-index: 1000;
  display: none;
  justify-content: end;
}

.alphaList {
  list-style-type: lower-alpha;
}

.logoBtnLink {
  border-radius: 45px;
  width: 22em;
}
.logoBtnLink .headingImage {
  height: 8em;
  width: 11em;
}

.whiteDottedBorder {
  border-top: dotted 2px #ffffff;
  background-color: transparent;
  color: white;
  opacity: 1;
}

.whiteBtnLink {
  background-color: #ffffff;
  border-radius: 24px;
  width: 19em;
  height: 6em;
  color: #245699;
  text-decoration: none;
}
.whiteBtnLink:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
  color: #245699;
}

.orangeBtnLink {
  background-color: #d47d3d;
  border-radius: 24px;
  width: 19em;
  height: 6em;
  color: #ffffff;
  text-decoration: none;
}
.orangeBtnLink:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
  color: #ffffff;
}

.largeLineHeight {
  line-height: 2;
}

.vrRed {
  width: 1px;
  background-color: #e66159;
}

.redBorderBtnLink {
  background-color: transparent;
  border-radius: 10px;
  width: 90%;
  height: 3em;
  color: #e66159;
  border: 1.5px solid #e66159;
  text-decoration: none;
}

.redBtnLinkLg {
  background-color: #e66159;
  border-radius: 24px;
  width: 19em;
  height: 6em;
  color: #ffffff;
  text-decoration: none;
}
.redBtnLinkLg.mdBtn {
  height: 4em;
}
.redBtnLinkLg:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
  color: #ffffff;
}

.redBtnLink {
  background-color: #e66159;
  border-radius: 15px;
  width: 90%;
  height: 5em;
  color: #ffffff;
  text-decoration: none;
}
.redBtnLink.mdBtn {
  height: 4em;
}
.redBtnLink:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
  color: #ffffff;
}

.largeHeading {
  font-size: 18px;
}

.tableBannerText {
  height: 4em;
}

.tableBannerText h5 {
  background-color: #ffff00;
  color: #ff0000;
}

.table2 {
  margin-top: -17px;
}

.time-line-box {
  width: 100%;
  margin-bottom: 3em;
  margin-top: 2em;
}

a div {
  word-break: break-all;
}

.sealBackground {
  background-image: url("../images/City_of_LA_seal.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20em;
  min-height: 20em;
  width: 75%;
}

.time-line-box .timeline {
  list-style-type: none;
  display: flex;
  padding: 0;
  text-align: center;
}

.mediumHeading {
  font-size: 18px;
}

.time-line-box .timestamp {
  margin: auto;
  margin-bottom: 1.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.time-line-box .leftSlide .timestamp {
  margin-left: -3em;
  align-items: flex-start;
}

.time-line-box .rightSlide .timestamp {
  margin-right: -3em;
  align-items: flex-end;
}

.time-line-box .status {
  border-top: 4px solid #065495;
  position: relative;
  transition: all 200ms ease-in;
  display: flex;
  align-items: center;
  justify-content: center;
}

.time-line-box .status span {
  margin-top: 1.5em;
  font-weight: 600;
  width: 14em;
  font-size: 16px;
}

.time-line-box .leftSlide .status span {
  margin-right: 55%;
  margin-left: -40%;
}

.time-line-box .rightSlide .status span {
  margin-right: -40%;
  margin-left: 55%;
}

.time-line-box .middleSlide .status span {
  font-weight: 400;
}
.time-line-box .middleSlide .status span:before {
  background-color: #d9d9d9;
}

.time-line-box .rightSlide .status span:before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-color: #065495;
  border-radius: 12px;
  border: 2px solid #065495;
  position: absolute;
  left: 50%;
  top: -3%;
  transform: translate(-50%, -50%);
  transition: all 200ms ease-in;
}

.time-line-box .rightSlide .status span:before {
  left: 100%;
}

.swiper-wrapper {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
}

.swiper-slide {
  text-align: center;
  font-size: 12px;
  width: 30%;
  max-width: 30%;
  height: 100%;
  position: relative;
}

.smallFont {
  font-size: 16px;
}

.xsmallFont {
  font-size: 12px;
}

.mediumFont {
  font-size: 17px;
}

.buttonContainer.horizontal > :last-child,
.itemContainer.horizontal > :last-child {
  margin-right: 0px !important;
}

.bluetableContainer {
  font-size: 0.9em;
}
.bluetableContainer.whiteBackground {
  padding: 0.5em;
}
.bluetableContainer.whiteBackground table {
  border-top: 2px solid #ffffff;
}
.bluetableContainer .blueBackground {
  height: 5em;
}
.bluetableContainer .middleCol {
  padding-right: 6px;
  padding-left: 6px;
}
.bluetableContainer .secondBlueTable th, .bluetableContainer .secondBlueTable td {
  max-height: 100%;
}
.bluetableContainer .secondBlueTable th .lightBlueBackground, .bluetableContainer .secondBlueTable th .darkGreyBackground, .bluetableContainer .secondBlueTable th .greyBackground, .bluetableContainer .secondBlueTable th .lightGreyBackground,
.bluetableContainer .secondBlueTable th .extraLightBlueBackground, .bluetableContainer .secondBlueTable td .lightBlueBackground, .bluetableContainer .secondBlueTable td .darkGreyBackground, .bluetableContainer .secondBlueTable td .greyBackground, .bluetableContainer .secondBlueTable td .lightGreyBackground,
.bluetableContainer .secondBlueTable td .extraLightBlueBackground {
  max-height: 100%;
}
.bluetableContainer .secondBlueTable th.doubleHeight, .bluetableContainer .secondBlueTable td.doubleHeight {
  max-height: 100%;
}
.bluetableContainer .secondBlueTable th.doubleHeight .lightBlueBackground, .bluetableContainer .secondBlueTable th.doubleHeight .greyBackground, .bluetableContainer .secondBlueTable th.doubleHeight .extraLightBlueBackground, .bluetableContainer .secondBlueTable td.doubleHeight .lightBlueBackground, .bluetableContainer .secondBlueTable td.doubleHeight .greyBackground, .bluetableContainer .secondBlueTable td.doubleHeight .extraLightBlueBackground {
  max-height: 100%;
}
.bluetableContainer th, .bluetableContainer td {
  height: 7em;
  max-height: 7em;
  vertical-align: top;
  padding: 0px;
}
.bluetableContainer th.paddingright, .bluetableContainer td.paddingright {
  padding: 0px 2px 0px 0px;
}
.bluetableContainer th.doubleHeight, .bluetableContainer td.doubleHeight {
  height: 14em;
  max-height: 14em;
}
.bluetableContainer th.doubleHeight .lightBlueBackground, .bluetableContainer th.doubleHeight .greyBackground, .bluetableContainer th.doubleHeight .extraLightBlueBackground, .bluetableContainer td.doubleHeight .lightBlueBackground, .bluetableContainer td.doubleHeight .greyBackground, .bluetableContainer td.doubleHeight .extraLightBlueBackground {
  max-height: 14em;
}
.bluetableContainer th .lightBlueBackground, .bluetableContainer td .lightBlueBackground {
  background-color: #3267cb;
  color: white;
  max-height: 7em;
}
.bluetableContainer th .extraLightBlueBackground, .bluetableContainer td .extraLightBlueBackground {
  background-color: #4a8ce7;
  color: white;
  max-height: 7em;
}
.bluetableContainer th .darkGreyBackground, .bluetableContainer td .darkGreyBackground {
  background-color: #b7b7b7;
  color: #000000;
  max-height: 7em;
}
.bluetableContainer th .greyBackground, .bluetableContainer td .greyBackground {
  background-color: #d9d9d9;
  color: #000000;
  max-height: 7em;
}
.bluetableContainer th .lightGreyBackground, .bluetableContainer td .lightGreyBackground {
  background-color: #eeeeee;
  color: #000000;
}

.applicationTextContainer {
  max-width: 555px;
  width: auto;
}

.buttonContainer.horizontal > *,
.itemContainer.horizontal > * {
  margin-right: 16px;
}

.itemContainer.horizontal.fullWidth div {
  width: 100%;
}

.buttonContainer.vertical > :last-child,
.itemContainer.vertical > :last-child {
  margin-bottom: 0px !important;
}

.buttonContainer.vertical > *,
.itemContainer.vertical > * {
  margin-bottom: 16px;
}

.mobileView {
  display: none !important;
}

.hiddenText {
  color: transparent !important;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #245699;
  border-radius: 24px;
  width: 19em;
  height: 6em;
  color: #ffffff;
  text-decoration: none;
}

.buttonHasOverlay {
  position: relative;
}

.buttonHasOverlay:hover .overlay {
  opacity: 1;
}

.overlayText {
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.modal {
  z-index: 5000;
}

.desktopView {
  display: flex !important;
}

.blueBorder {
  border: 1.5px solid #065495;
}

@media screen and (max-width: 1480px) {
  .bluetableContainer {
    font-size: 14px;
  }
  .mediumFont {
    font-size: 16px;
  }
  .redBtnLink .smallFont {
    font-size: 13px;
  }
  table {
    font-size: 0.85rem;
  }
  .bluetableContainer th, .bluetableContainer td {
    max-width: 1em;
  }
}
@media screen and (max-width: 1200px) {
  .mediumFont {
    font-size: 16px;
  }
  .bluetableContainer {
    font-size: 14px;
  }
  table {
    font-size: 0.85rem;
  }
  .bluetableContainer th, .bluetableContainer td {
    max-width: 1em;
  }
  h2 {
    font-size: 1.5rem;
  }
  p {
    margin-top: 3px !important;
  }
  h5.py-3 {
    margin-top: 1rem !important;
  }
  .blueBtnLink {
    font-size: 16px;
    padding-left: 1em;
    padding-right: 1em;
  }
  .blueBtnLink h5 {
    font-size: 18px;
  }
  .applicationsImage {
    background-position: center;
  }
}
.app {
  width: 100%;
  background-color: #245699;
  min-height: 100%;
  overflow-x: hidden;
}

.app-main {
  position: relative;
  padding-right: 0;
  padding-left: 0;
  overflow: hidden;
}

.page {
  min-height: 100vh;
}

.inline {
  display: inline;
}

.clickable-link {
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.page-section {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
}

.section-block {
  margin: 1rem 0;
}

.wrapper {
  position: relative;
  margin: 0 auto;
}

.custom-ordered-list {
  padding-left: 1em;
  counter-reset: main-counter;
}
.custom-ordered-list .custom-list {
  counter-reset: nested-counter;
}
.custom-ordered-list .custom-list .list-item {
  counter-increment: nested-counter;
}

.custom-ordered-list {
  padding-left: 1em;
  counter-reset: custom-counter; /* Initialize the counter */
}

.custom-ordered-list .list-item {
  counter-increment: custom-counter; /* Increment the counter */
  position: relative;
  padding-left: 1em; /* Space for the number */
  margin-top: 0.25rem;
}
.custom-ordered-list .list-item p {
  margin: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0.5rem;
}

.custom-ordered-list .list-item:before {
  content: counter(custom-counter) "."; /* Display the number */
  position: absolute;
  left: 0;
  top: 0;
}

.custom-list {
  padding-left: 1em;
}
.custom-list .list-item {
  position: relative;
  padding-left: 1em;
  margin-top: 0.25rem;
}
.custom-list .custom-list .list-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border: 1.5px solid;
  border-radius: 50%;
}

.custom-list .list-item p {
  margin: 0;
}

.custom-list .list-item:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
}
.custom-list.largeListItem .list-item:before {
  font-weight: 900;
}

.chevron {
  background-image: url(../images/chevron-right.png);
  height: 1.5em;
  width: 100%;
  display: block;
  position: absolute;
  background-size: contain;
  top: -14px;
  left: -2%;
  background-repeat: no-repeat;
  filter: invert(16%) sepia(53%) saturate(4559%) hue-rotate(194deg) brightness(98%) contrast(95%);
}
.chevron.chevron2 {
  left: -4%;
}

.middleSlide .chevron {
  left: 48%;
}
.middleSlide .chevron.chevron2 {
  left: 50%;
}

.boldText {
  font-weight: bold;
}

.text-underline {
  text-decoration: underline;
}

.tanHeaderBackground {
  background-color: #f5e5d1 !important;
}

.pr-4 {
  padding-right: 2em;
}

.w-80 {
  width: 80%;
}

.pl-4 {
  padding-left: 2em;
}

.headingDiv {
  margin-top: 0.75rem;
  margin-bottom: 8px;
}

@media screen and (max-width: 1024px) {
  .chevron {
    top: -11px;
  }
  .px-lg-5.w-80, .px-lg-3.w-80, .mx-lg-5.w-80 {
    width: 100%;
  }
  .swiper-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .mediumFont {
    font-size: 14px !important;
  }
  .linkBtnContainer .col-lg-6 {
    align-items: center !important;
    justify-content: center !important;
    padding-right: 0em;
    padding-left: 0em;
  }
  .swiper-container.w-80 {
    width: 100% !important;
  }
  .applicationContainer {
    flex-direction: column !important;
  }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0.75rem;
  }
  a.flex-row, .mobileRow.flex-row {
    flex-direction: row !important;
  }
  .flex-row {
    flex-direction: column !important;
  }
  .applicationsImage {
    background-position: center;
    height: 17em;
    margin-bottom: 2em;
  }
  .time-line-box .status span {
    font-size: 12px;
  }
  .time-line-box .rightSlide .status span {
    margin-right: 0em;
    margin-left: 6em;
  }
  .time-line-box .leftSlide .status span {
    margin-right: 6em;
    margin-left: 0em;
  }
  .swiper-slide {
    width: auto;
  }
  .swiper-slide .mediumHeading {
    font-size: 14px;
  }
  .time-line-box .leftSlide .timestamp {
    margin-left: -2em;
  }
  .time-line-box .rightSlide .timestamp {
    margin-right: -1em;
  }
  .desktopView {
    display: none !important;
  }
  .mobileView {
    display: flex !important;
  }
  .mobileView .headerIcons {
    margin-top: 0em;
  }
  .mobileView .headerTag {
    width: 18em;
    left: 0.5em;
    top: -1em;
  }
  .mobileView .headerTag2 {
    left: 0em;
    top: 0em;
  }
}/*# sourceMappingURL=style.css.map */