/* ---------------------

GENERIC PAGE STYLES

--------------------- */
#main-menu {
  color: var(--color-white);
  background: var(--primary-color);
  background: linear-gradient(90deg, rgba(75,50,117,1) 0%, rgba(115,75,109,1) 100%);
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .25);
}
#main-menu > .right.menu > a.item {  
  color: var(--color-white);
}
#main-menu > .right.menu > a.item:hover {
  color: var(--accent-color);
}
#main-menu > .right.menu > a.item > .button:hover {
  color: var(--primary-color);
  background-color: var(--accent-color);
}
#pageDefault {
  margin: 60px 0 0 0;
  color: var(--primary-color);
  background-color: #F8F8F8;
} 
.page-intro {
  display: flex;
  position: relative;
  padding: 0 1rem 0 3rem;
  height: 30vh;
  overflow: hidden;
  background: var(--primary-color);
  opacity: .60;
}
.hero-image {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center top;
}
.page-intro > .image-text-overlay {
  -ms-flex-item-align: center !important;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  -webkit-align-self: center !important;
  align-self: center !important;
  justify-content: center;
  margin: 0px !important;
  color: var(--color-white) !important;  
  position: relative !important;
  z-index: 2 !important;
  -webkit-font-smoothing: antialiased !important;
}
.page-intro > .image-text-overlay > h1 {
  font-family: 'Muli', sans-serif;
  font-size: 40px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-shadow: 0 0.071rem 0.357rem rgba(0, 0, 0, 0.3) !important;
}
.pageContainer {
  width: 100% !important;
  padding: 4rem 0 0 0 !important;
  margin: 0 !important;
  color: var(--header-font-color) !important;
}
.sub-heading {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: left !important;
}
.content {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}
.content-bullets {
  display: block;
  margin-left: 20px;
  margin-bottom: 10px;
}
.content-bullets::before {
  content: '\00BB';
}
.highlight {
  display: inline !important;
  font-weight: 500 !important;
}
.pageHighlight {
  margin-top: 3rem;
  padding: 3rem 0;
  color: var(--primary-color);
  background: rgb(222,98,98);
  background: linear-gradient(275deg, rgba(222,98,98,1) 0%, rgba(255,184,140,1) 100%);
}
.pageHighlight h2 {
  font-size: 25px !important;
  line-height: 1.1 !important;
  text-align: center !important;
}
.pageHighlight a {
  text-decoration: underline;
  text-decoration-color: var(--primary-color);
  color: var(--primary-color);
  transition: text-decoration .25s ease-in-out;
}
.pageHighlight a:hover {
  text-decoration-color: var(--accent-color);
}
.pageHighlight .ui.container {
  text-align: center !important;
}
.pageHighlight .ui.stackable.grid {
  padding-top: 1rem !important;
}
.pageHighlight .ui.stackable.grid .btn-link {
  margin: 0 !important;
  padding-top: 0 !important;
}
.pageHighlight .btn-link > .button {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  background: transparent !important;
  color: var(--primary-color) !important;
  border: 1.5px solid rgba(75, 50, 117, .7) !important;
  border-radius: 15px !important;
}
@media screen and (max-width: 786px) {
  .page-intro {
    height: 20vh !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
  }
  .page-intro .image-text-overlay h1 {
    text-align: center !important;
    font-size: 40px !important;
  }
  .pageContainer {
    padding: 3rem 0 0 0 !important;
  }
  .content {
    font-size: 18px !important;
  }
}

