a {
  color: #00B7FF;
}

@font-face {
  font-family: 'Cabin';
  src: url("/fonts/Cabin-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Rubik';
  src: url("/fonts/Rubik-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Rubik-ExtraBold';
  src: url("/fonts/Rubik-ExtraBold.ttf") format("truetype");
}

h1{
  font-family: Rubik-ExtraBold;
}

html, body {overflow-x: hidden;padding: 0%;}
/* Banner CSS START*/

::-webkit-scrollbar {width: 0px;height: 0px;background: transparent;}
.site-hero {
  background-size: cover;
  height: 75vh;
  min-height: 700px;
  width: 100%;
  position: relative;
}
.site-hero-inner {height: 75vh;min-height: 700px;}
.align-items-center {-webkit-box-align: center!important;-ms-flex-align: center!important;align-items: center!important;}
.justify-content-center {-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;}

/* Banner Title */
.titleFont{font-size: 84px;color: white;width: 50%;font-family: Rubik-ExtraBold;letter-spacing: 0em;text-align: center;margin: auto;margin-bottom: 10px;}
/* Banner Select */
.selectDivTitle .row{background-color: white;border-radius: 25px;}
/* Banner Font Weight */
#select1, #select2, #select3, #select4,#select5,#select6{font-weight: 500;}
/* Banner Active */
.activeClass{background-color: #68A398;color: white;}


/* Banner CSS END*/

/* Message Box Btn */
.learnMoreBtn2{background-color:#569799;color: white;border-radius: 25px;text-align: center;padding: 10px 90px;left: -25vw;top: 5vh;width: fit-content;font-weight: 500;}

/* Only Applied for Message Part */
.section{width: 100vw;max-width: 100vw;}

.mobileNav{
  color: white;
  font-size: 10px;
  padding: 5px 5px;
  display: none;
}

.paddingContent{
  padding-left: 5%;
  padding-right: 5%;
}





.pc-view{display: block;}

@media screen and (orientation:portrait)and (min-height: 390px) {
  .pc-view, nav{display: none;}

  .site-hero {background-size: cover;height: 45vh;min-height: 300px;width: 100%;position: relative;}

  .section {width: 100vw;max-width: 100vw;padding-bottom: 10%;}
  .mobileNav{display: block;}

  .navigation {background: transparent !important;}
}

@media screen and (orientation:portrait) and (min-height:660px) and (max-width: 380px) {
  .section {width: 100vw;max-width: 100vw;padding-bottom: 10%;height: 130vh;}
}