/*===========================================================

   Template Name: clvr - Login and Register Form Html Templates
   Author: Harnish Design
   Template URL: http://demo.harnishdesign.net/html/clvr
   Author URL: https://themeforest.net/user/harnishdesign
   File Description : Main css file of the template
	
=================================================
  Table of Contents
=================================================

	1. Basic
	2. Helpers Classes
	3. Layouts
	4  Elements
		4.1 Hero Background
		4.2 Nav
		4.3 Tabs
		4.4 Video Play button
	5 Social Icons
	6 Extra
		6.1 Form
		6.2 Form Dark
		6.3 Form Border
		6.4 Form Border Light
		6.5 Vertical Multilple input group
		6.6 Other Bootstrap Specific

=======================================================*/

@font-face {
  font-family: "CE";
  src: url("../../fonts/CE-Regular.woff2");
}

@font-face {
  font-family: "Feature";
  src: url("../../fonts/FeatureDisplay-Bold-Web.woff2");
}


@media (max-width: 767px) {
.mright {
    display: none !important;
}

.my-auto {
  margin-top: 0px !important;
}

}



:root {
  --bs-themecolor: #9A4497;
  --bs-themecolor-rgb: 13, 110, 253;
  --bs-themehovercolor: #9A4497;
  --bs-themehovercolor-rgb: 1.7623, 87.23361, 213.2377;
  --bs-link-color: var(--bs-themecolor);
  --bs-link-color-rgb: var(--bs-themecolor-rgb);
  --bs-link-hover-color: var(--bs-themehovercolor);
  --bs-link-hover-color-rgb: var(--bs-themehovercolor-rgb);
  --bs-primary: var(--bs-themecolor);
  --bs-primary-rgb: var(--bs-themecolor-rgb);
  --bs-primary-text-emphasis: #9A4497;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-body-color: #4c4d4d;
  --bs-body-color-rgb: 76, 77, 77;
  --bs-heading-color: var(--bs-emphasis-color);
  --bs-body-font-family: CE, sans-serif;
}

/* =================================== */
/*  1. Basic Style 
/* =================================== */
body, html {
  height: 100%;
}

/*-------- Preloader --------*/
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999999 !important;
  background-color: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.preloader .lds-ellipsis {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  top: 50%;
  left: 50%;
}

.preloader .lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #000;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.preloader .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.preloader .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.preloader .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.preloader .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

form {
  padding: 0;
  margin: 0;
  display: inline;
}

img {
  vertical-align: inherit;
}

p {
  line-height: 1.8;
}

iframe {
  border: 0 !important;
}

/* =================================== */
/*  2. Helpers Classes
/* =================================== */
/* Box Shadow */

/* Text Size */

.clvr-login-register .text-1 {
  font-size: 12px !important;
  font-size: 0.75rem !important;
}

.clvr-login-register .text-2 {
  font-size: 14px !important;
  font-size: 0.875rem !important;
}

.clvr-login-register .text-4 {
  font-size: 18px !important;
  font-size: 1.125rem !important;
}

.clvr-login-register .text-5 {
  font-size: 21px !important;
  font-size: 1.3125rem !important;
}

/* Font Weight */

/* Opacity */

.clvr-login-register .opacity-10 {
  opacity: 1;
}

/* Background light */

/* Background Dark */

.clvr-login-register hr {
  opacity: 0.2;
}

/* =================================== */
/*  3. Layouts
/* =================================== */

/* =================================== */
/*  4. Elements
/* =================================== */
/*=== 4.1 Hero Background ===*/
.clvr-login-register .hero-wrap {
  position: relative;
  overflow: hidden;
}

.clvr-login-register .hero-wrap .hero-mask, .clvr-login-register .hero-wrap .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.clvr-login-register .hero-wrap .hero-mask {
  z-index: 1;
}

.clvr-login-register .hero-wrap .hero-content {
  position: relative;
  z-index: 2;
}