/************

About Page 

************/
.about-intro {
  padding: 0 !important;
  height: 50vh !important;
  opacity: 1 !important;
  border-bottom: 5px solid var(--primary-color);
}
.about-intro .hero-image {
  background-image: url(https://s3.ap-south-1.amazonaws.com/site-img-res-new/pages/about.jpg);
}
.about-intro > .image-text-overlay > h1 {
  width: 75% !important;
  margin: 0 auto !important;
  font-size: 40px !important;
  text-align: center !important;
} 
.aboutPage {
  color: var(--header-font-color);
}
.aboutPage h2 {
  font-family: 'Muli', sans-serif !important;
  font-size: 35px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
.aboutPage div {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}
.aboutPage .teamImage {
  width: 100%;
  height: 300px;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}
.aboutPage .teamImage > .team-image {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}
.aboutPage .sub-heading {
  font-family: 'Muli', sans-serif !important;
  font-weight: 800 !important;
}
/* media carousel */
.about-media {
  width: 100%;
}
.about-media > h2 {
  text-align: center !important;
}
.about-media > .swiper-container {
  width: 80%;
  margin: 0 auto;
}
.about-media .swiper-slide a > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  width: 80%;
  margin: 0 auto;
  padding: 1rem;
  border-radius: 10px;
  color: var(--primary-color);
  background-color: var(--color-white);
  border: 1.5px solid rgba(75, 50, 117, .3);
}
.about-media .swiper-slide a > div img {
  width: 30%;
  height: 150px;
  width: auto;
  margin: 0 auto;
}
.about-media .swiper-slide a > div .text {
  width: 70%;
  font-size: 20px;
  line-height: 1.1;
  text-align: left;
}
.about-media .swiper-button-next.swiper-button-white, 
.about-media .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: var(--primary-color) !important;
}
@media screen and (max-width: 786px) {
  .about-intro {
    height: 30vh !important;
  }
  .about-intro > .image-text-overlay > h1 {
    font-size: 25px !important;
    width: 90% !important;
  } 
  .aboutPage h2 {
    font-size: 22px !important;
  }
  .aboutPage .content {
    font-size: 18px !important;
  }
  .about-media .swiper-slide a > div img {
    width: 100%;
  }
  .about-media .swiper-slide a > div .text {
    width: 100%;
  }
}

/****************

Partners Page 

****************/
.partners-intro {
  padding: 0 !important;
  height: 50vh !important;
  opacity: 1 !important;
  border-bottom: 5px solid var(--primary-color);
}
.partners-intro .hero-image {
  background-image: url(https://s3.ap-south-1.amazonaws.com/site-img-res-new/pages/partners.jpg);
}
.partners-intro > .image-text-overlay > h1 {
  width: 75% !important;
  margin: 0 auto !important;
  font-size: 40px !important;
  text-align: center !important;
} 
.partnersPage h2 {
  font-family: 'Muli', sans-serif !important;
  font-size: 35px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
/* registration form */
.partnersPage #stickyWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.partnersPage #stickyContent {
  flex: 4;
  margin-right: 32px;
  max-width: 720px;
}
.partnersPage #stickyForm {
  flex: 3;
  display: flex;
  flex-direction: column;
  position: sticky;
  min-width: 380px;
  top: 76px;
  z-index: 10;
  max-width: 450px;
  overflow: hidden;
  border-radius: 10px;
  background-color: transparent;
}
.partnersPage #stickyForm .message {
  margin: 0 !important;
  padding: 1.3rem 1rem !important;
  border-radius: 10px 10px 0 0 !important;
  box-shadow: none !important;
  background-color: #F8F8F8 !important;
  border: 2px solid var(--primary-color) !important;
  border-bottom: none !important;
}
.partnersPage #stickyForm .message .header {  
  color: var(--primary-color);
  font-family: 'Muli', sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}
.partnersPage #stickyForm .message p {  
  color: var(--primary-color);
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.partnersPage #stickyForm form {
  padding: 1rem;
  background: var(--primary-color);
  background: linear-gradient(180deg, rgba(75,50,117,1) 0%, rgba(115,75,109,1) 100%);
}
.partnersPage #stickyForm form label {
  opacity: .9;
  color: var(--color-white);
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.partnersPage #stickyForm form input {
  border: none;
  outline: none !important;
  background-color: rgba(232, 216, 238, .60);
}
.partnersPage #stickyForm form input::placeholder {
  font-family: 'Montserrat', sans-serif;
  font-size: 400;
  color: var(--primary-color);
}
.partnersPage #stickyForm form .yellow.button {
  font-family: 'Muli', sans-serif !important;
  font-weight: 900 !important;
  border-radius: 8px !important;
}
.partnersPage #stickyForm form .yellow.button:hover {
  color: var(--primary-color) !important;
  background-color: var(--color-white) !important;
}
@media screen and (max-width: 786px) {
  .partners-intro {
    height: 30vh !important;
  }
  .partners-intro > .image-text-overlay > h1 {
    font-size: 25px !important;
    width: 90% !important;
  } 
}

