@charset "UTF-8";

/*--- Font Families ---*/
@font-face {
  font-family: "Raleway-Thin";
  src: url("../stylesheets/font/Raleway/thin/Raleway-Thin.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Raleway-Regular";
  src: url("../stylesheets/font/Raleway/regular/Raleway-Regular.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Raleway-Medium";
  src: url("../stylesheets/font/Raleway/medium/Raleway-Medium.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Raleway-SemiBold";
  src: url("../stylesheets/font/Raleway/semibold/Raleway-SemiBold.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Raleway-Bold";
  src: url("../stylesheets/font/Raleway/bold/Raleway-Bold.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSans-Regular";
  src: url("../stylesheets/font/OpenSans/regular/OpenSans-Regular.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSans-SemiBold";
  src: url("../stylesheets/font/OpenSans/semibold/OpenSans-SemiBold.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}

html {
  /* font-size: 62.5%; */
}

/*/UTILITIES/*/
body {
  padding: 0px;
  margin: 0px;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 1.6rem;
}

.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.text-green-weird {
  color: #3ed990;
}

body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}

.acess-wrapper {
  /*border: 1px solid #000;*/
  position: relative;
  /*height: 850px;*/
  height: 100vh;
  /**margin-left: -15px;
  margin-right: -15px;**/
}

.logo {
  display: inline-block;
  left: 80px;
  top: 40px;
  z-index: 99;
}

.side-bg {
  /**background-image: none;
  background-color: #e7e7ff;**/
  color: #fff;
  /**padding: 30px 65px;**/
  position: fixed;
  width: 42%;
  background-position: center !important;
}
.sso_login_container .flex a {
  margin-right: 10px;
}
.side-bg-login,.side-bg {
  /**background:url("../images/login_images/bg-mask.svg" ) no-repeat;**/
  background: linear-gradient(141.69deg, #002142 0%, #000000 100%);
    background-color: #ffffff;
    background-blend-mode: normal;
  background-size: cover;
  color: #fff;
  /* padding: 65px; */
  /** padding: 30px 65px;**/
  position: fixed;
  width: 50%;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
#signupSubmitBtn,#fgtSubmitBtn,#loginSubmitBtn,#resetSubmitBtn {
  background: #3b82f6;
  padding: 10px;
  font-size: 14px;
  border:none;
}
#signupSubmitBtn:hover,#fgtSubmitBtn:hover,#loginSubmitBtn :hover,#resetSubmitBtn :hover{
color:#fff;
}
.right_signupLogin
{
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.screen-title {
  font-size: 1.5rem;
  line-height: initial;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  position: relative;
  /* padding-bottom: 4rem */
}

.screen-title span {
  font-size: 65%;
}
.pl-4{
  padding-left: 4rem;
}
.custom-input {
  background-color: white;
  color: #1f2937; /* dark gray text */
  font-size: 14px;
  padding: 10px;
  border: 1px solid #d1d5db; /* light gray border */
  border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.custom-input:focus {
  border-color: #3b82f6; /* Blue border */
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5); /* Blue glow */
} 
.text-blue {
  color: #3b82f6;
}
.mr-1 {
    margin-right: .25rem;
}
.p-4 {
    padding: 4rem;
}
.signup-form .title {
  color: #297df8;
  font-size: 26px;
  font-family: Raleway-Bold, sans-serif;
  font-weight: 600;
  letter-spacing: 0.8px;
  padding-bottom: 24px;
}

.signup-form .meta {
  font-size: 1.5rem;
  color: #797979;
}

.signup-form .meta img {
  margin-top: 5px;
  margin-right: 10px;
}

.btn-with-google {
  font-size: 1.44rem;
  background: #f0f0f0;
}

.iti__country-list {
  font-size: 12px;
}

.signup-with-email {
  width: 56%;
  margin: 0 auto;
  border-top: 1px solid #979797;
  text-align: center;
  color: #797979;
  font-family: Raleway-SemiBold, sans-serif;
  font-size: 1.1rem;
}

.signup-with-email span {
  background: #fff;
  padding: 0 10px;
  position: relative;
  top: -8px;
}

.signup-form .form-group {
  position: relative;
  margin: 20px 0 20px 0;
}

.signup-form .form-group > label:last-child,
.signup-form .form-group label.error {
  padding: 5px 0;
  display: block;
  font-size: 0.7rem;
}

.signup-form .form-group .info > span {
  display: none;
}

.signup-form .form-group.valid .form-input {
  border-bottom: 2px solid #3ed990;
}

.signup-form .form-group.weak-pass .form-input {
  border-bottom: 2px solid #fcd5ad;
}

.signup-form .form-group.medium-pass .form-input {
  border-bottom: 2px solid #ffc107;
}

.signup-form .form-group.strong-pass .form-input {
  border-bottom: 2px solid #3ed990;
}

.signup-form .form-group.weak-pass .weak {
  display: block;
  color: #fcd5ad;
}

.signup-form .form-group.medium-pass .medium {
  display: block;
}

.signup-form .form-group.strong-pass .strong {
  display: block;
}

.signup-form .form-label {
  position: absolute;
  left: 0;
  top: 10px;
  color: #777;
  background-color: #fff;
  z-index: 10;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
  display: none;
}

.signup-form .focused .form-label {
  transform: translateY(-125%);
  font-size: 1.2rem;
  color: #c1c1c1;
  display: none;
}

.signup-form .form-input {
  position: relative;
  padding: 12px 0px 5px 0;
  width: 100%;
  outline: 0;
  border: 0;
  border-bottom: 1px solid #ccc;
  transition: border-bottom 150ms ease-out;
  font-size: 1.8rem;
  font-family: OpenSans-Regular, Raleway-Regular, sans-serif;
}


.signup-form .form-input.success {
  border-bottom: 2px solid #3ed990;
  /*color: #f66565;*/
}

.signup-form .form-input.warning {
  border-bottom: 2px solid #ffc107;
}

.signup-form .form-input.error {
  border-bottom: 2px solid #f6baba;
  color: #f66565;
}

.btn-submit {
  color: #fff;
  background: #297df8;
  border-radius: 6px;
  font-size: 1.8rem;
}

.signup-form .tnc {
  /* font-size: 1.1rem; */
  padding: 10px 0;
}

.signup-form .tnc a {
  text-decoration: none;
}

.forgot-pass a {
  font-size: 14px;
}

.have-account a {
  text-decoration: none;
  display: block;
  font-size: 14px;
}

.have-account {
  text-align: left;
  color: #999;
  padding-left: 8px;
  font-size: 14px;
}

.error-msg-container {
  width: 100%;
  background-color: #fce4e4;
  padding: 12px 30px;
}

.error-msg-text {
  color: #cc0033;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px rgba(250, 250, 250, 0.3);
  margin: 0px;
}

.closeErrorMsg {
  margin-left: 15px;
  color: #919191;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closeErrorMsg:hover {
  color: black;
}

.error {
  color: red;
}

.pcy_ticker_header {
  text-align: center;
  min-height: 30px;
  padding: 5px;
  background-color: #dccf30;
  font-weight: bold;
}

.pcy_ticker_header > p {
  margin: 0 !important;
  cursor: default;
  font-size: 14px;
}

/*    modal    */
.tnc-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.tnc-modal h1 {
  display: block;
  font-size: 1em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  font-family: sans-serif;
}

.tnc-modal h4 {
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

.tnc-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}

.tnc-close-button {
  float: right;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  font-size: 1.3em;
  color: #696969;
  background-color: lightgray;
}

.tnc-close-button:hover {
  color: #000;
}

.logo img {
  width: 179px;              
  height: 39px;               
  transform: rotate(0deg);   
  opacity: 1;
}

.fgt_note {
  text-align: center;
  font-size: 13px;
}

.fgt_description {
  line-height: 20px;
  font-size: 14px;
  color: #292929;
  margin-bottom: 6px;
  text-align: center;
}

.fgt_note,
.sso_note {
  color: #454545;
  margin-bottom: 40px;
  line-height: 1.5;
}


.tnc-show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  z-index: 10;
}

.pc-agree-link {
  text-decoration: none;
}

.grecaptcha-badge {
  bottom: 85px !important;
}

.pcy_ticker_header {
  position: fixed;
  top: 0px;
  z-index: 1;
  width: 100%;
}

.medals {
  display: flex;
  flex-direction: column;
  background: linear-gradient(
    109.08deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0.1) 80.93%
  );
  border-radius: 6px;
  justify-content: center;
}

.medals img {
  margin: 6px 8px;
  max-width: 19% !important;
  image-rendering: -webkit-optimize-contrast;
}

@media (max-height: 670px) {
  .screen-title {
    font-size: 1.5rem;
    line-height: initial;
  }

  .logo img {
    width: 120px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
  }
}

@media only screen and (max-width: 700px) {
  .modal-content {
    width: 15em;
  }

  .modal-content > p {
    font-size: 12px;
  }
}

@media only screen and (min-width: 700px) {
  .modal-content {
    width: 40em;
  }

  .modal-content > p {
    font-size: 12px;
  }
}

/*modal end*/

.iti__selected-flag {
  height: 43px;
}

.iti--allow-dropdown {
  width: 100%;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/** signup**/
.left_signupLogin {
  position: relative;
}
.side-bg-bottomBar ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  /**padding: 50px 50px;**/
}
.side-bg-bottomBar {
  /**background: #481281;**/
  /**position: absolute;
  bottom: 0;
  width: 100%;
  /* display: flex; */
  /* justify-content: center; */
}
.side-bg-topBar {
  padding: 60px 100px 60px 40px;
}
.side-bg-topBar a {
  margin-bottom: 50px;
}
.side-bg-topBar a img {
  width: 150px;
}
.side-bg-topBar p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 200%;
  /**color: #212121;**/
  margin-bottom: 30px;
  width: 80%;
}
.side-bg-topBar ul li,
.side-bg-bottomBar-login {
  font-style: normal;
  font-size: 18px;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 400;
  line-height: 35px;
  text-align: left;
}
.side-bg-topBar ul li {
  margin-bottom: 20px;
}
.side-bg-bottomBar-login {
  margin-bottom: 10px;
}
.side-bg-topBar ul {
  margin-bottom: 70px;
}
.side-bg-topBar ul li img {
  margin-right: 20px;
}
.side-bg-topBar .company_logo {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 4rem;
  width: 100%;
}
.enable_google_singup button,
.create_myAccount_button button {
  width: 100% !important;
}
.signup_checkbox {
  display: flex;
}
.signup_checkbox input {
  margin-right: 15px;
}
.signup-title h1 {
  margin-bottom: 60px;
  font-size: 25px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}
.existing_text {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  color: #212121;
  margin-top: 30px;
  font-size: 16px;
  /**font-weight: bold;**/
}
p.existing_text a {
  color: #212121 !important;
  border: 0px;
  padding: 0px;
  text-decoration: underline;
  background: transparent !important;
}
/**LOGIN PAGE**/
.social_icon_login button {
  width: 100%;
}
button#loginSubmitBtn {
  width: 100%;
}
#gSignCustomBtn {
  margin-bottom: 20px;
}
button#sso_login_btn {
  margin-bottom: 10px;
}
.side-bg-bottomBar-login {
  margin-bottom: 10px;
}
.side-bg-login .side-bg-topBar a,.side-bg-topBar a {
  margin-bottom: 20px;
}
.screen-title 
{
  margin-bottom: 10px;
  
   background-color: #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* font-family: Inter; */
  font-size: 32px;
  font-weight: 700;
  line-height: 63px;
  text-align: left;
  margin-bottom: 3rem;
}
.side-bg-login .side-bg-topBar ul li {
  margin-bottom: 10px;
}
.side-bg-login .side-bg-topBar ul {
  margin-bottom: 4.5rem;
}
.signup-title-welcome {
  margin-bottom: 50px;
  font-size: 24px;
  font-weight: 500;
}
.flex.login-forgot-password {
  display: flex;
  justify-content: space-between;
  padding: 20px 0px;
}
.flex.login-forgot-password {
  display: flex;
  justify-content: space-between;
  padding: 20px 0px;
  /**font-weight: bold;?**/
}
.flex.login-forgot-password p a {
  color: #3b82f6;
}
.flex.login-forgot-password a {
  color: #3b82f6;
  text-decoration: underline;
  /**font-weight: bold;**/
}
/**Forgot password**/
button#fgtSubmitBtn {
  width: 100%;
}
.fgt_note {
  color: #2D6071;
}
.fgt_description {
  margin-bottom: 6px;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #212121;
}
h5.fgt_note {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  /* display: flex; */
  align-items: center;
  text-align: center;
  color: #2D6071;
}
/** Reset Password**/
button#resetSubmitBtn {
  width: 100%;
}
/** Toggle password**/
.toggle_password_container {
  position: relative;
}
.toggle_password_container span {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 18px !important;
}
/**Logo right side**/
a.logo.d-lg-block.logo-rightSide
{
  display:none;
}
button#ssoSubmitBtn {
  width: 100%;
  margin-bottom: 20px;
}
/**sso btn**/
.sso_display_name_container h1 {
    margin-bottom: 30px;
}
.sso_btn_submit 
{
  color: black ;
  padding: 15px;
  font-size: 1.4rem;
  margin-bottom: 20px;
  border-radius: 6px;
  width:400px !important;
}
.sso_btn_submit:hover
{
  background-color:black;
  
}
.login-btn
{
  margin-right:15px;
}
.forget-pwd-links {
  justify-content: end;
  margin-right: 15px;
  margin-top: 1.5rem;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: black !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: black !important;
}