.clvr-login-register .hero-wrap .hero-bg {
  z-index: 0;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  transition: background-image 300ms ease-in 200ms;
}

.clvr-login-register .hero-wrap .hero-bg.hero-bg-scroll {
  background-attachment: scroll;
}

@media (max-width: 991.98px) {
  .clvr-login-register .hero-wrap .hero-bg {
    background-attachment: initial !important;
    background-position: center center !important;
  }
}

/* 4.2 Nav */

/*=== 4.3 Tabs ===*/

/* 4.4 Video Play button */

/* =================================== */
/*  5. Social Icons
/* =================================== */

/* =================================== */
/*  6. Extras
/* =================================== */
/* 6.1 Form */
.clvr-login-register .form-control {
  border-color: #dae1e3;
  box-shadow: inset 0 0;
}

.clvr-login-register .form-check-input:not(:checked) {
  border-color: #dae1e3;
}

.clvr-login-register .form-control:not(.form-control-sm) {
  padding: .810rem .96rem;
  height: inherit;
}

.clvr-login-register .form-control:focus {
  -webkit-box-shadow: 0 0 5px rgba(128, 189, 255, 0.5);
  box-shadow: 0 0 5px rgba(128, 189, 255, 0.5);
  border-color: #80bdff !important;
}

.clvr-login-register .form-control::-webkit-input-placeholder {
  color: #b1b4b6;
}

.clvr-login-register .form-control:-moz-placeholder {
  /* FF 4-18 */
  color: #b1b4b6;
}

.clvr-login-register .form-control::-moz-placeholder {
  /* FF 19+ */
  color: #b1b4b6;
}

.clvr-login-register .form-control:-ms-input-placeholder, .clvr-login-register .form-control::-ms-input-placeholder {
  /* IE 10+ */
  color: #b1b4b6;
}

/* 6.2 Form Dark */

.clvr-login-register .form-dark .form-check-input:not(:checked) {
  background-color: #232a31;
  border-color: #232a31;
}

/* 6.3 Form Border (Input with only bottom border)  */

.clvr-login-register .form-border .form-control:not(output):-moz-ui-invalid:not(:focus), .clvr-login-register .form-border .form-control:not(output):-moz-ui-invalid:-moz-focusring:not(:focus) {
  border-bottom-color: #e10203;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.clvr-login-register .form-border .form-control:not(output):-moz-ui-invalid:not(:focus).border-dark, .clvr-login-register .form-border .form-control:not(output):-moz-ui-invalid:-moz-focusring:not(:focus).border-dark {
  border-color: #e10203 !important;
}

/* 6.4 Form Border Light (Input with only bottom border)  */

/* 6.5 Vertical Multilple input group */
.clvr-login-register .vertical-input-group .input-group:first-child {
  padding-bottom: 0;
}

.clvr-login-register .vertical-input-group .input-group:first-child * {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.clvr-login-register .vertical-input-group .input-group:last-child {
  padding-top: 0;
}

.clvr-login-register .vertical-input-group .input-group:last-child * {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.clvr-login-register .vertical-input-group .input-group:not(:first-child) * {
  border-top: 0;
}

/* 6.6 Other Bootstrap Specific */
.clvr-login-register .btn {
  padding: 0.8rem 2.6rem;
  font-weight: 500;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.clvr-login-register .btn:not(.btn-link) {
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}

.clvr-login-register .btn:not(.btn-link):hover {
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media (max-width: 575.98px) {
  .clvr-login-register .btn:not(.btn-sm) {
    padding: .810rem 2rem;
  }
}

.clvr-login-register .btn-primary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-themecolor);
  --bs-btn-border-color: var(--bs-themecolor);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-themehovercolor);
  --bs-btn-hover-border-color: var(--bs-themehovercolor);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: var(--bs-themehovercolor);
  --bs-btn-active-border-color: var(--bs-themehovercolor);
}

/* styles-switcher */

input:-internal-autofill-selected {
  background-color: transparent;
}