/***************

Contact Page 

***************/
.contact-intro {
  position: relative;
  padding: 0 !important;
  height: 50vh !important;
  opacity: 1 !important;
  border-bottom: 5px solid var(--primary-color);
}
.contact-intro .hero-image {
  background-image: url(https://s3.ap-south-1.amazonaws.com/site-img-res-new/pages/contact.jpg);
}
.contact-intro > .image-text-overlay > h1 {
  width: 75% !important;
  margin: 0 auto !important;
  font-size: 40px !important;
  text-align: center !important;
} 
.contactPage .messageWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: var(--color-white);
  box-shadow: 0 0 16px rgba(0, 0, 0, .05);  
}
.contactPage .messageWrapper > div {
  width: 50%;
  font-size: 20px;
  line-height: 1.1;
}
.contactPage .messageWrapper > .contact-message {
  padding: 1rem 2rem;
  font-size: 25px;
  font-weight: 400;
  color: var(--header-font-color);
  background-color: transparent;
}
.contactPage .messageWrapper > .contact-address {
  padding: 1rem;
  border-radius: 12px;
  border: 1.5px solid rgba(75, 50, 117, .7);
  color: var(--primary-color);
  background-color: var(--color-white);
}
.contactPage .messageWrapper > .contact-address a {
  color: var(--primary-color);
  font-weight: 600;
}
.contactPage .messageWrapper > .contact-address a:hover {
  color: var(--accent-color);
}
@media screen and (max-width: 786px) {
  .contact-intro {
    height: 30vh !important;
    border-bottom: 5px solid var(--primary-color);
  }
  .contact-intro > .image-text-overlay > h1 {
    font-size: 35px !important;
  } 
  .contactPage .messageWrapper > .contact-message {
    padding: 2rem;
    line-height: 1.3;
  }
  .contactPage .messageWrapper > div {
    width: 100%;
    text-align: center;
  }
}

/********** 

FAQs Page 

***********/
.faqs-intro {
  padding: 0 !important;
  height: 50vh !important;
  opacity: 1 !important;
  border-bottom: 5px solid var(--primary-color);
}
.faqs-intro .hero-image {
  background-image: url(https://s3.ap-south-1.amazonaws.com/site-img-res-new/pages/faqs.jpg);
}
.faqs-intro > .image-text-overlay > h1 {
  width: 75% !important;
  margin: 0 auto !important;
  font-size: 40px !important;
  text-align: center !important;
} 
#faqsPage h3 {
  font-family: 'Muli', sans-serif !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  line-height: 2 !important;
  text-align: center !important;
  text-transform: capitalize !important;
  color: var(--primary-color) !important;
  background-color: #F8F8F8 !important;
  border-radius: 10px !important;
}
#faqsPage .ui.segment {
  border-radius: 15px 15px 15px 15px !important;
  border: 1.5px solid rgba(75, 50, 117, .50) !important;
}
#faqsPage .accordion .title {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
}
#faqsPage .accordion .content {
  font-weight: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--color-white) !important;
}
#faqsPage .accordion .content.active {
  color: var(--header-font-color);
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  padding: 1rem !important;
  color: var(--header-font-color) !important;
  background-color: rgba(75, 50, 116, 0.3) !important;
  border-radius: 10px 10px 10px 10px !important;
}
@media screen and (max-width: 786px) {
  .faqs-intro {
    height: 30vh !important;
    border-bottom: 5px solid var(--primary-color);
  }
  .faqs-intro > .image-text-overlay > h1 {
    font-size: 35px !important;
  } 
}