/** login page add testiomonail**/
.login-testiomonial {
  margin: 9rem 0rem;
}
.client-info {
  display: flex;
}
.client-img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin-right: 2rem;
}
.client-img img {
  border-radius: 50%;
}
.client-name-des-rating {
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 30%;
}
.cname {
  font-size: 20px !important;
  margin-bottom: 0px !important;
}
.cdes {
  font-size: 20px !important;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0px !important;
}
ul.crating {
  display: flex;
  margin-bottom: 0px !important;
  margin-top: 0.5rem;
}
.testimonial-content {
  margin-bottom: 50px !important;
}
ul.crating li {
  padding-right: 0.5rem;
  margin-bottom: 10px;
  color: #FFC611;
}
/**Forgot password design changes**/
.fgt-pass-container {
  width: 28%;
  margin: 0px auto;
  justify-content: start;
}
.p-16.fgt-container.mx-auto {
  padding: 6rem 4rem;
}
.fgt-container {
  text-align: center;
}
.fgt-container h6 {
  font-size: 15px;
  color: #667085;
  margin-bottom: 2rem;
}
.fgt-container h1 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.mt-2\.5.forget-pwd-links a {
  font-size: 16px;
  margin-top: 1.5rem;
  color: #667085;
}
.fgt-login-btn i {
  margin-right: 0.5rem;
}
.fgt-login-btn {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon_div_key {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #c9f7fe;
  border: 10px solid #e6fbfe;
  margin-bottom: 1.5rem;
}
.icon_div_key i.fa-key {
  transform: rotateX(180deg);
  font-size: 22px;
  color: #1c7c92;
}
.testimonial-content-new,.login-client-info p
{
  width:100% !important;
}
.testimonial-content-new
{
  font-size: 24px !important;
}
.login-client-info
{
  width:100%;
}
.creditCardText 
{
  display: flex;
  margin-bottom: 40px;
}
.startText
{
  margin-bottom: 15px !important;
}
.creditCardText img
{
  margin-right:0.5rem;
}
/* TAILWIND GENERATED CSS ---- DO NOT EDIT BELOW*/

/* ! tailwindcss v3.1.3 | MIT License | https://tailwindcss.com */
a,hr{color:inherit}progress,sub,sup{vertical-align:baseline}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,menu,ol,p,pre,ul{margin:0}fieldset,legend,menu,ol,ul{padding:0}*,::after,::before{box-sizing:border-box;border:0 solid #e5e7eb;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.border-t,hr{border-top-width:1px}::after,::before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}body{line-height:inherit}hr{height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}menu,ol,ul{list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.right-2{right:.5rem}.top-5{top:1.25rem}.float-left{float:left}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mt-5{margin-top:1.25rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.w-\[98\%\]{width:98%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-full{width:100%}.max-w-\[70\%\]{max-width:70%}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-\[\#212121\]{--tw-border-opacity:1;border-color:#B8C0C8}.border-\[\#696969\]{--tw-border-opacity:1;border-color:rgb(105 105 105 / var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.border-b-\[\#212121\]{--tw-border-opacity:1;border-bottom-color:#3b82f6}.bg-white,.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-\[\#212121\],.hover\:bg-\[\#212121\]:hover{--tw-bg-opacity:1;background-color:#3b82f6}.p-16{padding:4rem}.p-1{padding:.25rem}.p-2\.5{padding:.625rem}.p-2{padding:.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pt-2\.5{padding-top:.625rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.hover\:text-\[\#212121\]:hover,.text-\[\#212121\]{--tw-text-opacity:1;color:#3b82f6}.text-\[\#696969\]{--tw-text-opacity:1;color:rgb(105 105 105 / var(--tw-text-opacity))}.hover\:text-white:hover,.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))}@media (prefers-color-scheme:dark){.dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.dark\:focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.dark\:focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))}}

/**Responsive css start**/

@media (max-width: 1820px) 
{


}
/* (1680x1050) WSXGA+ Display */
@media (max-width: 1680px) {
  .cname {
    font-size: 16px !important;
    margin-bottom: 0px !important;
  }
  .cdes {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0px !important;
  }
  .login-testiomonial
  {
    margin:9rem 0rem;
  }
  .testimonial-content {
    margin-bottom: 30px !important;
    font-size: 22px !important;
}
  /* insert styles here */
h1.screen-title {
  font-size: 24px;
  line-height: 180%;
}
.side-bg-topBar p {
  font-size: 21px;
  margin-bottom: 20px;
  line-height: 180%;
}
  .side-bg-topBar {
    padding: 40px 80px 60px  60px;
}
.side-bg-topBar a {
  margin-bottom: 0px;
}
.side-bg-topBar ul li
{
  font-size: 16px;
}
.side-bg-topBar ul,.side-bg-login .side-bg-topBar ul
{
  /**margin-bottom: 30px;**/
}
.p-16 {
  padding: 3rem;
}
.side-bg-login p
{
  font-size:18px;
  line-height: 200%;

}
.side-bg-login ul li {
  font-size: 17px;
}
.side-bg-login h1
{
  font-size:24px;
  line-height: 180%;
}
.side-bg-topBar
{
  /**min-height:85%;**/
  position: relative;
}
.side-bg-bottomBar
{
  min-height: 15%;
}
.side-bg-topBar .company_logo
{
  /**position: absolute;
  left:10%;
  right:10%;
  max-width:80%;
  bottom: 5rem;**/
  padding-bottom: 2rem;
}
}
/* (1600x900) HD+ Display */
@media (max-width: 1600px) {
  .login-testiomonial
  {
    margin:7rem 0rem;
  }
  .testimonial-content {
    margin-bottom: 30px !important;
    font-size: 22px !important;
}
  /* insert styles here */
  .side-bg-topBar a img {
    width: 130px;
}
  .side-bg-topBar {
    padding: 30px 70px 30px 60px;
}
.side-bg-topBar a
{
  margin-bottom: 0px;
}
h1.screen-title
{
  font-size: 26px;
}
.side-bg-topBar p
{
  font-size: 19px;
  margin-bottom: 20px;
  line-height: 180%;
}
.side-bg-topBar ul li
{
  font-size: 16px;
  line-height: 25px;
}
.side-bg-topBar ul,.side-bg-login .side-bg-topBar ul
{
  margin-bottom: 2.5rem;
}
.p-16 {
  padding: 3rem;
}
}

/* (1440x900) WXGA+ Display */
@media (max-width: 1440px) {
  /* insert styles here */
  .side-bg-topBar a img {
    width: 110px;
}
  .side-bg-topBar {
    padding: 30px 70px 30px 50px;
}
.side-bg-topBar a
{
  margin-bottom: 0px !important;
}
h1.screen-title
{
  font-size: 23.5px;
  line-height: 180%;
}
.side-bg-topBar p
{
  font-size: 17px;
  line-height: 180%;
  width:100%;
}
.side-bg-topBar ul li
{
  font-size: 15px;
}
.side-bg-topBar ul
{
  margin-bottom: 30px;
}
.side-bg-topBar ul li
{
  margin-bottom: 10px;
}
.p-16 {
  padding: 2rem;
}
.py-8
{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.signup-title h1 {
  margin-bottom: 25px;
}
#gSignCustomBtn {
  margin-bottom: 10px;
}

}

/* (1366x768) WXGA Display */
@media (max-width: 1366px) {

  .fgt-pass-container {
    width: 35%;
    margin: 0px auto;
    justify-content: start;
}
  .iti__selected-flag {
    height: 32px;
    align-items: center;
    display: flex;
    justify-content: center;
}
  .p-16 {
    padding: 2rem;
}
  /* insert styles here */
  .side-bg-topBar a img {
    width: 100px;
}
 h1.screen-title
{
  font-size: 20px;
  line-height: 170%;
}
.side-bg-topBar p
{
  width:100%;
  font-size: 16px;
  line-height: 180%;
  margin-bottom: 15px;
}
.side-bg-topBar {
  padding: 30px 50px 30px 40px;
}
.side-bg-topBar ul li
{
  font-size: 15px;
}
.py-8
{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#gSignCustomBtn {
  margin-bottom: 1rem;
}
.signup-title h1 {
  margin-bottom: 30px;
  font-size: 22px;
}
.signup-form .form-group {
  position: relative;
  margin: 15px 0 15px 0;
}
.existing_text
{
  margin-top: 15px;
}
}


@media (max-width: 1280px) 
{
  .login-testiomonial
  {
    margin:6rem 0rem !important
  }
  .fgt-pass-container
  {
    width:40%;
  }
  .testimonial-content
  {
    font-size: 18px !important;
  }
  .cname {
    font-size: 14px !important;
    /* margin-bottom: 0px !important; */  
    } 
  .cdes {
      font-size: 14px !important;
  }
    .side-bg-topBar ul,.side-bg-login .side-bg-topBar ul
{
  margin-bottom: 1.5rem;
}
    .signup-form input
    {
      margin-bottom: 1rem;;
    }
     .w-\[98\%\]
    {
      width:100%;
    }
  .side-bg-topBar a img {
    width: 120px;
  }
  h1.screen-title
  {
    font-size: 30px !important;
    line-height: 45px !important;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem !important;
  }
  .side-bg-topBar p
  {
    font-size: 17px ;
      line-height: 190%;
  }
  .side-bg-topBar ul li
  {
    font-size: 17px ;
  }
  .side-bg-login .side-bg-topBar ul li
  {
    font-size: 13px;
  }
  .side-bg-login .side-bg-topBar ul li,.side-bg-topBar ul li {
    margin-bottom: 8px;
  }
  /**Right side**/
  .p-16 {
    padding: 1.5rem;
  }
  .flex.login-forgot-password
  {
    padding: 0px 0px 10px 0px;
  }
  
  .signup-title-welcome {
    margin-bottom: 20px;
    font-size: 1.5rem;
  }
  button#gSignCustomBtn,button#sso_login_btn{
    font-size: 0.7rem;
  }
  button#gSignCustomBtn
  {
    margin-right:0.6rem;
  }
  .flex.login-forgot-password a,.flex.login-forgot-password p
  {
    font-size:0.7rem;
  }

  .signup-form input {
    border: 1px solid #B8C0C8;
    font-size: 0.7rem;
    padding: 0.625rem;
  }
  span.flex-shrink.mx-4.text-gray-400.text-sm {
    font-size: 0.5rem;
  }
  button#loginSubmitBtn,.enable_google_singup button, .create_myAccount_button button {
    width: 100%;
    font-size: 0.6rem;
  }
  .side-bg-topBar
  {
    /**min-height:85%;**/
    position: relative;
  }
  .side-bg-bottomBar
  {
    min-height: 15%;
  }

  .signup-form .tnc,.existing_text,p.existing_text a {
    font-size: 0.7rem;
    padding: 0px;
  }
  .toggle_password_container span
  {
    top:9px;
  }
  /**.signup-form .form-group
  {
    margin: 10px 0px;
  }**/
  .existing_text {
    margin-top: 10px;
  }
  
  }
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (max-width: 1200px) 
{
  .login-testiomonial
  {
    margin:6rem 0rem !important
  }
   .w-\[98\%\]
  {
    width:100%;
  }
.side-bg-topBar a img {
  width: 80px;
}
h1.screen-title {
  font-size: 20px !important;
  line-height: 35px !important;
  margin: 1rem 0rem;
}
.side-bg-bottomBar img {
  width: 80%;
  margin: 0px auto;
}
.side-bg-topBar p
{
  font-size: 15px ;
    line-height: 170%;
}
.side-bg-topBar ul li
{
  font-size: 13px ;
}
.side-bg-login .side-bg-topBar ul li
{
  font-size: 13px;
  line-height: 20px;
}
.side-bg-login .side-bg-topBar ul li,.side-bg-topBar ul li {
  margin-bottom: 8px;
}
/**Right side**/
.p-16 {
  padding: 1rem;
}
.flex.login-forgot-password
{
  padding: 0px 0px 10px 0px;
}

.signup-title-welcome {
  margin-bottom: 20px;
  font-size: 1.5rem;
}
button#gSignCustomBtn,button#sso_login_btn{
  font-size: 0.6rem;
}
button#gSignCustomBtn
{
  margin-right:0.6rem;
}
.flex.login-forgot-password a,.flex.login-forgot-password p
{
  font-size:0.6rem;
}
.signup-form input {
  border: 1px solid #B8C0C8;
  font-size: 0.6rem;
  padding: 0.425rem;
}
span.flex-shrink.mx-4.text-gray-400.text-sm {
  font-size: 0.5rem;
}
button#loginSubmitBtn,.enable_google_singup button, .create_myAccount_button button {
  width: 100%;
  font-size: 0.6rem;
}
.side-bg-topBar
{
  /**min-height:85%;**/
  position: relative;
}
.side-bg-bottomBar
{
  min-height: 15%;
}
.signup-form .tnc,.existing_text,p.existing_text a {
  font-size: 0.6rem;
  padding: 0px;
}
.toggle_password_container span
{
  top:9px;
}
.signup-form .form-group
{
  margin: 10px 0px;
}
.existing_text {
  margin-top: 10px;
}

}
@media (max-width: 1140px)
{
  .testimonial-content {
    font-size: 13.5px !important;
  }
  .login-testiomonial
  {
    margin:4rem 0rem !important
  }
  .cname {
    font-size: 13px !important;
}
.cdes {
  font-size: 13px !important;
}
  .fgt-pass-container
  {
    width:60%;
  }

  .side-bg-bottomBar img {
    width: 70%;
    margin: 0px auto;
  }
}
/* 
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
/**end css for Mobile view**/
@media (max-width: 1024px) {
  .testimonial-content {
    font-size: 11.5px !important;
}.cname, .cdes, ul.crating li {
  font-size: 11.5px !important;
}

  .login-testiomonial {
    margin: 3rem 0rem !important;
}
  .forget-pwd-links {
    justify-content: center;
    margin-bottom: 20px;
}
  
  .w-\[98\%\]
  {
    width:100%;
  }
  /**left side**/
.side-bg-topBar a img {
  width: 80px;
}
h1.screen-title
{
  font-size: 16px ;
    line-height: 170%;
}
.side-bg-topBar p
{
  font-size: 13px ;
    line-height: 160%;
}
.side-bg-topBar ul li
{
  font-size: 12px ;
}
.side-bg-login .side-bg-topBar ul li
{
  font-size: 10px;
}
.side-bg-login .side-bg-topBar ul li,.side-bg-topBar ul li {
  margin-bottom: 8px;
}
/**Right side**/
.p-16 {
  padding: 1rem;
}
.flex.login-forgot-password
{
  padding: 0px 0px 10px 0px;
}

.signup-title-welcome {
  margin-bottom: 20px;
  font-size: 1.5rem;
}
button#gSignCustomBtn,button#sso_login_btn{
  font-size: 0.6rem;
}
button#gSignCustomBtn
{
  margin-right:0.6rem;
}
.flex.login-forgot-password a,.flex.login-forgot-password p
{
  font-size:0.6rem;
}
.signup-form input {
  border: 1px solid #B8C0C8;
  font-size: 0.6rem;
  padding: 0.425rem;
}
span.flex-shrink.mx-4.text-gray-400.text-sm {
  font-size: 0.5rem;
}
button#loginSubmitBtn,.enable_google_singup button, .create_myAccount_button button {
  width: 100%;
  font-size: 0.6rem;
}
.side-bg-topBar
{
  /**min-height:85%;**/
  position: relative;
}
.side-bg-bottomBar
{
  min-height: 15%;
}
.signup-form .tnc,.existing_text,p.existing_text a {
  font-size: 0.6rem;
  padding: 0px;
}
.toggle_password_container span
{
  top:9px;
}
.signup-form .form-group
{
  margin: 10px 0px;
}
.existing_text {
  margin-top: 10px;
}
}
  /* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (max-width: 960px) {
.client-img {
  width: 70px;
  height: 70px;
}
  .side-bg-topBar {
    padding: 30px 30px 30px 30px;
}
  .signup-title h1 {
    margin-bottom: 10px;
    font-size: 18px;
}
.signup-form .form-group {
  margin: 8px 0px;
}
.side-bg-topBar p
{
  margin-bottom: 5px;
}
h1.screen-title {
  font-size: 14px;
  line-height: 150%;
}
.max-w-\[70\%\]
{
  max-width:80%;
}
}
@media (max-width: 915px) {


  .py-8 {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.forget-pwd-links {
  justify-content: center;
  margin-bottom: 20px;
}
h5.fgt_note
{
  margin-bottom: 20px;
}
.side-bg-topBar ul li img
{
  width:15px;
}
.tnc-modal-content
{
  height: 300px;
  overflow: hidden;
   margin: 20px;
}
.py-8 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
}
@media (max-width:850px)
{
  .side-bg-login .side-bg-topBar ul li
  {
    font-size: 8px;
    line-height: 15px;
  }
  .side-bg-topBar
  {
    padding: 20px 30px;
  }
  h1.screen-title
  {
    margin:0.8rem 0rem !important;
    }
    .side-bg-topBar ul, .side-bg-login .side-bg-topBar ul
    {
      margin-bottom: 1rem;
    }
    .side-bg-topBar .company_logo
    {
      padding-bottom: 1rem;
    }
    form#resetform {
      width: 100%;
  }
}
/**@media only screen and (min-device-width: 480px) and (max-device-width: 768px) {**/
@media only screen and (min-device-width: 481px) and (max-device-width: 767px) 
{

  .signup-form .p-16 {
    display: flex;
    flex-flow: column;
    /* align-items: center; */
    justify-content: center;
    height: 100vh;
}
.p-16.fgt-container.mx-auto
{
  align-items: center;
  width:80%;
}
  .tnc-modal-content {
    max-width: 100%;
    left: 0;
    right: 0;
    transform: translate(0%,-50%);
    margin: 20px;
  }
  button#sso_login_btn, button#gSignCustomBtn {
    margin-left: 0px;
    width: 100%;
    margin-right: 0px;
}
  .sso_login_container,.sso_display_name_container {
    width: 100% !important;
}
  .signup-title-welcome
  {
    display:none;
  }
  a.logo.d-lg-block.logo-rightSide {
    text-align: center;
    display: block;
  }
  
  .signup-title {
    display: none;
}
  .left_signupLogin {
    display: none;
}
  .col-lg-7.w-3\/5.h-full.float-lg-right.sso_login_container {
    width: 100%;
  }

  .screen-title {
    margin-bottom: 20px;
  }

  .social_icon_login button {
    margin-bottom: 10px;
  }

  button#sso_login_btn {
    margin-left: 0px;
  }

  .social_icon_login {
    display: flex;
    flex-flow: column;
  }
  .acess-wrapper {
    height: auto;
  }

  .left_signupLogin,
  .right_signupLogin {
    width: 100% !important;
  }

  .acess-wrapper_modi-flex {
    display: inherit !important;
  }

  .p-16.max-w-\[70\%\].mx-auto {
    max-width: 100% !important;
  }

  .left_signupLogin .side-bg {
    position: initial;
    width: 100%;
  }

  .side-bg-login-modi {
    width: 100% !important;
    position: initial;
  }

  #signin-testimonial .testimoni {
    font-size: 16px;
    line-height: 25px;
  }

  .signup-btn,
  .width-100 {
    max-width: 70%;
  }

  .carousel-wrapper {
    position: static;
    padding: 0px;
  }

  #signin-testimonial {
    padding-top: 30px;
  }

  #signup-testimonial .carousel-indicators {
    top: -30px;
  }

  #signin-testimonial .carousel-indicators {
    top: 0px;
    bottom: auto;
  }

  .sid ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: red;
      opacity: 1; /* Firefox */
  }

  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: red;
  }

  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: red;
  }
  .side-bg-login {
    padding: 25px 0px;
    padding-bottom: 30px;
  }
  .side-bg-topBar {
    padding: 25px;
  }

  .logo img {
    width: 126px;
    margin:0px auto;
    margin-bottom: 30px;
  }

  .tnc,
  .have-account {
    text-align: center;
  }
  .h-full {
    height: auto !important;
  }
  .side-bg,
  .side-bg-login {
    background-image: none;
    background-color: #000;
    color: #fff;
    position: initial;
    background-position: center !important;
    float: left;
    width: 100% !important;
  }
  .side-bg-bottomBar {
    position: relative;
  }
  .forget-pwd-links
  {
    margin-bottom: 25px;
    justify-content: center;
  }
  button#gSignCustomBtn, button#sso_login_btn,.signup-form input,.flex.login-forgot-password a, .flex.login-forgot-password p,button#loginSubmitBtn, .enable_google_singup button, .create_myAccount_button button,.signup-form .tnc, .existing_text, p.existing_text a {
    font-size: 1rem;
}
button#sso_login_btn, button#gSignCustomBtn {
    margin-left: 0px;
    width: 100%;
    margin-right: 0px;
}
h5.fgt_note
{
  margin-bottom: 15px;;
}
.iti__selected-flag
  {
    height:100%;
  }
}

