/* CSS variables. */
:root {
  --PhoneInput-color--focus: #03b2cb;
  --PhoneInputInternationalIconPhone-opacity: 0.8;
  --PhoneInputInternationalIconGlobe-opacity: 0.65;
  --PhoneInputCountrySelect-marginRight: 0.35em;
  --PhoneInputCountrySelectArrow-width: 0.3em;
  --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
  --PhoneInputCountrySelectArrow-borderWidth: 1px;
  --PhoneInputCountrySelectArrow-opacity: 0.45;
  --PhoneInputCountrySelectArrow-color: inherit;
  --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountrySelectArrow-transform: rotate(45deg);
  --PhoneInputCountryFlag-aspectRatio: 1.5;
  --PhoneInputCountryFlag-height: 1em;
  --PhoneInputCountryFlag-borderWidth: 1px;
  --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
  --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
  /* This is done to stretch the contents of this component. */
  display: flex;
  align-items: center; flex-flow: row wrap;
}

.PhoneInputInput {
  /* The phone number input stretches to fill all empty space */
  flex: 1 1;
  /* The phone number input should shrink
     to make room for the extension input */
  min-width: 0;
}

.PhoneInputCountryIcon {
  width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
  height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
  width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
  /* Removed `background-color` because when an `<img/>` was still loading
     it would show a dark gray rectangle. */
  /* For some reason the `<img/>` is not stretched to 100% width and height
     and sometime there can be seen white pixels of the background at top and bottom. */
  background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
  /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
  /* For some reason the `<img/>` is not stretched to 100% width and height
     and sometime there can be seen white pixels of the background at top and bottom,
     so an additional "inset" border is added. */
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
    inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
  /* Fixes weird vertical space above the flag icon. */
  /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
  display: block;
  /* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
     Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
  width: 100%;
  height: 100%;
}

.PhoneInputInternationalIconPhone {
  opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
  opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  border: 0;
  opacity: 0;
  cursor: pointer;
}

.PhoneInputCountrySelect[disabled] {
  cursor: default;
}

.PhoneInputCountrySelectArrow {
  display: block;
  content: '';
  width: var(--PhoneInputCountrySelectArrow-width);
  height: var(--PhoneInputCountrySelectArrow-width);
  margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
  border-style: solid;
  border-color: var(--PhoneInputCountrySelectArrow-color);
  border-top-width: 0;
  border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  border-left-width: 0;
  border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  transform: var(--PhoneInputCountrySelectArrow-transform);
  opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
  opacity: 1;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
    inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
  opacity: 1;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
}





.RegisterForm_container-fluid__4JHFS {
  padding-left: 0;
  padding-right: 0;
  min-height: calc(100vh - 124px); }

.RegisterForm_btn-primary__11Hyu {
  border-color: var(--color-primaryBackground);
  background-color: var(--color-primaryBackground);
  padding: 0.5rem 1.3rem;
  background: var(--color-primaryGradient);
  border: 1px solid #e7873c;
  color: #000;
  font-weight: 500; }
  .RegisterForm_btn-primary__11Hyu:hover {
    border-color: var(--color-primaryBackground);
    background: var(--color-primaryGradient); }
  @media screen and (max-width: 767px) {
    .RegisterForm_btn-primary__11Hyu {
      width: 100%; } }

.RegisterForm_btn-outline-primary__1oVZt {
  color: var(--color-primaryTextColor);
  border-color: var(--color-primaryTextColor); }
  .RegisterForm_btn-outline-primary__1oVZt:hover {
    background-color: var(--color-primaryTextColor);
    border-color: var(--color-primaryTextColor); }

.RegisterForm_label-primary__143Oy {
  color: var(--color-primaryBackground); }

.RegisterForm_form-control__WJ4Wi {
  height: calc(1.5em + 0.75rem + 10px);
  font-size: 0.85rem;
  color: #888; }

.RegisterForm_overflowHidden__1nyj1 {
  overflow: hidden; }

.RegisterForm_text-white-light__2bsQd {
  color: rgba(255, 255, 255, 0.6) !important; }

.RegisterForm_text-black-light__1cuu9 {
  color: rgba(0, 0, 0, 0.6) !important; }

.RegisterForm_slick-slider__2oq56 .RegisterForm_slick-arrow__SbW8K {
  width: 32px;
  height: 32px;
  z-index: 99; }
  .RegisterForm_slick-slider__2oq56 .RegisterForm_slick-arrow__SbW8K::before {
    position: absolute;
    left: 0px;
    top: 1px; }

.RegisterForm_grayBG__3LVW8 {
  background: rgba(0, 0, 0, 0.04); }

.RegisterForm_pageSection__SmOg6 {
  padding: 80px; }

.RegisterForm_pageSection__SmOg6 h2{
  font-family: var(--font-base-secondary);
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 45px;
  background: -webkit-linear-gradient(#f58220, #fab61d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: capitalize; }

h3.RegisterForm_formTitle__2Zcz0 {
  font-size: 28px;
  line-height: 33px;
  font-weight: bold;
  color: #000;
  font-family: var(--font-base-secondary); }
  @media screen and (max-width: 767px) {
    h3.RegisterForm_formTitle__2Zcz0 {
      font-size: 22px;
      line-height: 28px; } }

.RegisterForm_pageSection__SmOg6 p {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 177.9%;
  text-align: center;
  color: #999999; }

.RegisterForm_card-img-top__DgUEq {
  width: 100%;
  height: 100%;
  object-fit: cover; }

*:focus {
  outline: none; }

.RegisterForm_cursor-pointer__3sQqP {
  cursor: pointer; }

.RegisterForm_form-control-plaintext__rJYON {
  font-size: 0.9rem; }

/* Media query */
@media screen and (max-width: 768px) {
  .RegisterForm_pageSection__SmOg6 {
    padding: 70px 20px !important; }
  .RegisterForm_pageSection__SmOg6 h2{
    font-size: 34px;
    line-height: 40px; }
  .RegisterForm_container-fluid__4JHFS {
    min-height: calc(100vh - 150px); }
  .RegisterForm_flex-column-m__2Jl6A {
    flex-direction: column !important; }
  .RegisterForm_text-left-m__2Wn7b {
    text-align: left !important; } }

@media screen and (max-width: 767px) {
  .RegisterForm_display-none__1gM6D {
    display: none; }
  .RegisterForm_mb-0-mob__1R93g {
    margin-bottom: 0 !important; }
  .RegisterForm_container-fluid__4JHFS {
    min-height: calc(100vh - 115px); } }

.RegisterForm_wrapper__BPFGl {
  position: relative; }
  .RegisterForm_wrapper__BPFGl p {
    font-size: 1rem;
    color: #888;
    line-height: 19px; }
    @media screen and (max-width: 768px) {
      .RegisterForm_wrapper__BPFGl p {
        font-size: 14px; } }
  .RegisterForm_wrapper__BPFGl h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    background: -webkit-linear-gradient(#f58220, #fab61d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .RegisterForm_wrapper__BPFGl a {
    color: var(--color-primaryTextColor) !important; }
  .RegisterForm_wrapper__BPFGl .RegisterForm_genderGroup__-5J02 {
    flex-direction: column; }
    @media (min-width: 768px) {
      .RegisterForm_wrapper__BPFGl .RegisterForm_genderGroup__-5J02 {
        flex-direction: row; } }
    @media screen and (min-width: 769px) and (max-width: 1024px) {
      .RegisterForm_wrapper__BPFGl .RegisterForm_genderGroup__-5J02 {
        flex-direction: column; } }
  .RegisterForm_wrapper__BPFGl .PhoneInputInput {
    height: calc(1.5em + 0.75rem + 10px);
    font-size: 0.85rem;
    color: #888;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; font-family: 'Poppins', sans-serif;}
.Login_wrapper__2h9Wm .Login_loginSubheading__nVwDO {
  font-size: 1rem;
  color: #888;
  line-height: 19px; }
  @media screen and (max-width: 768px) {
    .Login_wrapper__2h9Wm .Login_loginSubheading__nVwDO {
      font-size: 14px; } }

.Login_wrapper__2h9Wm h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 35px;
  background: -webkit-linear-gradient(#f58220, #fab61d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.Login_wrapper__2h9Wm .Login_loginForm__32H5B {
  padding-top: 0.5rem; }

@media screen and (max-width: 767px) {
  .Login_wrapper__2h9Wm .btn-primary {
    margin-bottom: 15px; }
  .Login_wrapper__2h9Wm button {
    width: 100%; } }


.LoginPage_container-fluid__slVcZ {
  padding-left: 0;
  padding-right: 0;
  min-height: calc(100vh - 124px); }

.LoginPage_btn-primary__3psez {
  border-color: var(--color-primaryBackground);
  background-color: var(--color-primaryBackground);
  padding: 0.5rem 1.3rem;
  background: var(--color-primaryGradient);
  border: 1px solid #e7873c;
  color: #000;
  font-weight: 500; }
  .LoginPage_btn-primary__3psez:hover {
    border-color: var(--color-primaryBackground);
    background: var(--color-primaryGradient); }
  @media screen and (max-width: 767px) {
    .LoginPage_btn-primary__3psez {
      width: 100%; } }

.LoginPage_btn-outline-primary__3TBhd {
  color: var(--color-primaryTextColor);
  border-color: var(--color-primaryTextColor); }
  .LoginPage_btn-outline-primary__3TBhd:hover {
    background-color: var(--color-primaryTextColor);
    border-color: var(--color-primaryTextColor); }

.LoginPage_label-primary__2obC1 {
  color: var(--color-primaryBackground); }

.LoginPage_form-control__SzWFI {
  height: calc(1.5em + 0.75rem + 10px);
  font-size: 0.85rem;
  color: #888; }

label {
  font-size: 0.85rem;
  color: #888; }

.LoginPage_overflowHidden__1GwaY {
  overflow: hidden; }

.LoginPage_text-white-light__1ZDoP {
  color: rgba(255, 255, 255, 0.6) !important; }

.LoginPage_text-black-light__ziuHZ {
  color: rgba(0, 0, 0, 0.6) !important; }

.LoginPage_slick-slider__bMfd0 .LoginPage_slick-arrow__1aq6g {
  width: 32px;
  height: 32px;
  z-index: 99; }
  .LoginPage_slick-slider__bMfd0 .LoginPage_slick-arrow__1aq6g::before {
    position: absolute;
    left: 0px;
    top: 1px; }

.LoginPage_grayBG__qH9x2 {
  background: rgba(0, 0, 0, 0.04); }

.LoginPage_pageSection__okUsl {
  padding: 80px; }

.LoginPage_pageSection__okUsl h2{
  font-family: var(--font-base-secondary);
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 45px;
  background: -webkit-linear-gradient(#f58220, #fab61d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: capitalize; }


h3.LoginPage_formTitle__3y_En {
  font-size: 28px;
  line-height: 33px;
  font-weight: bold;
  color: #000;
  font-family: var(--font-base-secondary); }
  @media screen and (max-width: 767px) {
    h3.LoginPage_formTitle__3y_En {
      font-size: 22px;
      line-height: 28px; } }

.LoginPage_pageSection__okUsl p {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 177.9%;
  text-align: center;
  color: #999999; }

.LoginPage_card-img-top__1KwMS {
  width: 100%;
  height: 100%;
  object-fit: cover; }

*:focus {
  outline: none; }

.LoginPage_cursor-pointer__33aoe {
  cursor: pointer; }

.LoginPage_form-control-plaintext__15D0q {
  font-size: 0.9rem; }

/* Media query */
@media screen and (max-width: 768px) {
  .LoginPage_pageSection__okUsl {
    padding: 70px 20px !important; }
  .LoginPage_pageSection__okUsl h2{
    font-size: 34px;
    line-height: 40px; }
  .LoginPage_container-fluid__slVcZ {
    min-height: calc(100vh - 150px); }
  .LoginPage_flex-column-m__3ByYo {
    flex-direction: column !important; }
  .LoginPage_text-left-m__jYTlY {
    text-align: left !important; } }

@media screen and (max-width: 767px) {
  .LoginPage_display-none__2p6zE {
    display: none; }
  .LoginPage_mb-0-mob__2DbsE {
    margin-bottom: 0 !important; }
  .LoginPage_container-fluid__slVcZ {
    min-height: calc(100vh - 115px); } }

.LoginPage_wrapper__14--Z {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
   }
  .LoginPage_wrapper__14--Z .LoginPage_container__3rswS {
    width: 60%;
    margin: auto; }


    @media screen and (max-width: 768px) {
      .LoginPage_wrapper__14--Z .LoginPage_container__3rswS {
        width: 80%; margin-top: 4rem;} 
    }

    .LoginPage_wrapper__14--Z .LoginPage_navLink__3AkYN {
    transform: rotate(-90deg);
    background-color: rgba(255, 255, 255, 0.8) !important;
    color: rgba(0, 0, 0, 0.5);
    padding: 1rem 3.5rem; font-weight: 400;
    border-radius: 0; cursor: pointer;
    text-align: center; font-family: 'Poppins', sans-serif;}


    @media screen and (max-width: 768px) {
    .LoginPage_wrapper__14--Z .LoginPage_navLink__3AkYN {
      transform: rotate(0deg); width: 100%; padding: 0.6rem 0.5rem; 
      } 
    .LoginPage_leftTab__3psas .nav-item{margin-bottom: 4px;}
    .login-modal .modal-custom .modal-content .close{    
      top: 5.4rem; right: -8rem;}
    }

    @media screen and (max-width: 430px) {
      .login-modal .modal-custom .modal-content .close{
        top: 5.4rem; right: -3rem;
      }
    }



    .LoginPage_wrapper__14--Z .LoginPage_navLink__3AkYN:first-child {
      border-top-right-radius: 5px; }
    .LoginPage_wrapper__14--Z .LoginPage_navLink__3AkYN:last-child {
      border-top-left-radius: 5px; }
  .LoginPage_wrapper__14--Z .LoginPage_navLink__3AkYN.LoginPage_active__1mmqt {
    background-color: rgba(255, 255, 255, 0.8);
    color: black; }
  .LoginPage_wrapper__14--Z .LoginPage_navLink__3AkYN:last-child {
    text-align: center; }
  .LoginPage_wrapper__14--Z .LoginPage_tb__1IFns .LoginPage_navLink__3AkYN {
    margin-top: 100px; }
  .LoginPage_wrapper__14--Z .LoginPage_tabContent__2IxCy {
    padding: 40px;
    min-height: 600px;
    max-height: 520px;
    border-radius: 5px;
    overflow-y: auto; }
    @media screen and (max-width: 768px) {
      .LoginPage_wrapper__14--Z .LoginPage_tabContent__2IxCy {
        max-height: 500px;
        min-height: unset;
        overflow-y: auto; } }
  .LoginPage_wrapper__14--Z .LoginPage_leftTab__3psas {
    width: 7%;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      .LoginPage_wrapper__14--Z .LoginPage_leftTab__3psas {
        width: 70%;
        align-items: flex-start;
        justify-content: start; } }
  .LoginPage_wrapper__14--Z .LoginPage_rightTab__rlI7D {
    width: 93%;
    max-width: 650px;
    margin-left: -8px;
    background: #fff url(../../assets/img/login-bg1.78af5e30.png) no-repeat;
    background-size: contain;
    background-position: left top;
    height: 100%;
    border-radius: 5px; }
    @media screen and (max-width: 768px) {
      .LoginPage_wrapper__14--Z .LoginPage_rightTab__rlI7D {
        width: 100%;
        margin-left: 0;
        margin-top: -7px; } }
  @media screen and (max-width: 768px) {
    .LoginPage_wrapper__14--Z .LoginPage_loginContainer__FTnc- {
      justify-content: flex-start !important; } }

.customContainer .col-sm-2 {
  display: flex;
  align-items: center; }

@media screen and (max-width: 768px) {
  .customContainer .nav-pills {
    flex-direction: row !important;
    width: 100%; } }

@media screen and (max-width: 768px) {
  .customContainer .nav-item {
    width: 49%; } }

@media screen and (max-width: 768px) {
  .customContainer .nav-item:first-child {
    margin-right: 1%; } }

.customContainer .nav-item:last-child {
  margin-top: 116px; }
  @media screen and (max-width: 768px) {
    .customContainer .nav-item:last-child {
      margin-top: 0px;
      margin-left: 1%; } }

.customContainer .form-check {
  font-size: 0.85rem;
  color: #888; }

.customContainer .form-group a {
  font-size: 0.85rem;
     color: #e7873c;
    font-weight: 400;font-family: 'Poppins', sans-serif; }

.customContainer .nav-pills .nav-link.active, .customContainer .nav-pills .show > .nav-link {
  background-color: rgba(255, 255, 255, 0.8);
  color: black;
  font-weight: bold; font-family: 'Poppins', sans-serif;}









:root {
  --color-primaryGradient: linear-gradient(180deg, #f58220 0%, #fab61d 100%);
  --color-primaryBackgroundColor: #e7873c;
  --font-size-regular: 16px;}


.btn-primary {
  border-color: var(--color-primaryBackground);
  background-color: var(--color-primaryBackground);
  padding: 0.5rem 1.3rem;
  background: var(--color-primaryGradient);
  border: 1px solid #e7873c;
  color: #000;
  font-weight: 600; font-family: 'Poppins', sans-serif;}
  .btn-primary:hover {
    border-color: var(--color-primaryBackground);
    background: var(--color-primaryGradient); }
  @media screen and (max-width: 767px) {
    .btn-primary {
      width: 100%; } }

.btn-outline-primary {
  color: var(--color-primaryTextColor);
  border-color: var(--color-primaryTextColor); }
  .btn-outline-primary:hover {
    background-color: var(--color-primaryTextColor);
    border-color: var(--color-primaryTextColor); }

.label-primary {
  color: var(--color-primaryBackground); }

.form-control {
  height: calc(1.5em + 0.75rem + 10px);
  font-size: 0.85rem;
  color: #888; font-family: 'Poppins', sans-serif;}

label {
  font-size: 0.85rem;
  color: #888; font-family: 'Poppins', sans-serif;}
  
  .error{color: red;}

.overflowHidden {
  overflow: hidden; }

.text-white-light {
  color: rgba(255, 255, 255, 0.6) !important; }

.text-black-light {
  color: rgba(0, 0, 0, 0.6) !important; }

.slick-slider .slick-arrow {
  width: 32px;
  height: 32px;
  z-index: 99; }
  .slick-slider .slick-arrow::before {
    position: absolute;
    left: 0px;
    top: 1px; }

.grayBG {
  background: rgba(0, 0, 0, 0.04); }

.pageSection {
  padding: 80px; }

.pageSection h2 {
  font-family: var(--font-base-secondary);
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 45px;
  background: -webkit-linear-gradient(#f58220, #fab61d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: capitalize; }



h3.formTitle {
  font-size: 28px;
  line-height: 33px;
  font-weight: bold;
  color: #000;
  font-family: "Raleway", sans-serif;}
  @media screen and (max-width: 767px) {
    h3.formTitle {
      font-size: 22px;
      line-height: 28px; } }

.pageSection p {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 177.9%;
  text-align: center;
  color: #999999; }

.card-img-top {
  width: 100%;
  height: 100%;
  object-fit: cover; }

*:focus {
  outline: none; }

.cursor-pointer {
  cursor: pointer; }

.form-control-plaintext {
  font-size: 0.9rem; }

/* Media query */
@media screen and (max-width: 768px) {
  .pageSection {
    padding: 70px 20px !important; }
  .pageSection h2{
    font-size: 34px;
    line-height: 40px; }
  
  .container-fluid,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    min-height: calc(100vh - 150px); }
  .flex-column-m {
    flex-direction: column !important; }
  .text-left-m {
    text-align: left !important; } }

@media screen and (max-width: 767px) {
  .display-none {
    display: none; }
  .mb-0-mob {
    margin-bottom: 0 !important; }
  
  .container-fluid,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    min-height: calc(100vh - 115px); } }