@import url(https://fonts.googleapis.com/css2?family=Karla&display=swap);@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);html {
  font-size: 62.5%
}

body,html {
  height: 100%
}

body {
  margin: 0;
  padding: 0
}

body * {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Karla"
}

#root {
  height: 100%
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none
}


@media (max-width: 425px) {
  .xs-ml-hide {
      display:none!important
  }

  .xs-ml-show {
      display: block!important
  }
}

.MuiAlert-message {
  font-size: 14px!important
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3rem 4rem;
  box-sizing: border-box;
  background: #fff;
  z-index: 2
}

@media (max-width: 425px) {
  .header {
      display:block;
      position: relative
  }
}

.header__img {
  height: 3.6rem;
  width: 13.6rem;
  cursor: pointer
}

@media (max-width: 640px) {
  .header__img {
      width:10rem;
      height: 2.6rem
  }
}

.header__user {
  display: flex;
  font-size: 1.6rem
}

.header__user a {
  margin-right: 4rem;
  text-decoration: none;
  color: #424651;
  font-family: "Work Sans";
  font-weight: 700
}

.header__user a:last-child {
  margin-right: unset
}

.header--xs,.header__checkbox {
  display: none
}

.header__button {
  height: 3rem;
  width: 3rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2000;
  text-align: center;
  cursor: pointer
}

.header__background {
  height: 2.5rem;
  width: 2.5rem;
  position: fixed;
  top: 2.4rem;
  right: 3rem;
  z-index: 1000
}

.header__nav {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1500;
  opacity: 0;
  width: 0
}

.header__list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  list-style-type: none;
  padding-left: unset;
  opacity: 0;
  width: 0
}

.header__item {
  margin: 1rem;
  font-size: 1.8rem;
  color: #424651;
  text-align: center;
  opacity: 0;
  width: 0
}

.header__checkbox:checked~.header__background {
  transform: scale(80);
  background-color: #fff
}

.header__checkbox:checked~.header__nav {
  opacity: 1;
  width: 100%
}

.header__checkbox:checked~.header__nav .header__list,.header__checkbox:checked~.header__nav .header__list .header__item {
  opacity: 1;
  width: unset
}

.header__icon {
  position: relative;
  margin-top: 1.3rem
}

.header__icon,.header__icon:after,.header__icon:before {
  height: .2rem;
  width: 2.4rem;
  background-color: #424651;
  display: inline-block
}

.header__icon:after,.header__icon:before {
  content: "";
  position: absolute;
  left: 0
}

.header__icon:before {
  top: -.7rem
}

.header__icon:after {
  top: .7rem
}

.header__checkbox:checked+.header__button .header__icon {
  background-color: transparent
}

.header__checkbox:checked+.header__button .header__icon:before {
  top: 0;
  transform: rotate(135deg)
}

.header__checkbox:checked+.header__button .header__icon:after {
  top: 0;
  transform: rotate(-135deg)
}

@media (max-width: 640px) {
  .header {
      width:unset;
      margin: unset;
      padding: 1rem 1.3rem
  }
}

.header a.active {
  position: relative
}

.header a.active:before {
  content: "";
  border-bottom: 5px solid #ffc968;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 5px;
  z-index: 0
}

