/*Oswald Font*/

/* @font-face {
  font-family: 'oswaldExtraLight';
  src:url('../font/oswald/Oswald-ExtraLight.ttf')  format('truetype');
}
@font-face {
  font-family: 'oswaldLight';
  src:url('../font/oswald/Oswald-Light.ttf')  format('truetype');
}
@font-face {
  font-family: 'oswaldRegular';
  src:url('../font/oswald/Oswald-Regular.ttf')  format('truetype');
}
@font-face {
  font-family: 'oswaldMedium';
  src:url('../font/oswald/Oswald-Medium.ttf')  format('truetype');
}
@font-face {
  font-family: 'oswaldSemiBold';
  src:url('../font/oswald/Oswald-SemiBold.ttf')  format('truetype');
}
@font-face {
  font-family: 'oswaldBold';
  src:url('../font/oswald/Oswald-Bold.ttf')  format('truetype');
} */

/*Nexa Font*/

/* @font-face {
  font-family: 'nexaLight';
  src:url('../font/nexa/Nexa-Light.otf');
}
@font-face {
  font-family: 'nexaRegular';
  src:url('../font/nexa/Nexa-Regular.otf');
}
@font-face {
  font-family: 'nexaBold';
  src:url('../font/nexa/Nexa-Bold.otf');
} */


body{
  /* font-family: 'oswaldRegular'; */
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
}

/*Bootstarp Update Css -- Start Here*/

.offcanvas.offcanvas-end{
  border-left: 0px;
}

/*Bootstarp Update Css -- End's Here*/

/*Top Information Bar -- Start Here*/

