.card-wrapper{
    border: solid thin black;
}
@media screen and (min-width: 992px ) {
  .wrapper-left{
    border-left:none;
  }
}
.nopadding{
    padding:0px!important;
}
.cid-sFACYYm0AQ .card-wrapper {
  border-radius: 0px;
}
.cid-sFACYYm0AQ-bg {
  background: transparent!important;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  display: block;
  height: 100%!important;
  line-height: 1;
  margin: 0 auto;
  max-width: 100%;
}
.cid-sFACYYm0AQ .img1,.cid-sFACYYm0AQ .img2 {
  background: transparent;
}
.cid-sFACYYm0AQ .card-title {
  background: #a50532;
  color:white;
  padding:5px 10px;
}
.cid-sFACYYm0AQ .card-box {
  padding: 0rem;
  width: 58.33%;
}
.nred {
  background-color:#a50532 !important;
  color:white;
}
.nredsize{
  background-color:#a50532 !important;
  width:80px; 
  height:3px;
}
.gray{
    background-color:#d0d0d0 !important;
}
.cid-sFAA5oUu2Y .dropdown-item:hover,
.cid-sFAA5oUu2Y .dropdown-item:focus {
  background: #347E85 !important;
  color: white !important;
}
.form-control {
  background-color: #ffffff;
  background-clip: border-box;
/*   color: #232323; */
  line-height: 1rem !important;
  height: auto;
  padding: 0.6rem 1.2rem;
  transition: border-color 0.25s ease 0s;
/*   border: 1px solid #232323 !important; */
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;
}
.form-control::placeholder {
    color: white;
}
.cid-thunlKJxuG .full-screen .slider-fullscreen-image {
  min-height: 100%!important;
 
}
  /* new classes start */
* {
  --nissan-red: #a50532;
  --nissan-grey: #D9D9D9;
  --nissan-light-grey: #E6E6E6;
 }
 .new_login_bg {
  background-image: url("https://www.nissanwarriors.co.za/nu6/templates/NissanWarriors/assets/images/NW_login_bg_2024_2.png")!important;
  background-position:0% 80%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
 }
 .login_bg {
  background-image: url("/assets/images/login_bg.jpg")!important;
  background-position: bottom; 
  /* background-size: cover; */
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.login_form {
  padding-top: 30%;
  padding-left: 45%;
}
.login-header {
  color: var(--nissan-red);
  text-shadow: 1px 2px 2px #000000;
}
.login-btn:hover {
  scale: 0.95;
  transition: 0.4s;
  background-color: #131212!important;
}
.bg-glass {
  background-color: hsla(0, 8%, 76%, 0.075) !important;
  backdrop-filter: saturate(200%) blur(0px);
  height: 60vh;
}
.vl {
  border-left: 2px solid rgb(255, 255, 255);
  height: 50px;
}
  .top-nav {
  background-color: black!important;
  color: white!important;
  text-decoration: none;
}
.top-nav a {
  color: white!important;
  text-decoration: none;
}
.custom-red-btn {
  background-color: var(--nissan-red);
}
.custom-grey-btn {
  background-color: var(--nissan-grey);
}
.custom-light-grey-container {
  background-color: var(--nissan-light-grey);
  border-radius: 10px;
  padding: 20px;
}
.custom-grey-container {
  background-color: var(--nissan-grey);
  border-radius: 10px;
}
.custom-red-gradient {
  background: rgb(103,17,38);
  background: linear-gradient(284deg, rgba(103,17,38,1) 0%, rgba(204,7,55,1) 33%); 
}
.custom-red-gradient-2 {
  background: rgb(4,7,7);
  background: linear-gradient(139deg, rgb(0, 15, 15) 0%, rgb(54, 1, 16) 26%, rgb(73, 4, 4) 100%); 
}
.custom-grey-gradient {
  background: rgb(217,217,217);
  background: linear-gradient(139deg, rgba(217,217,217,1) 0%, rgba(217,217,217,1) 26%, rgba(115,115,115,1) 100%); 
}
.bg-none {
  background-color: transparent!important; 
}
.fs-7 {
  font-size: 13px;
}
.kudosh-card {
  background-image: url("https://www.nissanwarriors.co.za/nu6/templates/NissanWarriors_2024/assets/images/kudosh-card.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.semi-donut{
  --percentage: 0;
  --fill: var(--nissan-red);
  width: 300px;
  height: 150px;
  position: relative;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  overflow: hidden;
  color: var(--fill);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing : border-box;
  &:after{
    content: '';
    width: 300px;
    height: 300px;
    border:20px solid;
    border-color : rgba(0,0,0,0.15) rgba(0,0,0,0.15) var(--fill) var(--fill);
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing : border-box;
    transform: rotate( calc( 1deg * ( -45 + var(--percentage) * 1.8 ) ) );
    animation : fillAnimation 1s ease-in;
  }
}

/* mobile queries */
@media only screen and (max-width: 600px) {
  .login_bg {
    background-image: url("/assets/images/mobile_login_bg2.png")!important;
    background-position-y:top;
    background-color: #a50532!important;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .login_form {
    padding-top: 69%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
/* new classes end */