@media only screen and (max-device-width: 480px) {
  form#resetform {
    width: 100%;
}
  .p-16.fgt-container.mx-auto
{
  align-items: center;
  padding: 2rem;
}
  .signup-form .p-16 {
    display: flex;
    flex-flow: column;
    /* align-items: center; */
    justify-content: center;
    height: 100vh;
}
  .iti__selected-flag
  {
    height:100%;
  }
  .tnc-modal-content {
    height: auto;
}
  .sso_login_container,.sso_display_name_container {
    width: 100% !important;
}
  a.logo.d-lg-block.logo-rightSide {
    text-align: center;
    display: block;
  }
  .signup-title {
    display: none;
}
  .left_signupLogin {
    display: none;
}
  .side-bg-topBar p {
    width: 100%;
  }

  .side-bg-topBar {
    padding: 10px;
  }
  .side-bg-topBar ul .left_signupLogin,li,
  .side-bg-login .side-bg-topBar ul li {
    margin-bottom: 20px;
  }
  .side-bg-bottomBar ul {
    padding: 20px;
  }

  .side-bg-topBar .company_logo {
    margin-bottom: 20px;
  }
  .side-bg-bottomBar {
    position: relative;
    margin-top: 0px;
  }
  .col-lg-7.w-3\/5.h-full.float-lg-right.sso_login_container {
    width: 100%;
  }

  .screen-title {
    margin-bottom: 20px;
  }

  .social_icon_login button {
    margin-bottom: 10px;
  }
  button#gSignCustomBtn, button#sso_login_btn,.signup-form input,.flex.login-forgot-password a, .flex.login-forgot-password p,button#loginSubmitBtn, .enable_google_singup button, .create_myAccount_button button,.signup-form .tnc, .existing_text, p.existing_text a {
    font-size: 1rem;
}
.tnc-show-modal
{
  z-index:99;
}
.signup-form .form-group {
  margin: 15px 0px;
}
.tnc-modal-content {
  max-width: 100%;
  left: 0;
  right: 0;
  transform: translate(0%,-50%);
  margin: 20px;
}
  button#sso_login_btn,button#gSignCustomBtn  {
    margin-left: 0px;
    width:100%;
    margin-right:0px;
  }
  .forget-pwd-links
  {
    margin-bottom: 25px;
    justify-content: center;
  }
  .fgt_note, .sso_note
  {
    margin-bottom: 10px;
  }
  .social_icon_login {
    display: flex;
    flex-flow: column;
  }

  .acess-wrapper {
    height: auto;
  }

  .left_signupLogin,
  .right_signupLogin {
    width: 100% !important;
  }

  .acess-wrapper_modi-flex {
    display: inherit !important;
  }

  .p-16.max-w-\[70\%\].mx-auto {
    max-width: 100% !important;
  }

  .left_signupLogin .side-bg {
    position: initial;
    width: 100%;
    display: none;
  }

  .side-bg-login-modi {
    width: 100% !important;
    position: initial;
  }
  .signup-btn,
  .width-100 {
    max-width: 70%;
  }

  .side-bg,
  .side-bg-login {
    padding: 0px;
    padding-bottom: 0px;
    padding: 25px 10px 25px 25px;
  }
  .side-bg-topBar ul {
    margin-bottom: 30px;
  }

  .logo img {
    width: 126px;
    margin: 0px auto;
    margin-bottom: 50px;
  }
  .orDiv
  {   
    padding: 0.5rem 0px !important;
  }
  .signup-title-welcome
  {
    display:none;
  }

  .tnc,
  .have-account {
    text-align: center;
  }
}