/******************

How it Works Page 

******************/
.how-intro {
  padding: 0 !important;
  height: 50vh !important;
  opacity: 1 !important;
  border-bottom: 5px solid var(--header-font-color);
}
.how-intro .hero-image {
  background-image: url(https://s3.ap-south-1.amazonaws.com/site-img-res-new/pages/how.jpg);
}
.how-intro > .image-text-overlay > h1 {
  width: 75% !important;
  margin: 0 auto !important;
  font-size: 40px !important;
  text-align: center !important;
} 
.howPage h2 {
  font-size: 35px;
  text-align: center;
}
.howPage .stepsView {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.howPage .stepsView > div {
  width: 25%;
}
.howPage .stepsView > div img {
  display: block;
  margin: 0 auto;
  max-width: 100px;
}
.howPage .stepsView > div p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}
.howPage .stepsView > div p > span {
  font-weight: 500 !important;
  text-decoration: underline;
}
.howPage .howImage {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 2.5rem 1rem 2.5rem 2rem;
  border-radius: 10px;
  background-color: var(--primary-color);
}
.howPage .howImage div > img {
  max-width: 257px;
  height: auto;
  margin-left: 10px;
}
.howPage .howImage div > h3 {
  font-size: 25px;
  color: var(--color-white);
}
.howPage .howImage div > .content {
  opacity: .9;
  color: var(--color-white) !important;
}
.howPage .content span {
  font-family: 'Muli', sans-serif !important;
  font-weight: 800 !important;
}
@media screen and (max-width: 786px) {
  .how-intro {
    height: 30vh !important;
  }
  .how-intro > .image-text-overlay > h1 {
    font-size: 25px !important;
  } 
  .howPage h2 {
    font-size: 22px;
  }
  .howPage .stepsView {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .howPage .stepsView > div {
    width: 100%;
    margin-bottom: 15px;
  }
  .howPage .content {
    font-size: 18px !important;
  }
  .howPage .howImage {
    flex-wrap: wrap;
    padding: 1.5rem 1rem;
  }
  .howPage .howImage > div {
    width: 100%;
  }
  .howPage .howImage > div img {
    display: block;
    margin: 0 auto;
  }
  .howPage h3 {
    text-align: center;
  }
}

/**************

Referral Page 

**************/
.refer-intro {
  padding: 0 !important;
  height: 30vh !important;
  opacity: 1 !important;
  border-bottom: 5px solid var(--header-font-color);
}
.refer-intro .hero-image {
  background-image: url(https://s3.ap-south-1.amazonaws.com/site-img-res-new/pages/refer.jpg);
  background-position: center bottom;
}
.refer-intro > .image-text-overlay > h1 {
  width: 75% !important;
  margin: 0 auto !important;
  font-size: 40px !important;
  text-align: center !important;
} 
.referPage .sub-heading {
  font-family: 'Muli', sans-serif !important;
  font-weight: 800 !important;
}
.referPage span {
  text-decoration: underline;
  text-decoration-style: dashed;
}
.referPage img {
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}
.referPage .referTitle {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.referPage .referTitle img {
  width: 25%;
}
.referPage .referTitle > div {
  padding-left: 1rem;
}
.referPage .referTerms {
  display: block;
}
@media screen and (max-width: 786px) {
  .refer-intro {
    height: 20vh !important;
  }
  .refer-intro .hero-image {
    background-position: center top;
  }
  .refer-intro > .image-text-overlay > h1 {
    font-size: 25px !important;
  } 
  .referPage .referTitle {
    display: flex;
    flex-wrap: wrap;
  }
  .referPage .referTitle > img {
    display: block;
    margin: 0 auto;
    width: 250px;
    margin-bottom: 20px;
  }
  .referPage .referTitle > div {
    display: block;
    padding-left: 0;
  }
}

/************

Offers Page 

************/
.offers-intro {
  padding: 0 !important;
  height: 30vh !important;
  opacity: 1 !important;
  border-bottom: 5px solid var(--header-font-color);
}
.offers-intro .hero-image {
  background-image: url(https://s3.ap-south-1.amazonaws.com/site-img-res-new/pages/offers.jpg);
  background-position: center top;
}
.offers-intro > .image-text-overlay > h1 {
  width: 75% !important;
  margin: 0 auto !important;
  font-size: 40px !important;
  text-align: center !important;
} 
.offersPage img {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}
.offersPage .sub-heading {
  font-family: 'Muli', sans-serif !important;
  font-weight: 800 !important;
}
.offersPage span {
  text-decoration: underline;
  text-decoration-style: dashed;
}
@media screen and (max-width: 786px) {
  .offers-intro {
    height: 20vh !important;
  }
  .offers-intro .hero-image {
    background-position: center top;
  }
  .offers-intro > .image-text-overlay > h1 {
    font-size: 25px !important;
  } 
}

/*****************

Hotel Policy Page 

*****************/
.hpolicy-intro {
  padding: 0 !important;
  height: 30vh !important;
  opacity: 1 !important;
  border-bottom: 5px solid var(--primary-color);
}
.hpolicy-intro .hero-image {
  background-image: url(https://s3.ap-south-1.amazonaws.com/site-img-res-new/pages/hpolicy-banner.jpg);
  background-position: center center;
}
.hpolicy-intro > .image-text-overlay > h1 {
  width: 75% !important;
  margin: 0 auto !important;
  font-size: 40px !important;
  text-align: center !important;
} 
.hpolicyPage .sub-heading {
  font-family: 'Muli', sans-serif !important;
  font-weight: 800 !important;
}
.hpolicyPage span {
  text-decoration: underline;
  text-decoration-style: dashed;
}
@media screen and (max-width: 786px) {
  .hpolicy-intro {
    height: 20vh !important;
  }
  .hpolicy-intro .hero-image {
    background-position: center top;
  }
  .hpolicy-intro > .image-text-overlay > h1 {
    font-size: 25px !important;
  } 
  .hpolicyPage .content {
    text-align: justify !important;
  }
}

/****************

Privacy Page 

****************/
.policyPage {
  padding: 50px !important;
  border-radius: 20px !important;
  color: var(--header-font-color) !important;
  background-color: var(--color-white) !important;
  box-shadow: 0 0 5px 0 rgba(75, 50, 117, .2) !important;
}
.policyPage h1 {
  font-size: 35px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: left !important;
  text-decoration: underline !important;
  text-decoration-color: var(--primary-color) !important;
}

@media screen and (max-width: 786px) {
  .policyPage {
    padding: 30px !important;
  }
  .policyPage h1 {
    font-size: 30px !important;
    text-align: center !important;
  }
  .policyPage .sub-heading {
    font-size: 20px !important;
  }
  .policyPage .content {
    font-size: 18px !important;
  }
  .policyPage .content-bullets {
    margin-left: 0 !important;
  }
}

/*************

T&C Page 

*************/
.termsPage {
  padding: 50px !important;
  border-radius: 20px !important;
  color: var(--header-font-color) !important;
  background-color: var(--color-white) !important;
  box-shadow: 0 0 5px 0 rgba(75, 50, 117, .2) !important;
}
.termsPage h1 {
  font-size: 35px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: left !important;
  text-decoration: underline !important;
  text-decoration-color: var(--primary-color) !important;
}

@media screen and (max-width: 786px) {
  .termsPage {
    padding: 30px !important;
  }
  .termsPage h1 {
    font-size: 30px !important;
    text-align: center !important;
  }
  .termsPage .sub-heading {
    font-size: 20px !important;
  }
  .termsPage .content {
    font-size: 18px !important;
  }
  .termsPage .content-bullets {
    margin-left: 0 !important;
  }
}

/**************************

404 & Maintenance Page

**************************/
.errorPage {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100vw;
  height: 100vh;
  min-width: 800px;
  padding: 1rem;
  background-color: var(--color-white);
}
.errorPage .errorText {
  display: block;
  font-size: 55px;
  line-height: 1;
  color: var(--primary-color);
}
.errorPage .errorText span {
  display: block;
  font-size: 30px;
  line-height: 1.2;
  color: var(--primary-color);
}
.errorPage .errorText p {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  color: var(--header-font-color);
}
.errorPage .errorText a {
  text-decoration: none;
}
.errorPage .errorText .ui.button {
  border-radius: 8px;
  font-family: 'Muli', sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  color: var(--accent-color);
  background-color: var(--primary-color);
  transition: .25s ease-in-out;
}
.errorPage .errorText .ui.button:hover {
  color: var(--primary-color);
  background-color: var(--accent-color);
}
@media screen and (max-width: 786px) {
  .errorPage {
    display: block;
    min-width: 200px;
    height: 100vh;
  }
  .errorPage .errorImage {    
    height: 310px;
  }
  .errorPage .errorImage > img {
    display: block;
    margin: 0 auto;
    width: auto !important;
    max-height: 300px !important;
  }
  .errorPage .errorText {
    display: block;
    text-align: center;
  }
  .errorPage .errorText h1 {
    font-size: 30px;
  }
  .errorPage .errorText span {
    font-size: 25px;
  }
  .errorPage .errorText p {
    font-size: 18px;
  }
}

/**************************

COVID19 Page

**************************/
.covidPage {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100vw;
  height: 100%;
  min-width: 800px;
  padding: 1rem;
  background-color: var(--color-white);
}
.covidPage .covidImage {
  width: 100%;  
}
.covidImage img {
  display: block;
  margin: 0 auto;
  width: auto !important;
  max-height: 400px !important;
}
.covidPage .covidText {
  width: 70%;  
  margin: auto;
  font-size: 25px;
  line-height: 1;
  color: var(--primary-color);
}
.covidText ol {
  margin-top: .5rem !important;
  margin-bottom: 3rem !important;
}
@media screen and (max-width: 786px) {
  .covidPage {
    display: block;
    min-width: 200px;
    height: 100%;
  }
  .covidPage .covidImage {    
    height: 310px;
  }
  .covidPage .covidImage > img {
    max-height: 300px !important;
  }
  .covidPage .covidText {
    display: block;
    width: 90%;
    text-align: justify;
  }
  .covidPage .covidText h1 {
    font-size: 30px;
  }
  .covidPage .covidText span {
    font-size: 25px;
  }
  .covidPage .covidText ul {
    padding-left: 20px;
  }
  .covidPage .covidText li {
    font-size: 18px;
    line-height: 1.2;
  }
}