/*=======================================================================
1. Typography
=========================================================================*/
html {height: 100%;}
body {
  font-size: 16px;font-family: 'Jost', sans-serif; font-weight: 400; height: 100%;line-height: 1.7;vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;color: #646464;background-color: #fff;}
p {margin: 0 0 20px 0;color: #646464;}
h1,
h2,
h3,
h4,
h5,
h6 {font-weight: 400;font-family: 'Jost', sans-serif;margin: 0 0 20px 0;color: #111;}
h1,
h2 {line-height: 1.2;}
h3,
h4,
h5,
h6 {line-height: 1.4;}
h5 {font-size: 18px;}

/*login css---------------*/

.countrycode{width: 44px; border: 0;}
.error_msg{color: #dc3545;}
.pn-input__container label{line-height: 44px;}

/*otp css---------------*/

.inputs input {
  height: 60px;width: 55px!important;border-radius: 6px;
  outline: none;font-size: 24px;text-align: center;border: 1px solid #ddd;
}
.input-field input:focus {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.input-field input::-webkit-inner-spin-button,
.input-field input::-webkit-outer-spin-button {
  display: none;
}
.otp-heading h5{font-weight: 600;}

.wrongtxt{font-weight: 600;}

#time_popup p{padding-top: 21px!important;}

.btn-primary {color: #fff;background-color: #1a3d8f;border-color: #0d6efd;
}


.btn-primary:hover {
    color: #fff;background-color: #0b5ed7;border-color: #0a58ca;
}
.countrycode2{border: 0;}
input.countrycode2:focus{border: 0!important;outline: 0; padding-left: 15px;
}
input.countrycode3:focus{border: 0;}
.no-val-error{color: #ff0000;}
.countrycode-label{width: 34px;}

input.pn-input__phonenumber:-webkit-autofill,
inputpn-input__phonenumber:-webkit-autofill:hover,
inputpn-input__phonenumber:-webkit-autofill:focus,
inputpn-input__phonenumber:-webkit-autofill:active {
  transition: background-color 9999s ease-in-out 0s;
}


input.pn-input__phonenumber{width:100%!important;}
label#js_input-phonenumber-error{top: 50px!important;}


.pointer-c{cursor: pointer;}
h6.pointer-c:hover{color: #0b5ed7;}



@media only screen and (max-width: 991px) {h5 {font-size: 16px;}}
/*login country dropdown css----------------*/
input[type=search],
input[type=tel],
input[type=text] {font-size: 1rem;border: 0;font-family: inherit; outline: none; color: inherit; margin: 0; padding: 0; width: auto;
max-width: 100%;/*height: 34px;*/}
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder {font-weight: 300; color: #6b7280;}

:root {--border-radius: 0.35em; --border-color: #c3c3c3; --border-color-active: #0047a5; --dropdown-border-color: #eaeaec;
--dropdown-trigger-background-color: #f3f5f9; --dropdown-trigger-hover-background-color: #e6eaf1;  --input-error-color: #ff0000;
--input-label-color: #85898f;--input-prefix-color: #656b73; --input-phonenumber-color: #081627;--list-item-hover-background: #f3f5f9;}
 .pn-select { position: relative;border-width: 1px; border-style: solid; border-color: var(--border-color);display: grid;
grid-template-columns: 4.5em 1fr; border-radius: var(--border-radius); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);transition: all 0.2s ease-out; width: 100%;z-index: 1;}
.pn-select:focus,
.pn-select:focus-within { border-color: var(--border-color-active);box-shadow: 0 0 2px 0 var(--border-color-active);}
.pn-dropdown { background: #ffffff; border-radius: var(--border-radius);border-width: 1px;border-style: solid;border-color: var(--dropdown-border-color);box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.135);opacity: 0;padding: 0 0.5em 0.5em;pointer-events: none; position: absolute;
top: 140%;transform-origin: left top;transition: all 0.15s ease-out;width: 100%; visibility: hidden;}
.pn-select--open .pn-dropdown { pointer-events: all;transform: none;opacity: 1;top: 120%;visibility: visible;}
.pn-search { position: relative;display: flex;border-bottom-width: 1px;border-style: solid; border-color: var(--dropdown-border-color);
margin-bottom: 0.5em;}
.pn-search svg { display: block; height: 1.25rem;left: 0.5em;pointer-events: none; position: absolute;top: 50%;transform: translateY(-50%);
width: 1.25rem;}
 .pn-search input[type=search] {padding-left: 2.5rem;height: 3rem;width: 100%;}
 .pn-search input[type=search]::-webkit-search-decoration,
 .pn-search input[type=search]::-webkit-search-cancel-button,
 .pn-search input[type=search]::-webkit-search-results-button,
.pn-search input[type=search]::-webkit-search-results-decoration {display: none;}
 .pn-list { margin-right: -0.5em;max-height: 10.5em;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #ffffff #ffffff;position: relative;}
 .pn-list::-webkit-scrollbar {width: 10px;}
.pn-list:hover {--scrollbar-background: #ffffff; --thumb-background: #c0c4ca; scrollbar-color: var(--thumb-background) var(--scrollbar-background);}
 .pn-list:hover::-webkit-scrollbar-track {background: var(--scrollbar-background);}
.pn-list:hover::-webkit-scrollbar-thumb {background-color: var(--thumb-background); border-radius: 6px; border: 3px solid var(--scrollbar-background);}
.pn-list--no-scroll { margin-right: 0;}
.pn-selected-prefix {align-items: center; -webkit-appearance: none; -moz-appearance: none;appearance: none;background: var(--dropdown-trigger-background-color);border-radius: var(--border-radius) 0 0 var(--border-radius);border: 0;cursor: pointer; display: flex;justify-content: center;
 margin: 0;outline: none;padding: 0;transition: background 0.2s ease-out;}
.pn-selected-prefix:hover,
.pn-selected-prefix:focus { background: var(--dropdown-trigger-hover-background-color);}
.pn-selected-prefix__flag {height: auto;width: 1.25rem;} .pn-selected-prefix__icon {display: block;height: 1.25rem;margin-left: 0.5em;margin-right: -0.25em;transition: all 0.15s ease-out;width: 1.25rem;}
.pn-select--open .pn-selected-prefix__icon { transform: rotate(180deg);}
.pn-input {background: #ffffff;border-radius: 0 var(--border-radius) var(--border-radius) 0; line-height: 1;overflow: hidden;padding: 0.5em 1em;}
.pn-input__container {display: flex;flex-direction: row;}
.pn-input__label {color: var(--input-label-color);font-size: 0.7rem;position: relative;top: -0.25em;}
.pn-input__error {bottom: 0;color: var(--input-error-color);font-size: 0.785rem;left: 0;opacity: 0;pointer-events: none;position: absolute;
transition: all 0.2s ease-out;z-index: -1;}
.pn-input input[type=text] {background: transparent;position: absolute;color: var(--input-prefix-color);max-width: 3rem;pointer-events: none;}
.pn-input input[type=tel] {color: var(--input-phonenumber-color);padding-left: calc(calc(var(--prefix-length) * 1ch) + 1.5ch);font-weight: 500;}
.pn-input input[type=tel]:not(:-moz-placeholder-shown):invalid+.pn-input__error {opacity: 1;transform: translateY(175%);}
.pn-input input[type=tel]:not(:-ms-input-placeholder):invalid+.pn-input__error {opacity: 1;transform: translateY(175%);}
.pn-input input[type=tel]:not(:placeholder-shown):invalid+.pn-input__error {opacity: 1;transform: translateY(175%);}
.pn-list-item {align-items: center; border-radius: 0.5em;display: flex;font-weight: 400; padding: 0.6em 0.75em; transition: background-color 0.2s ease-out;cursor: pointer; outline: none;}
.pn-list-item__flag {width: 1.25em; height: auto;margin-right: 1em;display: block;}
 .pn-list-item__country { margin-right: 0.25em;}
 .pn-list-item:hover,
 .pn-list-item:focus {background-color: var(--list-item-hover-background);}

/*=======================================================================
2.  Default Style
=========================================================================*/
a {text-decoration: none;}
a:active,
a:hover,
a:focus {
  text-decoration: none;
}
a:active,
a:hover,
a:focus {
  outline: 0 none;
}
img {max-width: 100%;height: auto;}
ul {list-style: outside none none;margin: 0;padding: 0;}
.fxt-content-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {.fxt-none-767 {display: none !important;}
}
@media only screen and (max-width: 991px) {.fxt-none-991 {display: none !important;}
}

/*========================================================================
3. Template Animation
=========================================================================*/
.bg-animation {
  position: relative;z-index: 1;width: 100%;opacity: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.bg-animation .fxt-opacity {opacity: 0;}
.bg-animation .fxt-transformY-50 {
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}
.bg-animation .fxt-transformX-L-50 {
  opacity: 0;
  -webkit-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
}
.bg-animation .fxt-transformX-R-50 {
  opacity: 0;
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}
.loaded.bg-animation {opacity: 1;}
.loaded.bg-animation .fxt-opacity {
  opacity: 1;
  -webkit-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.loaded.bg-animation .fxt-transformY-50 {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.loaded.bg-animation .fxt-transformX-L-50 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.loaded.bg-animation .fxt-transformX-R-50 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.loaded.bg-animation .fxt-transition-delay-1 {-webkit-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;}
.loaded.bg-animation .fxt-transition-delay-2 { -webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s; transition-delay: 0.2s;}
.loaded.bg-animation .fxt-transition-delay-3 {-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
.loaded.bg-animation .fxt-transition-delay-4 {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.loaded.bg-animation .fxt-transition-delay-5 { -webkit-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;}
.loaded.bg-animation .fxt-transition-delay-6 { -webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s; transition-delay: 0.6s;}
.loaded.bg-animation .fxt-transition-delay-7 {
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.loaded.bg-animation .fxt-transition-delay-8 {
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.loaded.bg-animation .fxt-transition-delay-9 {
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
.loaded.bg-animation .fxt-transition-delay-10 {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.loaded.bg-animation .fxt-transition-delay-11 {
  -webkit-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
.loaded.bg-animation .fxt-transition-delay-12 {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.loaded.bg-animation .fxt-transition-delay-13 {
  -webkit-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
.loaded.bg-animation .fxt-transition-delay-14 {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.loaded.bg-animation .fxt-transition-delay-15 {
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.loaded.bg-animation .fxt-transition-delay-16 {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.loaded.bg-animation .fxt-transition-delay-17 {
  -webkit-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
}
.loaded.bg-animation .fxt-transition-delay-18 {
  -webkit-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.loaded.bg-animation .fxt-transition-delay-19 {
  -webkit-transition-delay: 1.9s;
  -o-transition-delay: 1.9s;
  transition-delay: 1.9s;
}
.loaded.bg-animation .fxt-transition-delay-20 {
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}

/*========================================================================
34. Layout css
=========================================================================*/
.login-layout {background-color: #ffffff;padding: 110px;width: 100%;min-height: 100vh;display: -ms-grid;display: grid;position: relative;z-index: 1;}
@media only screen and (max-width: 1199px) {
  .login-layout {padding: 90px;}
}
@media only screen and (max-width: 991px) {
  .login-layout {padding: 70px;}
}
@media only screen and (max-width: 767px) {
  .login-layout {padding: 50px;}
}
@media only screen and (max-width: 575px) {
  .login-layout {padding: 30px;}
}
@media only screen and (max-width: 479px) {.login-layout {padding: 15px;}
}
.login-layout .fxt-shape {
  height: 100%;width: calc((100vw + 220px)/4);background-color: #1a3d8f;content: "";left: 0;top: 0;z-index: -1;position: absolute;}
@media only screen and (max-width: 1199px) {
  .login-layout .fxt-shape {width: calc((100vw + 180px)/4);}
}
@media only screen and (max-width: 991px) {
  .login-layout .fxt-shape {
    width: calc((100vw + 140px)/4);
  }
}
@media only screen and (max-width: 767px) {
  .login-layout .fxt-shape {
    width: calc((100vw + 100px)/4);
  }
}
@media only screen and (max-width: 575px) {
  .login-layout .fxt-shape {
    width: calc((100vw + 60px)/4);
  }
}
@media only screen and (max-width: 479px) {
  .login-layout .fxt-shape {
    width: calc((100vw + 30px)/4);
  }
}
.login-layout .fxt-content-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;min-height: 100%;width: 100%;}
@media only screen and (max-width: 991px) {
  .login-layout .fxt-content-wrap {
    display: block;
  }
}
.login-layout .fxt-heading-content {width: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;
  -webkit-box-direction: normal; -ms-flex-direction: column;flex-direction: column; -webkit-box-align: center; -ms-flex-align: center;
  align-items: center;-webkit-box-pack: center;-ms-flex-pack: center; justify-content: center; padding: 50px;overflow: hidden;
  position: relative; z-index: 1;}
@media only screen and (max-width: 991px) {
  .login-layout .fxt-heading-content {width: 100%;}
}
@media only screen and (max-width: 575px) {
  .login-layout .fxt-heading-content {padding: 40px 15px;}
}
.login-layout .fxt-heading-content:before {
  height: 100%;
  width: 100%;
  background-color: rgba(9, 64, 194, 0.8);
/* background-color: rgba(93, 209, 236, 0.8);*/
  content: "";
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
}
.login-layout .fxt-heading-content .fxt-inner-wrap {text-align: center;max-width: 640px;width: 100%;}
.login-layout .fxt-heading-content .fxt-logo {display: inline-block;margin-bottom: 35px;margin-left: auto;margin-right: auto;max-width: 40vw;}
.login-layout .fxt-heading-content .fxt-main-title {color: #ffffff;font-size: 42px;font-weight: 500;margin-bottom: 60px;}
@media only screen and (max-width: 1199px) {.login-layout .fxt-heading-content .fxt-main-title { font-size: 36px;}
}
@media only screen and (max-width: 991px) {.login-layout .fxt-heading-content .fxt-main-title {font-size: 32px; margin-bottom: 50px;}
}
@media only screen and (max-width: 767px) {
  .login-layout .fxt-heading-content .fxt-main-title {font-size: 30px;margin-bottom: 40px;}
}
@media only screen and (max-width: 575px) {
  .login-layout .fxt-heading-content .fxt-main-title { font-size: 28px; margin-bottom: 30px;}
}
.login-layout .fxt-heading-content .fxt-login-option {
  max-width: 400px;width: 100%;margin-left: auto;margin-right: auto;
}
.login-layout .fxt-heading-content .fxt-login-option ul {
  text-align: center;
}
.login-layout .fxt-heading-content .fxt-login-option ul li {
  margin-bottom: 15px;
}
.login-layout .fxt-heading-content .fxt-login-option ul li:last-child {
  margin-bottom: 0;
}
.login-layout .fxt-heading-content .fxt-login-option ul li a {padding: 15px;border: 1px solid;border-color: #5984e8;color: #ffffff;
  font-size: 20px;display: block;width: 100%;-webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}

/*--------------------------------New Profile design css start--------------------------------------------------  */
.input-container {
  position: relative;margin: 1rem 0;height: 48px;
}
.input-container span {
  position: absolute;top: 0;left: 25px;
  transform: translateY(-50%);font-size: 0.8rem;padding: 0 0.4rem;color: #222;pointer-events: none;
  z-index: 500;background: #fff;
}
.input-container span:before,
.input-container span:after {
    content: "";position: absolute;width: 10%;opacity: 0;
    transition: 0.3s;height: 5px;top: 50%;transform: translateY(-50%);
}

.input-container span:before {
    left: 50%;
}

.input-container span:after {
    right: 50%;
}
.input-container.focus span:before,
.input-container.focus span:after {
    width: 50%;opacity: 1;
}

.input-container input[type="text"],
.input-container input[type="email"] {height: 42px !important;
border: 1px solid #8b8f93 !important;width: 100%;
}
.india-contry-code {flex-direction: row;position: absolute;top:9px;color: #222222;width: 55px;}
.heading-height{line-height: 1.2 !important;}
.otp-res:not(:disabled), .otp-res:not(:disabled) {cursor: pointer; color: #1a3d8f; font-weight: 500;}
.otp-res{border: none; background-color: #fff; color: #95c6f7;}
.numbr-top{top: 8px !important; left: 7px;}
.height-log{line-height: 18px !important; top: 50px !important;}
@media (max-width: 992px) {
  .login-layout .fxt-heading-content {padding: 10px 15px !important;}
  .login-layout .fxt-heading-content:before{background-color: #0dcaf0 !important;}
  .fxt-form-content{background-color: #ffffff !important;}
  .fxt-main-form{padding: 0px 15px 10px !important;}
  .login-layout .fxt-heading-content .fxt-logo {margin-bottom: 16px; margin-top: 10px;}
  .login-layout .fxt-form-content .fxt-page-title {text-align: center;}
  .img-auto{margin: auto; display: block;}
  }

  /*--------------------------------New Profile design css end--------------------------------------------------  */
.login-layout .fxt-heading-content .fxt-login-option ul li a:hover {background-color: #ffffff;color: #14133b;}
@media only screen and (max-width: 1199px) {
  .login-layout .fxt-heading-content .fxt-login-option ul li a {font-size: 18px;padding: 14px;}
  .login-layout{min-height: auto;}
}
@media only screen and (max-width: 991px) {
  .login-layout .fxt-heading-content .fxt-login-option ul li a {font-size: 17px;padding: 13px;}
}
@media only screen and (max-width: 767px) {
  .login-layout .fxt-heading-content .fxt-login-option ul li a {font-size: 16px;padding: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .login-layout .fxt-heading-content .fxt-login-option ul li a {font-size: 15px;padding: 11px;}
}
.login-layout .fxt-form-content {-webkit-box-shadow: 0 3px 79px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 3px 79px 0 rgba(0, 0, 0, 0.08);
  width: 50%;background-color: rgba(255, 255, 255, 0.9);display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical;
  -webkit-box-direction: normal; -ms-flex-direction: column;flex-direction: column;}
@media only screen and (max-width: 991px) {.login-layout .fxt-form-content {width: 100%;}
}
.login-layout .fxt-form-content .fxt-page-switcher { padding: 20px 12px 42px 10px; display: -webkit-box; display: -ms-flexbox;display: flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;
  -ms-flex-pack: justify;justify-content:start;}
@media only screen and (max-width: 575px) {
  .login-layout .fxt-form-content .fxt-page-switcher { padding: 40px 15px 0;}
}
.login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-wrap {
  display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-bottom: 20px;}
.login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-wrap li:first-child .fxt-switcher-btn { border-left: 1px solid;border-color: #111111;}
.login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-wrap li:first-child .fxt-switcher-btn:hover,
.login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-wrap li:first-child .fxt-switcher-btn.active {border-color: #1b53d4;}
.login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-wrap li:last-child .fxt-switcher-btn {border-right: 1px solid;border-color: #111111;}
.login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-wrap li:last-child .fxt-switcher-btn:hover,
.login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-wrap li:last-child .fxt-switcher-btn.active {border-color: #1b53d4;}
.login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-btn {
  padding: 9px 27px;border-top: 1px solid;border-bottom: 1px solid;border-color: #111111;color: #111111;display: block;font-size: 18px;
  -webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-btn:hover {color: #1b53d4;}
.login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-btn.active {background-color: #1b53d4;color: #ffffff;border-color: #1b53d4;}
@media only screen and (max-width: 1199px) {
  .login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-btn {font-size: 17px;padding: 8px 25px;}
}
@media only screen and (max-width: 991px) {
  .login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-btn {font-size: 16px; padding: 7px 23px;}
}
@media only screen and (max-width: 767px) {
  .login-layout .fxt-form-content .fxt-page-switcher .fxt-switcher-btn {font-size: 15px; padding: 6px 21px;}
}
.login-layout .fxt-form-content .fxt-page-title {margin-bottom: 15px;font-size: 16px;font-weight: 500;color: #14133b;padding-left: 20px;}
@media only screen and (max-width: 1199px) {
  .login-layout .fxt-form-content .fxt-page-title {font-size: 29px;}
}
@media only screen and (max-width: 991px) {
  .login-layout .fxt-form-content .fxt-page-title {font-size: 30px;}
}
@media only screen and (max-width: 767px) {
  .login-layout .fxt-form-content .fxt-page-title {font-size: 28px;}
}
@media only screen and (max-width: 575px) {
  .login-layout .fxt-form-content .fxt-page-title {font-size: 26px;}
}
@media only screen and (max-width: 479px) {
  .login-layout .fxt-form-content .fxt-page-title {font-size: 24px;}
}
.login-layout .fxt-form-content .fxt-description {
  font-size: 17px;font-weight: 500;margin-bottom: 30px;}
.login-layout .fxt-form-content .fxt-label {
  color: #14133b;font-size: 18px;font-weight: 700;margin-bottom: 12px;}
.login-layout .fxt-form-content .fxt-main-form {padding: 30px 50px 20px 50px;display: -webkit-box;display: -ms-flexbox;display: flex;
  height: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
@media only screen and (max-width: 991px) {
  .login-layout .fxt-form-content .fxt-main-form {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
}
@media only screen and (max-width: 575px) {
  .login-layout .fxt-form-content .fxt-main-form {padding: 20px 15px 10px;}
}
.login-layout .fxt-form-content .fxt-inner-wrap {max-width: 440px;width: 100%;}
.login-layout .fxt-form-content .form-group {
  position: relative;margin-bottom: 26px;}
.login-layout .fxt-form-content .form-group .field-icon {position: absolute;z-index: 1;right: 19px;bottom: 18px;font-size: 14px;color: #a1a1a1;}
.login-layout .fxt-form-content .form-group .field-icon:before {
  padding: 17px 10px;
}
.login-layout .fxt-form-content .form-control { -webkit-box-shadow: none;box-shadow: none;border: 1px solid #e7e7e7;padding: 10px 15px;
  color: #111; width: 100%;}
  label.error{ position: absolute; top: 47px;left: 0;}
.login-layout .fxt-form-content input::-webkit-input-placeholder {color: #acacac;font-size: 17px;font-weight: 400;}
.login-layout .fxt-form-content input:-moz-placeholder {color: #acacac;font-size: 17px;font-weight: 400;
}
.login-layout .fxt-form-content input:-ms-input-placeholder {color: #acacac;font-size: 17px;font-weight: 400;}
.login-layout .fxt-form-content .fxt-btn-fill {font-family: 'Roboto', sans-serif;cursor: pointer;display: inline-block;font-size: 17px;
  font-weight: 500;-webkit-box-shadow: none;box-shadow: none;outline: none;border: 1px solid;border-color: #1A4EC7;color: #fff;border-radius: 3px;
  background-color: #1A4EC7;padding: 10px 36px; width: 100%; -webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.login-layout .fxt-form-content .fxt-btn-fill:hover {background-color: #0d42be;border-color: #0d42be;}
.login-layout .fxt-form-content .fxt-btn-fill.wh-btn:hover {background-color: #0d42be!important;color: #fff!important;border-color: #0d42be;}
.login-layout .fxt-form-content .fxt-btn-fill:focus {outline: none;}
@media only screen and (max-width: 991px) {
  .login-layout .fxt-form-content .fxt-btn-fill {font-size: 16px;padding: 9px 32px;
  }
}
@media only screen and (max-width: 767px) {
  .login-layout .fxt-form-content .fxt-btn-fill {font-size: 15px;padding: 8px 28px;}}
.wh-btn{background-color: #fff!important;color: #000!important;border-color: var(--border-color)!important;}
.login-layout .fxt-form-content .fxt-switcher-description {text-align: center;font-size: 16px;display: -webkit-box;display: -ms-flexbox;display: flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #888888;margin-bottom: 10px;}
.login-layout .fxt-form-content .fxt-switcher-text {
  -webkit-box-shadow: none;box-shadow: none;border: 0;background-color: transparent;cursor: pointer;padding: 0;color: #1b52d2;font-size: 15px;font-weight: 500;margin-bottom: 5px;text-decoration: underline;display: inline-block;-webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.login-layout .fxt-form-content .fxt-switcher-text:hover {color: #06339e;}
.login-layout .fxt-form-content .fxt-switcher-text:focus {outline: none;}
.login-layout .fxt-form-content .fxt-checkbox-wrap { display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;
  -ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 30px;
  -ms-flex-wrap: wrap;flex-wrap: wrap;}
.login-layout .fxt-form-content .fxt-checkbox-box input[type="checkbox"] {display: none;}
.login-layout .fxt-form-content .fxt-checkbox-box input[type="checkbox"]:checked + label::before {background-color: #1b53d4; border-color: #1b53d4;}
.login-layout .fxt-form-content .fxt-otp-row .fxt-otp-col:last-child {margin-right: 0;}
.login-layout .fxt-form-content .fxt-otp-btn {margin-bottom: 30px;}
.login-layout .fxt-shape.fxt-animation-active {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);}
.loaded.login-layout .fxt-shape.fxt-animation-active { -webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
   /* otp box design */
.inputs input {width: 40px;height: 40px}
 .error {color: red;}