.topadress-bar-ContentWrapper{
  padding: 6px 0px;
}
ul.infoList{
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
ul.infoList li{
  display: inline-block;
  margin-right: 5px;
}
ul.infoList li:last-child{
  margin-right: 0px;
}
ul.infoList li:first-child label{
  position: relative;
  top: 0px;
}
ul.infoList li:nth-child(3) label,
ul.infoList li:nth-child(2),
ul.infoList li:nth-child(4),
ul.infoList li:nth-child(5) a{
  position: relative;
  top: 1px;
}
ul.infoList li:nth-child(5){
  margin-right: 15px;
}
ul.infoList li label , a{
  /* font-family: 'nexaRegular'; */
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: -0.28px;
  color: #333333;
  text-decoration: none;
}
ul.infoList li.social-icons a{
  border: 2px solid #333333;
  padding: 4px;
  display: inline-block;
  border-radius: 50px;
}
ul.infoList li a{
  transition: all 0.3s ease-in-out;
}
ul.infoList li a:hover{
  color: #9C0A32;
}
ul.infoList li.social-icons a:hover{
  border: 2px solid #9C0A32;
}
ul.infoList li.social-icons a i{
  font-weight: 700;
}
ul.infoList li.social-icons.facebook-icon a{
  padding: 4px 8px;
}
ul.infoList li.social-icons.twitter-icon a{
  padding: 4px 5.5px;
}
ul.infoList li.social-icons.linkedin-icon a{
  padding: 4px 5.5px;
}
ul.infoList li:last-child a{
  font-size: 17px;
  font-weight: 300;
}
ul.infoList li:nth-child(9){
  position: relative;
}
ul.infoList li:nth-child(9) span{
  display: inline-block;
  height: 25px;
  width: 1.2px;
  background: #333;
  position: absolute;
  top: -17.5px;
}
/*Top Information Bar -- End's Here*/


/*Navbar -- Css --  Start Here*/

.exelloadnav.navbar{
  padding: 20px 0px;
  background: #e0dbdb;
  opacity: 81%;
  color: black;
}
.exelloadnav .navbar-brand img{
  width: 155px;
}
.footerIntro img{
  width: 240px;
}
.exelloadnav .nav-link,
.exelloadnav .nav-link.active{
  /* font-family: 'nexaBold'; */
  /*color: #2c2c2c;*/
  color: black;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
}
.exelloadnav .offcanvas-body ul li{
  margin-right: 20px;
}
.exelloadnav .offcanvas-body ul li:last-child{
  margin-right: 0px;
}
.registerBtn{
  /* font-family: 'nexaLight'; */
  font-size: 14px;
  border: 1px solid black;
  color: black;
  letter-spacing: 0.5px;
  font-weight: 600;
  padding: 8px 15px;
  font-size:15px;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}
.registerBtn:hover{
  background: transparent linear-gradient(180deg, #9C0A32 0%, #4E0519 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  border: 1px solid transparent;
}
/*Navbar -- Css --  End's Here*/

/*Home Banner Wrappepr -- Start Here*/

.homeBannerWrapper{
  background: transparent url('../imgs/banner-bg.png') 0% 0% no-repeat padding-box;
  height: 100vh;
  width: 100%;
  background-position: center;
  background-size: cover;
  position: relative;
  /*overflow: hidden;*/
}
.homeBannerContentWrapper{
  /*background: red;*/
  display: flex;
  align-items: center;
  height: 100vh;
}
.homeBannerContent{
  padding-left: 40px;
}
.homeBannerContent h2{
  font-size: 60px;
  font-weight: 800;
  letter-spacing: -1.3px;
  color: #333333;
  line-height: 80px;
  text-transform: uppercase;
}
.homeBannerContent p{
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: black;
  margin-bottom: 0px;
  /*padding-right: 170px;*/
}
.homeBannerContent a{
  display: inline-block;
  padding: 14px 15px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.6px;
  border-radius: 50px;
  text-transform: uppercase;
  background: transparent linear-gradient(180deg, #9C0A32 0%, #4E0519 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  border: none;
  /*margin-top: 30px;*/
  /*font-family: 'nexaBold';*/
}
.bannerBtnlist{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.bannerBtnlist li{
  display: inline-block;
  margin-right: 10px;
}
.bannerBtnlist li:last-child{
  margin-right: 0px;
}
.bannerBtnlist li:nth-child(1) a,
.bannerBtnlist li:nth-child(2) a,
.bannerBtnlist li:nth-child(3) a{
  background: #fff;
  color: #000;
  transition: all 0.3s ease-in-out;
  /*border: 1px solid #FFF;*/
}
.bannerBtnlist li:nth-child(1) a:hover,
.bannerBtnlist li:nth-child(2) a:hover,
.bannerBtnlist li:nth-child(3) a:hover{
    background: transparent linear-gradient(180deg, #9C0A32 0%, #4E0519 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    /*border: 1px solid #9C0A32;*/
}
/*Home Banner Wrappepr -- End's Here*/

.commonBanner-wrapper{
  height: 360px;
}
.common-breadcrump-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 360px;
}
.common-breadcrump-content h4{
  text-transform: uppercase;
  font-weight: 800;
  color: #000;
  font-size: 40px;
  padding-top: 60px;
}
.common-breadcrump-content ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  text-align: center;
}
.common-breadcrump-content ul li{
  display: inline-block;
  margin-right: 10px;
}
.common-breadcrump-content ul li:last-child{
  margin-right: 0px;
}
.common-breadcrump-content ul li a,
.common-breadcrump-content ul li label{
  text-transform: uppercase;
}

/*New Header Wrapper -- Start Here*/
.header-wrapper{
  position: relative;
}
.exelnavPosition{
  /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
/*New Header wrapper -- End's Here*/



/*Main Search -- CSS -- Start Here*/
.topSearchWrapper{
  margin-top: -50px;
  position: relative;
  z-index: 1;
}
.topSearcOuterWrapper{
  background: #707070 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 12px #0000005C;
  padding: 25px 20px 25px 20px;
}
.searchDropDownWrapper select{
  width: 100%;
  font-family: 'nexaBold';
  background: transparent;
  border: none;
  color: #fff;
  font-size:18px;
  padding: 5px 0px;
}
.searchDropDownWrapper select option{
  color: #000;
  font-family: 'nexaRegular';
}
.searchDropDownWrapper select:focus{
  outline: none;
}
.searchInputWrapper input{
  width: 100%;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 18px;
  padding: 3.5px 0px;
  font-family: 'nexaRegular';
}
.searchInputWrapper input:focus{
  outline: none;
}
.searchInputWrapper input::placeholder{
  color: #fff;
  font-family: 'nexaLight';
}
.searchDropDownWrapper.lightMode select{
  font-family: 'nexaLight';
  padding: 5.6px 0px;
}
.formBtn button{
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  border-radius: 10px;
  background: transparent linear-gradient(180deg, #9C0A32 0%, #4E0519 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  border: none;
  font-family: 'nexaBold';
}
.border-col{
  border-right: 1px solid #fff;
}

/*Main Search -- CSS -- End's Here*/

/*Top CTA -- CSS -- Start Here*/
.TopCTAWrapper{
  background-image: url('../imgs/topCTA-bg.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 350px;
  /* margin-top: -44px; */
}
.CTA-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
}
.CTA-content h2{
  margin-bottom: 0px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  /* font-family: 'oswaldRegular'; */
  font-size: 50px;
  line-height: 70px;
}

/*Top CTA -- CSS -- End's Here*/

/*About Us -- Css Start Here*/
.aboutusWrapper{
  position: relative;
}
.aboutUs-content{
  padding: 3px 60px 100px 0px;
}
.aboutUs-content.right-side{
  padding: 100px 0px 100px 60px;
}
.aboutUs-content h1{
  font-weight: 800;
  font-size: 40px;
  text-transform: capitalize;
}
.aboutUs-content p{
  /* font-family: 'nexaRegular'; */
  font-size: 16px;
  text-align: justify;
  /* letter-spacing: -0.32px; */
  color: #333;
}
.about-us-sideImg img{
  width: 100%;
  height: 422px;
  object-fit: cover;
  padding: 10px !important
}
/*About Us -- Css End's Here*/

/*Introduction -- Css Start Here*/

.introductionMainWrapper{
  background: #ECECEC;
  padding: 130px 0px 100px 0px;
}
.introductionContent h2{
  color: #333;
  /* font-family: 'oswaldRegular'; */
  font-weight: 800;
  font-size: 40px;
  text-transform: uppercase;
  /*letter-spacing: -0.9px;*/
}
.solution-content-header h4{
  text-transform: uppercase;
  font-weight: 600;
  font-size: 24px;
}
.introductionContent p{
  color: #333;
  /* font-family: 'nexaRegular'; */
  font-size: 16px;
  /* letter-spacing: -0.32px; */
  margin-top: 25px;
}
.introductionContent a{
  display: inline-block;
  /* width: 152px; */
  background:linear-gradient(180deg, #333333 0%, #333333 100%);
  padding: 12px 15px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.introductionContent a:hover{
  background:linear-gradient(180deg, #9C0A32 0%, #4E0519 100%);
}
.videoIntroduction{
  position: relative;
}
.videobg{
  text-align: right;
  margin-right: 20px;
}
.videobg span{
  display: inline-block;
  width: 60%;
  background: #333;
  height: 450px;
}
.videoMainWrapper{
  position: absolute;
  width: 88%;
  border: 2px solid #fff;
  top: -65px;
  height: 420px;
}
.plyr{
  height: 100%;
}
/*Introduction -- Css End's Here*/



/* Solution -- Css Start Here */
.solution-content-list ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.solution-content-list ul li{
  margin-bottom: 10px;
}
.solution-content-list ul li:last-child{
  margin-bottom: 0px;
}
.single-solution-item{
  display: flex;
}
.single-solution-desc h6{
  margin-bottom: 0px;
  text-transform: capitalize;
  font-weight: 500;
  color: #9C0A32;
  font-size: 16px;
}
.single-solution-desc p{
  margin-bottom: 0px;
  font-size: 17px;
}
.single-solution-icon{
  width: 5%;
}
.single-solution-desc{
  width: 95%;
}
.single-solution-icon span{
  font-size: 22px;
  color: #9C0A32;
}
/* Solution -- Css End's Here */

/*Services -- Css Start Here*/

.ourServicesWrapper{
  padding: 70px 0px;
  background: #333333;
}
.sectionTitle h2{
  color: #fff;
  font-size: 45px;
  /*font-family: 'oswaldRegular';*/
  text-transform: capitalize;
  font-weight: 700;
}
.serviceCardWrapper{
  background: #B4B4B4 0% 0% no-repeat padding-box;
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
  padding: 50px 15px 40px 15px;
}
.serviceCardContent img{
  width: 40%;
  height: 82px;
  object-fit: contain;
}
.serviceCardContent p{
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 150px;
}
.serviceCardContent h5{
  /*font-family: 'nexaBold';*/
  font-size: 22px;
  color: #FFFFFF;
  text-transform: capitalize;
  /*letter-spacing: -0.44px;*/
}
.serviceCardContent p{
  /*font-family: 'nexaRegular';*/
  font-size: 14px;
  color: #FFFFFF;
  /*letter-spacing: -0.24px;*/
}
.serviceCardWrapper:hover{
  background: transparent linear-gradient(180deg, #9C0A32 0%, #4E0519 100%) 0% 0% no-repeat padding-box;
}

/*Services -- Css End's Here*/

/*What We Offers -- Css Start Here*/

.offersWrapper{
  padding: 80px 0px;
}
.sectionTitle.blackText h2{
  color: #333;
  /*font-family: 'oswaldRegular';*/
}
.offerCardWrapper{
  transition: all 0.3s ease-in-out;
}
.offerCardContent{
  background: #ECECEC;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
  width: 140px;
  margin: 0 auto;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
}
.offerCardWrapper:hover .offerCardContent{
  background-image:linear-gradient(180deg, #9C0A32 0%, #4E0519 100%);
}
.offerCardContent img{
  width: 45px;
  height: 45px;
}
.offerCardWrapper:hover .offerCardContent img{
  filter: invert(100%);
}
.offerCardContentWrapper h4{
  color: #333;
  text-transform: uppercase;
  font-size: 20px;
  /*font-family: 'nexaBold';*/
  /*letter-spacing: -0.44px;*/
}
.offerCardContentWrapper p{
  color: #333;
  font-size: 14px;
  /*font-family: 'nexaRegular';
  letter-spacing: -0.24px;*/
}
.downloadAppContent p{
  color: #333;
  font-size: 16px;
  padding-right: 130px;
  text-align: justify;
}

/*What We Offers -- Css End's Here*/

/* Home Page -- Vehicle Slider Section -- Css -- Start Here */
.VehicleSliderWrapper{
  background-color: #333333;
  padding: 80px 0px;
}
.swiper-wrapper{
  align-items:center;
}
      .swiper {
        width: 100%;
        height: 100%;
        padding: 0px 0px 60px 0px !important;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .swiper-slide {
        width: 60%;
      }

      .swiper-slide:nth-child(2n) {
        width: 40%;
      }

      .swiper-slide:nth-child(3n) {
        width: 20%;
      }
      .vehicle-img-wrapper label{
        color: #fff;
        text-transform: uppercase;
        display: block;
        margin-top: 10px;
      }
      .vehicleSliderWrapper{
        margin: 0px 0px 0px 0px;
      }
      .swiper-slide.swiper-slide-active .vehicle-img-wrapper img{
        transition: all 0.3s ease-in-out;
      }
.swiper-slide.swiper-slide-active .vehicle-img-wrapper img{
  transform: scale(1.0,1.0);
}
.swiper-pagination-bullet-active{
  background:#fff !important;
}
.swiper-button-next, .swiper-button-prev{
  color: #fff !important;
}


/* Home Page -- Vehicle Slider Section -- Css -- End's Here */

/*Our Application -- Css -- Start Here*/

.downloadOurAppWrapper{
  background: #ECECEC;
  padding: 60px 0px 0px 0px;
  overflow: hidden;
}
.downloadAppContent h2{
 /* font-family: 'oswaldRegular';
  letter-spacing: -0.88px;*/
  color: #3E3E94;
  font-size: 45px;
  font-weight: 600;
}
.downloadAppContent a{
  display: inline-block;
}
.appStore{
  position: relative;
  top: 2.3px;
}
.downloadAppContent a img{
 width: 180px;
 height: 70px;
 object-fit: contain;
}
.appImgesWrapper img{
  width: 73%;
}

/*Our Application -- Css -- End's Here*/


/*About Us Page -- Values Section -- Start Here*/
.valuesMainWrapper{
  background: #333333;
  padding: 100px 0px;
}
.valuesCardWrapper{
  background: #fff;
  padding: 60px 30px 90px 30px;
  border-radius: 30px;
}
.valuesCardContent img{
  width: 90px;
  height: 90px;
}
.valuesCardContent h2{
  font-size: 30px;
  font-weight: 800;
  color: #333333;
  text-transform: uppercase;
  letter-spacing: 0.86px;
}
.valuesCardContent p{
  /*font-family: 'nexaRegular';*/
  font-size: 15px;
  /*letter-spacing: -0.32px;*/
  color: #333333;
  margin-bottom: 0px;
  height: 114px;
}
/*About Us Page -- Values Section -- End's Here*/

/*About Us Page -- Why Choose Us Section -- Start Here*/

.whyus-card-wrapper{
  text-align: center;
}
.whyus-card-wrapper img{
  margin-bottom: 25px;
  width: 150px;
}
.whyus-card-wrapper h4{
  margin-bottom: 18px;
  /*letter-spacing: -0.56px;*/
  /*opacity: 0.8;*/
  font-weight: 600;
  text-transform: capitalize;
  /*font-family: 'oswaldRegular';*/
  font-size: 26px;
}
.whyus-card-wrapper p{
  margin-bottom: 0px;
  /*letter-spacing: -0.32px;*/
  /*font-family: 'nexaRegular';*/
  font-size: 15px;
}

/*About Us Page -- Why Choose Us Section -- End's Here*/

/*Services Page -- Location Section -- Css -- Start Here*/
.locationsMainWrapper{
  padding: 100px 0px 60px 0px;
  background: #333333;
}
.loactionCardWrapper {
    position: relative;
    overflow: hidden;
}
.loactionCard{
  text-align: center;
}
.image-card img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.loactionCardWrapper:hover .image-card img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
.loactionCard{
  overflow: hidden;
  border-radius: 20px;
}
.locationName h4{
  /*font-family: 'oswaldRegular';*/
  text-transform: uppercase;
  font-size: 28px;
  /*letter
  -spacing: -0.56px;*/
  color: #fff;
  margin-top: 20px;
}
/*Services Page -- Location Section -- Css -- End Here*/

/*Faq -- Css -- Start Here*/
.FaqWrapper{
  padding: 100px 0px;
}
.faq-title-wrapper h2{
  color: #333;
  font-weight: 800;
  font-size: 30px;
  text-transform: uppercase;
}
.accordion-button{
  font-size: 1.1rem;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
  text-transform: uppercase;
}
.accordion-button:not(.collapsed){
  color: #fff;
      background: transparent linear-gradient(180deg, #9C0A32 0%, #4E0519 100%) 0% 0% no-repeat padding-box;
}
.accordion-button:focus{
  box-shadow: none;
}
.accordion-button:not(.collapsed)::after{
  filter: invert(1);
}

/*Conatct us -- css -- start Here*/
.Contact-us-Wrapper{
  padding: 100px 0px;
}
.Contact-us-title-wrapper h2{
  color: #333;
  font-weight: 800;
  font-size: 30px;
  text-transform: uppercase;
}

.formInputWrapper input,
.formInputWrapper textarea{
  width: 100%;
  padding: 10px;
  font-weight: 500;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.formInputWrapper input:focus,
.formInputWrapper textarea:focus{
  outline: none;
}
.formInputBTn button{
  display: inline-block;
  background: linear-gradient(180deg, #333333 0%, #333333 100%);
  padding: 12px 15px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  border: none;
  width: 100%;
  text-align: center;
  font-weight: 600;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.formInputBTn button:hover{
  background: linear-gradient(180deg, #9C0A32 0%, #4E0519 100%);
}

.content-us-content-wrapper{
   background: linear-gradient(180deg, #333333 0%, #333333 100%);
   padding: 30px;
   border-radius: 30px;
   position: relative;
   overflow: hidden;
}
.content-us-content-wrapper h4{
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
}
.content-us-content-wrapper p{
  color: #fff;
  font-size: 14px;
}
.icons-wrapper{
  color: #fff;
}
.icons-content strong{
  color: #fff;
  text-transform: uppercase;
}
.icons-content a{
  color: #fff;
  font-weight: 400;
}
.social-linkList-contact-us ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.social-linkList-contact-us ul li{
  margin-bottom: 5px;
}
.social-linkList-contact-us ul li:last-child{
  margin-bottom: 0px;
}
.social-linkList-contact-us ul li a{
  color: #fff;
  font-weight: 400;
}
.social-linkList-contact-us ul li a i{
  width: 24px;
}
.large-orbit{
  position: absolute;
    bottom: -50px;
    right: -30px;
}
.large-orbit span{
      display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    background: #9C0A32;
}
/*Contact Us -- css Ends Here*/


/*Terms --css --start here*/
.termsWrapper{
  padding: 100px 0px;
}
.terms-content-wrapper h2{
  color: #333;
  font-weight: 800;
  font-size: 30px;
  text-transform: uppercase;
}
.terms-title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
}




/*Login Page -- Login Section -- Css -- Start Here*/

.loginWrapper{
  /* height: 100vh; */
  overflow: hidden;
}
.loginPage-bgImages{
  background: url(../imgs/trucks.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.signUpPage-bgImages{
   background: url(../imgs/login-img.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* .custom-slide-1 {
     background: url(../imgs/banner-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.custom-slide-2 {
  background-position: top center;
  background-size: cover;
  color: white;
}

.custom-slide-3 {
  background-position: center bottom;
  background-size: cover;
  color: white;
} */

.reg-check .cbx span:first-child{
  width: 20px;
  /*left: 45px;*/
}
.backLink{
  margin-top: 30px;
}
.backLink img{
  width: 26px;
  height: 26px;
}
.AuthLogo img{
  width: 60%;
}
.AuthTitle{
  text-align: center;
  margin-top: 20px;
}
.AuthTitle h6{
  /*font-family: 'nexaBold';*/
  text-transform: uppercase;
  font-size: 23px;
  letter-spacing: 0.57px;
  color: #333333;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.AuthTitle h6:before{
  content: url('../imgs/left-logo.png');
  position: absolute;
  top: -2px;
  left: -30px;
}
.AuthTitle h6:after{
  content: url('../imgs/right-logo.png');
  position: absolute;
  top: -2px;
  right: -30px;
}
.AuthInputsWrapper{
  position: relative;
}
.AuthInputsWrapper input{
  width: 100%;
  padding: 14px 14px 14px 45px;
  border-radius: 10px;
  border: none;
  background: #ECECEC;
  position: relative;
  /*font-family: 'oswaldRegular';*/
}
.AuthInputsWrapper input::Placeholder{
  /*font-family: 'oswaldLight';*/
  text-transform: capitalize;
}
.AuthInputsWrapper.userNameInput:after{
  content: url(../imgs/user.png);
  position: absolute;
  top: 4px;
  left: 13px;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
}
.AuthInputsWrapper.passwordInput:after{
  content: url(../imgs/password.png);
  position: absolute;
  top: 4px;
  left: 13px;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
  background-size: contain;
}
.AuthInputsWrapper{
  margin-bottom: 14px;
}
.AuthInputsWrapper input:focus{
  outline: none;
}
.AuthWrapper{
  padding: 0px 0px;
  width: 80%;
}

.checkbox__wrapper input {
    display: none;
}
.checkbox__wrapper{
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.cbx__main_label {
    display: flex;
    justify-content: flex-start;
}
.cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}
.inp-cbx:checked + .cbx span:first-child {
    background: black;
    border-color: black;
    animation: wave 0.4s ease;
}
.cbx span:first-child {
    position: relative;
    width: 22px;
    height: 20px;
    top: 3px;
    border-radius: 3px;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #9098A9;
    transition: all 0.2s ease;
}
.cbx span {
    display: inline-block;
    vertical-align: middle;
    /*text-secondary: ;*/
    transform: translate3d(0, 0, 0);
}
.inp-cbx:checked + .cbx span:first-child:before {
    transform: scale(2.5);
    opacity: 0;
    transition: all 0.6s ease;
}
.cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
}

.inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}
.cbx span:first-child svg {
    position: absolute;
    top: 4px;
    left: 2px;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}
.inp-cbx:checked + .cbx span:last-child {
    color: black;
}
.cbx span:last-child {
    padding-left: 8px;
}
.cbx span:last-child {
    width: 100%;
    /*font-family: 'nexaLight';*/
    font-size: 14px;
    position: relative;
    top: 3px;
}
.cbx1:checked + .cbx span:first-child{
    background:black !important;
    color: #000 !important;
    border-color:black !important ;
}

.cbx1-label span:last-child {
  color: #000 !important;
}
@keyframes wave {
    50% {
        transform: scale(1);
    }
}
@media (min-width:991px){
  .OtpDesc{
max-width: 400px;
  }
}
.forgetWrapper a{
  font-size: 14px;
   /*font-family: 'nexaLight';*/
   font-weight: 400;
}
.forgetWrapper a:hover{
  color: #9C0A32;
}
.opt_Subtitle{
      font-size: 28.79px;
    font-weight: 500;
    line-height: 43.19px;
}
.otpTitle{
  font-size: 35.99px;
    font-weight: 600;
    line-height: 53.99px;
    color: #141414 !important;
}
.formSubmitBTN button{
  width: 100%;
  background:#414b70;
  color: #fff;
  padding: 11px;
  border-radius: 10px;
     border: none !important;
  text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: 33px;
}
.btn:hover{
  outline: none !important;
}
.formSubmitBTN button:hover{
 background:#414b70 !important;
  color: #fff !important;
}
/* .formSubmitBTN:hover button{
       border: none !important;
       outline: none !important;
background-color: #414b70 !important;
color: white !important;
} */
 :disabled{
  cursor: not-allowed !important;
 }
.signupBtn{
  background-color: #414b70 !important;
color: white !important;
}
.signupBtn:hover{
  background-color: #414b70 !important;
color: white !important;
}
.register-form:active{
  outline: none !important;
  border: none !important;
}
.formSubmitBTN .partnerBtn{
    width: 100%;
    background: transparent linear-gradient(180deg, #FF0000 0%, #FF0000 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    padding: 11px;
    border-radius: 10px;
    border: none;
    text-transform: uppercase;
    /*font-family: 'nexaBold';*/
    font-size: 16px;
}

.formSubmitBTN button:focus{
  outline: none;
  box-shadow: none;
}
.redirectPage p{
  /*font-family: 'nexaLight';*/
  margin-bottom: 0px;
}
.redirectPage p a{
  padding-left: 10px;
}
.redirectPage p a:hover{
 color: #9C0A32;
}
.AuthTitle{
  margin-top: 50px;
}
.formMasterWrapper{
  display: flex;
  justify-content: center;
  height: 100vh;
  width: 100%;
}
.formMasterWrapper.loginpage{
  align-items: center;
}
.AuthInputsWrapper.commonInput input{
  padding: 11px;
}
.AuthInputsWrapperDropDown {
  margin-bottom:22px !important ;
}
.AuthInputsWrapperDropDown select{
    width: 100%;
    padding: 11px;
    background: transparent;
    color: black;
    border-radius: 10px;
    border: 1px solid black;
}
.AuthInputsWrapperDropDown select:focus{
  outline: none;
}
.commonForm{
  /* overflow-y: auto; */
}

/*Login Page -- Login Section -- Css -- End's Here*/



/*Home Video CTA -- Start Here*/




/*Home Video CTA -- End's Here*/



/*Footer -- Css -- Start Here*/

.footerMainWrapper{
  background-image: url('../imgs/footer-bg.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 80px 0px;
}
.footerIntro p{
  color: #fff;
  /*font-family: 'nexaRegular';*/
  font-size: 16px;
  /*letter-spacing: -0.28px;*/
  margin-bottom: 0px;
}
.footer-widget-list h3{
  color: #fff;
  font-size: 22px;
  /*letter-spacing: -0.56px;*/
  /*font-family: 'oswaldRegular';*/
}
.footer-widget-list ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-top: 30px;
}
.footer-widget-list ul li{
  margin-bottom: 10px;
}
.footer-widget-list ul li:last-child{
  margin-bottom: 0px;
}
.footer-widget-list ul li a{
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.footer-widget-list.compnayInfo ul li label{
  /*font-family: 'nexaLight';*/
  color: #fff;
  font-size: 16px;
  /*letter-spacing: -0.32px;*/
}
.footer-widget-list.compnayInfo ul li h6{
  /*font-family: 'nexaBold';*/
  color: #fff;
  font-size: 16px;
  /*letter-spacing: -0.32px;*/
  margin-bottom: 0px;
}
.footer-widget-list.compnayInfo ul li{
  margin-bottom: 20px;
}
.footer-widget-list.compnayInfo ul li:last-child{
  margin-bottom: 0px;
}
.subscribeWrapper{
  padding: 40px 30px 40px 30px;
}
.subscribeWrapper h4{
  color: #fff;
  font-size: 28px;
  letter-spacing: -0.56px;
  font-family: 'oswaldRegular';
}
.subscribeWrapper p{
  font-family: 'nexaLight';
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.32px;
  margin-bottom: 0px;
}
.subscribeWrapper form{
  margin-top: 25px;
}
.subscribeWrapper form input{
  width: 100%;
  padding: 11px;
  margin-right: 10px;
  border-radius: 10px;
  font-family: 'nexaBold';
  background: #fff;
  border: none;
}
.subscribeWrapper form input:focus{
  outline: none;
}
.subscribeWrapper form input::placeholder{
  font-family: 'nexaLight';
}
.subscribeWrapper form button{
  width: 150px;
  padding: 5px;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-family: 'nexaBold';
  background: transparent linear-gradient(180deg, #9C0A32 0%, #FF0000 100%) 0% 0% no-repeat padding-box;
}
.subscribeWrapper form button:focus{
  outline: none;
}
.footerMainWrapper .container-fluid{
  padding-left: 50px;
}
.f-col{
  padding-top: 80px;
  padding-bottom: 60px;
}
.l-f-col{
  background: #000;
}

.footer-social-media li a i{
  width:24px;
}

/*Footer -- Css -- End's Here*/






/*Copyright -- Css -- Start Here*/

.copyrightWrapper{
  background: #B4B4B4;
  padding: 8px 0px;
}
.copyrightContent p{
  margin-bottom: 0px;
  /*font-family: 'nexaBold';*/
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  /*letter-spacing: -0.32px;*/
  text-transform: uppercase;
}

/*Copyright -- Css -- End's Here*/
/*
login partner page css */

.bottomlogin-line{
  border-top: 4px solid #333333;
  border-radius: 10px;

}

.LoginPartnerWrapper {
  padding: 0px 0px;
  width: 70%;

}

/*.LoginPartnerBg{
  background-color: #f8f8f8;
  padding: 0px 20px 20px 20px  !important;
  border-radius: 15px;
  margin-top: 20px;
}
*/
.loginPartnerTitle {
  text-align: center;
  margin-top: 10px;
}

.loginPartnerTitle h6 {
  font-family: 'nexaBold';
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 0.57px;
  color: #FF0000;
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding-left: 40px;
  padding-right: 40px;
}

.loginPartnerTitle h6:before {
  content: url('../imgs/left-logo.png');
  position: absolute;
  top: 5px;
  left: -30px;

}

.loginPartnerTitle h6:after {
  content: url('../imgs/right-logo.png');
  position: absolute;
  top: 5px;
  right: -30px;

}


/*Adiitional Changing*/
.row-mb-100{
  margin-bottom: 100px !important;
}

@media (max-width: 768px) {
  .commonBanner-wrapper {
    background-size: contain; 
    background-position: center; 
  }
}
.no-border {
  border: none;
}

.step-indicator {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    margin: auto;
    max-width: 578px;
    position: relative;
}

.step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}



.step-line {
    width: 40px;
    height: 2px;
    background-color: #333;
    position: relative;
    z-index: 0;
    margin: 0 10px; /* Spacing between step and line */
}

.step-line.active {
    background-color: #333 !important;
}

.step-label {
    font-size: 12px;
    color: #333;
    margin-top: 8px; /* Adjust spacing between number and label */
    text-align: center;
}