.header a.logoutLink {
  color: #f55
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.subFooter {
  padding: 1rem 4rem!important;
  min-height: 35px!important;
  border-top: .1px solid #d7dcfb!important
}

.marginLeftC {
  left: -20px!important;
  position: relative
}

.cursor {
  cursor: pointer
}

.footer {
  background-color: #22333b;
  padding: 2rem 4rem;
  display: flex;
  align-items: center;
  color: #fff;
  min-height: 100px
}

@media (max-width: 640px) {
  .footer {
      min-height:0;
      align-items: flex-start
  }
}

.footer__img {
  margin-right: 3.28rem;
  width: 42px
}

@media (max-width: 640px) {
  .footer__img {
      margin-bottom:2.1rem;
      margin-right: 0;
      max-height: 60px
  }
}

.footer__content {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #d7dcfb;
  flex: 0.15 1;
  margin-right: 30px;
  margin-left: 10px
}

@media (max-width: 1024px) {
  .footer__content {
      flex:0.3 1
  }
}

@media (max-width: 768px) {
  .footer__content {
      display:flex;
      flex: 0.3 1;
      flex-direction: column;
      align-items: flex-start;
      margin-left: 0
  }
}

@media (max-width: 640px) {
  .footer__content {
      display:flex;
      flex: 0.15 1;
      flex-direction: column;
      align-items: flex-start;
      margin-left: 0
  }
}

.footer__content .footerLabel {
  color: #d7dcfb;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 9px
}

@media (max-width: 640px) {
  .footer__content .yearText {
      display:none
  }
}

.footer__content .yeatTextB {
  display: none
}

@media (max-width: 640px) {
  .footer__content .yeatTextB {
      display:block
  }
}

.footer__content a {
  color: #d7dcfb;
  font-size: 14px;
  font-family: "Karla",sans-serif
}

.footer__content ul {
  display: flex;
  width: 115px;
  justify-content: space-between;
  padding-left: 15px;
  margin-left: 10px
}

@media (max-width: 640px) {
  .footer__content ul {
      margin-left:0
  }
}

@media (max-width: 640px) {
  .footer__content ul li {
      list-style:none
  }
}

.footer__content .links {
  display: flex
}

@media (max-width: 640px) {
  .footer__content {
      text-align:center;
      margin-bottom: 3.4rem;
      font-size: 1.6rem;
      line-height: 30px
  }
}

@media (max-width: 640px) {
  .footer .logoAppFooter {
      display:flex;
      justify-content: center
  }
}

.footer__sociallinks {
  margin-left: auto;
  display: flex;
  align-items: center
}

.footer__sociallinks a {
  margin-right: 2rem
}

.footer__sociallinks a:first-child img {
  width: 24px
}

.footer__sociallinks a:last-child {
  margin-right: unset
}

@media (max-width: 640px) {
  .footer__sociallinks {
      margin-left:unset;
      justify-content: center
  }
}

@media (max-width: 640px) {
  .footer {
      flex-direction:column;
      padding-top: 3.5rem;
      justify-content: center
  }
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.dashboard {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow-x: hidden
}

@media (max-width: 425px) {
  .dashboard {
      display:inline;
      display: initial
  }
}

.dashboard__heading {
  color: #fff;
  font-size: 3.6rem;
  font-weight: 900;
  margin-bottom: 1.2rem
}

.dashboard__subHeading {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 5rem;
  width: 54.6rem
}

@media (max-width: 640px) {
  .dashboard__subHeading {
      width:23.6rem
  }
}

.dashboard__form {
  width: 120.4rem;
  padding-top: 18.5rem;
  margin: 0 auto
}

.dashboard__form input::-webkit-input-placeholder {
  color: #fff
}

.dashboard__barcode {
  margin-bottom: 5rem
}

.dashboard__dropdownDiv {
  width: 60.2rem;
  margin-bottom: 5rem
}

.dashboard__dropdown {
  background-color: unset;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none
}

.dashboard__barcode,.dashboard__dropdown {
  font-size: 1.8rem;
  border-bottom: .4rem solid #fff;
  padding-bottom: .8rem;
  color: #fff;
  width: 60.2rem;
  display: block
}

.dashboard__submit {
  height: 6.8rem;
  font-size: 1.6rem;
  border-radius: 3.4rem;
  border: 0;
  outline: none;
  font-weight: 900;
  width: 30.2rem
}

.dashboard__results {
  width: 120.4rem;
  margin: 0 auto
}

.questions h1,.SBWorkL {
  font-family: "Work Sans";
  font-weight: 700;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: 1.5px
}

.questions p.subLine,.RegPara {
  font-family: "Karla",sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px
}

@media (max-width: 425px) {
  .questions p.subLine,.RegPara {
      font-size:16px
  }
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.questions {
  display: block;
  flex-wrap: nowrap;
  background-color: #f2f4fe;
  padding: 3rem;
  align-items: center;
  flex-direction: column;
  position: relative;
  background: #636fcb;
  background: linear-gradient(169deg,#7878cb,#8c8ccb 33%,rgba(242,244,254,.964023) 98%)
}

.questions.noQuestions {
  background: none;
  padding: 2rem
}

.questions.noQuestions form {
  bottom: auto!important
}

.questions .bulb {
  right: -150px
}

.questions .bulb,.questions .noResLeave {
  max-width: 400px;
  position: absolute;
  bottom: -150px;
  z-index: 1
}

.questions .noResLeave {
  left: -87px
}

@media (max-width: 1280px) {
  .questions .noResLeave {
      max-width:300px;
      top: -100px;
      bottom: auto
  }
}

@media (max-width: 600px) {
  .questions .noResLeave {
      display:none
  }
}

.questions form {
  background: #fff;
  padding: 30px 30px 20px;
  border-radius: 18px;
  z-index: 2;
  box-shadow: 6px 6px 12px -6px rgba(99,111,203,.55);
  position: relative;
  bottom: -80px;
  max-width: 1280px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #f2f4fe;
  margin: 0 auto
}

.questions .input-field__input {
  padding-top: 18px;
  border: none;
  border-radius: 6px
}

.questions__heading {
  display: none
}

@media (max-width: 640px) {
  .questions__heading {
      display:block;
      font-size: 2rem;
      color: #636fcb;
      margin-bottom: 3.95rem;
      font-family: "Work Sans";
      font-weight: 700
  }
}

.questions__container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap
}

.questions__multiselect {
  height: 6rem;
  width: 22.2rem
}

.questions__dropdown {
  background-color: unset;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none
}

.questions__barcode,.questions__dropdown {
  font-size: 1.8rem;
  border-bottom: .4rem solid #fff;
  padding-bottom: .8rem;
  color: #fff;
  width: 60.2rem;
  display: block
}

.questions__submit {
  height: 6.8rem;
  font-size: 1.6rem;
  border-radius: 3.4rem;
  border: 0;
  outline: none;
  font-weight: 900;
  width: 30.2rem
}

.questions__results {
  width: 120.4rem;
  margin: 0 auto
}

.questions .cField {
  position: relative;
  width: 22.2rem;
  border: 1px solid #d7dcfb;
  border-radius: 6px
}

.questions .cField:first-child {
  margin-right: 10px
}

@media (max-width: 960px) {
  .questions .cField {
      width:100%;
      margin-top: 10px
  }

  .questions .cField:first-child {
      width: 99%
  }
}

.questions .cField label {
  position: absolute;
  top: 12px;
  left: 10px;
  z-index: 1;
  color: #636fcb;
  font-size: 12px
}

.questions .cField .input-field {
  margin-bottom: 0
}

.questions .mGrid {
  margin-bottom: 10px;
  display: flex
}

@media (max-width: 1024px) {
  .questions .mGrid {
      display:inline;
      display: initial
  }
}

@media (max-width: 600px) {
  .questions .mGrid {
      margin-bottom:0
  }
}

.questions .mGrid div {
  border: 1px solid #d7dcfb;
  border-radius: 6px
}

@media (max-width: 1024px) {
  .questions .mGrid div {
      margin-bottom:10px
  }
}

.questions .mGrid div input::-webkit-input-placeholder {
  color: #636fcb;
  font-size: 12px
}

.questions .mGrid div input:-ms-input-placeholder {
  color: #636fcb;
  font-size: 12px
}

.questions .mGrid div input::-ms-input-placeholder {
  color: #636fcb;
  font-size: 12px
}

.questions .mGrid div input::placeholder {
  color: #636fcb;
  font-size: 12px
}

.questions .mGrid>div {
  margin-right: 10px;
  border: none!important
}

@media (max-width: 960px) {
  .questions .mGrid>div {
      width:100%!important
  }

  .questions .mGrid>div:first-child {
      width: 99%!important
  }
}

@media (max-width: 600px) {
  .questions .mGrid>div {
      width:100%!important;
      margin-right: 0;
      margin-top: 10px
  }
}

.questions .mGrid span.chip {
  margin-bottom: 1px
}

.questions .mGrid ul.optionContainer li {
  font-size: 14px
}

.questions .workshop-search:disabled {
  opacity: .2
}

@media (max-width: 960px) {
  .questions .workshop-search {
      margin-top:20px
  }
}

@media (max-width: 640px) {
  .questions {
      text-align:center;
      padding: 4rem 1.3rem 1.3rem
  }
}

.questions h1 {
  color: #fff;
  padding-left: 20px;
  text-align: left
}

@media (max-width: 640px) {
  .questions h1 {
      padding-left:0
  }
}

.questions p.subLine {
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 20px;
  max-width: 800px;
  padding-left: 20px;
  text-align: left
}

@media (max-width: 640px) {
  .questions p.subLine {
      padding-left:0
  }
}

.questions .questionInnerWrap {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  padding-top: 20px;
  top: 10px
}

.questions .mGrid span.chip .icon_cancel {
  font-size: 13px!important
}

._1e56tWp4cEJMn-cD-PZArd {
  padding: 10px;
  display: block;
  font-size: 12px!important
}

.customPlaceholder {
  position: absolute;
  margin-left: 10px;
  margin-top: 39px;
  color: #636fcb;
  font-size: 12px
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.submit-btn {
  width: 100%;
  cursor: pointer
}

.workshop-search {
  width: 22.2rem;
  height: 6rem;
  color: #fff;
  background-color: #d81159;
  border-radius: 6px;
  font-size: 1.8rem;
  border: unset;
  outline: none;
  font-family: "Work Sans";
  font-weight: 700;
  cursor: pointer
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.booking {
  padding: 60px 40px;
  max-width: 1280px;
  margin: 40px auto 0;
  box-sizing: border-box;
  color: #22333b
}

.booking__heading {
  margin-bottom: 3rem;
  font-size: 4rem;
  font-family: "Work Sans";
  font-weight: 700
}

@media (max-width: 640px) {
  .booking__heading {
      font-size:2rem;
      margin-bottom: 1.95rem
  }
}

@media (max-width: 768px) {
  .booking {
      width:unset;
      padding: 6rem 1.3rem
  }
}

.workSans,a.downloadBtn {
  font-family: "Work Sans",sans-serif
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.appPop {
  text-align: center;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  z-index: 2001!important
}

.appPop .alert-dialog-title h2 {
  font-size: 33px;
  font-family: "Work Sans",sans-serif;
  font-weight: 600;
  color: #424651;
  letter-spacing: 1.16px
}

@media (max-width: 425px) {
  .appPop .alert-dialog-title h2 {
      font-size:24px
  }
}

.appPop .alert-dialog-title svg {
  color: green;
  height: 4em;
  width: 4em
}

.appPop .alert-dialog-title.downloadIcon svg {
  color: #424651
}

@media (max-width: 425px) {
  .appPop .MuiDialogContent-root {
      padding:10px 8px 5px!important;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center
  }
}

@media (max-width: 425px) {
  .appPop .MuiDialogContent-root.enquirySent {
      display:inline;
      display: initial;
      padding: 40px 8px 5px!important
  }
}

.appPop .MuiDialogContent-root .alert-dialog-actions {
  margin-top: 20px
}

@media (max-width: 425px) {
  .appPop .MuiDialogContent-root .alert-dialog-actions {
      margin-top:0
  }
}

.appPop .alert-dialog-description {
  font-size: 20px!important;
  line-height: 30px;
  margin-bottom: 30px;
  color: #22333b;
  font-family: "Karla",sans-serif
}

@media (max-width: 425px) {
  .appPop .alert-dialog-description {
      font-size:16px!important;
      text-align: left
  }
}

.appPop .alert-dialog-description.contentInfo {
  text-align: left;
  border-bottom: 1px solid #d7dcfb;
  padding-bottom: 30px;
  margin-bottom: 0
}

.appPop .alert-dialog-description.contentAdd {
  text-align: left;
  font-size: 18px
}

.appPop h2.subTitle {
  font-family: "Work Sans",sans-serif;
  font-weight: 600;
  color: #424651;
  padding: 30px 0;
  font-size: 22px;
  border-top: 1px solid #f5f5f5
}

@media (max-width: 425px) {
  .appPop h2.subTitle {
      font-size:18px;
      padding: 24px 0
  }
}

@media (max-width: 425px) {
  .appPop .input-field {
      margin-bottom:0;
      width: 100%
  }
}

.appPop .input-field__input {
  background-color: #f2f4fe;
  font-size: 18px;
  color: #000;
  border: none;
  border-radius: 10px
}

.appPop .MuiDialogActions-root {
  justify-content: center
}

@media (max-width: 540px) {
  .appPop .MuiDialogActions-root {
      flex-direction:column
  }
}

.appPop button {
  background: #d81159;
  font-size: 18px;
  color: #fff;
  border-radius: 30px;
  padding: 10px 35px;
  font-family: "Work Sans",sans-serif;
  font-weight: 600;
  text-transform: none;
  border: none
}

@media (max-width: 540px) {
  .appPop button {
      margin-bottom:10px
  }
}

@media (max-width: 425px) {
  .appPop button {
      width:100%;
      margin-top: 25px;
      padding: 8px 35px
  }
}

.appPop button:hover {
  background: #d81159
}

.appPop button .MuiCircularProgress-root {
  position: absolute
}

.appPop button.Mui-disabled {
  color: #fff;
  background: #f598ba
}

.appPop .MuiDialog-paper {
  padding: 40px 20px;
  border-radius: 25px;
  box-shadow: 2px 6px 24px -10px #f2f4fe,2px 6px 24px -10px #f2f4fe,2px 6px 24px -10px #f2f4fe;
  border: 1px solid #f2f4fe;
  overflow: visible;
  overflow: initial
}

@media (max-width: 425px) {
  .appPop .MuiDialog-paper {
      margin:0;
      border-radius: 0;
      padding: 40px 15px
  }
}

.appPop .MuiDialog-paperScrollPaper {
  max-height: calc(100% - 150px)
}

@media (max-width: 425px) {
  .appPop .MuiDialog-paperScrollPaper {
      max-height:calc(100% - 15px);
      height: 100%
  }
}

.appPop .MuiBackdrop-root {
  background-color: #f2f4fe;
  opacity: .6!important
}

.appPop button.Mui-disabled {
  opacity: .3
}

.appPop .noteArea {
  width: 100%;
  border: none;
  font-size: 18px;
  background-color: #f2f4fe;
  outline: none;
  padding: 20px 10px;
  resize: none;
  box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 20px
}

@media (max-width: 425px) {
  .appPop .noteArea {
      font-size:16px;
      min-height: 120px;
      margin-bottom: 0
  }
}

@media (max-width: 425px) {
  .appPop .contactArea {
      margin-top:10px
  }
}

.appPop .tagContent .MuiChip-label {
  font-size: 14px
}

.appPop .tagContent .MuiChip-root {
  margin-right: 10px;
  margin-top: 8px;
  color: #424651
}

.appPop .tagContent .MuiChip-root.curri {
  border: 2px solid #f598ba
}

.appPop .tagContent .MuiChip-root.yearG {
  border: 2px solid #ffbc42
}

.appPop .tagContent .MuiChip-root.MuiChip-colorPrimary {
  background-color: #d7dcfb
}

.appPop .tagContent .subTitle {
  text-align: left
}

.appPop .tagContent .instructions {
  display: flex;
  padding-bottom: 10px
}

.appPop .tagContent .instructions p {
  font-size: 12px;
  margin-right: 10px
}

.appPop .tagContent .instructions p.curri span {
  border: 2px solid #f598ba
}

.appPop .tagContent .instructions span {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 10px;
  border: 2px solid #ffbc42;
  position: relative;
  top: 7px;
  margin-right: 2px
}

@media (max-width: 425px) {
  .appPop.contactModel .contact {
      width:100%
  }
}

.appPop.contactModel .contact button {
  margin-top: 15px;
  padding: 15px 50px
}

.appPop.contactModel .contact button:disabled {
  color: #fff
}

.appPop.contactModel .alert-dialog-description.contentInfo {
  border: none
}

a.downloadBtn {
  background: #d81159;
  color: #fff;
  font-size: 16px;
  padding: 10px 20px;
  text-decoration: none;
  line-height: 32px;
  border-radius: 16px;
  font-weight: 700
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.input-field {
  margin-bottom: 2rem;
  position: relative;
  box-sizing: content-box
}

.input-field__label {
  font-size: 2rem;
  margin-bottom: 2rem
}

.input-field__input {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  border: .1rem solid;
  outline: none;
  height: 6rem;
  padding-left: 1rem
}

.input-field__eye {
  position: absolute;
  top: 6.5rem;
  right: 1rem;
  cursor: pointer;
  width: 3.46rem "!important";
  height: 1.91rem "!important"
}

.input-field .password__validation {
  margin-bottom: 3rem;
  margin-top: 2rem
}

.input-field .password__validation ul {
  padding-left: 1.5rem;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 600
}

.input-field .password__validation ul li {
  padding: .5rem 0
}

.workSans {
  font-family: "Work Sans",sans-serif
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.resultPage {
  padding-top: 65px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media (max-width: 540px) {
  .resultPage {
      background-color:#fff
  }
}

.resultPage .animated {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center
}

.marginTop {
  margin-top: -15px
}

.checkBoxContainer {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-left: 15px;
  top: 132px
}

.checkBoxContainer span {
  font-size: 16px;
  color: #636fcb;
  letter-spacing: .45px
}

@media (max-width: 1024px) {
  .checkBoxContainer {
      align-self:center;
      position: static!important;
      margin-left: 0;
      top: 0;
      padding-top: 20px
  }
}

.spanCls {
  font-size: 18px;
  color: #636fcb
}

.formatCheckBox {
  color: #636fcb!important
}

.formatCheckBox .MuiTypography-body1 {
  font-size: 16px!important
}

.formatCheckBox .MuiSvgIcon-root {
  width: 26px;
  height: 26px;
  border-radius: 3px
}


.resultItemCard .resultDes button,.resultItemCard .resultDes button.addMoreNote,.resultItemCard .resultDes h2,.workSans {
  font-family: "Work Sans",sans-serif
}

.kara,.resultItemCard .resultDes .icons p {
  font-family: "Karla",sans-serif
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.resultItem {
  padding: 30px 20px 40px;
  min-height: 150px;
  margin-top: 5px;
  border-radius: 3px
}

.resultItem.visited {
  border-left: 10px solid #ffbc42
}

.resultItem .topBar {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d7dcfb;
  align-items: center
}

@media (max-width: 600px) {
  .resultItem .topBar {
      flex-direction:column;
      align-items: flex-start
  }
}

.resultItem .topBar p {
  font-size: 14px;
  color: #424651;
  font-family: "Work Sans",sans-serif;
  font-weight: 700
}

.resultItem .topBar ul {
  list-style: none;
  display: flex
}

@media (max-width: 600px) {
  .resultItem .topBar ul {
      padding-left:0;
      margin-top: 10px;
      flex-wrap: wrap;
      margin-left: -10px
  }
}

.resultItem .topBar ul li {
  margin-left: 10px;
  font-size: 14px;
  background: #d7dcfb;
  padding: 10px 20px;
  color: #424651;
  font-family: "Karla",sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 3px 3px 0 0;
  border: 1px solid #d7dcfb;
  border-bottom: none
}

.resultItem .topBar ul li.showAll {
  font-weight: 700;
  color: #636fcb;
  font-family: "Work Sans",sans-serif;
  background-color: #f2f4fe;
  cursor: pointer
}

.resultItem .topBar ul li.showAll:hover {
  color: #fff;
  background-color: #636fcb
}

@media (max-width: 600px) {
  .resultItem .topBar ul li {
      margin-top:5px
  }
}

.resultItem .topBar ul li[type=group] {
  background: transparent;
  border-bottom: none;
  background-color: #fff
}

.resultItem .buttonLoader {
  position: absolute;
  top: 5px;
  display: none
}

.resultItem .resultDes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0
}

@media (max-width: 600px) {
  .resultItem .resultDes {
      flex-direction:column;
      align-items: flex-start
  }
}

.resultItem .resultDes p {
  font-size: 28px;
  line-height: 36px;
  color: #424651;
  padding-right: 80px;
  font-family: "Karla",sans-serif;
  font-style: italic;
  font-weight: 700
}

@media (max-width: 600px) {
  .resultItem .resultDes p {
      padding-right:0
  }
}

.resultItem:nth-child(2n) {
  background: #f2f4fe
}

.resultItem:nth-child(2n) .resultDes p,.resultItem:nth-child(2n) .topBar p {
  color: #636fcb
}

.resultItemCard {
  padding: 40px 20px 40px 40px;
  margin-top: 20px;
  border-radius: 3px;
  background: #fff;
  max-width: 792px;
  box-shadow: 6px 6px 12px -6px rgba(99,111,203,.55);
  border: 1px solid #f2f4fe;
  border-radius: 18px;
  width: 100%;
  box-sizing: border-box
}

@media (max-width: 540px) {
  .resultItemCard {
      margin-top:0;
      border-radius: 0;
      box-shadow: none;
      padding: 40px 20px
  }
}

.resultItemCard.visited {
  border-left: 10px solid #ffbc42
}

.resultItemCard .buttonLoader {
  position: absolute;
  top: 5px;
  display: none
}

.resultItemCard .resultDes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
  flex-direction: column
}

.resultItemCard .resultDes .iconRow {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 40px
}

@media (max-width: 540px) {
  .resultItemCard .resultDes .iconRow {
      flex-direction:column;
      align-self: flex-start;
      margin-top: 20px
  }
}

.resultItemCard .resultDes .iconRow .discoverDark {
  background-color: #d81159;
  font-size: 18px;
  color: #fff;
  border-radius: 30px;
  padding: 8px 32px;
  text-transform: none;
  font-family: "Karla",sans-serif;
  cursor: pointer;
  text-decoration: none;
  font-weight: 700;
  line-height: 30px
}

.resultItemCard .resultDes .iconRow .discoverDark.addMoreNote {
  background: transparent;
  color: #424651;
  text-transform: none;
  font-weight: 700;
  font-size: 18px;
  font-family: "Work Sans",sans-serif;
  border-bottom: 2px solid #d81159;
  padding: 10px 0 0;
  border-radius: 0;
  line-height: 20px;
  min-width: 170px
}

.resultItemCard .resultDes .iconRow .discoverDark.addMoreNote:hover {
  background: transparent
}

@media (max-width: 600px) {
  .resultItemCard .resultDes .iconRow .discoverDark {
      margin-top:15px;
      align-self: flex-end
  }
}

.resultItemCard .resultDes .iconRow .discoverDark:hover {
  background: #d81159
}

.resultItemCard .resultDes .iconRow .discoverDark.Mui-disabled {
  background: #f7cfde
}

.resultItemCard .resultDes .iconRow .discoverDark.Mui-disabled .MuiCircularProgress-colorPrimary {
  position: absolute
}

.resultItemCard .resultDes h2 {
  font-weight: 700;
  color: #22333b;
  letter-spacing: 1.4px;
  line-height: 30px;
  font-size: 28px;
  margin-top: 8px
}

@media (max-width: 425px) {
  .resultItemCard .resultDes h2 {
      font-size:20px
  }
}

.resultItemCard .resultDes p {
  font-size: 18px;
  line-height: 24px;
  color: #424651;
  letter-spacing: .4px;
  font-family: "Karla",sans-serif;
  margin-top: 12px
}

@media (max-width: 600px) {
  .resultItemCard .resultDes p {
      padding-right:0
  }
}

@media (max-width: 425px) {
  .resultItemCard .resultDes p {
      font-size:16px
  }
}

.resultItemCard .resultDes button {
  background-color: #d81159;
  font-size: 18px;
  color: #fff;
  border-radius: 30px;
  padding: 8px 32px;
  text-transform: none;
  cursor: pointer;
  font-weight: 700
}

.resultItemCard .resultDes button.addMoreNote {
  background: transparent;
  color: #424651;
  text-transform: none;
  font-weight: 700;
  font-size: 18px;
  border-bottom: 2px solid #d81159;
  padding: 10px 0 0;
  border-radius: 0;
  line-height: 20px;
  min-width: 170px
}

.resultItemCard .resultDes button.addMoreNote:hover {
  background: transparent
}

@media (max-width: 600px) {
  .resultItemCard .resultDes button {
      align-self:flex-end
  }
}

@media (max-width: 540px) {
  .resultItemCard .resultDes button {
      align-self:flex-start;
      margin-top: 30px
  }
}

@media (max-width: 425px) {
  .resultItemCard .resultDes button {
      font-size:14px
  }
}

.resultItemCard .resultDes button:hover {
  background: #d81159
}

.resultItemCard .resultDes button.Mui-disabled {
  background: #f7cfde
}

.resultItemCard .resultDes button.Mui-disabled .MuiCircularProgress-colorPrimary {
  position: absolute
}

.resultItemCard .resultDes .iconWrap {
  display: flex
}

@media (max-width: 540px) {
  .resultItemCard .resultDes .iconWrap {
      justify-content:space-around
  }
}

.resultItemCard .resultDes .icons {
  display: flex;
  justify-content: center;
  border-radius: 30px;
  margin-right: 15px;
  width: 48px;
  height: 48px
}

@media (max-width: 425px) {
  .resultItemCard .resultDes .icons {
      width:40px;
      height: 40px
  }
}

.resultItemCard .resultDes .icons p {
  display: none;
  font-size: 14px
}

.resultItemCard .resultDes .icons img {
  width: 28px
}

.resultItemCard .resultDes .icons.noService {
  opacity: .3
}

.resultItemCard .resultDes .icons.service:hover {
  opacity: .7
}

.resultItemCard .resultDes .status {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  color: #636fcb;
  letter-spacing: .4px;
  font-family: "Karla",sans-serif
}

.resultItemCard .resultDes .title {
  padding-left: 5px
}

.bannerBlog a.large,.bannerBlog a.small,.bannerBlog p,.workSans {
  font-family: "Work Sans",sans-serif
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.bannerBlog,.shadow {
  box-shadow: 6px 6px 12px -6px rgba(99,111,203,.55)
}

.status {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  color: #636fcb;
  letter-spacing: .4px;
  font-family: "Karla",sans-serif
}

.status .title {
  padding-left: 5px
}

span.iconSpanService {
  display: flex;
  align-items: center
}

span.iconSpanService .TagshowBelow425 {
  display: none
}

@media (max-width: 425px) {
  span.iconSpanService .TagshowBelow425 {
      display:none
  }
}

span.iconSpanService img {
  width: 18px;
  height: 17px
}

.bannerBlog {
  background-color: #636fcb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  z-index: 2
}

@media (max-width: 768px) {
  .bannerBlog {
      flex-direction:column
  }
}

@media (max-width: 540px) {
  .bannerBlog {
      padding:0 30px
  }
}

.bannerBlog p {
  font-size: 18px;
  color: #fff;
  letter-spacing: .9px;
  line-height: 22px;
  font-weight: 700
}

@media (max-width: 768px) {
  .bannerBlog p {
      text-align:center;
      padding: 5px 10px
  }
}

@media (max-width: 540px) {
  .bannerBlog p {
      display:none
  }
}

.bannerBlog a.large {
  font-size: 16px;
  color: #fff;
  letter-spacing: .8px;
  line-height: 20px;
  font-weight: 700;
  padding: 5px 10px
}

@media (max-width: 768px) {
  .bannerBlog a.large {
      text-align:center;
      padding: 5px 10px
  }
}

@media (max-width: 540px) {
  .bannerBlog a.large {
      display:none
  }
}

.bannerBlog a.small {
  display: none;
  font-size: 12px;
  color: #fff;
  letter-spacing: .8px;
  line-height: 18px;
  font-weight: 700;
  padding: 15px 10px
}

@media (max-width: 540px) {
  .bannerBlog a.small {
      display:block
  }
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.Pagi {
  margin-top: 20px;
  padding: 20px 0
}

.Pagi .MuiPagination-ul {
  justify-content: center
}

.Pagi button {
  font-size: 18px;
  font-weight: bolder;
  color: #424651;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  border: 1px solid #424651
}

.Pagi button:hover {
  background-color: #d81159!important;
  border: 1px solid #d81159;
  color: #fff
}

.Pagi button.Mui-selected {
  background-color: #d81159;
  border: 1px solid #d81159;
  color: #fff
}

.Pagi button.Mui-selected:hover {
  background-color: #d81159
}

.Pagi button .MuiPaginationItem-icon {
  font-size: 25px
}

.Pagi .MuiPaginationItem-ellipsis {
  font-size: 22px
}

.bespoke {
  background-color: #ffbc42;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 3px;
  padding: 0 10px;
  align-items: center;
  margin: 20px 0 0
}

.bespoke__text {
  font: 700 18px/36px Karla
}

.bespoke__link p,.bespoke__text {
  text-align: center;
  letter-spacing: .9px;
  color: #424651
}

.bespoke__link p {
  border-bottom: 2px solid #fff;
  font: 700 18px/36px Work Sans;
  line-height: 20px;
  margin-top: 10px;
  cursor: pointer
}

.bespoke_container {
  padding: 40px auto
}

.react-data-table select {
  padding: .2rem;
  border-radius: .2rem
}

.react-data-table input,.react-data-table select {
  margin-right: .5rem;
  width: 17rem
}

button.convertBtn {
  font-size: 12px
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.userList .dashboard {
  height: 100vh
}

.userList .dashboard__container {
  height: 15rem
}

.userList .dashboard__submit {
  cursor: pointer
}

.userList .dashboard__results {
  min-height: calc(100vh - 30.7rem);
  box-sizing: border-box
}

@media (max-width: 1024px) {
  .userList .dashboard__results {
      width:unset;
      padding-left: 2.5rem;
      padding-right: 2.5rem
  }
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.adminWrapper.dashboard {
  height: 100vh
}

.adminWrapper.dashboard__container {
  height: 15rem
}

.adminWrapper.dashboard__submit {
  cursor: pointer
}

.adminWrapper.dashboard__results {
  min-height: calc(100vh - 30.7rem);
  box-sizing: border-box
}

@media (max-width: 1024px) {
  .adminWrapper.dashboard__results {
      width:unset;
      padding-left: 2.5rem;
      padding-right: 2.5rem
  }
}

.adminWrapper.dashboard select[name=searchBy] {
  outline: none;
  padding: 5px;
  font-size: 14px;
  margin-right: 5px;
  border: 1px solid #ccc;
  max-height: 30px
}

.adminWrapper.dashboard header {
  background: #f2f4fe!important
}

.adminWrapper.dashboard .searchArea {
  background: #fff;
  border: 1px solid #ccc;
  display: flex
}

.adminWrapper.dashboard .searchArea button {
  background: none;
  outline: none;
  cursor: pointer;
  background: #3f51b5;
  border: none;
  border-left: 1px solid #ccc
}

.adminWrapper.dashboard .searchArea button svg {
  height: 1.2em;
  width: 1.2em;
  position: relative;
  top: 2px;
  fill: #fff
}

.adminWrapper.dashboard .searchArea input {
  padding: 5px;
  font-size: 14px;
  max-height: 30px;
  border: none;
  outline: none
}

.adminWrapper.dashboard button.clear {
  background: #ff4f4f;
  border: none;
  outline: none;
  height: 28px;
  cursor: pointer
}

.adminWrapper.dashboard button.clear svg {
  height: 1.2em;
  width: 1.2em;
  position: relative;
  top: 1px;
  fill: #fff
}

.adminWrapper.dashboard div[role=row] {
  border-bottom: 1px solid #dbe1ff;
  margin-bottom: 10px;
  padding: 12px 10px
}

.adminWrapper.dashboard div[role=gridcell] {
  padding: 2px
}

.adminWrapper.dashboard .dashboard__results {
  padding-bottom: 30px
}

.dashboard__nav {
  display: flex;
  justify-content: space-between;
  padding: 20px 0
}

.dashboard__nav a {
  text-decoration: none
}

.dashboard__nav button {
  font-size: 12px
}

.dashboard__nav div button {
  margin-right: 5px
}

.rdt_Table {
  background-color: #f2f4fe
}

.rdt_Table .rdt_TableHeadRow {
  background: #3a3a3a
}

.rdt_Table .rdt_TableHeadRow div {
  color: #fff
}

.rdt_Pagination {
  border: none!important
}

form.adminForm {
  max-width: 800px;
  background: #fff;
  margin: 0 auto;
  padding: 30px;
  display: flex;
  flex-wrap: wrap
}

form.adminForm .descriptionWrape {
  width: 100%
}

form.adminForm .MuiFormControl-root {
  min-width: 200px;
  margin-right: 10px;
  max-width: 255px;
  margin-bottom: 20px;
  flex: 1 1
}

form.adminForm .MuiFormControl-root input,form.adminForm .MuiFormControl-root label {
  font-size: 13px
}

form.adminForm .MuiFormControl-root.description {
  max-width: none;
  margin-bottom: 3px
}

form.adminForm .MuiFormControl-root.description textarea {
  font-size: 13px
}

form.adminForm div[role=radiogroup] {
  display: block
}

form.adminForm div[role=radiogroup] label span {
  font-size: 13px
}

form.adminForm .mapArea {
  width: 100%
}

form.adminForm .mapArea .selectionArea {
  display: flex;
  width: 100%;
  flex-wrap: wrap
}

form.adminForm .mapArea .curriItems {
  width: 200px
}

form.adminForm .mapArea .curriItems span {
  font-size: 11px
}

form.adminForm h3 {
  width: 100%;
  font-size: 22px;
  padding-bottom: 40px
}

form.adminForm .block {
  width: 100%;
  padding: 15px 0
}

form.adminForm .block h2.rangeHeaders {
  padding-bottom: 40px
}

form.adminForm .block span {
  font-size: 12px
}

form.adminForm .MuiSelect-select.MuiSelect-select {
  font-size: 13px
}

.newAdd {
  margin: 0 auto;
  padding: 12px;
  display: flex;
  justify-content: flex-end
}

.newAdd a {
  text-decoration: none
}

.newAdd span {
  font-size: 12px
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.providerList .dashboard {
  height: 100vh
}

.providerList .dashboard__container {
  height: 15rem
}

.providerList .dashboard__submit {
  cursor: pointer
}

.providerList .dashboard__results {
  min-height: calc(100vh - 30.7rem);
  box-sizing: border-box
}

@media (max-width: 1024px) {
  .providerList .dashboard__results {
      width:unset;
      padding-left: 2.5rem;
      padding-right: 2.5rem
  }
}

.providerList .dashboard .description {
  max-width: none
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.curriculumList .dashboard {
  height: 100vh
}

.curriculumList .dashboard__container {
  height: 15rem
}

.curriculumList .dashboard__submit {
  cursor: pointer
}

.curriculumList .dashboard__results {
  min-height: calc(100vh - 30.7rem);
  box-sizing: border-box
}

@media (max-width: 1024px) {
  .curriculumList .dashboard__results {
      width:unset;
      padding-left: 2.5rem;
      padding-right: 2.5rem
  }
}

.headingLG,.homeSection h1 {
  font-family: "Work Sans",sans-serif;
  font-size: 40px;
  font-weight: 500
}

@media (max-width: 425px) {
  .headingLG,.homeSection h1 {
      font-size:24px
  }
}

.homeSection p,.RegPara {
  font-family: "Karla",sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px
}

@media (max-width: 425px) {
  .homeSection p,.RegPara {
      font-size:16px
  }
}

.findBox button,.findBox h2,.testimonails .testiItem h2,.workSans,p.orText span {
  font-family: "Work Sans",sans-serif
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.HomeWrap {
  background: #fff
}

.homeSection.bannerArea {
  background: #020024;
  background: linear-gradient(162deg,#020024,#ffbc42 0,rgba(255,188,66,.5));
  display: flex;
  overflow-x: hidden;
  max-height: 850px
}

@media (max-width: 960px) {
  .homeSection.bannerArea {
      max-height:none;
      padding: 50px 0;
      background: #020024;
      background: linear-gradient(180deg,#020024,#ffbc42 0,rgba(255,188,66,0))
  }
}

@media (max-width: 425px) {
  .homeSection.bannerArea {
      padding:50px 0 0
  }
}

.homeSection .contentSide {
  padding: 50px 0 50px 50px
}

@media (min-width: 1400px) {
  .homeSection .contentSide {
      padding:110px 50px
  }
}

@media (max-width: 960px) {
  .homeSection .contentSide {
      padding:0 50px
  }
}

@media (max-width: 425px) {
  .homeSection .contentSide {
      padding:0 12px
  }
}

.homeSection .gridWrapper {
  margin: initial
}

.homeSection h1 {
  font-weight: 700;
  color: #22333b;
  letter-spacing: 1.4px
}

.homeSection p {
  line-height: 30px;
  color: #22333b;
  margin-top: 30px
}

.homeSection .innerWidth {
  display: flex;
  max-width: 1280px;
  margin: 0 auto
}

.bannerImage {
  display: flex;
  justify-content: flex-end;
  position: relative;
  height: 100%
}

@media (max-width: 425px) {
  .bannerImage {
      display:inline;
      display: initial
  }
}

.bannerImage img {
  position: absolute;
  left: 0;
  height: 100%
}

@media (max-width: 960px) {
  .bannerImage img {
      position:static;
      width: 80%;
      height: auto;
      margin: 0 auto
  }
}

@media (max-width: 425px) {
  .bannerImage img {
      width:100%
  }
}

.contentA {
  padding: 100px 0 50px
}

.findBox {
  background: #fff;
  max-width: 600px;
  border-radius: 18px;
  padding: 20px;
  margin-top: 29px;
  box-shadow: 6px 6px 19px -5px rgba(0,0,0,.2)
}

@media (max-width: 425px) {
  .findBox {
      padding:20px 10px
  }
}

@media (max-width: 320px) {
  .findBox {
      margin-top:15px;
      border-radius: 6px
  }
}

.findBox h2 {
  font-size: 18px;
  font-weight: bolder;
  padding-bottom: 20px;
  color: #22333b;
  letter-spacing: 1.1px
}

@media (max-width: 425px) {
  .findBox h2 {
      font-size:18px
  }
}

@media (max-width: 320px) {
  .findBox h2 {
      font-size:14px
  }
}

.findBox form {
  background-color: #f2f4fe;
  border-radius: 9px;
  display: flex
}

.findBox div {
  flex: 1 1
}

.findBox .input-field {
  margin-bottom: 0
}

.findBox input {
  border: none;
  background: transparent;
  padding: 20px 25px;
  flex: 1 1;
  font-size: 18px;
  color: #424651;
  outline: none
}

@media (max-width: 425px) {
  .findBox input {
      font-size:16px;
      padding: 20px 13px
  }
}

@media (max-width: 375px) {
  .findBox input {
      padding:20px 13px
  }
}

@media (max-width: 320px) {
  .findBox input {
      padding:20px 13px
  }
}

.findBox button {
  font-weight: 700;
  background: #d81159;
  color: #fff;
  border: none;
  font-size: 18px;
  padding: 0 30px;
  border-radius: 0 9px 9px 0;
  letter-spacing: .9px;
  outline: none;
  cursor: pointer;
  position: relative
}

@media (max-width: 425px) {
  .findBox button {
      font-size:14px;
      padding: 0 17px
  }
}

@media (max-width: 375px) {
  .findBox button {
      padding:0 17px
  }
}

@media (max-width: 320px) {
  .findBox button {
      padding:0 17px
  }
}

.findBox button:disabled {
  color: #fff;
  background-color: #f598ba
}

.findBox button div {
  position: absolute;
  top: 12px;
  right: 26px
}

p.orText {
  margin-top: 20px;
  margin-left: 20px;
  letter-spacing: .9px;
  font-size: 18px
}

p.orText span {
  font-weight: 700;
  border-bottom: 4px solid #fff;
  cursor: pointer
}

@media (max-width: 425px) {
  p.orText {
      font-size:14px;
      margin-top: 5px
  }
}

.portfolioArea {
  display: flex;
  justify-content: flex-end
}

.portfolioArea .portInner {
  width: 100%;
  box-sizing: border-box;
  padding: 100px 0 120px 20px
}

@media (min-width: 1400px) {
  .portfolioArea .portInner {
      width:75%
  }
}

@media (max-width: 1400px) {
  .portfolioArea .portInner {
      width:80%
  }
}

@media (max-width: 1024px) {
  .portfolioArea .portInner {
      width:100%;
      padding: 50px 0
  }
}

.portfolioArea .portInfo {
  max-width: 850px;
  padding-right: 10px
}

@media (max-width: 1024px) {
  .portfolioArea .portInfo {
      padding-right:20px;
      padding-left: 20px
  }
}

.portfolioArea .portInfo .topInfo {
  display: flex
}

@media (max-width: 768px) {
  .portfolioArea .portInfo .topInfo {
      flex-direction:column;
      min-height: 200px;
      justify-content: space-around
  }
}

@media (max-width: 425px) {
  .portfolioArea .portInfo .topInfo {
      min-height:0
  }
}

.portfolioArea .portItemsWrapper {
  position: relative
}

.portfolioArea .portItems {
  display: flex;
  overflow-x: auto;
  margin-top: 60px;
  padding-bottom: 20px;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.portfolioArea .portItems::-webkit-scrollbar {
  display: none
}

@media (max-width: 1024px) {
  .portfolioArea .portItems:first-child {
      padding-left:10px
  }
}

.portfolioArea .portItems:last-child {
  padding-right: 10px
}

.portfolioArea .item {
  width: 280px;
  height: 300px;
  background-color: #d7dcfb;
  border-radius: 18px;
  margin-right: 25px;
  min-width: 280px;
  box-shadow: 0 0 24px 2px rgba(151,162,242,.12);
  background-size: cover;
  background-repeat: no-repeat
}

@media (max-width: 425px) {
  .portfolioArea .item {
      min-width:220px
  }
}

.portfolioArea .item p {
  padding: 20px;
  font-size: 22px;
  margin-top: 0;
  font-family: "Work Sans";
  font-weight: 700
}

@media (max-width: 425px) {
  .portfolioArea .item p {
      font-size:18px
  }
}

.portfolioArea .sliderActions {
  width: 120px;
  display: flex;
  justify-content: space-between;
  min-width: 120px
}

@media (max-width: 425px) {
  .portfolioArea .sliderActions {
      display:none
  }
}

.portfolioArea .sliderActions button {
  height: 50px;
  width: 50px;
  background: transparent;
  border: 3px solid #ffbc42;
  border-radius: 25px;
  outline: none;
  display: flex;
  justify-content: center;
  cursor: pointer
}

.portfolioArea .sliderActions button svg {
  font-size: 40px;
  fill: #d81159;
  align-self: center
}

.portfolioArea .boxSection {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap
}

@media (max-width: 1024px) {
  .portfolioArea .boxSection {
      margin:0 auto;
      justify-content: space-around
  }
}

.portfolioArea .boxSection .portInfoBox {
  max-width: 340px;
  margin-right: 60px;
  margin-top: 50px;
  min-width: 280px
}

@media (max-width: 1024px) {
  .portfolioArea .boxSection .portInfoBox {
      margin-right:0;
      padding: 0 20px
  }
}

@media (max-width: 960px) {
  .portfolioArea .boxSection .portInfoBox {
      padding:10px;
      max-width: 300px;
      min-width: 220px
  }
}

@media (max-width: 425px) {
  .portfolioArea .boxSection .portInfoBox {
      padding:0
  }
}

.portfolioArea .boxSection .portInfoBox h1 {
  font-size: 24px
}

@media (max-width: 425px) {
  .portfolioArea .boxSection .portInfoBox h1 {
      font-size:18px;
      margin-top: 5px;
      letter-spacing: .8px;
      line-height: 24px
  }
}

.portfolioArea .boxSection .portInfoBox p {
  margin-top: 20px
}

@media (max-width: 425px) {
  .portfolioArea .boxSection .portInfoBox p {
      line-height:26px
  }
}

.searchPostCode {
  background: #d81159;
  padding: 40px
}

@media (max-width: 768px) {
  .searchPostCode {
      padding:40px 20px
  }
}

.searchPostCode .searchPostCodeInner {
  display: flex;
  flex-direction: row;
  max-width: 1100px;
  justify-content: space-between;
  align-self: center;
  margin: 0 auto
}

@media (max-width: 768px) {
  .searchPostCode .searchPostCodeInner {
      flex-direction:column;
      text-align: center
  }
}

@media (max-width: 425px) {
  .searchPostCode .searchPostCodeInner {
      text-align:left
  }
}

.searchPostCode .searchPostCodeInner h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1.4px;
  margin-top: 5px;
  max-width: 345px
}

@media (max-width: 768px) {
  .searchPostCode .searchPostCodeInner h2 {
      font-size:24px;
      max-width: none
  }
}

@media (max-width: 425px) {
  .searchPostCode .searchPostCodeInner h2 {
      font-size:24px
  }
}

.searchPostCode .searchPostCodeInner div {
  flex: 1 1
}

.searchPostCode .searchPostCodeInner div.searchFind {
  display: flex;
  align-items: flex-start
}

.searchPostCode .searchPostCodeInner p.orText {
  font-size: 16px;
  margin-top: 25px;
  margin-left: 0;
  color: #fff;
  max-width: 445px
}

.searchPostCode .searchPostCodeInner p.orText span {
  border-bottom: 2px solid #f1a9c4
}

.searchPostCode .searchPostCodeInner p.orText.mobile {
  margin-top: 20px
}

@media (max-width: 425px) {
  .searchPostCode .searchPostCodeInner p.orText.mobile {
      font-size:14px
  }
}

.searchPostCode .searchPostCodeInner .findBox {
  margin-top: 0;
  background: transparent;
  box-shadow: none;
  padding: 0 20px;
  max-width: 415px
}

@media (max-width: 768px) {
  .searchPostCode .searchPostCodeInner .findBox {
      padding:20px;
      margin: 0 auto
  }
}

@media (max-width: 425px) {
  .searchPostCode .searchPostCodeInner .findBox {
      padding:20px 0
  }
}

.searchPostCode .searchPostCodeInner .findBox button {
  background: #d81159;
  color: #fff;
  border: 2px solid #f7cfde
}

.searchPostCode .searchPostCodeInner .findBox button:disabled {
  opacity: .5;
  background: #f598ba
}

@media (max-width: 425px) {
  .searchPostCode .searchPostCodeInner .findBox button {
      font-size:14px
  }
}

.searchPostCode .searchPostCodeInner .findBox input {
  font-weight: 700;
  color: #d81159;
  background: #f7cfde;
  border-radius: 9px
}

@media (max-width: 425px) {
  .searchPostCode .searchPostCodeInner .findBox input {
      font-size:16px
  }
}

.searchPostCode .searchPostCodeInner .findBox input::-webkit-input-placeholder {
  color: #d81159;
  opacity: 1
}

.searchPostCode .searchPostCodeInner .findBox input:-ms-input-placeholder {
  opacity: 1
}

.searchPostCode .searchPostCodeInner .findBox input::-ms-input-placeholder {
  opacity: 1
}

.searchPostCode .searchPostCodeInner .findBox input::placeholder {
  color: #d81159;
  opacity: 1
}

.searchPostCode .searchPostCodeInner .findBox input:-ms-input-placeholder {
  color: #d81159
}

.searchPostCode .searchPostCodeInner .findBox input::-ms-input-placeholder {
  color: #d81159
}

.flexContainer {
  display: flex;
  align-items: center;
  width: 40%
}

.closeBtnCls {
  float: right;
  width: 48px;
  height: 48px;
  background-color: #97a2f2!important;
  position: relative!important;
  top: -16px;
  left: 20px
}

@media (max-width: 425px) {
  .closeBtnCls {
      width:30px;
      height: 30px;
      top: -7px;
      left: 6px
  }
}

.closeBtnIcon {
  color: #fff;
  font-size: 28px!important
}

@media (max-width: 425px) {
  .closeBtnIcon {
      font-size:22px!important
  }
}

.emailCheckBox {
  color: #fff!important;
  top: 10px;
  right: 7px
}

.emailContent {
  right: 10px;
  display: flex
}

.submitEmail {
  background: #fff!important;
  color: #d81159!important;
  border-radius: 6px!important;
  margin-top: -10px;
  margin-left: 6px
}

@media (max-width: 540px) {
  .submitEmail {
      width:96%
  }
}

.font12 {
  font-size: 12px!important;
  letter-spacing: .6px!important;
  line-height: 18px!important;
  text-align: left;
  color: #d81159!important
}

.emailCheckBox .MuiSvgIcon-root {
  width: 26px;
  height: 26px;
  border-radius: 6px
}

.btnsBox {
  display: flex;
  justify-content: flex-start;
  margin-top: 35px;
  margin-bottom: 35px
}

@media (max-width: 320px) {
  .btnsBox {
      margin-top:5px
  }
}

.linkDark,.linkDark2 {
  background-color: rgba(255,255,254,.4);
  font-size: 18px;
  color: #22333b;
  border-radius: 24px;
  padding: 20px 42px;
  text-transform: none;
  font-family: "Karla",sans-serif;
  cursor: pointer;
  text-decoration: none;
  font-weight: 700;
  line-height: 30px
}

@media (max-width: 960px) {
  .linkDark,.linkDark2 {
      margin-top:15px;
      align-self: flex-end;
      padding: 15px 19px;
      border-radius: 6px
  }
}

@media (max-width: 600px) {
  .linkDark,.linkDark2 {
      margin-top:15px;
      align-self: flex-end
  }
}

@media (max-width: 425px) {
  .linkDark,.linkDark2 {
      padding:15px 19px;
      border-radius: 6px
  }
}

.linkDark2:hover,.linkDark:hover {
  background: #fff
}

.linkDark2 {
  padding: 20px 34px;
  margin-left: 27px
}

@media (max-width: 960px) {
  .linkDark2 {
      padding:15px;
      border-radius: 6px;
      margin-left: 12px
  }
}

@media (max-width: 425px) {
  .linkDark2 {
      padding:15px;
      border-radius: 6px;
      margin-left: 12px
  }
}

.marginLeft {
  margin-left: 0!important
}

.link_img {
  width: 20px;
  margin-right: 1rem
}

.link_img2 {
  width: 12px;
  margin-right: .9rem
}

.testimonails {
  max-width: 1280px;
  margin: 0 auto;
  padding: 145px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around
}

@media (max-width: 960px) {
  .testimonails {
      flex-direction:column;
      justify-content: center;
      align-items: center
  }
}

@media (max-width: 640px) {
  .testimonails {
      padding:100px 10px
  }
}

@media (max-width: 425px) {
  .testimonails {
      padding:60px 10px
  }
}

.testimonails .testiItem {
  max-width: 380px;
  border-style: solid;
  border-width: 2px;
  padding: 40px;
  border-radius: 18px;
  position: relative;
  box-shadow: 3px 3px 12px -4px rgba(99,111,203,.6);
  margin-top: 15px
}

@media (max-width: 640px) {
  .testimonails .testiItem {
      border-width:0;
      box-shadow: none;
      text-align: center;
      padding: 20px
  }
}

.testimonails .testiItem .avatar {
  border-radius: 100px;
  position: absolute;
  box-shadow: 3px 3px 12px -4px rgba(99,111,203,.6)
}

@media (max-width: 640px) {
  .testimonails .testiItem .avatar {
      position:static;
      text-align: center;
      display: inline-block
  }
}

@media (max-width: 425px) {
  .testimonails .testiItem .avatar {
      width:80px;
      height: 80px
  }
}

@media (min-width: 1400px) {
  .testimonails .testiItem .avatar.top {
      top:-65px;
      left: -40px
  }
}

@media (max-width: 1400px) {
  .testimonails .testiItem .avatar.top {
      top:-65px;
      left: -27px
  }
}

@media (max-width: 1024px) {
  .testimonails .testiItem .avatar.top {
      left:-15px
  }
}

@media (min-width: 1400px) {
  .testimonails .testiItem .avatar.right {
      right:-75px;
      bottom: 40px
  }
}

@media (max-width: 1400px) {
  .testimonails .testiItem .avatar.right {
      right:-18px;
      bottom: -12px
  }
}

@media (max-width: 1024px) {
  .testimonails .testiItem .avatar.right {
      right:30px;
      top: -67px;
      bottom: auto
  }
}

@media (max-width: 960px) {
  .testimonails .testiItem .avatar.right {
      right:-52px;
      top: auto;
      bottom: -10px
  }
}

.testimonails .testiItem .avatar.bottom {
  right: 75px;
  bottom: -70px
}

@media (max-width: 960px) {
  .testimonails .testiItem .avatar.bottom {
      right:auto;
      bottom: -5px;
      left: -83px
  }
}

.testimonails .testiItem .avatar.bottom2 {
  right: 75px;
  bottom: -40px
}

@media (max-width: 425px) {
  .testimonails .testiItem .avatar img {
      width:100%
  }
}

.testimonails .testiItem p {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 20px;
  color: #424651;
  margin-top: 15px
}

@media (max-width: 640px) {
  .testimonails .testiItem p {
      text-align:center;
      padding-bottom: 10px
  }
}

@media (max-width: 425px) {
  .testimonails .testiItem p {
      font-size:14px
  }
}

.testimonails .testiItem h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #424651
}

@media (max-width: 640px) {
  .testimonails .testiItem h2 {
      text-align:center
  }
}

@media (max-width: 425px) {
  .testimonails .testiItem h2 {
      font-size:14px
  }
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.shadow {
  box-shadow: 6px 6px 12px -6px rgba(99,111,203,.55)
}


.contentWrapper {
  max-width: 1280px;
  margin: 0 auto
}

.workSans {
  font-family: "Work Sans",sans-serif
}

.kara {
  font-family: "Karla",sans-serif
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

.login__form,.shadow {
  box-shadow: 6px 6px 12px -6px rgba(99,111,203,.55)
}

.login {
  height: 100vh;
  display: flex;
  flex-direction: column
}

.login__form {
  width: 38.8rem;
  margin-top: auto;
  align-self: center;
  background: #fff;
  padding: 50px 20px
}

@media (max-width: 640px) {
  .login__form {
      padding:0 2.5rem;
      width: unset;
      margin-top: unset
  }
}

@media (max-width: 640px) {
  .login__form input::-webkit-input-placeholder {
      font-weight:700
  }
}

.login__form .input-field__input {
  height: auto;
  padding: 10px;
  border: 1px solid #b9c0e2;
  border-radius: 10px;
  margin-bottom: 0
}

.login__form button.login__submit {
  height: auto;
  padding: 20px 10px;
  margin-top: 14px
}

.login__form .alert {
  font-size: 14px!important
}

.login__heading {
  margin-bottom: 5rem;
  text-align: center;
  font-size: 30px;
  font-weight: 700
}

@media (max-width: 640px) {
  .login__heading {
      display:none
  }
}

.login__code {
  margin-bottom: 1rem
}

.login__password {
  margin-bottom: 2.1rem
}

.login__code,.login__password {
  font-size: 1.8rem;
  padding-bottom: .8rem
}

.login__forgot {
  font-size: 1.4rem;
  width: 100%;
  display: block;
  text-align: right;
  text-decoration: unset;
  margin-bottom: 5.3rem
}

.login__submit {
  height: 6.8rem;
  font-size: 1.6rem;
  border-radius: 3.4rem;
  border: 0;
  outline: none;
  font-weight: 900;
  cursor: unset;
  width: 100%
}

@media (max-width: 640px) {
  .login__submit {
      margin-bottom:1rem
  }
}

.login__submit--enabled {
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 .2rem #455a9d
}

@media (max-width: 1024px) {
  .login .header {
      text-align:center;
      margin-top: 8rem;
      position: unset;
      left: unset;
      transform: unset
  }
}

@media (max-width: 640px) {
  .login .header {
      margin-bottom:8rem;
      padding-right: unset
  }
}

.login .footer {
  margin-top: auto
}

@media (max-width: 1024px) {
  .login {
      flex-direction:column
  }
}

@media (max-width: 640px) {
  .login {
      align-items:unset
  }
}

.contentWrapper,.providers .contentInner,.providers .infoPro div.infoProInner {
  max-width: 1280px;
  margin: 0 auto
}

.contentWrapperF {
  flex: 1 1;
  max-width: none;
  margin: unset;
  background: #f2f4fe
}

.appButtonDark {
  font-size: 18px "!important";
  padding: 10px 30px "!important";
  border-radius: 24px "!important";
  color: #fff
}

.appButtonDark,.appButtonDark:hover {
  background-color: #636fcb
}

.headingLG {
  font-family: "Work Sans",sans-serif;
  font-size: 40px;
  font-weight: 500
}

@media (max-width: 425px) {
  .headingLG {
      font-size:24px
  }
}

.SBWorkL {
  font-family: "Work Sans";
  font-weight: 700;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: 1.5px
}

.RegPara {
  font-family: "Karla",sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px
}

@media (max-width: 425px) {
  .RegPara {
      font-size:16px
  }
}

.SBWorkM {
  font-family: "Work Sans";
  font-size: 34px;
  letter-spacing: 1.9px
}

.providers .findMore .appButtonDark span,.providers .fixedRes,.providers .infoPro h2,.providers .infoText h3,.providers .reservationForm form button span,.providers .serviceCard .MuiAccordionDetails-root h2,.providers .serviceCard h3 span,.workSans {
  font-family: "Work Sans",sans-serif
}

.kara,.providers .infoPro .description p,.providers .infoPro p,.providers .reservationForm,.providers .serviceCard .MuiAccordionDetails-root p {
  font-family: "Karla",sans-serif
}

button.iconClose {
  padding: 0;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -20px;
  right: -20px;
  background-color: #ffbc42;
  font-size: 20px
}

@media (max-width: 425px) {
  button.iconClose {
      width:50px;
      height: 35px;
      top: 15px;
      right: -2px;
      background-color: #fff;
      font-size: 20px;
      color: #d81159;
      font-size: 40px
  }
}

button.iconClose:hover {
  background-color: #ffbc42
}

@media (max-width: 425px) {
  button.iconClose:hover {
      background-color:#fff
  }
}

button.iconClose svg.MuiSvgIcon-root {
  width: 22px;
  height: 22px
}

@media (max-width: 425px) {
  button.iconClose svg.MuiSvgIcon-root {
      width:34px;
      height: 34px
  }
}


@media (max-width: 960px) {
  .hideBelow960 {
      display:none
  }
}

.showBelow960 {
  display: none
}

@media (max-width: 960px) {
  .showBelow960 {
      display:block
  }
}

@media (max-width: 425px) {
  .hideBelow425 {
      display:none
  }
}

.showBelow425 {
  display: none
}

@media (max-width: 425px) {
  .showBelow425 {
      display:block
  }
}

button.linkButton {
  background: transparent;
  color: #636fcb;
  text-decoration: underline;
  outline: none
}

button.linkButton:hover {
  background: transparent;
  cursor: pointer
}

.MuiTooltip-tooltip {
  font-size: 12px!important
}

.loadingDataDiv {
  min-height: 300px
}

.providers .serviceCard .MuiPaper-root,.shadow {
  box-shadow: 6px 6px 12px -6px rgba(99,111,203,.55)
}

.detailPage {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow-x: hidden
}

@media (max-width: 425px) {
  .detailPage {
      display:inline;
      display: initial
  }
}

.providers {
  color: #22333b;
  background-color: #f2f4fe
}

.providers .banner {
  background: #fff
}

.providers .banner img {
  width: 100%
}

.providers .infoPro {
  background: #fff;
  padding: 40px 0
}

@media (max-width: 640px) {
  .providers .infoPro {
      padding:25px 0
  }
}

@media (max-width: 425px) {
  .providers .infoPro {
      padding:25px 0 0;
      text-align: center
  }
}

.providers .infoPro div.infoProInner {
  box-sizing: border-box;
  padding: 0 40px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media (max-width: 640px) {
  .providers .infoPro div.infoProInner {
      padding:0 25;
      flex-direction: column-reverse;
      align-items: flex-start
  }
}

@media (max-width: 425px) {
  .providers .infoPro div.infoProInner {
      flex-direction:column;
      padding: 0;
      align-items: center
  }
}

.providers .infoPro div.infoProInner .textData {
  padding: 0 15px
}

@media (max-width: 640px) {
  .providers .infoPro div.infoProInner .textData {
      padding:0
  }
}

.providers .infoPro div.infoProInner .status {
  min-width: 200px
}

@media (max-width: 425px) {
  .providers .infoPro div.infoProInner .status {
      justify-content:center
  }
}

.providers .infoPro div.infoProInner .status .title {
  font-size: 18px
}

@media (max-width: 425px) {
  .providers .infoPro div.infoProInner .status .title {
      color:#fff
  }
}

.providers .infoPro div.infoProInner .status span.iconSpanService {
  position: relative
}

@media (max-width: 425px) {
  .providers .infoPro div.infoProInner .status span.iconSpanService {
      top:0;
      width: 30px;
      height: 30px;
      border-radius: 20px;
      display: flex;
      justify-content: center
  }
}

.providers .infoPro div.infoProInner .status span.iconSpanService img {
  width: 25px;
  height: 25px
}

@media (max-width: 425px) {
  .providers .infoPro div.infoProInner .status span.iconSpanService img {
      width:20px;
      height: 20px
  }
}

@media (max-width: 425px) {
  .providers .infoPro div.infoProInner .status span.iconSpanService .TaghideBelow425 {
      display:none
  }
}

.providers .infoPro div.infoProInner .status span.iconSpanService .TagshowBelow425 {
  display: none
}

@media (max-width: 425px) {
  .providers .infoPro div.infoProInner .status span.iconSpanService .TagshowBelow425 {
      display:block
  }
}

@media (max-width: 425px) {
  .providers .infoPro div.infoProInner .typeDiv {
      color:#fff;
      text-align: center;
      width: 100%;
      background: #4e96d9;
      padding: 10px 0;
      margin-top: 30px
  }
}

.providers .infoPro h2 {
  font-size: 40px;
  line-height: 52px;
  letter-spacing: 1.4px
}

@media (max-width: 640px) {
  .providers .infoPro h2 {
      font-size:30px;
      line-height: 40px
  }
}

@media (max-width: 425px) {
  .providers .infoPro h2 {
      font-size:24px;
      line-height: 30px;
      letter-spacing: .8px
  }
}

.providers .infoPro p {
  font-size: 24px;
  line-height: 30px;
  margin-top: 12px;
  max-width: 690px
}

@media (max-width: 640px) {
  .providers .infoPro p {
      font-size:20px;
      line-height: 26px
  }
}

@media (max-width: 425px) {
  .providers .infoPro p {
      font-size:16px;
      line-height: 26px;
      font-weight: 700
  }
}

.providers .infoPro .description {
  max-width: 100%;
  padding: 0 20px
}

.providers .infoPro .description p {
  font-size: 18px;
  line-height: 30px;
  margin-top: 12px;
  max-width: 100%
}

@media (max-width: 425px) {
  .providers .infoPro .description p {
      padding:10px 20px
  }
}

@media (max-width: 640px) {
  .providers .infoPro .description {
      font-size:20px;
      padding: 0
  }
}

.providers .contentInner {
  padding: 0 40px;
  display: flex;
  justify-content: space-between
}

@media (max-width: 640px) {
  .providers .contentInner {
      flex-direction:column;
      padding: 0 25px
  }
}

@media (max-width: 425px) {
  .providers .contentInner {
      padding:0 15px
  }
}

.providers .cardList {
  padding-right: 20px
}

@media (max-width: 640px) {
  .providers .cardList {
      padding-right:0
  }
}

.providers .serviceCard {
  max-width: 690px;
  margin-top: 20px
}

.providers .serviceCard .MuiPaper-root {
  border-radius: 18px
}

.providers .serviceCard .MuiAccordionSummary-root {
  border-radius: 18px;
  min-height: 48px
}

.providers .serviceCard .MuiAccordionSummary-root.Mui-expanded {
  border-radius: 18px 18px 0 0
}

.providers .serviceCard .MuiAccordionSummary-root svg {
  height: 3em;
  width: 3em;
  fill: #22333b
}

@media (max-width: 425px) {
  .providers .serviceCard .MuiAccordionSummary-root svg {
      height:2em;
      width: 2em
  }
}

@media (max-width: 425px) {
  .providers .serviceCard .MuiAccordionSummary-root .MuiAccordionSummary-content {
      margin:0
  }
}

.providers .serviceCard .MuiAccordionSummary-root .MuiAccordionSummary-content.Mui-expanded {
  margin: 14px 0
}

.providers .serviceCard h3 {
  font-size: 22px;
  line-height: 30px;
  letter-spacing: .22px;
  padding: 3px 4px;
  font-weight: 700;
  color: #22333b;
  display: flex;
  align-items: center
}

@media (max-width: 425px) {
  .providers .serviceCard h3 {
      font-size:18px;
      line-height: 18px;
      letter-spacing: .3px
  }
}

.providers .serviceCard h3 span {
  font-weight: 700
}

.providers .serviceCard h3 img {
  width: 28px;
  position: relative;
  top: 4px;
  padding-right: 10px
}

@media (max-width: 425px) {
  .providers .serviceCard h3 img {
      top:2px
  }
}

.providers .serviceCard .MuiAccordionDetails-root {
  font-size: 18px;
  letter-spacing: .9px;
  line-height: 24px;
  display: flex;
  flex-direction: column
}

.providers .serviceCard .MuiAccordionDetails-root div {
  margin-top: 20px
}

@media (max-width: 425px) {
  .providers .serviceCard .MuiAccordionDetails-root div {
      margin-top:10px
  }
}

.providers .serviceCard .MuiAccordionDetails-root h2 {
  font-size: 18px
}

@media (max-width: 425px) {
  .providers .serviceCard .MuiAccordionDetails-root h2 {
      font-size:16px
  }
}

.providers .serviceCard .MuiAccordionDetails-root p {
  font-size: 18px
}

@media (max-width: 425px) {
  .providers .serviceCard .MuiAccordionDetails-root p {
      font-size:16px
  }
}

.providers .infoText {
  color: #636fcb
}

.providers .infoText h3 {
  font-size: 22px;
  letter-spacing: .55px;
  line-height: 30px
}

@media (max-width: 425px) {
  .providers .infoText h3 {
      font-size:18px;
      letter-spacing: .18px;
      line-height: 24px
  }
}

.providers .infoText p {
  font-size: 18px;
  letter-spacing: .45px;
  line-height: 24px;
  margin-top: 15px
}

@media (max-width: 425px) {
  .providers .infoText p {
      font-size:16px;
      letter-spacing: .8px
  }
}

.providers .reservationForm {
  max-width: 384px;
  background: #eaeefe;
  padding: 60px 50px;
  box-sizing: border-box;
  height: 100%
}

@media (max-width: 960px) {
  .providers .reservationForm {
      padding:60px 20px
  }
}

@media (max-width: 640px) {
  .providers .reservationForm {
      display:none
  }
}

.providers .reservationForm form {
  display: flex;
  flex-direction: column;
  color: #636fcb
}

.providers .reservationForm form textarea {
  border: 1px solid #d7dcfb;
  outline: none;
  padding: 18px 25px;
  font-size: 18px;
  margin-top: 17px;
  border-radius: 9px;
  color: #636fcb;
  height: 150px;
  resize: none
}

.providers .reservationForm form textarea::-webkit-input-placeholder {
  color: #97a2f2;
  opacity: 1
}

.providers .reservationForm form textarea:-ms-input-placeholder {
  opacity: 1
}

.providers .reservationForm form textarea::-ms-input-placeholder {
  opacity: 1
}

.providers .reservationForm form textarea::placeholder {
  color: #97a2f2;
  opacity: 1
}

.providers .reservationForm form textarea:-ms-input-placeholder {
  color: #97a2f2
}

.providers .reservationForm form textarea::-ms-input-placeholder {
  color: #97a2f2
}

.providers .reservationForm form button {
  font-size: 18px;
  padding: 14px;
  background-color: #d81159;
  margin-top: 12px;
  border-radius: 9px;
  color: #fff
}

.providers .reservationForm form button span {
  font-weight: 700;
  text-transform: none
}

.providers .reservationForm form button .MuiCircularProgress-root {
  position: absolute
}

.providers .reservationForm form button.Mui-disabled {
  color: #fff;
  background: #f598ba
}

.providers .fixedRes {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 6px;
  font-size: 18px;
  color: #fff;
  background-color: #636fcb;
  outline: none;
  border: none;
  line-height: 48px;
  letter-spacing: .9px;
  font-weight: 700
}

@media (max-width: 640px) {
  .providers .fixedRes {
      display:block
  }
}

.providers .findMore {
  margin-top: 60px;
  padding-bottom: 60px;
  max-width: 690px
}

@media (max-width: 425px) {
  .providers .findMore {
      margin-top:30px;
      padding-bottom: 40px
  }
}

.providers .findMore .appButtonDark {
  font-size: 18px;
  background-color: #636fcb;
  border-radius: 30px;
  color: #fff;
  text-transform: none;
  margin-top: 30px;
  padding: 15px 36px;
  font-weight: 700
}

@media (max-width: 425px) {
  .providers .findMore .appButtonDark {
      padding:10px 20px;
      font-size: 14px;
      margin-top: 20px
  }
}

.providers .findMore .appButtonDark:hover {
  background-color: #636fcb
}

.providers .backButton {
  max-width: 1280px;
  margin: 30px auto 8px;
  padding: 0 40px
}

.providers .backButton p {
  display: inline-flex;
  align-items: center;
  cursor: pointer
}

.providers .backButton span {
  margin-left: 10px;
  font-size: 14px
}

.providers .backButton.onMob {
  margin: 0;
  padding: 11px;
  background: #fff;
  border-top: 1px solid #f2f4fe
}

.providers .backButton.onMob span {
  font-size: 12px
}

.providers .backButton.onMob img {
  width: 9px
}

/*# sourceMappingURL=main.94c83180.chunk.css.map */
/*
   FILE ARCHIVED ON 05:20:43 Mar 21, 2022 AND RETRIEVED FROM THE
   INTERNET ARCHIVE ON 21:00:16 Jan 22, 2026.
   JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

   ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
   SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.811
exclusion.robots: 0.03
exclusion.robots.policy: 0.012
esindex: 0.013
cdx.remote: 42.059
LoadShardBlock: 75.976 (3)
PetaboxLoader3.datanode: 127.686 (4)
load_resource: 163.842
PetaboxLoader3.resolve: 101.914
*/