:root{
    --bs-primary: #d2afa3;
    --bs-secondary: #e9d9d1;
}

@font-face {font-family: 'avenirbook';
    src: url('../fonts/avenir-book.woff2') format('woff2'),
    url('../fonts/avenir-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'avenirmedium';
    src: url('../fonts/avenir-medium.woff2') format('woff2'),
    url('../fonts/avenir-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'avenirroman';
    src: url('../fonts/avenir-roman.woff2') format('woff2'),
    url('../fonts/avenir-roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'avenirblack';
    src: url('../fonts/avenir-black.woff2') format('woff2'),
    url('../fonts/avenir-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'avenirheavy';
    src: url('../fonts/avenir-heavy.woff2') format('woff2'),
    url('../fonts/avenir-heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'beyond_sweetregular';
    src: url('../fonts/beyondsweet.woff2') format('woff2'),
    url('../fonts/beyondsweet.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
  font-family: 'academy';
  src:  url('../fonts/academy.eot?fp6gwg');
  src:  url('../fonts/academy.eot?fp6gwg#iefix') format('embedded-opentype'),
    url('../fonts/academy.ttf?fp6gwg') format('truetype'),
    url('../fonts/academy.woff?fp6gwg') format('woff'),
    url('../fonts/academy.svg?fp6gwg#academy') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;}

[class^="ac-"], [class*=" ac-"] {
  font-family: 'academy' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

.ac-user:before {content: "\e900";}
.ac-bell:before {content: "\e901";}
.ac-search-o:before {content: "\e902";}
.ac-menu:before {content: "\e903";}
.ac-play:before {content: "\e904";}
.ac-search:before {content: "\e905";}
.ac-lock:before {content: "\e906";}
.ac-listview:before {content: "\e907";}
.ac-gridview:before {content: "\e908";}
.ac-facebook:before {content: "\e909";}
.ac-instagram:before {content: "\e910";}
.ac-eye:before {content: "\e911";}
.ac-add:before {content: "\e912";}
.ac-minus:before {content: "\e913";}
.ac-check:before {content: "\e914";}
.ac-arrow-left:before {content: "\e915";}
.ac-arrow-right:before {content: "\e916";}
.ac-arrow-up:before {content: "\e917";}
.ac-arrow-down:before {content: "\e918";}
.ac-calendar:before {content: "\e919";}
.ac-home:before {content: "\e920";}
.ac-map:before {content: "\e921";}
.ac-date:before {content: "\e922";}
.ac-time:before {content: "\e923";}
.ac-reset:before {content: "\e924";}
.ac-person:before {content: "\e925";}
.ac-mail:before {content: "\e926";}
.ac-call:before {content: "\e927";}
.ac-image:before {content: "\e928";}
.ac-twitter:before {content: "\e929";}
.ac-youtube:before {content: "\e930";}
.ac-linkedin:before {content: "\e931";}
.ac-brush:before {content: "\e932"; transform: scaleX(-1); display: inline-flex;}
.ac-trash:before {content: "\e933";}

html, body { height: 100%; }
.avenirbook{font-family:'avenirbook',sans-serif}
.avenirmedium{font-family:'avenirmedium',sans-serif}
.avenirroman{font-family:'avenirroman',sans-serif;letter-spacing:1px}
.avenirblack{font-family:'avenirblack',sans-serif}
.avenirheavy{font-family:'avenirheavy',sans-serif}

body{margin: 0;font-family:'avenirbook',sans-serif; color: #000000;}

.fs-10{font-size:10px!important}
.fs-11{font-size:11px!important}
.fs-12{font-size:12px!important}
.fs-13{font-size:13px!important}
.fs-14{font-size:14px!important}
.fs-15{font-size:15px!important}
.fs-16{font-size:16px!important}
.fs-17{font-size:17px!important}
.fs-18{font-size:18px!important}
.fs-19{font-size:19px!important}
.fs-20{font-size:20px!important}
.fs-21{font-size:21px!important}
.fs-22{font-size:22px!important}
.fs-23{font-size:23px!important}
.fs-24{font-size:24px!important}
.fs-25{font-size:25px!important}
.fs-26{font-size:26px!important}
.fs-27{font-size:27px!important}
.fs-28{font-size:28px!important}
.fs-29{font-size:29px!important}
.fs-30{font-size:30px!important}
.fs-31{font-size:31px!important}
.fs-32{font-size:32px!important}
.fs-33{font-size:33px!important}
.fs-34{font-size:34px!important}
.fs-35{font-size:35px!important}
.fs-40{font-size:40px!important}
.fs-45{font-size:45px!important}
.fs-50{font-size:50px!important}

.w10{width:10px!important;min-width:10px!important;max-width:10px!important}
.w20{width:20px!important;min-width:20px!important;max-width:20px!important}
.w30{width:30px!important;min-width:30px!important;max-width:30px!important}
.w40{width:40px!important;min-width:40px!important;max-width:40px!important}
.w50{width:50px!important;min-width:50px!important;max-width:50px!important}
.w60{width:60px!important;min-width:60px!important;max-width:60px!important}
.w70{width:70px!important;min-width:70px!important;max-width:70px!important}
.w80{width:80px!important;min-width:80px!important;max-width:80px!important}
.w90{width:90px!important;min-width:90px!important;max-width:90px!important}
.w100{width:100px!important;min-width:100px!important;max-width:100px!important}
.w110{width:110px!important;min-width:110px!important;max-width:110px!important}
.w120{width:120px!important;min-width:120px!important;max-width:120px!important}
.w130{width:130px!important;min-width:130px!important;max-width:130px!important}
.w140{width:140px!important;min-width:140px!important;max-width:140px!important}
.w150{width:150px!important;min-width:150px!important;max-width:150px!important}
.w160{width:160px!important;min-width:160px!important;max-width:160px!important}
.w170{width:170px!important;min-width:170px!important;max-width:170px!important}
.w180{width:180px!important;min-width:180px!important;max-width:180px!important}
.w190{width:190px!important;min-width:190px!important;max-width:190px!important}
.w200{width:200px!important;min-width:200px!important;max-width:200px!important}
.w210{width:210px!important;min-width:210px!important;max-width:210px!important}
.w220{width:220px!important;min-width:220px!important;max-width:220px!important}
.w230{width:230px!important;min-width:230px!important;max-width:230px!important}
.w240{width:240px!important;min-width:240px!important;max-width:240px!important}
.w250{width:250px!important;min-width:250px!important;max-width:250px!important}
.w260{width:260px!important;min-width:260px!important;max-width:260px!important}
.w270{width:270px!important;min-width:270px!important;max-width:270px!important}
.w280{width:280px!important;min-width:280px!important;max-width:280px!important}
.w290{width:290px!important;min-width:290px!important;max-width:290px!important}
.w300{width:300px!important;min-width:300px!important;max-width:300px!important}
.w310{width:310px!important;min-width:310px!important;max-width:310px!important}
.w320{width:320px!important;min-width:320px!important;max-width:320px!important}
.w330{width:330px!important;min-width:330px!important;max-width:330px!important}
.w340{width:340px!important;min-width:340px!important;max-width:340px!important}
.w350{width:350px!important;min-width:350px!important;max-width:350px!important}
.w380{width:380px!important;min-width:380px!important;max-width:380px!important}
.w400{width:400px!important;min-width:400px!important;max-width:400px!important}

.table-responsive{scrollbar-color:var(--bs-primary) transparent!important;scrollbar-width:thin!important}
.table-responsive::-webkit-scrollbar{width:5px;height:5px}
.table-responsive::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #fff0;box-shadow:inset 0 0 6px #fff0;background-color:#fff0}
.table-responsive::-webkit-scrollbar-thumb{background-color:var(--bs-primary)}
.gecko .table-responsive{scrollbar-color:var(--bs-primary) transparent!important;scrollbar-width:thin!important}
.firefox .table-responsive{scrollbar-color:var(--bs-primary) transparent!important;scrollbar-width:thin!important}
.table-responsive:hover{scrollbar-color:var(--bs-primary) transparent!important;scrollbar-width:thin!important}
.hero{min-height: 100vh; position: relative; overflow: hidden; background: url("../images/bg-image.jpg") center center / cover no-repeat;}
/* Right-side frosted card */
.welcome-card{width: 550px; border-radius: 14px; background: rgba(255, 255, 255, 0.72); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); box-shadow: 0 10px 40px rgba(0,0,0,.25); position: absolute; right: 200px; top: 300px; height: 470px; padding: 44px 44px 24px 44px;}
.academy-logo{text-align: center; letter-spacing: 2px; font-weight: 500; font-size: 22px; margin-bottom: 18px; color: #000; user-select: none;}
.academy-logo .a{font-weight: 700; font-size: 28px; letter-spacing: 0; position: relative; top: 2px; margin: 0 1px;}
.welcome-title{text-align: center; font-weight: 400; font-size: 25px; color: #000;}
.welcome-desc{font-family:'avenirroman',sans-serif; text-align: center; font-size: 14px; line-height: 1.6; color: #000; margin: 0 auto 20px auto;}
.welcome-card.reset-pass {background: transparent; box-shadow: none; backdrop-filter: none;}
.enter-btn{display: block; width: 210px; margin: 0 auto 14px auto; padding: 9px 14px; border-radius: 15px; font-size: 17px; letter-spacing: .2px;}
.small-lines{text-align: center; font-size: 14px; color: #1c1c1c; line-height: 1.7; margin-top: 6px;}
.inner-divider{height: 7px; background: rgba(60, 30, 30, 0.45); margin: 20px -44px 20px -44px;}
.address{text-align: center; font-size: 13px; color: #2a2a2a; margin-bottom: 15px;}
.brand{display: flex; justify-content: center; align-items: center; gap: 10px; padding-bottom: 2px;}
.brand img{height: 30px; width: auto; display: inline-block;}
.brand .brand-text{text-align: center; font-size: 14px; letter-spacing: 1px; font-weight: 600; color: #000; line-height: 1.05;}
.brand .brand-text small{display: block; font-size: 8px; letter-spacing: .6px; font-weight: 500; margin-top: 2px;}
.footer-bar{background: #000; color: rgba(255,255,255,.85); display: flex; align-items: center; z-index: 5; padding: 20px 40px;}
.footer-left{font-size: 15px; letter-spacing: .2px; white-space: nowrap;}
.footer-right{margin-left: auto; display: flex; align-items: center; gap: 10px; color: #fff;}
.footer-right img{height: 34px; width: auto;}
.link-text{ color: #222; text-decoration: underline; }
.link-text:hover{ color: #000; }
.card-face .form-control { font-size: 14px; padding: 10px 15px; background-color: rgb(233 217 209 / 30%); border: 0; color: #000; }
.card-face .form-control[type="email"], .card-face .rounded-top .form-control[type="password"]{ border-radius: 15px 15px 0 0; }
.is-forgot .card-face .form-control[type="email"]{ border-radius: 15px 15px 0 15px; }
.card-face .form-control[type="password"]{ border-radius: 0 0 0 15px; }
.card-face .btn-login{ padding: 8px 20px; width: 120px; border-radius: 0 0 15px 15px; }
.card-flip-container { perspective: 1200px; }
.card-flip{position:relative; width:100%; height:100%; transform-style:preserve-3d; transition: transform .8s ease-in-out;}
/* Default: show front */
.card-front{display:block;}
.card-back, .card-back-forgot{display:none;}
/* Back faces sit behind */
.card-back{transform: rotateY(180deg); backface-visibility:hidden; -webkit-backface-visibility:hidden;}
/* Flip to Login */
.card-flip-container.is-flipped .card-flip{transform: rotateY(180deg);}
.card-flip-container.is-flipped .card-front{display:none;}
.card-flip-container.is-flipped .card-back{display:block;}
.card-flip-container.is-flipped .card-back-forgot{display:none;}
/* Flip to Forgot (continue rotation another 180deg) */
.card-flip-container.is-flipped.is-forgot .card-flip{transform: rotateY(360deg);}
.card-flip-container.is-flipped.is-forgot .card-front{display:none; }
.card-flip-container.is-flipped.is-forgot .card-back{display:none; }
.card-flip-container.is-flipped.is-forgot .card-back-forgot{display:block; }
.welcome-card.card-flip-container.is-flipped{box-shadow: none; background: none; backdrop-filter: none; -webkit-backdrop-filter: none;}


@media (min-height: 620px){
    .footer-bar{position: fixed; left: 0; right: 0; bottom: 0;}
    .hero{padding-bottom: 82px;}
}

@media (max-width: 1399px){
    .welcome-card{right: 150px; top: 220px;}
}
@media (max-width: 1199px){
    .welcome-card {right: 0; top: 0; left: 0; bottom: 0; margin: auto;}
}
@media (max-width: 767px){
  .hero {background: none; min-height: auto; padding-bottom: 0;}
  .welcome-card {width: 100%; max-width: 550px; height: auto; position: static; padding: 40px; margin: auto; border-radius: 0px; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none;}
  .inner-divider {height: 1px; margin: 20px 0 20px 0;}
  .card-back .btn-login{margin-left: auto;}
  .footer-bar{position: static;}
  .footer-left {text-align: center; white-space: inherit; display: flex; flex-direction: column;}
  .footer-right {margin-left: inherit;}  
}
@media (max-width: 575px){
    .welcome-card{padding: 30px;}
    .welcome-title{font-size: 23px;}
}