




/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
  font-family: 'Poppins', sans-serif !important;
  color: #444444;
  position: relative;
}

a {
  color: var(--bs-primary-color); 
  text-decoration: none !important;
}

/* a:hover {
  color: var(--bs-primary-color);
  text-decoration: none;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;
}
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
.h1, h1 {
  font-size: calc(1.375rem + 0.5vw) !important;
}
h5{
  font-size: 26px;
}


.padding-0{
  padding: 0 !important;
}
.padding-10{
  padding: 10px;
}
.padding-30{
  padding: 30px;
}
.padding-bottom-15{
  padding-bottom: 15px;
}
.padding-bottom-20{
  padding-bottom: 20px;
}
.padding-right-0{
  padding-right: 0;
}
.margin-0{
  margin: 0;
}
.margin-top-0{
  margin-top: 0;
}
.margin-bottom-0{
  margin-bottom: 0 !important;
}
.margin-bottom-10{
  margin-bottom: 10px;
}
.height-100vh{
  height: 100vh !important;
}
.text-align-center{
  text-align: center;
}
/* .container{
  max-width: 1280px;
} */
/* margin-top */
.margin-top-0{
  margin-top: 0px !important;
}
.margin-top-5{
  margin-top: 5px;
}
.margin-top-10{
  margin-top: 10px;
}
.margin-top-20{
  margin-top: 20px;
}
.margin-top-40{
  margin-top: 40px;
}
.margin-top-50{
  margin-top: 50px;
}
.margin-top-12{
  margin-top: 12px;
}
.margin-top-30{
  margin-top: 30px;
}
.margin-top-35{
  margin-top: 35px;
}


.margin-top-120{
  margin-top: 120px;
}
.margin-top-minus-7{
  margin-top: -7px;
}
.margin-top-minus-17{
  margin-top: -17px !important;
}
.margin-top-minus-40{
  margin-top: -40px !important;
}
/* margin-left */
.margin-left-135{
  margin-left: 135px;
}
.margin-left-2{
  margin-left: 2px;
}
.margin-left-0{
  margin-left: 0 !important;
}
.margin-left-8{
  margin-left: 8px;
}
.margin-left-10{
  margin-left: 10px;
}
.margin-left-12{
  margin-left: 12px;
}
.margin-left-20{
  margin-left: 20px;
}
.margin-left-24{
  margin-left: 24px;
}
.margin-left-30{
  margin-left: 30px;
}
/* margin-bottom */
.margin-bottom-20{
  margin-bottom: 20px;
}
.margin-right-2{
  margin-right: 2px;
}
.margin-right-4{
  margin-right: 4px;
}
/* colors */
.light-gray-bg{
  background-color: #f8f8f8;
}
.dark-bg{
  background-color: #000000;
}
.dark-gray-bg{
  background-color: #23282c;
}
.red-color{
  color: red;
}
.light-gray-color{
  color: #d9d9d8;
}
.white-color{
  color: white !important;
}
.dark-yellow-color{
  color: #c78e39;
}
.white-color{
  color:white;
}
.dark-color{
  color:#000000 !important;
}
.light-border{
  border-left: 1px solid #EAEAEB;

}
.border-none{
  border: none !important;
}
.width-auto{
  width: auto !important;
}
.width-100{
  width: 100%;
}
/* fonts */
.font-15{
  font-size: 15px !important;
}
.font-20{
  font-size: 20px;
}
.font-28{
  font-size: 28px !important;
}
.font-32{
  font-size: 32px !important;
}
.font-weight-400{
  font-weight: 400 !important;
}
.font-weight-500{
  font-weight: 500 !important;
}
.font-weight-600{
  font-weight: 600 !important;
}
.font-weight-900{
  font-weight: 900;
}
.Methods-head{
  color: #000;
}

.testimonials-section .carousel-inner{
  top:40%;
  right:14%;
}

.main-top-button{
  background: #ffb1c9;
  padding: 2px 27px;
  /* margin-left: 30px; */
  border-radius: 4px;
  color: black;
  text-decoration: none;
  margin-bottom: 0 !important;
  border-radius: 30px;
  font-weight: 600;
}
.position-absolute{
  position: absolute;
}
.position-relative{
  position: relative;
}
.line-height-1{
  line-height: 1;
}
.real-estate-points h5{
  /* font-weight: 700; */
color: #FFF;
font-family: Poppins;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.text-uppercase{
  text-transform: uppercase;
}

@media (max-width: 428px){
  .real-estate-points{
    padding-left: 0px !important;
}
.getmylicence-pre-license p{
  font-size: 12px;
}
.getmylicence-pre-license h2{
  font-size: 20px;
}
.how-it-work{
  margin-top: 19px;
}
.getmylicence-fwd-section{
  height: 532px !important;
}
.registration-table{
  width: 300px !important;
}
.trail-wrapper{
  margin-bottom: 60px;
}
.broker-hero-head{
  font-size: 30px !important;
  text-align: center;
}
.borker-page-para{
  font-size: 15px !important;
}
.broker-hero-head-para{
  margin-top: 92px;
}
.black-button-red-text{
  width: 100% !important;
}
.meet-text{
  text-align: center !important;
  margin-top: 8px !important;
  font-size: 12px;
}
.broker-requirements{
  margin-top: 30px !important;
  margin-bottom: 40px !important;
}
.broker-california-page .requirements p  br{
  display: none !important;
}
.about-us-page .blog-hero-section{
  height: 672px !important;
}
.about-page-text{
  margin-top: 182px !important;
}
.privacy-policy-head h2{
  font-size: 20px;
  line-height: 24px !important;
}
}
@media (max-width: 428px){
  .real-estate-points h5 {
    margin-left: 16px;
}
.broker-requirements-points{
  width: 100% !important;
}
.broker-california-page header h2{
  font-size: 26px !important;
}

}
@media (max-width: 1366px){
  .real-estate-points h5 {
    font-size: 20px;
}
.row.assessment-row {
  --bs-gutter-x: -8rem !important;
}
.count-div h3{
  font-size: 35px !important;
}
}
@media (max-width: 1024px){
  .count-div h3{
    font-size: 22px !important;
  }

}
@media (max-width: 428px){
  .real-estate-points h5 {
    font-size: 20px;
}
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid var(--bs-primary-color);
  border-top-color: white;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: var(--bs-primary-color);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: var(--bs-primary-color);
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

section {
  padding: 88px 0px 0px 0px;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 997;
 border-bottom: 1px solid #f5f5f5;
}

#header.header-scrolled {
  padding: 0px 0px 12px 0px;
  /* padding: 12px 0px; */
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
  font-size: 26px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

#header .logo a {
  color: var(--bs-primary-color);
}

#header .logo img {
  max-height: 40px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}
/* @media(max-width :375px){
  .blogpage .navbar{
    width:40px !important;
  }
} */

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-size: 15px;
  color: #575753;
  white-space: nowrap;
  transition: 0.3s;
}
@media (max-width:1024px){
.navbar a,
.navbar a:focus{
  padding: 10px 0 10px 15px;
}
.quiz-exam-fail-pop-up{
  width: 700px !important;
}
.quiz-exam-winning-pop-up{
  width: 700px !important;
 }
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
  padding: 0;
}

.navbar li:hover>a{
  color: #EC5171 !important;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a 

{
  color: black;
}

 .getstarted,
 .getstarted:focus {
  background: #ec5171;
  padding: 6px 20px;
  /* margin-left: 30px; */
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  margin-bottom: 0 !important;
  border-radius: 30px;
  display: flex;
  align-items: center;
}
.nav-top-buttons{
  display: flex;
}
.nav-top-buttons{
  display: flex;
}
.nav-top-buttons a{
  display: flex;
  justify-content: center;
  font-size: 24px;
}
.nav-top-buttons-login{
  background-color: #000000;
}
.nav-top-buttons-login:hover{
  background-color: #000000 !important;
}
@media (max-width: 428px){
  .course-slide-head p{
    font-size: 18px !important;
    text-align: justify;
 }
 .quiz-exam-fail-pop-up{
  width: 300px !important;
 }
 .broker-failed-text{
  font-size: 18px !important;
 }
 .broker-points{
  width: 100% !important;
  text-align: justify;
 }
 .con-wrapper{
  margin-top: 20px;
 }
 .best-sec-bg{
  height: auto !important;
 }
}
@media (max-width: 428px){
  .nav-top-buttons{
    flex-direction: column;
 }
 .nav-top-buttons{
  padding: 2px;
 }
 .find-real-estate-contents-each-points{
flex-direction: column;
 }
 }
@media (max-width: 1024px){
  .getstarted{
     font-size: 9px;
     padding: 6px 15px;
     width: 84px;
      /* margin-left:-24px; */
 }
 .getmylicence-fwd-section .youtube-frame{
  width: 100% !important;
  height: 325px;
}
 }
 
.nav-top-buttons li::marker{
  content: '';
  display: none;
}

 .getstarted:hover,
 .getstarted:focus:hover {
  color: #fff;
  background: #ea5170;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  margin: 0;
  padding: 0px 0px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border-top: 1px solid rgba(217, 217, 217, 0.40);
  /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); */

}

/* .navbar .dropdown ul li {
  min-width: 200px;
} */

.navbar .dropdown ul a {
  padding: 25px 2px;
  text-transform: none;
}
@media (max-width: 1024px){
  .navbar .dropdown ul a{
    padding: 25px 2px
 }
 }
 @media (min-width: 1440px){
  .drp-down-content {
    margin-top: 18px !important;
 }
 }
 @media (max-width: 1366px){
  .drp-down-content {
    margin-top: 14px !important;
 }
 }
 @media (max-width: 1024px){
  .drp-down-content {
    margin-top: 9px !important;
 }
 }
.drp-down-content li a :hover{
  color: #EC5171;
}
.drp-down-content li a span{
  /* border-left: 1px solid #EAEAEB; */
  padding: 0px 12px;
}

.left-light-border{
line-height: 1px;
}
.left-light-border::after{
  content: " ";
  position: absolute;
  top: 35%;
  border-right: 1px solid #EAEAEB;
  right: 0;
  height: 30%;
  margin-top: auto;
  margin-bottom: auto;
}
.dropdown-last::after{
  border-right: none !important;
}

@media (max-width: 1024px){
  .card-wrapper{
    width: 100% !important;
 }
}

@media (max-width: 1024px){
  .drp-down-content li a span{
    padding: 0px 6px;
 }
}

@media (max-width: 1024px){
  .navbar .dropdown ul a{
    font-size: 10px !important;
 }
 .drp-down-content{
  width: 2730px !important;
 }
}
@media (max-width: 926px){
  .drp-down-content{
    width: 100% !important;
  }
  .mobile-app-details-section br{
    display: none;
  }
  .success-redirection-stories h2{
    margin-top: 20px;
    text-align: center;
    font-size: 20px;

  }
  .free-online-step-one-feild-sec .feild {
    width: 100% !important;
  }
  .free-online-trail-wrapper .fa-eye{
    left: 1555% !important;
  }
  .agreementcheck-box{
    left: 14px !important;
  }
  .free-online-step-one-feild-sec .password-row{
    height: 59px !important;
  }
  .approch-para br{
    display: none;
  }
  .join-building h2 {
    font-size: 25px !important;
  }
  .exp-button-wrpper{
    padding-left: 20px;
    padding-right: 20px;
  }
  .about-us-mid-img{
    width: 90%;
  }
  .about-page-para br{
    display: none;
  }
}
 @media (max-width: 924px){
  .navbar .dropdown ul a{
    font-size: 12px !important;
 }
 }
.navbar .dropdown ul a i {
  font-size: 12px;
}
.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #EC5171;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
  /* transition-duration: 0.5s;
transition-timing-function: ease-in;
transition-delay: 0.3s; */
transition: all 2s ease-in-out !important;
transition: all .5s ease-in-out;
transform-origin: left top;
/* transform: scaleY(1); */
}
.navbar-head{
  background-color: transparent;
  transition: background-color 200ms linear;
  position: fixed;
  width: 100%;
  z-index: 100;
  top: 0;
  display: flex;
  justify-content: center;
}
.container-nav{
  padding: 0;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
  transition: all .5s ease-in-out ;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  /* visibility: visible; */
  transition: all .5s ease-in-out;
 
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}
.scrollto{
  font-family: 'Caveat Brush', cursive;
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #0b2341;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }
}
 
    /* .navbar ul {
    display: none;
  } */
  @media (max-width: 991px){
  .navbar ul {
      display: none;
  }
  }
.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(4, 12, 21, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}


 @media (max-width: 768px) {
  .blogpage .navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 12px;
    right: 15px;
    
  }
  .assessment-form-filed{
    width: 100% !important;
  }
 }

 @media (max-width: 768px) {
  .contact-page .navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 12px;
    right: 15px;
  }
 }

.blogpage .navbar-mobile ul{
  background-color: #000;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #0b2341;
}

.navbar-mobile a:hover{
  color: #EC5171 !important;
}
/* .navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: var(--bs-primary-color);
} */

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
@media (max-width: 924px){
  .navbar-mobile .dropdown ul{
    margin: 10px 0px;
  }
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}
@media (max-width: 924px){
.navbar-mobile .dropdown ul li{
  min-width: auto;
}
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

@media (max-width: 924px){
.navbar-mobile .dropdown ul a {
    padding: 10px 10px;
}
}
.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: var(--bs-primary-color);
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block !important;
}

.show-content{
  opacity: 0;
  transition: opacity 0.6s linear;
}
.menu-wrapper{
  padding: 10px 0px;
}
.justify-content-start{
  justify-content: flex-start !important;
}
.dre-div label{
  color: white;
  font-family: Poppins;
  padding: 2px 0px;
  font-size: 17px;
}
/* main-top-section */
/* .main-top{
  height:auto;
  background-color: black;
  padding: 4px 0px;
}
.main-top-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-top-commen-space{
  margin-left: 20px;
  font-size: 14px;
}
@media (max-width: 926px){
  .main-top-commen-space {
      margin-left: 14px;
  }
  }
.main-top-commen-space img{
  max-width: 100%;
  height: auto;
}
@media (max-width: 428px){
  .main-top-wrapper {
      flex-direction: column;
  }
  }
  @media (max-width: 926px){
   .bi-chevron-down {
        padding: 0;
    }
    }
@media (max-width: 428px){
  .menu-wrapper {
          padding: 0px;
  }
  .mobile-nav-toggle{
    margin-left: -34px;
  }
  }

  @media (max-width: 768px){
    .main-top-wrapper{
     font-size: 10px;
    }
  }
   */

   /* main-bottom-section start */
   /* main bottom section */
   .drp-down-content {
    width: 2580px;
    left: -1555px !important;
    text-align: center;
    /* transition: opacity .2s ease-out; */
    transition: all .5s ease-in-out !important;
    transition: all .5s ease-in-out;
    transform-origin: left top;
    /* transform: scaleY(0); */
}
.drp-down-content:target{
  /* transform: scaleY(1); */
}
 .drp-down-content li{
  display: inline-block;
  /* width: 19%; 
  margin-right: 1%;  */
  text-align: center;
 }
 .gradient-section{
  /* background: linear-gradient(180deg, #B9C1FE 0%, #FEB1C9 100%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
background: rgb(185,193,254);
background: linear-gradient(90deg, rgba(185,193,254,1) 36%, rgba(238,174,202,1) 65%);
  height:30px;
  border-top: 1px solid black;
 }
 .main-bottom-section{
  background-color: white;
 }
  
  @keyframes expand {
  
    0% {
      height: 100px;
    }
    50%{
      height: 200px;
    }
    100%{
      height: auto;
    }
  }

  @keyframes expand-tw {
  
    0% {
      height: 400px;
    }
    50%{
      height: 300px;
    }
    100%{
      height: 0px;
    }
  }

 .nav-top-buttons,
 .scrollto{
  /* width: 95px; */
 }
 @media (max-width: 1024px){
  .nav-top-buttons,
 .scrollto{
    /* width: 70px; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }
  .row.assessment-row{
    --bs-gutter-x: 2rem !important;
  }
  }
  @media (max-width: 320px){
    .nav-top-buttons,
   .scrollto{
      /* width: 40px; */
    }
    .nav-top-buttons a{
      font-size: 12px;
    }
  }
 .navbar-wrapper{
  display: flex;
  /* margin-right: 125px; */
  justify-content: flex-end;
  padding: 10px 0px 0px 0px;
 }
 /* @media (max-width: 915px){
 .blogpage .navbar-wrapper{
  margin-left: 50px;
 }
} */
/* @media (max-width: 915px){
  .contact-page .navbar-wrapper{
   margin-left: 50px;
  }
 } */

@media (max-width: 915px){
  .blogpage .adhi-logo-responsive{
   margin-right: 120px;
  }

 }
@media (max-width: 915px){
  .contact-page .adhi-logo-responsive{
   margin-right: 120px;
  }
 }
 @media (max-width: 926px){
 .navbar-wrapper {
     margin-right: 0px;
     /* width: 1200px; */
     justify-content: flex-end;
 }
 .youtube-frame{
  width: 685px !important;
 }
 .price-lists-point-wrapper{
  width: 100%;
 }
}
 @media (max-width: 428px){
  .navbar-wrapper {
      margin-right: 0px;
      /* width: 1200px; */
      justify-content: space-between;
      flex-direction: column;
 
  }
 .nav-top-buttons{
  flex-direction: row;
  justify-content: flex-end;
  margin-right: 10px;
 }
 .should-become-page .broker-hero-text{
  font-size: 20px !important;
 }
 .agreementcheck-box{
  top:0px !important;
 }
 .trail-wrapper{
  margin-top: 30px;
 }
 .free-online-trail-wrapper .fa-eye{
  left:0 !important;
  top: 6px !important;
 }
 .quiz-exam-winning-pop-up{
  width: 290px !important;
 }
 .con-text{
  width: 100% !important;
 }
 .Congratulation-text{
  font-size: 21px !important;
 }
 .broker-form-section p{
  font-size: 13px !important;
 }
 .headquarters-para br{
  display: none;
  text-align: center;
 }
 .headquarters-para{
  padding: 0px 20px;
 }
 .approch-para{
  padding: 0px 20px;
 }
}
@media (max-width: 428px){
  .contact-slider-link {
     display: none; 
  }
  .crash-course-slider{
    height: auto !important;
  }
  .crash-container{
    display: block !important;
  }
}
   
  .main-bottom{
    height: auto;
    font-size: 14px;
    padding-top: 40px;
  }
  @media (max-width: 428px){
    .main-bottom{
      padding-top: 68px;
    }
   }
  .main-bottom ul {
    display: flex;
  }
  .main-bottom span{
    /* margin-left:20px; */
    font-size: 15px !important;
    padding: 0px 10px;
  }
  .main-bottom a:hover {
    color: #EC5171 !important;
  }
  section.main-bottom-section{
    padding: 100px 0px 0px 0px;
  }
  @media (max-width: 428px){
    section.main-bottom-section{
      padding: 175px 0px 0px 0px;
    }
    }
  @media (max-width: 768px){
    .main-bottom {
        font-size: 14px !important;
    }
    }
  @media (max-width: 1024px){
    .main-bottom {
        font-size: 11px;
    }
    .main-bottom span{
      font-size:11px !important;
    }
    .course-slide-head br{
      display: none;
    }
    }
    @media (max-width: 768px){
      .main-bottom ul {
       flex-direction: column;
       align-items:center ;
       padding-left: 0;
      }
    }
    @media (max-width: 768px){
    .main-bottom ul li{
      margin-top: 2px;
    }
    .light-border{
      border-bottom: 1px solid #f5f5f5;
      border-left: none;
    }
    .blog-border{
      border-bottom: 1px solid #f5f5f5;
    }
    .main-bottom span{
      margin-left:0px;
    }
  }
  @media (max-width: 925px){
    .main-bottom ul {
     white-space: nowrap;
     padding-left: 0;
    }
  }

   /* main bottom section end */
  /* section styles */
@media (max-width: 428px){
  section {
   padding:28px 0px;
  }
}
/* @media (max-width: 428px){
  .why-choose-us-section {
   padding:48px 0px;
  }
} */
@media (max-width: 428px) {
  .why-choose-us-section {
    padding: 28px 0px;
  }
}

/* section styles end */

@media (max-width: 428px){
   .menu-wrapper img {
   /* max-width: 30%; */
   height: 60px;
   margin-left: 10px;
  }
  .navbar{
    display: flex;
    justify-content: end !important;
  }
}





/* hero section */
.hero-section{
  background: #000000;
  height:auto;
  position: relative;
  padding: 0;
  height: auto;
  padding: 60px 20px 180px 20px;
  margin-top: 90px;
}
.hero-wrapper{
  height: auto;
}

.hero-arrow{
  top: initial !important;
    right: initial !important;
    left: 270px;
}
.start-learning{
  margin-top: 24px;
}
@media (max-width: 1024px){
  .start-learning {
   margin-top: 0px;
  }
}
.hero-first-head{
color: #FFF;
font-family: Poppins;
font-size: 43px;
font-style: normal;
font-weight: 700;
line-height: 107.5%;
}
.hero-second-head{
color: #FFF;
font-family: Poppins;
font-size: 43px;
font-style: normal;
font-weight: 400;
line-height: 107.5%;
}
@media (max-width: 428px){
  .hero-wrapper{
    padding: 0px 0px 145px 0px;
  }
  
}
@media (max-width: 428px){
  .hero-section{
    padding: 0px 0px 144px 0px !important;
  }
  
}
@media (max-width: 428px){
  .hero-section button{
    width: 194px !important;
    height: 50px !important;
    font-size: 13px !important;
  }
  
}
.hero-section button{
background-color: #da4b68; 
border: none;
color: white;
/* padding: 15px 40px; */
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 34px;
/* height: 65px; */
width: 307px;
}

.hero-arrow{
  max-width: 14%;
  bottom: 1%;
}
.hero-section img {
  height: auto;
  /* max-width: 100%; */
  /* top: -47px; */
  /* right: 44px; */
}

@media (max-width: 926px){
  .hero-section img{
    max-width: 100%;
  }
}
@media (max-width: 428px){
  .hero-section img{
    max-width: 90%;
  }
}


/* @media (max-width: 1024px) and (min-width : 428px){
  .ask-button-wrapper{
    left: 38%  !important;
    top:401px !important;
  }
} */
@media (max-width: 991px){
  .hero-arrow{
    display: none;
  }
}

.hero-five-hunderd {
  bottom: 82%;
  right: 71% !important;
  max-width: 26% !important;
}
.hero-star {
    left: 55%;
    max-width: 44% !important;
    /* width: 328px; */
    bottom: 72%;
    z-index: 4;
}
.social-media-wrapper{
  position: fixed;
  /* left: 97%; */
  top: 30%;
  right: 0;
  z-index: 101;
}
/* @media (max-width: 320px){
  .social-media-box{
    margin-left: 0px !important;
  }
} */
.social-media-wrapper-lg .social-media-box{
  transition: transform .5s ease-out;
}
.social-media-box:hover{
  background-color: #ec5171;
}
.social-media-box:hover svg path{
  color: white;
}
.social-media-wrapper-lg .social-media-box:hover{
  transform: translateX(-8px);
}

@media (max-width: 428px){
  .social-media-box{
   width: 50px !important;
   left: 0% !important;
  }
  /* .join-building h2{
    font-size: 25px !important;
  } */
}

.social-media-box{
  height:48px;
  width:61px;
  display: flex;
  background-color: white;
  align-items: center;
  justify-content: center;
  margin-top:1px;
  margin-left: 7px;
  position: relative;
  left: 12%;
}
@media (max-width: 320px){
  .social-media-box{
   width: 37px !important;
  }
}
/* @media (max-width: 1440px){
  .social-media-box{
    margin-left: 0px;
  }
} */
.copyright .fa-copyright{
  margin-left: 4px;
  margin-right: 4px;
}
.social-media-wrapper .bi{
  color:#b7b7b7;
  font-size: 22px;
}
@media (max-width: 428px){
  .social-media-wrapper .bi{
  font-size: 16px;
  }
}
img.slider-main-img{
  position: absolute;
    top:25%;
    right: 0%;
    /* height: 488px; */
    width: 820px;
}
@media (max-width: 1366px){
  img.slider-main-img{
  right: -8%;
  }
}
@media (max-width: 320px){
  .social-media-wrapper .bi{
  width: 20px;
  height: 20px;
  /* margin-right: 10px; */
  }
}

@media (max-width: 428px){
  img.slider-main-img{
  height: 272px !important;
  right: 0%;
  }
  .hero-text-wrapper-text{
    margin-top: 40px;
  }
  .hero-text-wrapper{
    margin-top: 14px !important;
  }
}

@media (max-width: 844px){
  img.slider-main-img{
  top: -18%;

  /* right: 5% !important; */
  }
}
@media (max-width: 926px){
  img.slider-main-img{
  top: 11%;
  right: 5% !important;
  }
}
@media (max-width: 428px){
  img.slider-main-img{
  right: 8% !important;
  }
  .quiz-button{
    width: 228px !important;
  }
  .should-become-page .icons-section {
    flex-direction: column;
    align-items: center;
  }
  .real-quiz-wrapper{
    flex-direction: column;
  }
}
@media (max-width: 1024px){
  img.slider-main-img{
  top: -2%;
  right: 6%;
  }
  img.slider-main-img{
  height: 400px;
  width: 535px;
}
.base-frame-sec{
  bottom: 74px;
}
.hero-section{
  padding: 20px 20px 80px 20px;
}

}

.hero-text-wrapper{
  height: 315px;
  margin-top: 70px;
 }
.center-button{
  display: flex;
  justify-content: center;
  align-items: center;
}
.center-button i{
padding-left: 6px ;
}
.button-hover:hover{
  box-shadow: -3px 0px 26px 7px rgba(218,75,104,0.75);
  -webkit-box-shadow: -3px 0px 26px 7px rgba(218,75,104,0.75);
  -moz-box-shadow: -3px 0px 26px 7px rgba(218,75,104,0.75);
}
.button-content{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 22px;
}
.button-pre-content{
  /* margin-right: 22px;
  display: contents; */
    display: flex;
    width: 166px;
    border: 1px solid;
    justify-content: center;
    border-radius: 50px;
    height: 50px;
    align-items: center;
}
.hero-text-wrapper h1{
  font-size: 43px !important;
}
@media (max-width: 1366px){
  .hero-text-wrapper h1{
    font-size: 30px !important;
  }
  .slide-text-img,
  .slide-text-img-two,
  .slide-text-img-three
  {
   width: 140px !important;
  }
  .slide-text-img{
    left: 60% !important;
  }
  .slide-text-img-three{
    left: 82%;
  }
}
@media (max-width: 954px){
.hero-text-wrapper h1{
  font-size: 28px !important;
}
}
.hero-section button{
  width: 260px;
}
/* @media (max-width: 428px){
  .hero-section button{
    width: 200px;
    height: 50px;
  }
} */
@media (max-width: 428px){
  .hero-text-wrapper h1{
  font-size: 21px !important;
    }
}
/* img.slider-main-img{
  height: 528px;
} */
@media (max-width: 428px){
  .hero-text-wrapper,
  .hero-img-wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
  }
  /* .hero-img-wrapper{
    margin-top: 60px;
  } */
  .social-media-wrapper{
    /* left: 89% !important; */
    top:24%;
    display: none;
  }
}
/* @media (max-width: 1024px){
  .social-media-wrapper{
    left:95%;
  }
} */
@media (max-width: 768px){
  .hero-text-wrapper,
  .hero-img-wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
  }
}
@media (max-width: 428px){ 
  .base-frame-sec{
    height: 74px !important;
    bottom: -7px !important;
  }
}
@media (max-width: 926px){ 
  .base-frame-sec{
    bottom: -12px !important;
  }
  .yor-succ-test{
    margin-top: 30px;
  }
}
/* base-frame-section */
.base-frame-sec {
  z-index: 10;
  width: 1001%;
  height: 106px ;
  position: absolute;
  top: auto;
  bottom: -25px;
  left: 0%;
  right: 0%;
  overflow: visible;

}
/* how its work section */
.section-tittle{
 display: flex;
 justify-content: center;
 flex-direction: column;
 align-items: center;
 padding-bottom: 60px;
}
.section-tittle-head{
color: var(--Gray-700, #333) !important;
text-align: center !important;
font-family: Poppins !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 120% !important; /* 57.6px */
}
.section-tittle-sub-head{
color: #191A15;
font-family: Poppins;
font-size: 26px !important;
font-style: normal;
font-weight: 600;
line-height: 43.5px; /* 120.833% */
}
@media(max-width:1633px){
  .section-tittle-sub-head{
    font-size: 25px !important;
  }
}
@media(max-width:428px){
  .section-tittle-sub-head{
    line-height: initial !important;
  }
}
.how-it-work-section .section-tittle h1{
  margin-bottom: 12px;
}
.section-tittle h1{
  font-size: 48px !important;
  font-weight: 700;
}
@media(max-width:1633px){
  .section-tittle h1{
    font-size: 46px !important;
    font-weight: 700;
  }
}
/* .how-it-work-section h1{
color: #191A15;
font-family: Poppins;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 43.5px; 
} */
@media(max-width:1633px){
  .how-it-work-section h2{
    font-size: 20px !important;
   
  }
}
.how-it-work-section h2{
color: #191A15 !important;
font-family: Poppins;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30.48px;
}
.question p {
  font-size: 15px;
  color: #252430;
  letter-spacing: 0.5px;
  font-weight: 400;
  text-indent: -15px;
  margin-left: 15px;
}
.how-it-work-section nav{
  padding: 15px 0px;
}
@media (max-width: 428px){
  .how-it-work-section p {
   text-align: left;
  }
}
@media (max-width: 1366px){
  .how-it-work-section p {
   font-size: 13px !important;
  }
}

@media (max-width: 428px){
  .section-tittle h1 {
   font-size: 30px !important;
  }
}
.how-it-work-section p{
  margin-top: 18px;
}
.how-it-work-section img {
  max-width: 100%;
}
.how-it-work-section-wrapper{
  margin-top: 45px !important;
  position: relative;
}
@media (max-width: 428px){
  .how-it-work-points{
   padding: 40px 0px !important;
  }
}
.how-it-work-points{
  padding :80px 0px;
}
.more-details a{
font-family: 'Caveat Brush', cursive;
color:#da4b68;
text-decoration: none;
font-size: 30px;
}
.nav-button-label{
  color: white;
  width: 40px;
  height: 40px;
  background-color: #d0d0d0; 
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-family: "Just Another Hand", cursive;
}
@media (max-width: 428px){
  .nav-button-label {
   margin-left: 12px;
  }
}
.how-it-work-section .nav-tabs .nav-link.active .nav-button-label{
  background-color: #da4b68;
}
.how-it-work-section .nav-link{
  display: flex;
  padding: 8px;
  border: none;
}
/* .how-it-work-section .nav-link img{
  display: none;
} */
.how-it-work-section .nav-link img{
  transform: translate3d(-6px, 14px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    margin-left: 0;
    margin-right: 6px;
    opacity: 0;
    max-width: 100%;
    display: inline-block;
    height: 15px;

}
.how-it-work-section .nav-link.active img{
  transform: translate3d(6px, 14px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
.how-it-work-section  .nav-tabs{
  border-bottom: none;
}
.how-it-work-section  .nav-tabs .nav-link:focus,.how-it-work-section .nav-tabs .nav-link:hover{
  border-color: transparent;
}
.how-it-work-section .nav-tabs .nav-link.active{
  border: none;
}

@media (max-width: 428px){
.how-it-work-section .nav-link img{
  width:20px  !important;
  height:15px !important;
}
.how-it-work-section .nav-link{
  padding: 0px;
}
}
@media (max-width: 1024px){
  .how-it-work-section .nav-link img{
    width:24px;
  }
}

.work-profile-one{
  left: 92px;
  top: -51px;
}
.phone-work{
  left:-34px;
  top:-15px;
}
.phone-smile{
  top: -45px;
  left: 468px;
}
.work-frame{
  top: 209px;
  left: -39px;
}
.work-tranform{
  top: 282px;
  left: 42px;
}
.work-light{
  left: 500px;
  top: 331px;
}
.how-it-work-one{
  margin-top: -58px !important;
}
@media (max-width: 926px){
  .how-it-work-one {
    margin-top: 65px !important;
  }
  .how-it-work-section-wrapper {
    text-align: center;
    margin-top: 92px;
  }
}
@media (max-width: 1024px){
  .phone-work {
    left: 0px;
    top: -47px;
}
.phone-smile {
    top: -45px;
    left: 418px;
}
.work-light {
    left: 438px;
    top: 282px;
}
.work-frame {
    top: 209px;
    left: -3px;
}
.work-tranform {
    top: 282px;
    left: 57px;
}
}
@media (max-width: 926px){
  .phone-work {
    left: 98px;
    top: -15px;
}

.work-profile-one {
    left: 257px;
    top: -55px;
}
.phone-smile {
    top: -45px;
    left: 597px;
}
.work-frame {
    top: 209px;
    left: 52px;
}
.work-tranform {
    top: 282px;
    left: 162px;
}
.work-light {
  left: 674px;
  top: 334px;
}
}

@media (max-width: 768px){
  .phone-smile {
    top: -45px;
    left: 542px;
}

.phone-work {
    left: 50px;
    top: -15px;
}
.work-profile-one {
    left: 175px;
    top: -55px;
}
.work-light {
    left: 599px;
    top: 331px;
}
.work-tranform {
    top: 282px;
    left: 162px;
}
.work-frame {
    top: 209px;
    left: 52px;
}
}
@media (max-width: 926px){
  .how-it-work-one .nav-tabs{
    display: flex;
    justify-content: center;
  }
}


@media (max-width: 428px){
  .phone-work{
    display: none;
  }
  .work-light{
    display: none;
  }
  .work-profile-one {
    left: 29px;
    top: -71px;
    /* z-index: 6; */
}
.work-tranform {
  top: 200px;
  left: 20px;
  height: 68px;
}
.work-frame {
  top: 77px;
  left: 145px;
}

.work-frame-img{
  position: absolute;
    left: 12px;
    right: 0;
    max-width: 80% !important;
    z-index: 5;
}
.how-it-work-one {
  margin-top: 300px !important;
}
}
@media (max-width: 320px){
  .work-frame {
    top: 77px;
    left: 55px !important;
  }
}
@media (max-width: 375px){
  .work-frame {
    top: 77px;
    left: 99px;
  }
}

.home-page .testimonials{
  left: 10%;
  top: 20%;
} 

.testimonials{
  left: 10%;
  top: 42%;
}
@media (max-width: 926px){
  .testimonials {
    left: 0% !important;
    width: 100% !important;
}
.broker-hero-head{
  font-size: 42px;
}
}
@media (max-width: 1366px){
  .testimonials {
    left: 0% !important;
}
}
@media (max-width: 428px){
  .testimonials {
    left: 0%;
    top: 47% !important;
    right: 0%;
}
}
/* learn section styles */
.learn-section{
  max-width: 100%;
  height: auto;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
  background: #080808 50%;
  /* background-size: 1435px 758px!important; */
}
.real-estate-points{
  display: flex;
  margin-top: 20px;
  padding-left: 40px;
}
.real-estate-points p{
  /* margin-top: 18px; */
  font-weight: 600;
}
@media (max-width: 428px){
  .real-estate-points-img img{
    max-width: 90% !important;
  }
}
.real-estate-points-img img{
  max-width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  margin-left: 40px;
}
@media (max-width: 428px){
  .real-estate-points-img img{
    margin-left: 20px;
  }
  #pricing{
    padding: 50px 0px 30px 0px !important;
  }
 
}
#pricing{
  margin-top: 90px;
  padding: 88px 0px 80px 0px;
}
.first-box,
.second-box,
.third-box{
  margin-top: -34px !important;
}
@media (max-width: 926px){
  #pricing{
    margin-top: auto;
  }
 
}
@media (max-width: 428px){
  .li-img{
    width: 26px !important;
    height: 26px !important;
    margin-left: 20px !important;
  }
}
@media (max-width: 428px){
  .real-points{
    margin-left: 0px !important;
  }
  .learn-para {
    margin-right: 10%;
  }
  #enrolling-section{
    padding: 40px 0px 40px 0px !important;
  }
  #support-video{
    padding: 40px 0px 30px 0px !important; 
  }
  .first-box, .second-box{
    margin-top: 0px !important;
  }
   .third-box {
     margin-top: 60px !important ;
   }
  .pricing .get-started-btn {
    position: relative;
    top:-72px;
  }
}
.li-img{
  width: 48px;
  height: 43px;
  margin-left: 5px;
}
.learn-para {
  font-size: 16px;
}
section.learn{
  padding: 115px 0px 84px 0px;
}
@media (max-width: 428px){
  section.learn{
    padding: 0px 0px;
    margin-top:20px;
  }
  section.what-learn{
    padding: 0px 0px;
    margin-top:100px !important;
  }
  
  .getmylicense-main-head{
  margin-top: 32px !important;
  }
  .online-classes-section br {
    display: none;
  }
  #education-section p{
    font-size: 14px;
  }
  .package-wrapper{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .pack-box-wrapper{
    margin-top: 20px;
    flex-direction: column;
  }
  .pack-boxes{
    margin-top: 20px;
  }
  .divider-gray-space {
    margin-top: 20px !important;
  }

}
/* .learn-section-wrapper img{
  height: 450px;
} */
@media (max-width: 428px){
  .learn-section-wrapper img{
    margin-top: 50px !important;
  }
}
.learn-section-wrapper img{
  margin-top: 140px;
}
.learn-section .row{
  --bs-gutter-x: 5.5rem;
}
@media (max-width: 428px){
  .learn-section .row{
    --bs-gutter-x: 1.5rem;
  }
}
.learn-section p{
color: #FFF !important;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
}
@media (max-width: 428px){
  .learn-section p{
    text-align: left;
    padding: 0px 20px;
  }
}
@media (max-width: 1366px){
  .learn-section p{
    font-size: 13px;
    padding: 0px 28px;
  }
}
.how-it-work{
  display: flex;
  /* align-items: center; */
  justify-content: center;
}
.real-estate-points-img{
  margin-top: 25px;
}
.section-tittle p{
  font-size: 15px;
}
.slide-text-img {
  height: auto !important;
  position: absolute;
  left: 66%;
  top: 30%;
  width: 155px;
}
@media (max-width: 1366px){
  .slide-text-img-two {
      left: -35% !important;
  }
  }
.slide-text-img-two {
  height: auto !important;
  position: absolute;
  left: -18%;
  top: 72%;
  width: 155px;
}
.slide-text-img-three{
  height: auto !important;
  position: absolute;
  left: 73%;
  top: 88% !important;
  width: 155px;
}
.slide-text-img,
.slide-text-img-two,
.slide-text-img-three{
  height: auto !important;
}
@media (max-width: 320px){
  .slide-text-img,
.slide-text-img-two,
.slide-text-img-three {
    width: 100px !important;
  }
  }

@media (max-width: 428px){
.slide-text-img {
    left: 66% !important;
    top: 17px !important;
}
}
@media (max-width: 428px){
.slide-text-img-two {
    left: 4% !important;
    top: 110px !important;
}
}

@media (max-width: 428px){
.slide-text-img-three {
    left: 58% !important;
    top: 148px !important;
}
}

@media (max-width: 768px) and (min-width:429px){
  .slide-text-img-two {
   left: -21% !important;
  }
}

@media (max-width: 926px) and (min-width:429px){
  .slide-text-img-three {
    /* left: 68% !important; */
    margin-top: -10px;
  }
}

@media (max-width: 768px) and (min-width:429px){
  .slide-text-img {
    left: 61% !important;
  }
}

@media (max-width: 1024px) and (min-width:429px){
  .slide-text-img-two {
   left: -12% !important;
   width: 132px;
   top: 68%;
  }
}
@media (max-width: 1024px){
  .slide-text-img-three {
   left: 72%;
   width: 132px;
   margin-top:-10px;
  }
}
@media (max-width: 1024px){
  .slide-text-img {
   left: 62% !important;
   top:94px;
   width: 132px;
  }
  .support-video{
    width: 100% !important;
  }
}

@media (max-width: 428px){
  .section-tittle  {
   padding-bottom: 40px;
  }
}
.slider-images-wrapper{
  height: 577px;
  margin-left: 40px;
}
@media (max-width: 428px){
  .slider-images-wrapper {
   margin-left: 0;
  }
}
.elements-wrapper{
  height: 665px !important; 
}
@media (max-width: 926px){
  .elements-wrapper{
    height: 446px !important;
  }
}
@media (max-width: 428px){
  .elements-wrapper{
    height: auto !important;
  }
}
/* @media (min-width: 428px){
  section.why-choose-us-section{
    padding: 0px 0px 0px 0px;
  }
} */
@media (min-width: 428px) {
  section.why-choose-us-section {
    padding: 40px 0px 90px 0px;
  }
}
/* why choose us section */
@media (max-width: 428px){
  .why-choose-us-section p{
    font-size: 11px;
  }
}
.why-choose-us-section h1{
  font-size: 40px !important;
}
.why-choose-us-points{
  display: flex;
}
/* .why-choose-us-points img{
  max-width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
} */
.choose-us-img-wrapper{
  /* display: flex; */
  /* align-items: center; */
}
.choose-us-img-wrapper .carousel-control-next-icon{
  display: none;
}
.choose-us-img-wrapper .carousel-control-prev-icon{
  display: none;
}
.choose-us-img-wrapper .carousel-item {
  /* min-height: 850px; */
  margin-top: 20px;
}

@media (max-width: 926px) and (min-width: 428px){
  /* .testimonials-section .carousel-inner {
    height: 600px;
} */
}
@media (max-width: 926px){
  .why-choose-us-section .carousel-inner {
    height: 500px;
    width: 500px;
}
}
@media (max-width: 428px){
  .why-choose-us-section .carousel-inner {
    height: 500px;
    width: auto;
}
}
.why-choose-us-section .carousel-inner{
  height: auto;
}
@media (min-width: 1440px){
  a.getstarted.scrollto{
  width: 127px;
  /* margin-right: 10px; */
  }
}

/* .why-choose-us-section .carousel-item{
  float: none !important;
  margin-right: 0% !important;
} */
.why-choose-us-section .carousel-item-next:not(.carousel-item-start),
.why-choose-us-section .active.carousel-item-end{
  transform: translateY(100%);
  transform: translate3d(0px, 25px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  opacity: 0;
  transform-style: preserve-3d;
  /* transition: transform 1s ease-in-out; */
    
}
.why-choose-us-section .carousel-item-prev:not(.carousel-item-end),
.why-choose-us-section .active.carousel-item-start{
  transform: translateY(-90%);
  transform: translate3d(0px, 25px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  opacity: 0;
  transform-style: preserve-3d;
  /* transition: transform 1s ease-in-out; */
}
/* .carousel-item.active{
  opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;  
  transform-style: preserve-3d;
} */
/* .carousel-item{
  transition: none !important;
} */

.why-choose-us-section .carousel-item {
  /* transition: transform 2s ease-in-out; */
 
} 
.why-choose-us-section .carousel-item.active {
  /* transition: transform 2s ease-in-out; */
 
} 

/*.carousel-fade .carousel-item.active {
  transform: translateY(0%) !important;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity  1.6s;
  
} */


/* .testimonials-section .carousel-item{
  transition: fadeInOpacity  1.6s  ease-in-out;
} */


/* @keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
} */
.nav-tabs-arrow{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);

  -webkit-transition: transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
}
.choose-us-points{
  margin-left: 20px;
}
@media (max-width: 428px){
  .choose-us-points {
    margin-left: 20px;
}
}
.choose-one {
  left: -2%;
  top: 0%;
}
.choose-two {
  top: 0%;
  left: 83%;
}
.choose-three {
  bottom: 56%;
  /* right: 90%; */
}
.choose-four {
  bottom: 55%;
  right: 8%;
}
 @media (max-width: 1024px){
  .choose-one {
    left: -2%;
    top: 0%;
}
.choose-two {
  top: 0%;
  left: 80%;
}
.choose-three {
  bottom: 65%;
  right: 418px;
}
.choose-four {
  bottom: 65%;
  left: 79%;
}
 }

 @media (max-width: 926px){
.choose-us-img-wrapper{
  justify-content: center;
}
 .choose-one {
  left: 15%;
  top: 0%;
}
.choose-two {
  top: 0%;
  left: 84%;
}
.choose-three {
  bottom: 28%;
  right: 88%;
}
.choose-four {
  bottom: 28%;
  left: 88%;
}
.license-youtube-para{
  width: auto !important;
}
 }

 @media (max-width: 428px){
  .choose-one {
    left: 6%;
    top: -6%;
}
.choose-two {
  top: -1%;
  left: 84%;
}
.choose-three {
  bottom: 20%;
  right: 70%;
}
.choose-four {
  bottom: 20%;
  left: 68%;
}
.why-choose-us-section h1{
  font-size: 32px !important;
}

}

@media (max-width: 768px){
  .choose-us-img-wrapper{
    display: flex;
    align-items: start;
    margin-top: 50px !important; 
    
  }
}
.choose-us-img-wrapper img{
  max-width: 100%;
  height: auto;
}
.why-choose-us-section h5{
  font-size: 24px;
}
.why-choose-us-points{
  display: flex;
  margin-top: 20px;
}
.why-choose-us-section h1{
color: #000 !important;
text-align: center;
font-family: Poppins;
font-size: 50px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 60px */
letter-spacing: 1px;
}
.why-choose-us-section h5{
color: #252430;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.48px;
}
.why-choose-us-section p{
color: #252430;
font-family: Poppins;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.32px;
font-size: 15px;
}
.choose-us-points p{
  font-size: 15px;
}
.why-choose-us-subhead{
color: #191A15 !important;
text-align: center !important;
font-family: Poppins !important;
font-size: 26px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 26.98px !important; /* 103.771% */
letter-spacing: 0.52px !important;
}
@media (max-width: 1366px){
  .why-choose-us-subhead{
      font-size: 24px !important;
      
    }
  
  } 
@media (max-width: 428px){
  .why-choose-us-head-points{
      font-size: 12px !important;
      margin-top: 8px;
    }
    .adv-start-button{
      margin-top: 0px !important;
    }
  
  } 
  @media (max-width: 320px){
    .why-choose-us-head-points{
        font-size: 10px !important;
      }
    } 
.why-choose-us-head-points{
  color: #191A15 !important;
font-family: Poppins;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 26.98px;
letter-spacing: 0.42px;
}
/* pricing section */
.pricing {
  background-color: #f9f9f9;
}
.adv-start-button{
  margin-top: 85px !important;
}
.course-page .pricing h1{
  font-size: 34px !important;
}
.pricing h1{
color: #000 !important;
text-align: center;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 30px; /* 75% */
letter-spacing: 0.8px;
}
.pricing-subhead{
  color: #000 !important;
  font-family: Poppins;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 30px;
  letter-spacing: 0.4px;
  margin-top: 12px;
  margin-bottom: 1px;
}
.pricing-subhead-second{
  color: #000 !important;
  font-family: Poppins;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 30px;
  letter-spacing: 0.4px;
  margin-top: -10px !important;
  margin-bottom: 1px;
}
.wrp{
  height: 128px;
}
.box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.course-box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* .pricing .row {
  padding-top: 40px;
} */

.pricing .box {
  padding: 0px 14px;
  margin-bottom: 30px;
  /* box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.1); */
  background: #fff;
  text-align: center;
  height: 928px;
}
.course-box {
  padding: 0px 14px;
  margin-bottom: 30px;
  /* box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.1); */
  background: #fff;
  text-align: center;
  height: 800px;
}
/* .course-box:hover{
  background-color: #000000;
} */
/* .course-box:hover h3,
.course-box:hover h4{
  color: white !important;
} */

/* .course-box:hover p{
  color: #FEB1C9;
} */
/* .course-page .pricing-white li:hover{
  color: #938b8b !important;
} */
/* .pricing .box:hover{
  background-color: #000000;
} */
/* .pricing .box:hover h3,
.pricing .box:hover h4{
  color: white;
} */

/* .pricing .box:hover p{
  color: #FEB1C9;
} */

/* .pricing .box:hover li{ 
  color: #fff !important;
} */

.black-button:hover{
  background-color: #ec5171 !important;
  border: none;
}

/* .pricing ul li:hover{
  color: white !important;
  cursor: pointer;
} */
.bottom-white-dotted-border{
border-bottom: 1px dotted white;
width: 100%;
}

/* .pricing .course-box:hover .dotted-border{
  border-bottom: 1px solid white !important;
} */
/* .pricing .course-box:hover .get-started-btn{
  background-color: white;
  color: #515151;
} */
/* .pricing .box:hover .dotted-border{
  border-bottom: 1px solid white !important;
} */
/* .pricing .box:hover .get-started-btn{
  background-color: white;
  color: #515151;
} */

.pricing h3 {
color: #333;
text-align: center;
font-family: Poppins;
font-size: 31px;
font-style: normal;
font-weight: 700;
line-height: 120%; 
letter-spacing: 0.72px;
margin: 0;
}
@media (max-width: 1366px){
  .pricing h3{
      font-size: 23px;
    }
  
  } 

.pricing h4 {
  font-size: 48px;
  color: #0b2341;
  font-family: "Open Sans", sans-serif;
  display: flex;
  align-items: center;
  /* margin-bottom: 20px; */
 
}

.pricing h4 span {
  color: #bababa;
  font-size: 18px;
  display: block;
  margin-top: 5px;
}

.pricing ul {
  padding: 0;
  list-style: none;
  text-align: left;
  line-height: 35px;
}

.pricing ul li {
  padding-bottom: 12px;
}

@media (max-width: 1366px){
.pricing ul li{
    font-size: 13px !important;
  }

} 
@media (max-width: 1024px){
  .pricing ul li{
    font-size: 11px !important;
  }
  
  } 

.pricing ul i {
  color: var(--bs-primary-color);
  font-size: 18px;
  padding-right: 4px;
}
@media (max-width: 428px){
    .pricing ul li{
      font-size: 12px !important;
    }
    .course-page .pricing .get-started-btn{
      margin-top: 30px !important;
    }
    .mobile-app-details-section p{
      text-align: justify;
    }
    
  
  } 

.pricing ul .na {
  color: #ccc;
}

.pricing ul .na i {
  color: #ccc;
}

.pricing ul .na span {
  text-decoration: line-through;
}

@media (max-width: 1366px){
  .course-page .pricing .get-started-btn{
    min-height: 56px !important;
    width: 196px !important;
    /* margin-top: 30px !important; */
  }
}

.pricing .get-started-btn {
  display: inline-block;
  /* padding: 10px 40px 11px 40px; */
  border-radius: 4px;
  color: white;
  transition: none;
  font-size: 17px;
  font-weight: 500;
  transition: 0.3s;
  background: #ea5170;
  border-radius: 30px;
  min-height: 62px;
  width: 264px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 167px;
}
@media (max-width: 1366px){
  .pricing .get-started-btn{
    width: 250px;
    margin-top: 135px !important;
  }
}
  @media (max-width: 428px){
    .pricing .box{
      height: 760px !important;
    }
  .pricing .box{
    height: 760px;
  }
  .pricing .course-box{
    height: 660px;
  }
.pricing .course-box{
  height: 760px;
}
.getmylicence-pre-license{
  text-align: center;
}
.getmylicence-fwd-enroll{
  display: flex;
  justify-content: center;
}
.getmylicence-youtube-wrapper{
  display: flex;
  justify-content: center;
  position: relative !important;
}
.prize-wrapper.dotted-border{
  height: auto !important;
}

} 
@media (max-width: 1024px){
  .pricing .get-started-btn{
    width: 100%;
    min-height: 62px;
  }

} 
@media (max-width: 428px){
  .pricing .get-started-btn{
  font-size: 15px;
  }

} 


/* .pricing .get-started-btn:hover {
  background: #ea5170;
  color: #fff;
} */

.pricing .featured {
  z-index: 10;
  padding: 60px 26px;
  background-color: #ea5170;
  color: white;
  height: 770px;
}

.pricing .featured h3{
color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 43.2px */
letter-spacing: 0.72px;
}
@media (max-width: 1024px){
  .pricing .featured h3{
    font-size: 34px;
  }
}
.get-get-started-btn{
margin-top: 59px;
}
.pricing .featured .get-started-btn {
  background: white;
  color:black;
  border-color: var(--bs-primary-color);
}

.pricing .featured .get-started-btn:hover {
  background: white;
  color: black;
}
.pricing p{
  color: #7F8184;
  text-align: center;
  font-family: Poppins;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
  letter-spacing: 0.48px;
  margin-top: 6px;
}
@media (max-width: 1366px){
  .pricing p{
      font-size: 15px;
    }
  
  } 
  @media (max-width: 428px){
  
    .pricing{
      margin-top: -240px !important;
    }
    .high-light-home-box h3{
      margin-top: 60px;
    }
  .faqpage .accordion-styles{
    padding-bottom: 80px;
   }
  
}
@media (max-width: 375px){
  
  .pricing{
    margin-top: auto !important;
  }

}
@media (max-width: 428px) and (min-width:376px){
  
    .pricing{
      margin-top: auto !important;
    }
}
@media (max-width: 320px){
  .pricing{
    margin-top: auto !important;
  }
}
  
.featured p{
  color: #FEB1C9;
} 

.dotted-border{
  border-bottom: 1px solid black;
  border-bottom-style: dotted;
  width: 100%;
}
.white-dotted-border{
  border-bottom: 1px solid white;
  border-bottom-style: dotted;
  width: 100%;
}

.pricing-list{
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  height:345px;
  margin-top: 20px;
}
.pricing-red{
  height: 390px;
}
@media (max-width: 428px){
  .pricing-white li{
    line-height: 110% !important;
  }
  .pricing p{
    font-size: 12px;
    line-height: 15px;
  }
  .pricing p{
    margin-top: 32px;
  }
  .pricing-subhead-second{
    line-height: 22px !important;
    margin-top: 8px !important;
  }
}

.pricing-white li{
color: #000 !important;
text-align: center;
font-family: Poppins;
font-size: 15px !important;
font-style: normal;
font-weight: 400;
line-height: 160.75%; /* 44.955px */
letter-spacing: 0.36px;
}

.pricing-red li{
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 175.75%; 
  letter-spacing: 0.36px;
  }


.featured .pricing-list li {
  font-weight: 400;
}


@media (max-width: 992px) {
  .pricing .box {
    max-width: 60%;
    margin: 0 auto 30px auto;
  }
  .pricing .course-box {
    max-width: 60%;
    margin: 0 auto 30px auto;
  }
}

@media (max-width: 767px) {
  .pricing .box {
    max-width: 80%;
    margin: 0 auto 30px auto;
  }
  .pricing .course-box {
    max-width: 80%;
    margin: 0 auto 30px auto;
  }
}
@media (max-width: 428px){
  .pricing-box{
    padding: 0px 32px;
    margin-top: 30px;
  }
  
}

@media (max-width: 420px) {
  .pricing .box {
    max-width: 100%;
    margin: 0 auto 30px auto;
  }
  .pricing .course-box {
    max-width: 100%;
    margin: 0 auto 30px auto;
  }
}
/* testimonials section */
.carousel-caption {
  position: initial;
  z-index: 10;
  padding: 5rem 8rem;
  color: rgba(78, 77, 77, 0.856);
  text-align: center;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: bold;
  line-height: 2rem;
}
.testimonials-icon{
  width:30px;
  height:30px;
  border-radius: 50%;
  background-color: #ea5170;
  position: absolute;
  left:51%;
  top:80%;
}
.testimonials-wrapper p{
color: #8D8D8D;
text-align: center;
/* font-family: Roboto; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 33px; /* 157.143% */
letter-spacing: 0.42px;
padding: 0px 70px;
}
@media (max-width: 1366px) {
  .testimonials-wrapper p {
  padding: 0px 0px;
  font-size: 15px;
  }
}

#image-caption{
color: #8D8D8D;
text-align: center;
font-size: 21px !important;
font-style: normal;
font-weight: 400;
line-height: 33px; /* 157.143% */
letter-spacing: 0.42px;
}
.testimonials-section{
  padding: 0px 0px 0px 0px;
}
@media(max-width:767px){
  .carousel-caption {
      position: initial !important;
      z-index: 10;
      padding: 3rem 2rem;
      color: rgba(78, 77, 77, 0.856);
      text-align: center;
      font-size: 0.7rem;
      font-style: italic;
      font-weight: bold;
      line-height: 1.5rem;
  }
}
.carousel-caption img{
  width: 6rem;
  border-radius: 5rem;
  margin-top: 2rem;
}
@media(max-width:767px){
  .carousel-caption img{
      width: 4rem;
      border-radius: 4rem;
      margin-top: 1rem;
  }
}
#image-caption{
  font-style: normal;
  font-size: 1rem;
  margin-top: 0.5rem;
}
@media(max-width:767px){
  #image-caption{
      font-style: normal;
      font-size: 0.6rem;
      margin-top: 0.5rem;
  }
}
i{
  /* background-color: rgb(223, 56, 89); */
  padding: 1.4rem;
}
@media(max-width:767px){
  i{
      padding: 0.8rem;
  }
}
.carousel-control-prev{
  justify-content: flex-start;
}

.carousel-control-next {
  justify-content: flex-end;
}
.carousel-control-prev,.carousel-control-next{
  transition: none;
  opacity: unset;
}
@media(max-width:428px){
  .pricing .box{
    padding: 60px 20px 40px 20px !important;
  }
  .carousel-caption{
    padding: 2rem 2rem;
  }
  .pricing .box{
    padding: 30px 20px !important;
  }
  .professional{
    padding-top: 40px;
  }
  .red-underline{
    max-width: 100%;
  }
  .high-light-home-box .box{
    height: 760px !important;
  }
}

@media(max-width:1024px){
  .pricing .box{
      padding: 30px 38px;
  }
  .pricing .box{
    padding: 30px 20px !important;
  }
}
.testimonials-content-wrapper {
  position: relative;
}
.fa-quote-left{
  margin-left:-14px;
  margin-top: -14px;
  color: white;
  font-size: 16px;
}
@media(max-width: 428px){
  .fa-quote-left{
    margin-left: -5px;
    margin-top: -5px;
  }
}
.carousel-control-prev-icon,
.carousel-control-next-icon
{
  filter: brightness(0%);
}
/* form section styles */
.form-head{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;

}
.form-section input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #6b6d6f;
  color: white;
  font-size: 16px;
}
@media(max-width:1024px){
  .form-section input{
    font-size: 16px;
}
}
@media(max-width:428px){
  .form-section input{
    font-size: 14px;
}
}
.form-section p{
  font-size: 15px;
}
@media(max-width:1024px){
  .form-section p{
    font-size: 16px;
}
}
.form-section textarea:focus, input:focus{
  outline: none;
}
.form-section p{
  color: #A6A6A6;
}
@media(max-width:768px){
  .form-section p{
    font-size: 15px;
}
}
@media(max-width:428px){
  .form-section p{
    font-size: 14px;
    /* text-align: initial; */
}

.form-section h3{
   font-size: 18px;
}
}
.form-section ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: white;
  padding-left: 8px;
}
.form-section :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: white;
 opacity:  1;
 padding-left: 8px;
}
.form-section ::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: white;
 opacity:  1;
 padding-left: 8px;
}
.form-section :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
 padding-left: 8px;
}
.form-section ::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
 padding-left: 8px;
}
.form-section ::placeholder { /* Most modern browsers support this now. */
 color: white;
}
.license-form-section{
  padding: 45px 0px 45px 0px !important;
  border-radius: 23px;
}
section.form-section{
  padding: 50px 0px 0px 0px;
}
.form-section form {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.submit{
  display: inline-block;
    padding: 10px 40px 11px 40px;
    border-radius: 4px;
    color: white;
    transition: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
    background: #ea5170 !important;
    border-radius: 30px;
    margin-top: 24px;
    height: 65px;
    width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media(max-width:428px){
  .submit{
    font-size: 16px;
    height: 49px;
    width: 200px;
    /* text-align: initial; */
}
}
.submit input{
  border: none;
  padding: 5px;
}
.submit i{
  padding:0;
}
.form-img img{
  max-width: 100%;
  height: auto;
}
/* footer-section-color  */

section.footer-section{
  padding: 50px 0px 0px 0px;
}
@media (max-width: 1024px){
  section.footer-section{
    padding: 50px 20px 20px 20px;
  }
}
@media (max-width: 1024px){
  .footer-commen-space{
    margin-top: 20px;
  }
}
.footer-section{
  background-color: black;
}
.footer-sec-pdf{
  margin-left: 5px;
}
@media (max-width: 1366px){
  .footer-section a{
    font-size: 12px !important;
  }
}
@media (max-width: 428px){
  .footer-section a{
    font-size: 10px !important;
  }
}
@media (max-width: 320px){
  .footer-section a{
    font-size: 9px !important;
  }
}
.footer-section a{
  font-size: 12px;
  text-decoration:none ;
  /* font-weight: 600; */
  color: #7F8184;
  white-space:nowrap;
}
.footer-section p{
  font-size: 12px;
  color: #7F8184;
  /* font-weight: 600; */
  white-space: nowrap;
}
@media (max-width: 428px){
  .footer-section i{
   margin-top: 0px !important;
  }
}
.footer-section i{
  font-size: 15px;
  margin-top: 3px;
}
.footer-pdf-wrapper{
  display: flex;
}
/* .footer-sec-pdf{
  margin-left: 30px;
} */
.footer-img-wrapper img{
  max-width: 100%;
}
.footer-social-icons{
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-social-icons i{
  font-size: 20px;
}
.footer-social-icons a{
  text-decoration:none ;
  color: #444444;
}
.footer-links{
  display: flex;
  flex-direction: column;
  line-height: 34px;
}
.footer-wrapper{
  border-bottom: 1px solid #80808036;
  padding: 14px 0px;
}
.copyright{
  padding-bottom: 10px;
}
.copyright p{
  display: flex;
  justify-content: center;
  color: #333333;
}
.copyright p{
  font-size: 15px;
  font-weight: 600;
}
@media(max-width:428px){
  .copyright p {
    font-size: 12px;
}
}
.commen-spaceing{
  padding:0px 0px 30px 0px;
}
@media(max-width:428px){
  .commen-spaceing{
    padding:0px 0px 0px 0px;
  }
}

/* faq page styles start */

.faq-hero-section{
  background-color: #cccccc; /* Used if the image is unavailable */
  height: auto; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  height: 547px;
}
section.faq-hero-section{
  padding: 10px 0px 0px 0px;
}
@media(max-width :428px){
  section.faq-hero-section{
    height: 400px;
  }
}
@media (max-width: 926px){
  .brokers.license{
    line-height: normal !important;
  }
}
.faq-hero-section .navbar a{
  color: white !important;
  }
  .faq-hero-section .nav-top-buttons-login:hover{
    background-color: #ffff !important;
    color: #000 !important;
  }

  .faq-hero-section .nav-top-buttons-login:hover{
    background-color: #ffff !important;
    color: #000 !important;
  }

/* faq page styles end */

/* blog page styles */
.blog-reheight-page .blog-hero-section{
  height: 400px;
}
.blog-hero-section{
  background-image: url("/images/web_new_reskin/photographer.jpg"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  height: auto; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  height: 547px;
}
.about-section{
  height: auto; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  height: 293px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-hero-section{
  /* background-color: #cccccc; */
  height: auto; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain; /* Resize the background image to cover the entire container */
  height: 370px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.broker-hero-section{
  background-image: url("/images/web_new_reskin/photographer.jpg"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  height: auto; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  height: 547px;
}
@media(max-width:926px){
  .contact-hero-section{
    background-size: cover;
  }
  .passed-img-wrapper{
    align-items: center;
  }
  .review-form{
    width: 100% !important;
  }
}
@media(max-width:1000px){
  .passed-img-wrapper{
    align-items: center !important;
  }
}
section.contact{
  padding: 0px 0px 0px 0px;
}
.review-form{
  width: 821px;
}

@media(max-width:926px){
  section.contact{
    padding: 20px 0px 0px 0px;
  }
}
@media(min-width:2560px){
  section.contact{
    padding: 80px 0px 0px 0px;
  }
}

.contact-texts{
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
@media(max-width:428px){
  .contact-texts {
   padding: 0px 10px;
   justify-content: center;
  }
}
.contact-texts p{
  font-size: 29px;
  font-family: Poppins;
  font-weight: 700;
  line-height: 31px;
  color: #fff;
}
@media(max-width:428px){
  .contact-texts p{
   font-size: 35px;
  }
}
.contact-slider-link a{
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  margin-left: 20px;
}
@media(max-width:428px){
  .contact-slider-link a{
   font-size: 12px;
  }
}
.contact-slider-link a span{
  margin-top: 3px;
}
@media(max-width:428px){
  .contact-box{
   width: 100% !important;
  }
}
.contact-box{
  width: 440px;
  height: 124px;
  background-color: #F7F7F7;
  display: flex;
  align-items: center;
  padding: 0px 25px;
  margin-left: 20px;
}

.contact-img-wrapper{
  min-width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media(max-width :1024px) {
  .contact-img-wrapper{
    min-width: 80px;
  }
}

@media(max-width :1024px){
  .contact-img-wrapper img{
    width: 50%;
  }
}
@media(max-width :926px){
  .contact-box-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .contact-box{
    margin-left: 0;
    margin-top: 20px;
  }
}
@media(max-width :425px){
  .contact-box {
   width: 100%;
  }
}
@media(max-width :768px){
  .contact-img-wrapper{
    width: 80px;
  }
}
.map-iframe{
  width: 100%;
}
.cont-form-content p{
  font-size: 16px;
  font-weight: 300;
  font-family: Poppins;
  line-height: 20px;
  margin-top: 4px;
}
@media(max-width :926px){
  .cont-form-content p{
    line-height: 20px;
  }
}
@media(max-width :926px){
  .cont-form-content h4{
    font-size: 28px !important;
    line-height: 30px !important;
  }
}
@media(max-width :428px){
  .cont-form-content h4{
    font-size: 27px !important;
    line-height: 25px !important;
  }
}
.cont-form-content h4{
  font-size: 43px;
  font-weight: 700;
  font-family: Poppins;
  line-height: 60px;
  color: #000;
}
@media(max-width :768px){
  .cont-form-content h4{
    font-size: 27px;
    line-height: 40px;
  }
}
@media(max-width :768px){
  .contact-form-section{
   text-align: center;
  }
}
.cont-form-content label{
  font-weight: 300;
  font-family: Poppins;
  font-size: 16px;
  line-height: 23px;
  margin-top: 20px;
  color: #9C9C9C;
}
.cont-form-content input{
  height: 57px;
  border-radius: 0px;
}
.show-con-para{
  font-size: 14px;
  font-family: Poppins;
  color: black !important;
  font-weight: 500;
  margin-bottom: 0;
}

@media(max-width :1366px){
  .show-con-para{
    font-size: 13px;
  }
}
@media(max-width :428px){
  .show-con-para{
    font-size: 14px;
  }
  
}
@media(min-width :428px){
  .show-con-para br{
    display: none;
  }
}
@media(max-width :1024px) and (min-width:926px){
  .show-con-para{
    font-size: 9px;
  }
}
.drop-con-para{
  font-size: 10px;
  line-height: 10px;
}

.show-drop-wrapper{
  margin-top: 20px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
@media(max-width :428px){
  .show-drop-wrapper{
    margin-left: 10px;  
  }
}
@media(min-width :428px){
  .how-con-para br{
    display: none !important;  
  }
}
.drop-con-para{
  font-size: 16px;
  font-family: Poppins;
  color: #9C9C9C;
  line-height: 26px;
  font-weight: 400;
}
.contact-box-wrapper{
  display: flex;
}
section.blog-hero-section{
  padding: 10px 0px 0px 0px;
}
section.broker-hero-section{
  padding: 10px 0px 0px 0px;
}
@media(max-width :428px){
  section.blog-hero-section{
    height: 400px;
  }
  section.broker-hero-section{
    height: 400px;
  }
  .registration-sec{
   height: 360px !important;
  }
}

.broker-hero-text{
  font-size: 48px;
  font-family: Poppins;
  color: #ffff;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.blog-hero-text{
  font-size: 48px;
  font-family: Poppins;
  color: #ffff;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media(max-width :428px){
  .broker-hero-text{
    font-size: 28px;
  }
  .blog-hero-text{
    font-size: 28px;
  }
  .testimonials-page .blog-hero-wrapper{
    align-items: end;
  }
  .passed-img-wrapper img{
    height: 163px;
  }
  .testimonials-page .dropdown a{
    color: #0b2341 !important;
  }
  .testimonials-page .nav-top-buttons-login {
    background-color: #000 !important;
  }
  .find-course-page .dropdown a{
    color: #0b2341 !important;
  }
  .find-real-estate-contents p{
    text-align: justify;
  }
  .livestream-text{
    text-align: justify;
  }
 
  /* .find-course-page .nav-top-buttons-login{
    background-color: #000 !important;
  } */
}
@media(max-width :991px){
  .testimonials-page .dropdown a{
    color: #0b2341 !important;
  }
  .testimonials-page .nav-top-buttons-login {
    background-color: #000 !important;
  }
}

@media(max-width :1024px){
 /* .nav-top-buttons, .scrollto{
 display: none;
 } */
 .find-real-estate-contents br{
  display: none;
}
}
/* @media(min-width:1024px){
  .passed-img-wrapper img{
    height: 400px;
  }
} */
.blogpage .mobile-nav-toggle{
  color: white;
}
.blog-reheight-page .blog-hero-wrapper{
  height: 400px;
}

.blog-hero-wrapper{
  height: 500px;
  display: flex;
  justify-content: center;
  width: auto;
}

/* .blogpage .blog-hero-section .navbar a,.blogpage .navbar a:focus{
  color: #fff !important;
} */
/* .blogpage .blog-hero-section .navbar-mobile a,.blogpage .navbar-mobile a:focus{
  color:black !important;
} */
ul.main-bottom-section.drp-down-content li a {
  color: black !important;
}

ul.main-bottom-section.drp-down-content li a:hover{
  color: #ec5171 !important;
}

.broker-hero-section .navbar a{
  color: white !important;
}

.broker-hero-section .nav-top-buttons-login {
  background-color: white;
  color: #000;
}
.broker-hero-section .nav-top-buttons-login:hover{
  background-color: #ffff !important;
  color: #000 !important;
}

.blog-hero-section .navbar a{
color: white !important;
}
.navbar a:focus{
  color: #000;
}
.blog-hero-section .nav-top-buttons-login {
  background-color: white;
  color: #000;
}
.nav-top-buttons-login{
  margin-left: 5px;
}
.blog-hero-section .nav-top-buttons-login:hover{
  background-color: #ffff !important;
  color: #000 !important;
}
.blog-details-para{
  color: #A6A6A6;
  font-family: Poppins;
  font-size: 10px;
  font-weight: 400;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.blog-main-page-head{
  font-weight: 600;
  font-family: Poppins;
  font-size: 22px;
  color: #000;
  text-transform: uppercase;
}
.prize-wrapper.dotted-border{
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 22px;
}
.price-head-wrappers{
  margin-top: 28px;
}
/* .price-lists-point-wrapper{
  height: 500px;
} */
@media(max-width:428px){
  .blog-main-page-head{
   margin-top: 5px;
   padding: 0px 0px;
   font-size: 17px;
   text-align: center;
  
  }
}
.blog-details-head{
  font-weight: 600;
  font-family: Poppins;
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
}
@media(max-width:428px){
  .blog-details-head{
   margin-top: 5px;
   padding: 0px 0px;
   font-size: 17px;
   text-align: center;
  
  }
  .blog-sub-head{
    font-size: 17px;
    padding: 0px 24px;
  }
}
.blog-read-para{
  color: #9c9c9cd4;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 27px;
  text-align: justify;
}
@media(max-width :1366px){
  .blog-read-para{
    font-size: 13px;
  }
  .prize-wrapper.dotted-border{
    height: 200px;
    padding-top: 0;
  }
  
}
@media(max-width :428px){
  .blog-read-para{
    padding: 0px 24px;
  }
}
.blogpage .blog-submit-button{
  justify-content: center;
}
.blog-para-commen-space{
  margin-top: 25px;
}
.blog-sub-img-wrapper{
  display: flex;
  justify-content: space-between;
  /* flex-wrap: wrap; */

}
.blog-sub-img img{
  width: 100%;
  height: 205px;
}
@media(max-width :1024px){
  .blog-sub-img-wrapper{
    flex-wrap: wrap;
  }
  .prize-wrapper.dotted-border{
    padding: 0;
  }
}

.blog-sub-img{
  width: 328px;
  height: 205px;
  background-color: #DEDEDE;
  margin-left: 30px;
}
@media(max-width:428px){
  .blog-sub-img{
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
  }
}
@media(max-width:1024px){
  .blog-sub-img{
    margin-left: 0;
    margin-top: 20px;
  }
}
@media(max-width:1366px){
  .blog-sub-head{
   font-size: 18px !important;
  }
}
.blog-sub-head{
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-top: 30px;
  text-transform: uppercase;
  color: #000;
}
.blog-details-read-para{
  color: #9c9c9cd4;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  margin-top: 1rem;
  line-height: 27px;
  margin-bottom: 1rem;
  text-align: justify;
  padding-bottom: 20px;
  border-bottom: 1px solid #DEDEDE;
  cursor: pointer;
}
.blog-details-read{
  display: flex;
  justify-content: end;
  font-family: Poppins;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 1px;
  color: #EC5171;
  text-transform: uppercase;
}
.showmore{
  font-size: 14px;
}
@media(max-width:1366px){
  .showmore{
   font-size: 13px;
  }
  .blog-form-wrapper p{
    font-size: 16px !important;
    }
  .blog-form-wrapper{
    padding: 40px 60px !important;
  }
  }

.showmore .more, .showmore.show .dots {
  display: none;
}

.showmore.show .more {
  display: inline;
}
.blog-listing{
  width: 90%;
  display: flex;
  height: 90px;
  /* justify-content: space-between; */
}


@media(max-width:428px){
  .blog-listing{
   flex-direction: column;
   width: 100%;
   height: 180px;
  }
  .blog-listing-calender-img{
    justify-content: center;
  }
  .adhi-profile-blog{
    justify-content: center;
  }
  .image-container{
    justify-content: center;
  }
  /* .blog-listing-main-img{
    margin-top:100px !important;
  } */
  .image-container{
    margin-top: 15px;
  }
}

input.blog-date:hover::placeholder{
  color: #EC5171 !important;
}  

.blog-listing-calender-img{
  padding: 0px 0px 0px 20px;
}
.blog-listing-main-img{
  margin-top: 18px;
}
.profile-blog-list{
  height: 38px;
  width: 38px;
}
.blog-export{
  height: 15px;
  width: 19px;
}
/* .blog-social-icon{
  display: none;
} */
/* .share-icon{
  width: 30px;
} */
/* .share-icon:hover + .blog-social-icon{
display: block;
} */
.hidden-list{
  display: none;
}
/* .hidden-list li:hover{
  background-color: #1877F7;
} */
.hidden-list li:hover i{
color: white;
}
li.facebook:hover{
  background-color: #1877F7;
}
li.twitter:hover{
  background-color: #2188F7;
}
li.linked-in:hover{
  background-color: #007EBB;
}


.blog-date{
  height: 18px;
    width: 142px;
    border: none;
    margin-left: 9px;
    font-size: 13px;
    cursor: pointer;
}
span.blog-profile-name{
  color: #757575;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
span.blog-profile-name:hover{
  color: #EC5171;
}
.gray-tag{
  font-size: 13px;
  font-weight: 400;
  color: #9C9C9C;
  margin-top: 10px;
  margin-left: 9px;
}
ul.blog-social-icon{
  padding:0px;
  margin-left: 10px;
  margin-top: 10px;
}
.blog-social-icon i{
  color: #C7C6C5;
}
.blog-social-icon li{
  height: 26px;
  width: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D9D9D9;
}
.search-box-wrapper{
  -webkit-box-shadow: 0px 1px 0px 0px #D9D9D9;
  -moz-box-shadow: 0px 1px 0px 0px #D9D9D9;
  box-shadow: 0px 1px 0px 0px #D9D9D9;
  width: 297px;
  margin-top: 20px;
}
.search-box-wrapper .fa-search{
  margin-left: 50px;
}
.search-box-wrapper input{
  /* width: 330px; */
  border: none;
}
.search-box-wrapper button{
  padding: 0;
}
.search-text{
  color: #333333;
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 5px;
  border-bottom: 2px solid #333333;
}
.search-box-wrapper .fa-search{
  color: #7F8184;
}
.blog-form-section input{
 width: 297px;
 border-radius: 0px;
 height: 48px;
}

@media(max-width:428px){
  .blog-form-section input{
   width: 100%;
  }
}

.blog-form-label{
  font-size: 16px;
  font-weight: 300;
  font-family: Poppins;
  letter-spacing: 1px;
}
.blog-form-section{
  margin-top: 10px;
}
.contact-page .blog-submit-button button{
  height: 57px !important;
}
.blog-submit-button button{
  width: 189px;
  height: 48px;
  background-color: #000;
  color: #fff;
  border-radius: 50px;
  margin-top: 20px;
}
.image-container{
  height: 20px;
}

.contact-img-wrapper svg:hover path {
  fill: #EC5171;
}
.blog-export svg:hover path{
  fill: #EC5171;
}
.fill-hover svg:hover path{
  fill: #EC5171;
}
.contact-img-wrapper svg{
  cursor: pointer;
}
.fill-hover svg{
  cursor: pointer;
}
.blog-submit-button{
  /* width: 297px; */
  display: flex;
  justify-content: start;
}
@media(max-width:428px){
  .blog-submit-button{
    justify-content: center;
  }
}
.search-box-wrapper .form-control:focus{
  box-shadow: none;
  border: none;
}
@media(max-width:428px){
  .search-box-wrapper{
   width: 100%;
  }
}
.blog-form-section .form-control:focus{
  box-shadow: 0 0 0 1px #EC5171;
  
  /* box-shadow: #EC5171; */
  border: #EC5171;
}

.categories-list{
  padding: 0;
  margin-top: 15px;
}
.categories-list li {
  height: 56px;
  width: 297px;
  display: flex;
  border-bottom: 1px solid #DEDEDE;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: black;
  font-family: Poppins;
}
.categories-list li:hover{
  color: #EC5171;
  cursor: pointer;
}
.adv-section{
height: 286px;
width: 297px;
background: rgb(193,222,232);
background: linear-gradient(90deg, rgba(193,222,232,1) 25%, rgba(251,217,185,1) 75%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 60px;
border-radius: 7px;
}
@media (max-width: 1366px){
  .adv-section{
    height: 280px;
}
}
.adv-section button{
  width: 166px;
  height: 60px;
  background-color: #000;
  color: #fff;
  border-radius: 50px;
  /* margin-top: 20px; */
}
.adv-section P{
  font-size: 19px;
  font-weight: 700;
  line-height: 30px;
  font-family: Poppins;
  text-align: center;
  width: 233px;
}

.blog-export-space{
  margin-left: 20px;
}
.blog-listing-pageination{
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.page-item:first-child .page-link {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blog-listing-pageination .page-link{
color: #333333;
background-color: #F2F2F2;
font-family: Poppins;
font-size: 20px;
font-weight: 500;
border: none;
display: flex;
justify-content: center;
align-items: center;
height: 57px;
width: 57px;
}
@media(max-width:428px){
  .blog-listing-pageination .page-link{
   width: 45px;
  }
}
.blog-listing-pageination .page-link:hover{
  color: #ffff;
  background-color: #EC5171;
}
.page-item{
  background-color: #F2F2F2;
}
li.page-item{
  margin-left: 10px;
}
.blogpage .row{
  --bs-gutter-x: 3rem;
}
.bs-gutter-x-0{
  --bs-gutter-x:0rem !important;
}

/* .blog-main-images{
  height:530px;
} */
@media(max-width:926px){
  .blog-main-images{
   height: auto;
  }
}
@media(max-width:915px){
  .blog-listing-second-sec{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .categories-list li{
    width: 100%;
  }
}
@media(max-width:915px){
  .blog-listing-second-sec{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }
  .categories-list li{
    width: 100%;
  }
  .blogpage .row{
    --bs-gutter-x: 3rem;
  }
}
@media(max-width:1024px){
  .blogpage .row{
    --bs-gutter-x: 3rem;
  }
}
@media(max-width:915px){
  .adv-section{
   width: 297px;
  }
}
.row.footer-wrapper{
  --bs-gutter-x: 3rem !important;
}
.blogpage .footer-section{
  margin-top: 100px;
}
.inset-content{
font-family: Poppins;
font-size: 20px;
font-weight: 500;
line-height: 28px;
text-align: justify;
-webkit-box-shadow: inset 23px 10px 1px -13px #EC5171;
box-shadow: inset 17px 10px 1px -13px #EC5171;
margin-top: 30px;
}
@media(max-width:1633px){
  .inset-content{
   font-size: 18px;
  }
}
.median-prize-link{
  color: #7F8184;
  font-size: 12px;
  text-decoration: underline;
}
@media(max-width:428px){
  .blog-order-listing li{
   font-size: 14px !important;
  }
  .package-wrapper{
    margin-top: 0px !important;
  }
}
.blog-order-listing li{
  font-family: Poppins;
  font-weight: 500;
  font-size: 18px;
  line-height: 33px;
  text-transform: uppercase;
}
.blog-read-para a{
  text-decoration: underline;
}
.blog-form .row{
  --bs-gutter-x: 1.5rem !important;
}

.blog-form{
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-form-wrapper{
 text-align: center;
 padding: 40px 20px;
 background: #F7F7F7;
}
.blog-form-wrapper h4{
  font-family: Poppins;
  font-weight: 600;
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: black;
}
.blog-form-wrapper p{
  font-family: Poppins;
  font-weight: 400;
  font-size: 18px;
  line-height: 35px;
  color: black;
}
.blog-form-wrapper input{
  height: 57px;
  border-radius: 0px;
}
@media(max-width :428px){
  .blog-form-wrapper input{
    margin-top: 10px;
  }
}
@media(max-width :428px){
  .small-image-wrapper{
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
  }
  .navbar-wrapper{
    padding: 0 !important;
    justify-content: center;
  }
}
@media(max-width :428px){
  .blog-divide-border{
 
    margin-top: 40px !important;

  }
}
.blog-divide-border{
  border: 1px solid #DEDEDE73;
  margin-top: 40px;
  margin-bottom: 60px;
}
/* @media(max-width:1440px){
  .blogpage section{
    width: 1920px;
  }
} */
 ul.nav-top-buttons{
  list-style: none !important;
}
 ul.nav-top-buttons li{
  list-style: none !important;
}

.slider-section{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slider-section h3{
  font-weight: 700;
  font-size: 40px;
  /* line-height: 48.4px; */
  color: #000000;
  font-family: 'Poppins', sans-serif;
}
@media(max-width:1366px){
  .slider-section h3{
   font-size: 32px;
   /* line-height: 35.4px; */
  }
}
  @media(max-width:428px){
    .course-material-section{
     margin-top: 0px !important;
     /* line-height: 35.4px; */
    }
  .slider-section p{
    font-size: 15px !important;
  }
  .course-material-section-head h2{
    font-size: 28px !important;
  }
  .course-material-section-subhead p{
    font-size: 18px !important;
  }
  .course-material-section-para p{
    font-size: 14px !important;
  }
}
@media(max-width:926px){
  .course-material-section-para p{
  /* text-align: justify !important; */
  padding: 0px 20px;
  }
}
@media(max-width:428px){
  .course-material-section-para p{
  text-align: justify !important;
  /* padding: 0px 20px; */
  }
}
@media(max-width:926px){
  .slider-section h3{
   font-size: 32px;
   /* line-height: 38.4px; */
  }
}
@media(max-width:428px){
  .slider-section h3{
   font-size: 16px;
   /* line-height: 17.4px; */
  }
}
  @media(max-width:320px){
    .slider-section h3{
     font-size: 14px;
     /* line-height: 17.4px; */
    }
  .slider-section{
    margin-top: 20px;
  }
}
.slider-section p{
  font-size: 24px;
  font-weight: 700;
  color:#EC5171;
  margin-top: 60px;
  font-family: 'Poppins', sans-serif;
}
@media(max-width:926px){
  .slider-section p{
 margin-top: 33px;
  }
}
@media(max-width:428px){
  .slider-section p{
   font-size: 14px;
   padding: 0px 20px;
    text-align: center;
  }
}
.slider-section img{
  margin-top: 30px;
}
.profile-name p{
  font-weight: 600;
  font-size: 23px !important;
  color: #000000;
  font-family: 'Poppins', sans-serif;
  margin-top: 20px;
}
.profile-sec-name p{
  font-weight: 600;
  font-size: 24px;
  color: #000000;
  font-family: 'Poppins', sans-serif;
}
.profile-sec-name p{
  font-weight: 300;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  margin-top: -20px;
}
.doble-quatoes p{
  font-weight: 400;
  font-size: 128px;
  color: #000000;

}
.inset-content a{
  color: #0088CC;
  text-decoration: underline;
}
.blog-read-para a{
  color: #0088CC;
}
.home-page .testimonials-content-wrapper{
  display: none
}
.home-page .accordion-button:not(.collapsed){
  color: #000;
    background-color: transparent;
}
.home-page .accordion-header{
  font-family: 'Poppins', sans-serif;
}
.home-page .accordion-button{
  font-weight: 500;
}
.home-page .accordion-body{
  font-weight: 100;
  text-align: left;
}
@media(max-width:428px){
.home-page .accordion-body{
  font-weight: 100;
  text-align: left;
}
}
.home-page .accordion-button{
  border-radius: 0px !important;
}
.home-page .accordion-item{
  border: none;
}
.home-page .accordion-header{
  /* border: 1px solid #c1c1c1; */
  margin-top: 8px;
  font-weight: 600;
}
.home-page .accordion-button:not(.collapsed){
  box-shadow: none;
}


.accordion-button::after{
  background-image: url(/images/web_new_reskin/plus-lg.svg) !important;
  left: -106%;
  position: relative;
}
.accordion-button:not(.collapsed)::after{
  background-image: url(/images/web_new_reskin/x-lg.svg);
  fill: white;
}
.doble-quatoes .bi-quote{
  font-size: 40px;
  font-weight: 400;
  color: #000;
}
.quatoes-text p {
  font-size: 24px;
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: center;
  color: #000;
}
@media(max-width:926px){
  .quatoes-text p{
   font-size: 18px;
  }
}
@media(max-width:428px){
  .quatoes-text p{
   font-size: 15px;
  }
}
@media(max-width:926px){
  .course-material-section-para p{
   font-size: 15px !important;
  }
}

.quatoes-sub-text p {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  color: #000;
}
@media(max-width:428px){
  .quatoes-sub-text br,
  .course-material-section-head br,
  .course-material-section-subhead br,
  .course-material-section-para br,
  .quatoes-text br
  {
   display: none;
  }
}
@media(max-width:926px){
  .contact-form-text br{
   display: none;
  }
}
@media(max-width:428px){
  .quatoes-sub-text p,
  .course-material-section-head p,
  .course-material-section-subhead p,
  .course-material-section-para p,
  .quatoes-text p{
   padding: 0px 20px;
  }
  .course-material-section-head h2{
    padding: 0px 20px;
  }
  .slider-section {
    padding: 50px 0px;
  }
}

@media(max-width:428px){
  .quatoes-sub-text p{
   font-size: 15px !important;
  }
}
.course-material-section-head h2{
  text-align: center;
  color: #333333;
  font-weight: 700;
  font-size: 32px;
  font-family: 'Poppins', sans-serif;
}
@media(max-width:428px){
  .course-material-section-head h2{
   font-size: 20px;
  }
}

.course-material-section{
  background-color: #F7F7F7;
  padding: 60px 0px 50px 0px;
  margin-top: 80px;
}
.course-material-section p{
  text-align: center;
  margin: 0;
}
.course-material-section-subhead p{
  font-size: 20px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
}
@media(max-width:428px){
  .course-material-section-subhead p{
   font-size: 14px;
  }
}

.about-commen-spaceing{
  margin-top: 40px;
}
.course-material-section-para p{
  font-size: 20px;
  color: #333333;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}
@media(max-width:428px){
  .course-material-section-para p{
    font-size: 12px !important;
  }
}
.row.contact-form-text{
  --bs-gutter-x: 2.5rem;
}
@media(max-width:428px){
  .footer-pdf-wrapper a{
    margin-left: 5px;
  }
}
@media(max-width:320px){
  .footer-pdf-wrapper a{
    margin-left: 0px;
  }
}
.how-it-work-section .row{
  --bs-gutter-x: 3rem;
}
.profile-name,
.profile-sec-name{
text-transform: uppercase;
}
@media(max-width:428px){
  .footer-commen-space p{
    font-size: 12px !important;
  }
}
@media(max-width:320px){
  .footer-commen-space p{
    font-size: 10px !important;
  }
}
  @media (max-width: 428px) {
    .copyright p {
      font-size: 9px;
    }
}
@media (max-width: 320px) {
  .copyright p {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 320px) {
  .copyright .fa-copyright {
   margin-top: -2px;
  }
}
.ul.main-bottom-section.drp-down-content{
  margin-top: 25px;
}


.getmylicence-youtube-wrapper{
  position: absolute;
}
/* .getmylicence-youtube-section{
  height: 580px;
} */
.getmylicence{
  display: flex;
  justify-content: center;
}
.getmylicence-youtube-section h2{
  position: absolute;
  margin-top: 528px;
  color: #000;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}
section.getmylicence-youtube-section{
  padding: 0px;
  margin-top: -195px;
  display: flex;
  justify-content: center;
}
.getmylicence{
  font-family: 'Poppins', sans-serif;
  font-size: 40px;
  font-weight: 700;
  position: absolute;
}
.getmylicence h2 span{
  color: #EC5171;
}
.getmylicence p{
  margin-top: 600px;
  font-size: 16px;
  color: #000;
  position: absolute;
  text-align: center;
  font-weight: 500;
}
@media (max-width: 926px) {
  .youtube-para br {
   display: none;
  }
  .learn-para{
    text-align: justify;
  }
  .online-classes p{
    text-align: justify;
  }
  #enrolling-section p{
    text-align: justify;
  }
  #education-section p{
    text-align: justify;
  }
  #enrolling-section p{
    text-align: justify;
  }
  #enrolling-section p.card-text{
    text-align: justify;
  }
}
.getmylicence-enroll{
  display: flex;
  justify-content: center;
}
.getmylicence-fwd-enroll button{
  display: flex;
  justify-content: start;
}
.getmylicence-enroll button{
  width: 189px;
  height: 48px;
  background-color: #000;
  color: #fff;
  border-radius: 50px;
  margin-top: 20px;
  /* margin-top: 685px; */
}
.getmylicence-section{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 445px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.getmylicence-learn-section{
  background-color: #F7F7F7;
}
.getmylicence-learn-section{
  max-width: 100%;
    height: auto;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    /* background: #080808 50%; */
    /* background-size: 1435px 758px !important; */
}
.getmylicence-section .real-estate-points h5{
  color: #000 !important;
}
.getmylicense-main-head {
  color: #000;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  font-size: 40px;
  margin-top: 100px;
}
.getmylicense-main-sub-head{
  color: #252430;
  font-weight: 500;
  font-size: 23px;
  font-family: 'Poppins', sans-serif;
}
.home-page .modal-content{
  background-color: transparent;
  border: none;
}
@media (min-width: 1920px){
  .home-page .modal-dialog {
      max-width: 60% !important;
  }
  }
@media (min-width: 576px){
.home-page .modal-dialog {
    max-width: 80%;
}
}
@media (max-width: 926px){
  .modal-para br {
      display: none;
}
}
@media (max-width: 1366px){
  .modal-para p{
      font-size: 18px !important;
}
}
@media (max-width: 1024px){
  .modal-para p{
      font-size: 15px !important;
}
}
@media (max-width: 428px){
  .modal-para p {
      text-align: justify;
}
}
.modal-para p{
  font-size: 19px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}
.getlicense-container{
  display: flex;
  justify-content: center;
  align-items: center;
}
.getmylicense-para{
  font-size: 16px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}
.first-meet-section h2{
  font-size: 40px;
  color: #ffff;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
}
.first-meet-section p{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin-top: 20px;
  color: #fff;
}
@media (max-width: 428px){
  .first-meet-section br,
  .first-meet-section br{
   display: none;
  }
}
.first-meet-section button{
    width: 204px;
    height: 50px;
    background-color: #515151;
    color: #fff;
    border-radius: 50px;
    margin-top: 20px;
    border: none;
    text-transform: uppercase;
}
.online-classes h2{
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 48px;
  color: #000;
}
.online-classes p{
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  line-height: 25px;
}
@media (max-width: 1366px){
  .online-classes p{
   font-size: 16px;
  }
}
.online-classes li{
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
}
.online-classes .row{
  --bs-gutter-x:3.5rem;
}
@media (min-width: 429px){
  .social-right-arrow-wrapper{
   display: none;
  }
}
.social-right-arrow-wrapper {
  position: fixed;
  top: 39%;
  left: 80%;
  font-size: 50px;
  /* background-color: white; */
  min-width: 40px;
  min-height: 40px;
  color: #b7b7b7;
}
/* .close-intro{
  display: none;
} */
.open-intro{
  display: none;
}
.social-right-arrow-wrapper .bi-chevron-right{
  top: 36%;
    position: fixed;
    /* left: -46%; */
    font-size: 24px;
}
.social-right-arrow-wrapper .bi-chevron-left{
font-size: 24px;
}
.con-sec-number{
  margin-left: 2px;
}
@media (max-width: 428px){
  .con-sec-number{
   margin-left: 0px;  
  }
  .social-right-arrow-wrapper .bi-chevron-right,
  .social-right-arrow-wrapper .bi-chevron-left{
    display: none;
  }
 }
 @media (max-width: 320px){
  .social-right-arrow-wrapper .bi-chevron-right{
   left: 72% !important;
  }
}
 @media (max-width: 390px) and (min-width:320px){
  .social-right-arrow-wrapper .bi-chevron-right{
   left: 76% !important;
  }
  .social-right-arrow-wrapper .bi-chevron-right,
  .social-right-arrow-wrapper .bi-chevron-left{
    top:37% !important;
    /* display: none; */
  }
}
@media (max-width: 428px){
  .social-right-arrow-wrapper .bi-chevron-right{
   left: 78%;
  }
}
  /* .social-right-arrow-wrapper .bi-chevron-right{
    top:36%;
  }
 } */
 .social-right-arrow-wrapper .bi-chevron-left {
  top: -70%;
  position: fixed;
  right: 0;
  top: 36%;
}
.bi-chevron-right,
.bi-chevron-left{
  transform: translate3d(6px, 14px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}
@media (min-width: 429px){
 .social-media-wrapper-sm{
  display: none;
  
 }
}
@media (min-width: 926px){
  .scrollto-sm{
   display: none !important;
  }
 }
 .blogpage  .scrollto-sm{
  color: #000 !important;
 }
 .scrollto-sm{
  color: white !important;
  width: fit-content;
 }
 @media (max-width: 926px){
  .nav-top-buttons-lg{
   display: none !important;
  }
  .support-video-wrapper{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
 }

@media (max-width: 428px){
  .social-media-wrapper-lg{
   display: none;
  }
  .guest-text{
    text-align: center !important;
  }
 }
 /* .social-media-wrapper-sm{
  left: 98%;
 } */
 .blogpage a.getstarted.scrollto.nav-top-buttons-login.scrollto-sm.dark-color {
  color: black !important;
}
.mob-log-join-button{
display: flex;
}
.mob-log-join-button .nav-top-buttons-login{
  margin-left: 0px;
}
.scrollto-sm{
  font-size: 20px !important;
}
.blogpage a.getstarted.scrollto.nav-top-buttons-login.scrollto-sm{
  color: black !important;
}
.modal-header{
  border: none !important;
  padding-bottom: 0px;
}
@media (max-width: 768px){
.modal-header button.btn-close{
  margin-top: 30px !important;
}

button.accordion-button.course-accordion-button{
  font-size: 15px;
}
}
.modal-header .btn-close:focus{
  box-shadow: none !important;
}
.first-meet-section{
  margin-top: -82px;
  padding: 80px 0px;
}
#enrolling-section h2{
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #000;
}
#enrolling-section p{
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #000;
  margin-top: 8px;
}
#enrolling-section{
  padding: 88px 0px 80px 0px;
}

#enrolling-section{
  text-align: center;
}
#enrolling-section .card-img-top{
     width: 35%;
    margin: 0 auto;
    padding: 18px;
}
#enrolling-section .card{
  border: none;
}
#enrolling-section h5.card-title{
  font-size: 18px;
  font-weight: 500px;
}
#enrolling-section p.card-text{
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  color: #979797;
  display: flex;
  justify-content: center;
  text-align: center;
}
.enrolling-row{
  margin-top: 65px !important;
}
.support-video-wrapper{
  display: flex;
}
#support-video{
  padding: 50px 0px 88px 0px;
}
#education-section{
  padding: 88px 0px 88px 0px;
}
.support-video{
  padding: 20px;
  width: 100%;
}
#support-video h2{
  font-family: 'Poppins', sans-serif;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  color: white;
}
#education-section{
  text-align: center;
}
#education-section{
  background-color: #515151;
  font-family: 'Poppins', sans-serif;
  color: white;
}
#education-section h2{
 font-size: 48px;
 font-weight: 700;
 font-family: 'Poppins', sans-serif;
}
#education-section p{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-top: 30px;
}
@media (max-width: 926px){
  #education-section p{
    text-align: justify;
    padding: 20px;
  }
  #education-section br{
  display: none;
}
}


@media (max-width: 428px){
  .getmylicence-enroll button{
    margin-top: 575px !important;
    width: 148px;
  /* height: 45px; */
  }
  .price-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 360px){
  .getmylicence-enroll button{
    margin-top: 614px !important;
    width: 148px;
  /* height: 45px; */
  }
}
@media (max-width: 1024px){
  .online-classes h2{
    font-size: 31px !important; 
   }
   .support-video-tittles p {
    font-size: 11px !important;
   }
}
@media (max-width: 428px){
  .getmylicence p{
    margin-top: 416px !important;
    padding: 2px;
    text-align: justify;
    padding: 0px 10px;
  }
  .getmylicense-para{
    text-align: justify;
  }
  .getmylicence-youtube-wrapper iframe{
   width: 100% !important;
   height: auto !important;
   margin-top: 32px;
  }
  @media (max-width: 320px){
    .getmylicence-youtube-wrapper iframe{
      margin-top: 20px;
    }
  }
  .getmylicence-youtube-section h2{
    font-size: 22px !important;
    text-align: center;
    margin-top:344px;
  }

  .getmylicense-main-head{
    font-size: 22px;
    text-align: center;
  }
  .getmylicense-main-head{
    font-size: 20px;
    text-align: center;
    font-size: 22px;
  }
  .getmylicense-main-sub-head {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
  }
  .getmylicense-main-sub-head br{
    display: none;
  }
  .online-classes h2{
    font-size: 22px !important;
    text-align: center;
    /* margin-top: 40px; */
  }
  .first-meet-section h2{
    font-size: 22px;
    text-align: center;
  }
  .first-meet-section p {
    font-size: 16px;
    text-align: justify;
  }
  .first-meet-section-para{
    text-align: center;
  }
  .first-meet-section{
    margin-top: 0;
  }
  #enrolling-section h2{
    font-size: 22px;
  }
  .enrolling-row .card{
    width: 100% !important;
  }
  #support-video h2{
    font-size: 22px;
  }
  .support-video-wrapper {
    display: block;
  }
  .support-video{
    width: 100% !important;
  }
  #education-section h2{
    font-size: 22px;
  }
  #education-section {
    padding: 38px 0px 38px 0px;
}
#education-section p{
  margin-top: -7px;
}
.getmylicence-page #pricing{
  margin-top: 0 !important;
}
}
.getmylicence-page #pricing{
  padding: 88px 0px 80px 0px;
}
/* .package-wrapper {
  flex-direction: column;
} */
.dropdown-styles .registration-steps .dropdown .dropdown-menu{
  border: none;
/* -webkit-box-shadow: -2px -1px 21px -8px rgba(0,0,0,0.59);
-moz-box-shadow: -2px -1px 21px -8px rgba(0,0,0,0.59);
box-shadow: -2px -1px 21px -8px rgba(0,0,0,0.59); */
border-radius: 0px;
}
.dropdown-styles .dropdown-item{
  color: #9c9c9c;
}
.dropdown-styles .dropdown-item:focus,.dropdown-styles .dropdown-item:hover{
background-color: none !important;
color: #29282d !important;
}
.dropdown-menu a:hover {
  background-color: transparent !important; /* Set background color to transparent */
}
.shipment-sub-section{
  flex-direction: column;
}
#enrolling-section p.card-text{
  font-size: 15px !important;
}
@media (max-width: 926px){
  .getmylicence-page #pricing{
    margin-top: 0 !important;
  }
  .getmylicence-enroll button{
    margin-top: 686px;
  }.getmylicence-youtube-section h2{
    font-size: 30px;
    text-align: center;
  }
  .getmylicense-main-head{
    font-size: 30px;
    text-align: center;
  }
  .getmylicense-main-sub-head{
    text-align: center;
  }
  .get-license-wrapper{
    display: flex;
    justify-content: center;
  }
  .enrolling-section-para br{
    display: none;
  }
 
}
@media (max-width: 428px){
  .getmylicense-main-sub-head{
     text-align: justify;
  }
  .package-indicaters{
    margin-top: 20px;
  }
  .shipment-section-wrapper{
    margin-left: 0px !important;
  }
  .shipment-sub-section p{
    margin-top: 0px !important;
  }
  .shipment-section-wrapper{
    margin-top: 10px !important;
  }
  .offer-content-space{
    display: flow !important;
    /* font-size: 12px !important; */
    margin-left: 0px !important;
  }
  .payment-card-section .card-feild{
    margin-top: 10px;
  }
 
  .apply-coupon{
    width: 100% !important;
  }
  .section.getmylicence-youtube-section{
    margin-top: -178px;
  }
  .step-one-feild-sec label{
    font-size: 14px !important;
  }
}
@media (max-width: 926px) and (min-width: 428px){
  .apply-coupon{
    width: 45% !important;
  }
}
@media (min-width: 428px){
  .offer-content-space br{
     display: none;
  }
 
}
.apply-coupon{
  width: 35% !important;
  margin-top: 30px;
}
.apply-coupon input::placeholder{
  color: #979797;
}
.apply-coupon .input-group-text{
  background-color: #979797;
  color: white;
}
.apply-coupon-text{
  color:#979797 ;
}
.apply-coupon .apply-coupon-text,
.apply-coupon .input-group-text{
  border-radius: 0px;
}
.shipment-section-wrapper span{
  font-weight: bold;
}
#education-section button{
  width: 204px;
  height: 50px;
  background-color: #000;
  color: #fff;
  border-radius: 50px;
  margin-top: 20px;
  text-transform: uppercase;
  border: none;
}
.need-help{
  height: 50px;
  width: 100%;
  background-color: #333333;
  text-align: center;
  padding: 8px;
}
.need-help p{
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-size: 20px;
}
.registration-steps{
  width: 1112px;
  margin: 0 auto;
  /* margin-bottom: 250px; */
}
@media (max-width: 926px){
  .registration-steps,
  .step-one-feild-sec .feild,
  .feild-radio,
  .feild-text,
  .registration-steps ul li.nav-item button {
    width: 100% !important;
  }
  .step-one-para br{
    display: none;
  }
  .need-help p{
    font-size: 12px;
    margin-top: 10px;
  }
  .registration-page .contact-texts p{
   font-size: 33px;
  }
  .registration-steps .nav {
    display: flex;
  }
  .registration-steps{
    margin-bottom: 0;
  }
  .redirection-card-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
  }
}
#registrationModal .modal-body br{
  display: none;
}
.registration-steps .dropdown .dropdown-menu{
  width: 100% !important;
}
@media (max-width: 1024px){
  .registration-steps p{
   font-size: 14px !important;
  }
  .broker-requirements{
    flex-direction: column;
    align-items: center;
   }
   .broker-requirements-points{
    margin-top: 10px;
   }
  }

  @media (max-width: 926px){
    .divider-gray{
     width: 100% !important;
    }
    #pills-tabContent{
      width: 100%;
    }
    .registration-steps p{
      font-size: 12px;
    }
    .package-indicaters-points p{
      white-space: nowrap;
    }
     .course-page .pricing h1{
      line-height: 50px;
     }
    }

.registration-steps .form-check-input:checked {
    background-color: #0e0e0e;
    border-color: #0a0a0a;
}

.registration-steps h4{
  font-size: 20px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  color: #000;
}
.step-one-para{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 428px){
  .registration-steps p{
  text-align: justify !important;
  }
  .course-page .pricing h1{
    font-size: 22px !important;
    line-height: 22px;
  }
  .demo-trainning-mod-sec h2{
    font-size: 22px !important;
  }
  .demo-trainning-mod-sec h2{
    font-size: 22px !important;
  }
  .demo-trainning-mod-sec{
    padding: 30px 0px 0px 0px !important;
  }
  .demo-trainning-img-wrapper{
    padding-bottom: 50px !important;
  }
}
.registration-steps p{
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-align: center;
  margin-left: 5px;
}
.package-indicaters-points{
  display: flex;
  align-items: baseline;
  margin-top: 8px;
}
.divider-gray-space{
  margin-top: 40px;
}
.registration-offers{
  display: flex;
}
.registration-offers p{
  font-size: 16px;
  font-weight: 400;
}
.registration-offers span{
  font-weight: 700;
}
.divider-gray-space 
.package-indicaters-points p{
  margin-left: 10px;
  font-size: 17px;
  margin: 0;
}
.step-one-feild-sec .feild{
  height: 50px;
  width: 450px;
}
.feild-radio{
  display: flex;
  justify-content: end;
  /* width: 100%; */
  width: 450px;
}
.step-one-feild-sec label{
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #9C9C9C;
}
/* .getmylicence-page section.footer-section{
  margin-top: 100px;
} */
.dropdown .feild {
  text-align: start;
  border: 1px solid #e7eaed;
  display: flex;
  align-items: center;
  color: #9c9c9c;
}
.registration-steps .dropdown .dropdown-menu{
  width: 450px;
}
.second-feild-sec {
  display: flex;
  margin-top: 50px;
  justify-content: space-between;
}

.second-feild-sec h4{
  font-weight: 500;
  font-size: 20px;
  color: #000;
}
.feild-text{
  display: flex;
  justify-content: end;
  /* width: 100%; */
  width: 450px;
  color: #BDBDBD;
  font-size: 14px;
}
.custom-dropdown-button {
  position: relative;
}
.custom-dropdown-button .arrow {
  position: absolute;
  top: 50%;
  right: 8px; /* Adjust as needed */
  transform: translateY(-50%);
}
.date-filter-dropdowan .custom-dropdown-button .arrow{
  right: -12px;
}
.registration-page .dropdown-toggle::after{
  border: none !important;
}
.registration-steps ul li.nav-item button{
  width: 301px;
  border-radius: 0px;
}
.registration-page .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #EC5171;
  background-color: #000000;
}
.registration-steps ul li.nav-item button{
  background-color: #A6A6A6;
  color: white;
}
.registration-steps-selection{
  color: #EC5171 !important;
  background-color: #000000 !important;
}


.registration-steps button{
  width: 166px;
  height: 50px;
  background-color: #000;
  color: white;
  border-radius: 50px;
}
.reg-submit-button button{
  border: 1px solid  black;
}
.reg-submit-button{
  display: flex;
  justify-content: center;
  border: none;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 428px){
  .reg-submit-button{
flex-direction: column;
  }
  .next-button{
    margin-left:0px !important;
    margin-top:20px;
  }
}
.reg-commen-space{
  margin-top: 25px !important;
}
.free-online-step-one-feild-sec label{
  color: #9C9C9C;
}
/* @media (max-width: 926px){
  #registrationModal .modal-content{
   width: 100% !important;
   height: auto !important;
  }
  }

#registrationModal .modal-content{
  width: 672px;
  height: 306px;
} */
#registrationModal .modal-body p{
  font-size: 16px !important;
  color: #54595eb3 !important;
  text-align: center;
  margin-top: 15px;
}
#registrationModal .modal-body h5{
color: #54595E;
font-weight: 600;
font-size: 20px;
text-align: center;
}

#registrationModal .modal-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}
#registrationModal .modal-footer{
  border: none;
  display: flex;
  justify-content: center;
}
#registrationModal .modal-footer button{
  width: 79px;
  height: 44px;
  background-color: #000;
  color: white;
  border-radius: 50px;
  margin-bottom: 30px;
  margin-top: -20px;
}
.divider-gray{
  background-color: #EAEAEB;
  height: 36px;
  width: 1112px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding-left: 15px;
}
.pack-box-wrapper{
  display: flex;
  margin-top: 20px;
}
.pack-boxes{
  width: 139px;
  height: 88px;
  /* color: #EC5171;
  background-color: black; */
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 20px;
  margin-right: 20px;
  border: 1px solid black;
  color: #000;
  cursor: pointer;
}
.pack-boxes:hover{
  color: #EC5171;
  background-color: #000;
}
.pack-boxes p{
  margin: 0;
  font-size: 26px;
  font-weight: 700;
}
.package-wrapper{
  display: flex;
  margin-top: 30px;
}
.package-indicaters{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.offer-content-space {
  margin-top: 30px;

}
.physical-book-wraapper .feild-radio{
  display: flex;
  flex-direction: column;
}
.shipment-sub-section{
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.shipment-sub-section p{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #A6A6A6;
  display: flex;
  justify-content: end;
  margin-top: -50px;
}
.shipment-section-wrapper{
  margin-left: 30px;
  margin-top: 30px;
}
.shipment-section-wrapper p{
display: flex;
}

.registeration-table{
  margin-top: 30px;
}
.reg-table-first-head{
  background-color: #9C9C9C;
}
.reg-table-second-head{
  background-color: black;
  text-align: center;
}
.registration-table tbody,.registration-table td, .registration-table th,.registration-table thead,.registration-table tr{
  border: 1px dashed #9C9C9C;
}
.registration-table{
  border: 1px dashed #9C9C9C;
}
.registration-table th,
.registration-table td{
  padding: 20px;
}
.registration-table tr{
  height: 60px;
}
.registration-table th{
  color: white;
}
.registration-table{
  margin-top: 30px;
}
.payment-card-section .card-feild{
  border: 1px solid #e7eaed;
  color: #9c9c9c;
}
.payment-card-section .card-feild{
  height: 50px;
   width: 100%;

}
.payment-card-section{
  margin-top: 30px;
}
.prev-button{
  background-color: white !important;
  color:black !important ;
  /* width:166px;
  border-radius: 50px; */
  border:none;
}
.reg-submit-button .bi-arrow-left{
  padding-left: 0px;
  padding-right: 6px;
}
.next-button{
  margin-left: 20px;
}
.registration-page .btn-check:checked+.btn,.registration-page .btn.active,.registration-page .btn.show,.registration-page .btn:first-child:active,.registration-page :not(.btn-check)+.btn:active{
  /* background-color: #979797; */
  color: #fff;
  border-radius: 0px;
}
.discount-label{
  color: #979797;
}
.registration-page .btn-group{
  border: 1px solid #979797;
  border-radius: 0px !important;
  margin-top: 20px;
}
.card img{
  color:#EC5171 ;
}
.enrolling-row svg:hover path
{
  fill: #EC5171 !important;
}
.enrolling-row svg{
  width: 35%;
  margin: 0 auto;
}
.enrolling-row svg:hover circle {
  stroke:#EC5171
}
/* .youtube-frame{
  width: 893px;
  height: 501px;
} */
.online-classes li::marker{
  font-weight: bold;
}
.registration-page .tab-content{
border-top: 1px solid black;
width: 100%;
}
.registration-page .tab-pane{
  margin-top: 60px;
}
.registration-steps li{
  margin-left: 1px;
}
.registration-page .form-check-input[type=checkbox]{
  border-radius: 0px;
}
.top-gap-feild{
  margin-top:25px !important;
}

@media (min-width: 1024px){
 .real-estate-course-pricing{
  background-repeat: no-repeat !important;
 }
}

@media (max-width: 428px){
  .tooltip-container .tooltip-text{
    font-size: 10px !important;
    width: auto !important;
    left:0 !important;
    margin-left: -173px !important;
  }
  .reg-commen-sm-space{
    margin-top: 15px !important;
  }
  .course-slide-head h2{
    font-size: 22px !important;
    margin-top: 118px;
  }
  .course-img img{
    margin-top: 15px;
  }
  .mobile-app-details-section h2{
    text-align: center;
    margin-top: 40px;
  }
}
.fedex-text {
  font-size: 16px !important;
  color: #9C9C9C !important;
  margin-top: 1px;
  margin-left: 10px !important;
  font-size: 14px !important;
  font-style: italic;
}

/* tooltip section */
.tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 10px;
}

.tooltip-container .tooltip-text {
  visibility: hidden;
  width: 450px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* Position above the div */
  left: 50%;
  margin-left: -70px; /* Center the tooltip */
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
}

.tooltip-container .tooltip-text::after {
  content: '';
  position: absolute;
  top: 100%; /* Arrow at the bottom */
  left: 16%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.course-slide-head h2{
  font-family: 'Poppins', sans-serif;
  color: #ffff;
  font-size: 48px;
  font-weight: 700;
}
.course-slide-head p{
color: #FFFFFF;
font-family: 'Poppins', sans-serif;
margin-bottom: 0;
font-size: 20px;
}
.crash-course-slider{
  height: 598px;
}
.course-img img{
  width: 100%;
  height: auto;
}
.crash-container{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 598px;
}
.btn-signup{
  width: 227px;
  height: 50px;
  background-color: #000000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-size: 16px;
}
.btn-demo{
  width: 163px;
  height: 50px;
  background-color: #000000;
  color: #fff;
  border-radius: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  margin-left: 30px;
}
.btn-demo span{
  margin-left: 8px;
}
.crash-course-slide{
  margin-top: 40px;
}
.btn-demo:hover svg circle{
  fill: white;
}
.btn-signup:hover,
.btn-demo:hover{
  background-color: #EC5171 !important;
  color: #fff;
}
@media (max-width: 428px){
  .tooltip-container .tooltip-text::after{
     left: 92%;
  }
  .second-feild-sec{
    display: block;
    margin-top: 30px !important;
  }
  .fedex-text{
    font-size: 10px !important;
    margin-left:0px !important;
    white-space: nowrap;

  }
  .second-feild-sec h4{
    text-align: center !important;
  }
  .crash-course-slide-button{
    flex-direction: column;
    align-items: center;
    margin-top: 20px !important;
  }
  .btn-demo{
    margin-left: 0;
    margin-top: 30px;
  }
  .crash-course-online-section h2{
    font-size: 22px !important;
  }
  .crash-course-online-first {
    font-size: 16px !important;
    text-align: justify;
  }
  .crash-course-online-first br{
    display: none;
  }
  .crash-course-online-second br{
    display: none;
  }
  .crash-course-online-second{
    font-size: 16px !important;
    text-align: justify;
  }
  .demo-video-link a span{
    font-size: 16px !important;
  }
  .demo-video-link a{
    font-size: 10px !important;
  }
 .demo-video-link{
  top:46% !important;
 }
 .demo-trainning-mod-sec p{
  text-align: justify;
 }
 .demo-para br{
  display: none;
 }
 .crash-course-online-section{
  padding: 30px 10px 10px 10px !important;
 }
 .demo-meeting-points{
  text-align: justify;
 }
 .demo-points{
  display: flex;
  align-items: baseline !important;
 }
 .find-session-subhead{
  margin-top: 5px;
 }
 .registration-table-wrapper{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 }
 .reg-price-wrapper .btn-package{
  width: 100% !important;
 }
}

.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.registration-page .form-check-input{
  border-color: #000 !important;
}
.registration-page .form-check-input:focus{
  box-shadow: none;
  border-color: black !important;
}
.crash-course-slide-button{
  display: flex;
  margin-top: 40px;
}
.crash-course-online-section{
  text-align: center;
  padding: 80px 0px 80px 0px;
}
.course-page #pricing{
  padding: 80px 0px 0px 0px;
}
.crash-course-online-section h2{
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 38px;
}
.crash-course-online-first{
  font-family: 'Poppins', sans-serif;
  font-size: 23px;
  font-weight: 500;
}
.crash-course-online-second{
  font-family: 'Poppins', sans-serif;
  font-size: 19px;
  font-weight: 500;
}
.crash-course-online-section img{
  margin-top: 30px;
}
.mobile-app-details-section{
  background-color: black;
}
.mobile-app-details-section h2{
  color: white;
  font-weight: 600;
  font-size: 38px;
}
.mobile-app-details-section p{
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: white;
}
.mob-app-points{
  display: flex;
  margin-top: 35px;
}
.mob-app-points h5{
color: white;
font-size: 24px;
}
.mob-app-sub-points{
  margin-left: 25px;
}
.mob-app-img{
  display: flex;
  justify-content: center;
}
.demo-trainning-mod-sec{
  background-image: url(/images/web_new_reskin/background.png);
  padding: 80px 0px 20px 0px;
}
.demo-trainning-mod-sec{
  text-align: center;
}
.demo-trainning-mod-sec h2{
  color: #000;
  font-weight: 800;
  font-size: 40px;
}
.demo-trainning-mod-sec p{
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.demo-meeting-points{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.demo-meeting-points-wrapper{
  display: flex;
  justify-content: center;
}
.most-popular-tag{
  color: black !important;
  left: 9%;
  top:-13%;
  font-weight: 900 !important;
  font-size: 20px;
}
.most-popular-img-wrapper{
  display: flex;
}
.course-page .pricing-white li{
  text-align: initial;
  display: flex;
}
.course-page .pricing-list{
  align-items: initial;
}
.course-page .pricing-list{
  padding: 20px;
  border-top: 1px dotted black;
}
/* .most-popular-img-wrapper{
  margin-bottom: 15px;
} */
.course-demo-two .get-started-btn{
background-color: white;
color: #000;
position: relative;
top: 242px;
}
.pricing-points{
  padding: 0px 20px;
}
.course-demo-two h3{
  color: white;
}
.course-demo-two h4{
  color: white;
}
.course-demo-two{
  height: 1000px;
  background-color: #000;
}
.course-demo-two h3{
  margin-top: -240px;
}
.course-demo-two li{
  color: white !important;
}
.course-demo-one,
.course-demo-three{
  height: 750px;
  margin-top: 50px;
}
/* .pricing .course-box:hover .pricing-list{
  border-top: 1px dotted white !important;
} */
.course-demo-two .pricing-list{
  border-top: 1px dotted white !important;
}

.course-pricing{
  margin-top: 0px !important;
}
.demo-video-link a{
    font-size: 20px;
    color: #FF0000;
    cursor: pointer;
}
.demo-video-link a span{
  text-decoration: underline;
  font-weight: 500;
  font-size: 35px;
}
.demo-video-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
  text-align: center;
}
.demo-trainning-img-wrapper{
  padding-top: 40px;
  padding-bottom: 80px;
}
.demo-meeting-points span{
  margin-left: 8px;
  font-weight: 500;
}
.find-real-estate-section{
  text-align: center;
  margin-bottom: 80px;
}
.find-real-estate-contents{
  margin: 0 auto;
}
.find-real-estate-contents h2{
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  line-height: 48px;
  padding-top: 20px;
  padding-bottom: 10px;
}
.find-real-estate-contents p{
  font-size: 15px;
  color: gray;
}
.find-real-estate-section{
  padding: 50px 0px 0px 0px;
}
.commen-black-button{
  width: 227px;
  height: 50px;
  background-color: #000000;
  color: #fff;
  border-radius: 50px;
}
.ss{
  margin: 40px 10px;
  padding: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
}

#calendar {
  max-width: 1275px;
  margin: 0 0;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{
  color: #EC5171;
}
 .course-page .fc .fc-non-business{
  background-color: transparent;
 }
 .course-page .fc-theme-standard td, .fc-theme-standard th{
  background-color: #302f34;
  color: white;
  border: none;
  position: relative;
  z-index: 100;
  /* height: 46px; */
  padding: 2px 0px 0px 0px;
  margin-top: 2px 0px;
 }
 .fc .fc-daygrid-day.fc-day-today{
  background-color: #ec5171;
 }
 .fc .fc-daygrid-day.fc-day-today a{
  color: white;
 }
 .course-page .fc .fc-daygrid-day-number {
  color: gray;
  font-size: 20px;
  font-weight: 500;
 }
 .course-page .fc .fc-daygrid-day-top {
  display: flex;
  flex-direction: row;
  margin-left: 20px;
 }
 .course-page .fc-daygrid-event-dot{
  display: none;
 }
 .course-page .fc-event-title{
  color: #EC5171;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
 }
 .fc-scroller.fc-scroller-liquid-absolute{
  overflow-y: hidden !important;
 }
 .course-page .fc-event-time{
  display: none;
 }
 .custom-td-class .fc-daygrid-day:hover{
  background-color: #ec5171 !important;
 }
 .fc .fc-daygrid-day-frame:hover{
  background-color: #ec5171 !important;
 }
 
 /* .course-page .fc-theme-standard td:hover{
  background-color: #ec5171 !important;
 } */
 .course-page .fc-daygrid-day:hover .fc-daygrid-day-number{
  color: white;
 }
 .course-page .fc-daygrid-day:hover .fc-event-title{
  color: white !important;
 }
 .course-page .fc-toolbar-title{
  display: none;
 }
 .course-page .fc .fc-button .fc-icon{
  display: none;
 }
 .fc-button.fc-next-button {
  background-image: url(/images/web_new_reskin/right_arrow__.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 50px;
}
.fc-button.fc-prev-button {
  background-image: url(/images/web_new_reskin/left_arrow__.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 24px; 
  width: 50px;
}
.course-page .fc .fc-button-primary{
  background-color: transparent;
  color: #ec5171;
  border: none;
  text-transform: uppercase;
  margin-top:6px;
  font-size: 18px;
}
.course-page  .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child){
  margin-left: -67px;
}
.fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus{
  box-shadow: none;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{
  background-color: transparent;
  border-color: transparent !important;
}
.fc-button {
  outline: none;
  border: none;
  box-shadow: none;
}
.course-page .fc-toolbar-chunk{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-right: 150px;
}
.fc-button:focus,
.fc-button:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
.find-course-page .course-filter-dropdowan{
  width: 35%;
  /* margin-bottom: -35px; */
  position: absolute;
  border-bottom: 1px solid #DEDEDE;
  /* -webkit-box-shadow: 0px 2px 2px 0px #DEDEDE;
-moz-box-shadow: 0px 2px 2px 0px #DEDEDE;
box-shadow: 0px 2px 2px 0px #DEDEDE; */
}
.date-filter-dropdowan{
  position: absolute;
}

.date-filter-dropdowan{
  /* width: 20%; */
  left: 87%;
}
.find-course-page .dropdown-toggle::after{
  display: none;
}
.course-filter-dropdowan a{
  /* margin-left: 22px; */
  padding-left: 27px;
}
.search-icon{
  transform: translateX(-169PX);
}
.find-course-page .fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover{
  background: none !important;
}
.course-accordion-button::after{
  background-image: url(/images/web_new_reskin/chevron-down.svg);
}
.accordion-button:not(.collapsed)::after{
  background-image: url(/images/web_new_reskin/chevron-up.svg);
}
@media(min-width: 576px){
 .course-modal .modal-dialog{
    max-width: 1060px;
  }
}
.livestream-text {
  font-size: 15px;
}
.find-session-subhead{
  font-size: 14px;
  font-weight: 600;
  text-align: justify;
}
.find-session-subhead span{
  font-weight: 400;
}
.save-myseat-button{
  width: 227px;
  height: 50px;
  background-color: #000000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: math-auto;
}
.become-student{
  height: 50px;
  width: 100%;
  color: #000;
  background-color: #fff;
}
.become-student{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.button-wrapper{
  display: flex;
}
.event-details-section{
  margin-top: 30px;
}
.course-page .button.accordion-button.course-accordion-button{
  white-space: nowrap;
}
button.course-accordion-button.course-accordion-button{
  white-space: nowrap;
}
.course-accordion-button:not(.collapsed){
 background-color: #000;
 color: #ffff;
}
.course-accordion-button{
  background-color: #343434;
  color: #fff;
}
.fc-event {
  color: inherit !important;
}
.custom-title-class{
  color: #ec5171 !important;
}
.course-page .fc .fc-daygrid-day-top{
  margin-left: 20px;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
  /* margin-left: 20px; */
  margin-top: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 400;
  font-style: normal;
  height: 90px;
}
@media (max-width: 1000px){
  .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
    height: auto !important;
}
}
@media (max-width: 1024px){
.course-page .fc-event-title{
  font-size: 9px;
}
.registration-steps{
  width: 100%;
}
.divider-gray {
  width: 100%;
}
.reg-price-wrapper .btn-package{
  width: 80%;
  font-size: 14px;
}
}
.fc-daygrid-dot-event .fc-event-title{
  font-weight: normal;
}
.event-details-section i{
  padding: 10px;
}
.fc-theme-standard td{
  border: none;
  border-left: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
  border-top: 1px dashed #ddd !important;
}
/* .accordion-collapse .accordion-body .row{
  --bs-gutter-x:4.9rem;
} */
@media (max-width: 926px){
  .course-page .fc-event-title{
    font-size: 8px !important;
}
}

.course-page .bi-geo-alt{
  padding: 10px;
}
.course-page th .fc-scrollgrid-sync-inner{
  display: flex;
  align-items: center;
  /* margin-top: 10px; */
  justify-content: center;
  height: 46px;
}
.course-page th .fc-scrollgrid-sync-inner a {
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 2.8px;
  font-size: 12px;
}
 .accordion-item:first-of-type> .accordion-header .accordion-button {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.accordion-button:focus{
 border-color: #000 !important;
}

.accordion-button:focus {
  outline: none;
}
.accordion-button:focus {
  outline: none;
  border-color: red; /* Change to your desired color */
}
.course-page #calendar{
margin-bottom: 150px;
}
/* .custom-title-class{
  color: #ec5171 !important;
} */
/* .course-page .fc .fc-daygrid-day:hover .fc-daygrid-day-top{
  color: white !important;
} */ 

.find-modal-footer{
  display: none;
}

.filter-wrapper{
  position: relative;
  margin-bottom: -35px;
}

@media (min-width: 428px){
  .accordion-body-img{
    display: flex;
    justify-content: center;
}
.find-session-subhead{
  margin-top: 20px;
}
}
.date-filter-dropdowan .search-icon{
  transform: translateX(-98PX);
}
.date-filter-dropdowan .dropdown .feild{
 border: none !important;
 color: #000  !important;
}
/* blog-page-new-section  */
.implementation-img {
  max-width: 100%;
  height: 100%;
}
.imp-img-wrapper {
  width: 30%;
}
.implementation-main-wrapper {
  display: flex;
  justify-content: space-between;
}
.implementation-sub-wrapper {
  display: flex;
}
.founder-details {
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin-left: 20px;
}
.founder-details h2 {
  font-weight: 400;
  font-size: 32px;
}
.founder-details p {
  font-weight: 400;
  font-size: 16px;
  color: #7F8184;
}
.founder-details h2,
.founder-details p {
  margin: 0;
}
.implementation-icons-wrpper {
  display: flex;
  align-items: end;
}
.icons-div {
  width: 33px;
  height: 33px;
  border-radius: 50px;
  background-color: #c2c2c2;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.icons-div a {
  color: white;
}
.implementation-para {
  color: gray !important;
  font-size: 17px !important;
  text-align: justify;
}
.implementation-para p{
  color: #9c9c9cd4;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 27px;
  text-align: justify;
  margin-top: 40px;
}
@media (max-width: 428px) {
  .implementation-sub-wrapper {
    flex-direction: column;
  }
  .founder-details {
    margin-left: 0px;
  }
  .imp-img-wrapper {
    width: 70%;
  }
  .founder-details h2 {
    font-size: 16px;
  }
  .founder-details p {
    font-size: 13px;
  }
  .icons-div {
    height: 30px;
    width: 30px;
  }
  .implementation-icons-wrpper{
    align-items: center;
  }
  .become-student{
    margin-top: 20px;
    font-size: 12px;
  }
}
@media (max-width: 1366px) {
  .implementation-para p {
    font-size: 13px;
  }
}
@media (max-width: 1366px) {
  .implementation-para p {
    font-size: 13px;
  }
  
}
@media (max-width: 1024px) {
  .date-filter-dropdowan{
   left: 85% !important;
  }
}

.icons-div-wrapper{
  display: flex;
}
.success-stories h2{
  font-weight: 600;
    color: #000;
    text-transform: uppercase;
}
.success-stories h2{
  text-align: center;
}
.success-title {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: black !important;
  white-space: nowrap;
  display: flex;
  justify-content: center;
}
.success-text{
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: gray;
  height: 50px;
  text-transform: uppercase;
}
.success-button {
  text-align: center !important;
  display: flex !important;
  justify-content: center;
  color: #EC5171 !important;
  font-size: 12px !important;
  text-transform: uppercase;
  margin-top: 12px;
}
.card-wrapper{
  width: 1000px;
  margin: 0 auto;
}
.card-wrapper-sec{
  margin-top: 20px !important;
}
.card-wrapper-sec .card{
  border-radius: 0px;
}
.success-stories-div {
  height: 262px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}
.success-stories-div h3{
  color: white;
  font-weight: 300;
  font-size: 38px;
}
.success-stories-div h3 span{
  font-weight: 700;
}
.success-stories-div p {
  color: white;
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
.hash-tag{
width: 382px;
text-align: center;
height: 50px;
background-color: #515151;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
}
@media (max-width: 428px) {
  .success-stories-div h3{
   font-size: 22px;
  }
  .hash-tag{
    width: 250px;
  }
  .success-stories-div p{
    font-size: 16px;
  }
  .card-wrapper-sec{
    display: flex;
    justify-content: center;
  }
  .success-stories h2{
    font-size: 16px;
    margin-top: 40px;
  }
  .success-stories{
    padding: 0px;
  }
}
.succes-redirection .card-body{
  background-color: black;
  text-align: center;
  position: relative;
  margin-top: -2px;
}
.succes-redirection .card-title{
  color: #fff;
  font-size: 32px;
  text-transform: uppercase;
}
.succes-redirection .card-text{
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}
.succes-redirection-points{
  font-size: 18px;
  color: #000;
  font-weight: 500;
  margin: 0;
}
.succes-redirection-sub-points{
  font-size: 16px;
  color: #7F8184;
  margin: 0;
}
.succes-redirection .list-group-item{
  text-align: center;
}
.last-card-body{
  color: #000;
  background: linear-gradient(90deg, rgba(193, 222, 232, 1) 25%, rgba(251, 217, 185, 1) 75%);
}
.last-card-body a{
  color: #000;
  font-size: 20px;
  font-weight: 500;
}
.success-redirection-stories h2{
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}
.succes-icons-wrapper{
  display: flex;
  justify-content: center;
  width: 18rem;
  margin-top: 15px;
}
.succes-icon{
  margin-left: 12px;
}
.succes-redirection .list-group-item{
  border: none;
  padding: 0px;
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.success-stories-para {
  font-size: 16px;
  color: #7F8184;
  margin-top: 25px;
  text-align: justify;
}
.succes-iframe{
  margin:20px 0px;
}
.joe-buck-card-page footer{
  margin-top: 70px;
}
.succes-redirection{
  width: 1000px;
}
@media (max-width: 926px) {
  .succes-redirection{
    width: 100%;
  }
}
@media (max-width: 428px) {
  .joe-buck-card-page footer{
   margin-top: 0;
  }
}
.card-wrapper .card{
  border: none;

}
.card-wrapper .card-body{
  border: 1px solid #EDEDED;
}
.card-wrapper-sec img{
  border-radius: 0px;
}
.card-wrapper-sec .card{
  width: 261px !important;
} 
.redirection-card-section .card{
  border: none;
}
.redirection-card-section .list-group-flush{
  border: 1px solid #A6A6A6;
}
.last-card-list {
  padding: 0px;
}
.last-card-body{
  border-bottom: 1px solid #A6A6A6;
  border-radius: 0px;
}
.last-card-list{
  margin-top: 40px;
}
.redirection-card-section .card-img-top{
  margin-bottom: 0px;
}
.course-filter-dropdowan .card-feild{
 border: none !important;
}
.success-stories-page .mobile-nav-toggle{
  color: white;
}
.success-stories-page .navbar-mobile ul{
  background: #000;
}
.date-filter-dropdowan a{
  font-weight: 500;
  font-size: 22px;
}
@media (max-width: 1000px){
  .date-filter-dropdowan a  {
  font-size: 15px;
  }
  .course-page .fc .fc-button-primary{
    margin-top: 0;
  }
}
.course-accordion-button{
  padding: 0.2rem 1rem !important;
}
.course-dialog{
  top:12%;
}
.find-class-modal-content{
  padding-bottom: 20px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.find-class-modal-date{
  color: #000;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
}
#dateModalBody{
  display: none;
}
.fc-button-primary .fc-button-active{
 visibility: hidden;
}
button.fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active {
  visibility: hidden;
}
button.fc-timeGridWeek-button.fc-button.fc-button-primary{
  visibility: hidden;
}
button.fc-timeGridDay-button.fc-button.fc-button-primary{
  visibility: hidden;
}
.fc .fc-toolbar{
  display: block;
}
.fc .fc-toolbar.fc-header-toolbar{
  margin-bottom: -1.5em;
}
.success-stories .footer-section{
  margin-top: 0px !important;
}
.faqpage .dropdown-toggle::after{
  display: none;
}
.faqpage .search-icon{
  transform: translateX(-115PX);
}
.faqpage .course-filter-dropdowan{
  /* box-shadow: 0px 2px 2px 0px #DEDEDE; */
  border-bottom: 1px solid #dedede;
}
.state-drop-down{
  height: 300px;
  overflow-y: scroll;
  padding: 20px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10);
}
.fc-event{
  background-color: transparent;
  border: none;
}
.custom-event .fc-event-title{
  color: #979797;
}
.modal-date{
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.fc-view-harness.fc-view-harness-active{
  margin-top: 40px;
}
.course-modal .modal-header{
  padding: 20px 35px 0px 35px;
}
.course-modal .modal-body{
  padding: 10px 35px 35px 35px;
}

.accordion-styles .accordion-button {
  display: flex;
  align-items: center;
  position: relative;
}
.accordion-styles .accordion-button .fas {
  transition: transform 0.2s;
  padding: 20px;
  font-size: 12px;
}
.accordion-styles .accordion-button.collapsed .fas {
  transform: rotate(0deg);
}
.accordion-styles .accordion-button:not(.collapsed) .fas {
  transform: rotate(180deg);
}
.accordion-styles .accordion-button::after{
  display: none;
}
/* ************ */
.faqpage .row {
  --bs-gutter-x: 1rem !important;
}
.accordion-styles .accordion-button{
  height: 57px;
}

.accordion-styles .accordion-button{
  background-color: #EC5171;
}
.accordion-styles .accordion-button.collapsed span{
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  text-transform: uppercase;
}
.accordion-styles .accordion-button{
  padding: 0px;
}
@media (max-width: 1366px) {
  .accordion-styles .accordion-button span {
   font-size: 12px !important;
  }
  .accordion-styles .accordion-button.collapsed span{
    font-size: 12px;
  }
}
@media (max-width: 428px) {
  .accordion-styles{
   margin-top: 30px !important;
  }

  .quiz-iframe-video{
    width: 100% !important;
  }
  .quiz-video-section h2{
    font-size: 25px !important;
  }
  .should-become-page .header h1{
    font-size: 30px;
  }
}
.accordion-styles .accordion-button span{
  font-size: 15px;
  text-transform: uppercase;
}
.accordion-styles .accordion-button span{
 color: white;
}
.accordion-styles .accordion-button.collapsed{
  background-color: #F7F7F9;
}
.accordion-styles .accordion-button:not(.collapsed){
  color: white;
}
.accordion-styles.accordion-flush .accordion-item{
  padding-top: 20px;
}
.accordion-styles .accordion-item{
  border: none;
}
.accordion-styles .accordion-body{
  font-weight: 500;
  font-size: 14px;
  color: #7F8184;
  text-align: justify;
}
.faqpage .filter-wrapper{
  margin-top: 50px;
}
.accordion-styles{
  margin-top: 30px;
}
.fc-daygrid-body.fc-daygrid-body-unbalanced{
  width: 100% !important;
}
.fc-scrollgrid-sync-table{
 width: 100% !important;
}
/* testimonials styles */
.testimonials-hero-section{
  background-color: #000000;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 547px;
}
section.testimonials-hero-section {
  padding: 10px 0px 0px 0px;
}
.passed-img-wrapper{
  position: relative;
    display: flex;
    align-items: end;
    top: 37px;
}
.faqpage .carousel-indicators [data-bs-target] {
 background-color: #000;
 margin-left: 20px;
 margin-right: 20px;
 width: 8px;
 height: 8px;
}
.faqpage .carousel-control-prev,
.faqpage .carousel-control-next{
  display: none;
}
.testimonials-page .carousel-indicators{
  top:100%;
}
.carousel-pro-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
/* .testimonials-page .carousel.pointer-event{
  min-height: 450px;
} */
.carousel-indicators {
  margin-bottom: 20px; /* Adjust the margin to add space */
}

.carousel-indicators .custom-indicator {
  width: 12px;
  height: 12px;
  background-color: #ccc;
  border-radius: 50%;
  margin: 1px;
}

.carousel-indicators .custom-indicator.active {
  background-color: #FF0066; /* Or any other color you want for the active state */
  width: 14px; /* Slightly larger for the active state */
  height: 14px; /* Outer glow effect */
}

/* Add padding to the bottom of the carousel to ensure space between indicators and shadow */
#carouselExampleCaptions {
  padding-bottom: 40px; /* Adjust this value to add more space */
}
.carousel-indicators .custom-indicator::after {
  content: '';
  border: 1px solid transparent;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: width 0.5s ease, height 0.5s ease, left 0.5s ease, top 0.5s ease; /* Adjust timing as needed */
}

.carousel-indicators .custom-indicator.active::after {
  border: 1px solid red;
  width: 30px;
  height: 30px;
  left: -11px;
  top: -11px;
}
.faqpage .carousel-indicators [data-bs-target]{
  position: relative;
}
.faqpage .accordion-button:focus {
  box-shadow: none;
}
.testimonials h2{
  font-family: "Sacramento", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
  color: #000;
}
.testimonials {
  text-align: center;
  width: 1100px;
  margin: 0 auto;
}
.testimonials h1{
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}
.testimonials-paragraph{
  font-style: italic;
  font-weight: 300;
  font-size: 20px;
}
.img-quatos{
  margin-top:20px;
}
.testimonials-page .carousel-caption{
  padding: 2rem 8rem;
}
/* @media (max-width: 428px) {
  .accordion-styles .accordion-button.collapsed span{
   text-align: justify;
  }
} */
.testimonials-page .carousel-indicators .custom-indicator.active {
width: 8px;
height: 8px;
}
.testimonials-page #carouselExampleCaptions {
  padding-bottom: 0px;
}


.review-section {
  background-image: url('/images/web_new_reskin/review_bg.png'); /* Replace with your background image path */
  background-size: cover;
  background-position: center;
  color: white;
  height: 512px;
  margin-top: 130px;
  padding: 68px 0px 100px 0px;
}

.section-title {
  font-size: 2.5rem;
  margin-bottom: 20px;
}

.section-description {
  font-size: 15px;
  margin-bottom: 40px;
  width: 821px;
  color: #f2f2f2;
  font-weight: 400;
}
.review-form .form-control {
  background-color: #515151;
  border: none;
  color: white;
  height: 50px;
  border-radius: 0px;
}
.review-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.review-form .form-control:focus{
  box-shadow: none;
}
.review-form .btn {
  border: none;
}
.review-section h2{
  font-family: "Sacramento", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
  color: #ffff;
}

.review-form .btn:hover {
  background-color: #5a6268;
}
.review-section-wrapper{
  width: 808px;
}
.review-form textarea{
  height: 50px;
  padding-top: 13px;
}
.review-submit-button{
  width: 175px;
  height: 50px;
  color: #fff;
  border-radius: 50px;
  background-color: #515151;
}
.review-section h1{
  font-weight: 400;
  font-size: 40px !important;
}
@media (max-width: 926px) {
  .section-description{
    width: 100%;
  }
}
@media (max-width: 428px) {
  .review-section-wrapper{
    width: 100%;
  }
  .testimonials-page section.footer-section{
    padding: 200px 20px 20px 20px;
  }
  .faqpage .carousel-caption {
    padding: 2px 2px;
  }
  .testimonials-paragraph{
    font-size: 16px;
    font-size: 16px;
    text-align: justify;
    padding: 2px 10px;
    margin-top: 15px;
  }
  .blog-hero-wrapper{
    height: 300px;
    align-items: center;
  }
  .review-section{
    margin-top: 55px;
  }
  .faqpage .carousel-indicators [data-bs-target]{
    width: 5px;
    height: 5px;
  }
  .faqpage .carousel-indicators .custom-indicator.active{
    width: 5px;
    height: 5px;
  }
  .carousel-indicators .custom-indicator.active::after{
    top:-13px;
    left:-12px;
  }
  .review-section h1{
    font-size: 30px !important;
  }
}
.testimonials-page .mobile-nav-toggle{
  color: white;
}
.testimonials-page .navbar a, .navbar a:focus {
  color:black;
}
.testimonials-page .nav-top-buttons-login{
  background-color: white;
  color: #000;
}
.testimonials-page .nav-top-buttons-login:hover{
  background-color: white !important;
  color: #000;
}
.fc-daygrid-day {
  height: 20px; /* Adjust the height as needed */
}
a.btn.dropdown-toggle.feild.card-feild.custom-dropdown-button.border-none.dark-color{
  top:4px;
}
@media (max-width: 428px) {
.course-page #calendar {
display: none !important;
}
.fc-header-toolbar{
  display: none;
}
.find-course-page .course-filter-dropdowan{
  display: none;
}
.date-filter-dropdowan{
  display: none;
}
}
.small-screen-calender li{
  padding: 12px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    border-bottom: 1px dashed #e0e0e0;
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 120%;
    display: flex;
    justify-content: space-between;
   
}
.small-screen-calender{
  display: none;
}
@media (max-width: 428px) {
  .small-screen-calender {
  display: block !important;
  }
  button.course-accordion-button.course-accordion-button{
    font-size: 11px;
    padding: 10px !important;
  }
  .course-demo-two h3{
    margin-top: 0px;
  }
  .course-demo-two{
    height: 1000px !important;
  }
  .course-demo-two .get-started-btn{
    top: 122px;
  }

}
.small-screen-calender li a {
  font-size: 12px;
  line-height: 1.25em;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Teko, sans-serif !important;
  font-weight: 500;
  font-family: lato;
  color: #29282d !important;
  text-decoration: none;
  outline: none;
}
.small-screen-calender h3{
  font-size: 25px !important;
    font-family: Teko, sans-serif;
    text-align: left;
    margin-top: 40px;
    color: #29282d !important;
}
.event-list-wrapper{
  display: flex;
  justify-content: space-between;
}
.event-list-wrapper{
  display: flex;
  flex-direction: column;
}
.event-container{
  margin-top: 20px;
}
.accordion-button:focus{
  box-shadow: none !important;
}
/* Hide the sixth row in the month view */
.fc-daygrid-body tr:nth-child(6) {
    display: none;
}
/* question page style */
.questions-container {
  max-width: 1040px;
  margin: 55px auto;
  background-color: white;
  border-radius: 8px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  overflow: hidden;
}

.section {
  padding: 20px;
  /* border-bottom: 1px solid #e0e0e0; */
}

.section-title {
  background-color: #6b6b6b;
  padding: 10px 10px 10px 30px;
  font-size: 15px;
  margin: 0 -20px 20px;
  height: 57px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}

.question {
  margin-bottom: 20px;
  padding: 0px 20px;
}
.real-estate-practice-head{
  text-align: center !important;
  align-items: center !important;
  margin-top: 145px;
  font-weight: 600;
  line-height: 51.6px;
}
.blog-hero-wrapper-para {
  color: #ffff;
  font-size: 16px;
  text-align: center;
  width: 956px;
  /* margin-top: -95px; */
  font-weight: 500;
  line-height: 24px;
}
.practice-button-wrapper{
  text-align: center;
}
.practice-button-wrapper button{
  width: 227px;
    height: 48px;
    background-color: #000;
    color: #fff;
    border-radius: 50px;
    margin-top: 20px;
    text-transform: uppercase;

}
/* .real-estate-practice-wrapper{
  align-items: end;
} */

.questions-container .options {
  list-style-type: none;
  padding: 0px 30px;
}

.questions-container .options li {
  margin: 5px 0;
  display: flex;
}

.questions-container input[type="radio"] {
  margin-right: 15px;
  width: 14px;
  height: 14px;
  margin-top: 5px;
}

.question p {
  font-size: 15px;
  color: #333;
  letter-spacing: 0.5px;
  line-height: 23px;
  font-weight: 400;
  text-indent: -15px; /* Adjust this value to match the numeral's width */
  margin-left: 15px; /* This should be the same as the negative text-indent value */
}
.question ul li input{
  accent-color: #000000;
}
@media (max-width: 428px) {
  .blog-hero-wrapper-para {
  font-size: 10px;
  line-height: 16px;
  text-align: justify;
  }
  .blogpage .footer-section{
    margin-top: 0px !important;
  }
  .real-estate-practice-head{
    margin-top: 88px;
    line-height: 30px;
  }
  .question p {
    text-align: justify;
  }
  .find-course-page  section.footer-section{
    margin-top: 120px;
  }
  .accordion-button-wrapper{
    flex-direction: column;
  }
  .save-myseat-button{
    width: 100%;
    font-size: 12px;
  }
  .sub-text{
    display: none;
  }
  .license-youtube-para{
    width: auto !important;
    padding-top: 10px !important;
  }
  .license-second-youtube-para{
    padding-top: 0px !important;
  }
  .steps-section{
    margin-top:  655px !important;
  }
  .step-content{
    text-align: justify;
  }
  .real-estate-accordion-section h1{
    line-height: 30px;
  }
  .real-estate-accordion-section .real-estate-accordion{
    margin-top: 25px !important;
  }
  .second-real-estate-license{
    display: block !important;
  }
  .first-real-estate-license{
    display: none;
  }
  .getmylicence-youtube-section h2{
    font-size: 20px !important;
  }
  .steps-to-become-broker p {
    text-align: justify;
  }
  .broker-center-content p{
    text-align: justify;
    margin-top: 20px !important;
  }
  .broker-california-page header{
    margin-bottom: 0px !important;
  }
  .requirements h3{
    font-size: 20px !important;
  }
  .broker-california-page .requirements p{
    margin-top: 8px !important;
    text-align: justify;
  }
  .broker-california-page header h2{
    margin-top: 40px !important;
  }
  .second-steps-image{
    margin-top: 10px !important;
  }
  .second-steps-image p{
    text-align: center !important;
  }
  .requirements h3 {
    margin-top: 0;
  }
  .broker-wrapper{
    width: 100% !important;
  }
  .step-by-step h3{
    margin-top: 20px !important;
    text-align: center;
  }
  .prep h2{
    margin-top: 20px;
  }
  .requirements h3{
    margin-top: 35px;
  }
  
  .should-become-page .assessment-form h3{
    font-size: 32px !important;
  }
  .prize-wrapper{
    padding: 0px !important;
  }
  .pricing .get-started-btn{
    margin-top: 110px !important;
  }
  .wrp{
    height: auto;
  }
  .how-to-get-real-estate-page .getmylicence-youtube-section h2 {
    margin-top: 230px;
  }
  .how-to-get-real-estate-page .license-youtube-para{
    margin-top: 325px;
  }
  /* .second-section{
    margin-left: 0px;
  } */
   .borker-main-head{
    text-align: center;
   }
   .broker-point-quiz-section h2 {
    font-size: 26px !important;
   }
}
.broker-wrapper{
  width: 1060px;
}
.borker-main-first-head{
  margin-top: 70px;
}
.borker-main-second-head{
  margin-top: 40px;
}
.priciple-points{
  margin-left: 15px;
}
.fc-daygrid-day-frame {
  height: auto !important; /* Adjust this value to your needs */
  overflow: hidden; /* Ensure content doesn't overflow */
}
.fc-scroller {
  overflow: hidden !important;
}
table.fc-scrollgrid-sync-table{
  height: 646px !important;
}
.fc .fc-scrollgrid-liquid{
  height: 80%;
}
@media (max-width: 1025px) {
  .fc .fc-scrollgrid-liquid{
    height: 110% !important;
  }
}
  @media (max-width: 1366px) {
    .fc .fc-scrollgrid-liquid{
      height: 92%;
    }
}
.find-page h2{
  text-align: center;
}
.event-container-day a{
  font-weight: 600 !important;
  font-size: 18px;
}
a.dropdown-item.year-and-month{
  font-size: 18px !important;
}
.event-container-day{
  margin-top: -44px;
}

.steps-section {
  padding: 30px 0;
  margin-top: 260px;
}
.step {
  margin-bottom: 30px;
}
.step-number {
  font-weight: 500;
  font-size: 26px;
  margin-bottom: 15px;
  color: #7F8184;
  margin-bottom: 0;
}
.step-content {
  margin-bottom: 15px;
}
.steps-image {
  text-align: center;
}
.steps-image img {
  max-width: 100%;
  height: auto;
}
.list-item {
  margin-bottom: 10px;
}
.steps-image p{
  font-size: 24px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 0;
}
.license-youtube-para{
  width: 878px;
}
.license-youtube-para{
  margin-top: 640px !important;
}
.license-second-youtube-para{
  margin-top: 735px !important;
}
.accordion-styles.real-estate-accordion .accordion-button.collapsed{
  background-color: white;
}
.real-estate-accordion-section{
  background-color: #302F34;
  text-align: center;
}
.accordion-styles.real-estate-accordion.accordion-flush .accordion-item{
  margin-bottom: 10px;
  padding-top: 0px;
}
.accordion-styles.real-estate-accordion.accordion-flush{
  background-color: #302F34; 
}
.accordion-styles.real-estate-accordion.accordion-flush .accordion-collapse{
  background-color: #302F34;
}
.real-estate-accordion-section h1{
  font-size: 36px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700; 
  color: #ffff;
}

.accordion-styles.real-estate-accordion .accordion-item:last-of-type .accordion-collapse{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.accordion-styles.real-estate-accordion .accordion-header{
  height: 57px;
}
.real-estate-accordion-section{
  padding: 60px 0px 98px 0px;
}
.name-text{
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  margin-left: 60px;
  margin-top: 60px;
}
.step-content p a{
  text-decoration: underline;
}
.step h3{
  color: #000;
  font-weight: 600;
}
.real-estate-accordion .accordion-body{
  color: #FFFFFF;
}
.span br{
display: none;
}
.second-real-estate-license{
  display: none;
}

/* borker page styles */



.broker-california-page header {
  /* text-align: center; */
  margin-bottom: 20px;
}

.broker-california-page header h2 {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  color: #000;
  margin-top: 80px;
}
.step-by-step h3{
  font-size: 14px;
  font-weight: 500;
  color: #444;
  margin-top: 80px;
}
.requirements h3{
  font-size: 26px;
  font-weight: 600;
  color: #000;
  /* margin-top: 60px; */
}
.requirements ul{
  margin-left: 20px;
  line-height: 30px;
}
.steps-to-become-broker h2{
  font-size: 30px;
  font-weight: 600;
  color: #000;
}
h3.broker-subhead{
font-size: 20px;
font-style: italic;
color: #000;
}
.steps-to-become-broker p{
  margin-top: 15px;
}
.borker-main-head{
  font-size: 26px;
  font-weight: 600;
  color: #000;
}

.broker-california-page section h2,.broker-california-page section h3 {
 
  margin-bottom: 10px;
  /* text-align: center; */
}

.broker-california-page .introduction,.broker-california-page .details,.broker-california-page .prep,.broker-california-page .background,.broker-california-page .step-by-step, .requirements {
  /* margin-bottom: 20px; */
}

.broker-california-page .introduction p,.broker-california-page .details p,.broker-california-page .prep p,.broker-california-page .background p {
  font-size: 1rem;
  margin-bottom: 0px;
  margin-top: 20px;
  /* text-align: center; */
}
.details,
.prep,
.background,
.borker-header,
.introduction{
  text-align: center;
  max-width: 800px;
}
.broker-center-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* max-width: 838px; */
}

.introduction h2{
  font-size: 20px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 0;
}
.prep h2{
  font-size: 20px;
  font-weight: 500;
}

.borker-header h1{
  text-align: center;
}

.broker-california-page strong {
  font-weight: bold;
  font-size: 1.2rem;
  /* text-align: center; */
  display: block;
  margin: 10px 0;
}

.broker-california-page .requirements ul {
  list-style-type: none;
  margin: 10px 0;
  padding: 0;
}

.broker-california-page .requirements ul li {
  font-weight: 500;
  margin-bottom: 10px;
  margin-left: 20px;
  color: #000;
}

.broker-california-page .requirements p {
  font-size: 1rem;
  margin-top: 50px;
}

.broker-california-page a:hover {
  text-decoration: underline;
}
.broker-steps{
  font-size: 20px;
  color: #7F8184;
  font-style: italic;
  margin-top: 55px;
  text-transform: uppercase;
  font-weight: 500;
}
.broker-steps-list{
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 35px;
}
.note-text{
  font-size: 15px;
  font-style: italic;
  color: #7F8184;
}
.six-steps{
  margin-top: 20px;
}
.home-pricing{
  justify-content: center;
}
.high-light-home-box .box{
  background-color: #000;
}
.high-light-home-box h3{
  color: white;
}
.high-light-home-box p{
  color: white;
}
.high-light-home-box h4{
  color: white;
}
.high-light-home-box .pricing-white li{
  color: white !important;
}
.high-light-home-box  .get-started-btn{
  background-color: white !important;
  color: #000 !important;
}
.forget-text{
  margin-top: 30px;
}
.second-steps-image{
  margin-top: 107px;
}
.link-blue{
 color: #007EBB;
 text-decoration: underline;
}
.text-decoration-underline{
  text-decoration: underline;
}
p.broker-steps{
  margin-top: 50px;
}
.button-content.quiz-button-content{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 9px;
  font-size: 15px;
  text-transform: uppercase;
}
/* .second-section{
  margin-left: 280px;
} */

 /* Custom CSS */
 .should-become-page .header {
  text-align: center;
  padding: 2rem 0;
}
.should-become-page .header h1 {
  font-weight: 700;
  font-size: 40px !important;
  color: #000;
}
.should-become-page .header p {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.should-become-page .icons-section {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 2rem;
}
.should-become-page .icons-section .icon-box {
  text-align: center;
  width: 205px;
}
.should-become-page .icon-box img {
  width: 100px;
  height: 100px;
}
.should-become-page .faq-section {
  margin: 2rem 0;
}
.should-become-page .assessment-form {
  padding: 2rem;
  border-radius: 10px;
  margin-top: 66px;
  margin-bottom: 40px;
}
.should-become-page .assessment-form h3 {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: #000;
}
.should-become-page .accordion-button:not(.collapsed) {
  background-color: #fa396f;
  color: white;
}
.should-become-page .form-control {
  margin-bottom: 1rem;
  border-radius: 0px;
}
.real-quiz-wrapper{
  display: flex;
  justify-content: space-between;
}
.should-become-page .course-filter-dropdowan{
  border-bottom: 1px solid #dedede;
}
.author-sign{
  display: flex;
  justify-content: end;
}
.quiz-video-section{
  text-align: center;
  background-color: #333333;
  height: 705px;
}
.quiz-video-section h2{
  font-size: 36px;
  color: #fff;
  font-weight: 705px;
}
.should-become-page .carousel-indicators {
  margin-bottom: -51px;
}
.should-become-page .carousel-indicators [data-bs-target]{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #000;
}
.should-become-page .carousel-indicators .active{
  background-color: #979797;
}
.should-become-page .carousel{
  margin-top: 50px;
}
.filed-label{
  font-size: 16px;
  font-weight: 300;
  color:#9c9c9c ;
}
.assessment-form .input.form-control{
  height: 57px;
  width: 438px;
}
.assessment-form-filed{
  width:438px;
  height: 57px;
}
.submit-quiz-button{
  width: 226px;
  height: 57px;
  margin-top: 23px;
  border-radius: 50px;
  text-transform: uppercase;
}
.should-become-page .carousel-control-prev{
  display: none !important;
}
.should-become-page .carousel-control-next{
  display: none !important;
}
.icons-section .icon-box p{
  color: #000;
  font-weight: 500;
  font-size: 20px;
}
.accordion-styles .accordion-button.collapsed span{
  font-weight: 600;
  font-size: 15px;
  color: #000;
}
.icon-box svg:hover path{
  fill: #EC5171;
}
.quiz-button{
  border: none;
  color: white;
  /* padding: 15px 40px; */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 34px;
  height: 65px;
  width: 307px;
  background-color:  #EC5171;
}
.should-become-page .broker-hero-text {
  margin-top: 110px;
}
.should-become-page .course-filter-dropdowan .card-feild{
  width: 488px;
}
.should-become-page .filter-wrapper {
  margin-top: 15px;
}
.should-become-page section.footer-section {
  margin-top: 0px !important;
}
.should-become-page .carousel-indicators [data-bs-target] {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.Support-section{
  padding: 60px 0px 0px 0px;
}
.base-section{
  padding: 20px 0px 0px 0px;
}
.find-head{
  margin: 0;
}
.row.assessment-row{
  --bs-gutter-x: -18rem;
}
.should-become-page .search-icon{
  transform: translateX(-115PX);
}
.should-become-page .dropdown-toggle::after{
  display: none;
}
.contact-info {
  font-size: 14px;
  margin-top: 20px;
}
.career-head{
  font-size: 15px;
  color: #343434;
  font-weight: 600;
  margin: 0;
}
.career-para{
  font-weight: 300;
  color: #333333;
  font-size: 15px;
  margin: 0;
}
.career-sub-para{
  font-weight: 300;
  color: #333333;
  font-size: 13px;
  margin: 0;
}
.careers-map-iframe{
  width: 100%;
}
/* .careers-video-iframe{
  width: 100%;
} */
.para-head-wrapper{
  margin-top: 20px;
}
.careers-list{
  margin-top: 15px;
}
.career-video-head{
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  color: #000;
  margin-top: 30px;
  text-transform: uppercase;
}
.careers-video{
  text-align: center;
  margin-top: 30px;
}
.careers-page-head{
  text-align: center;
}
.career-para-spaceing{
  margin-top: 20px;
}
.careers-map-iframe{
  margin-top: 40px;
}
#togglePassword{
  padding: 0;
    background: white;
    border: none;
}
.input-group-append .input-group-text{
  border: none;
  background: none;
}
.input-group-append{
  margin-top: 11px;
  display:flex;
  justify-content: center;
  align-items: center;
}
#toggleConfirmPassword{
  padding: 0;
}
.getmylicence-fwd-section{
margin-top: 108px;
}
.getmylicence-pre-license h2{
  color: white;
}
.getmylicence-pre-license p{
  color: white;
  line-height: normal;
}
.getmylicence-fwd-enroll button{
  width: 189px;
  height: 48px;
  background-color: #000;
  color: #fff;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  border: none;
}
.getmylicence-fwd-section{
  height: 440px;
  background-repeat: no-repeat;
}
.getmylicence-fwd-section .youtube-frame{
  width: 550px;
  height: 325px;
  top: -64px;
  position: relative;
}
@media (max-width: 428px){
  .getmylicence-fwd-section .youtube-frame{
  top: -15px !important;
  position: relative;
  }
}
.doller-style{
  font-size: 32px !important;
  margin-top: 10px;
}
.get-doller-style{
  font-size: 32px !important;
}
.careers-section{
  height: 440px !important;
}
.reg-password{
  border: none !important;
}
.form-control.reg-password:focus{
  box-shadow: none !important;
}
.password-row{
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid #d9dbdd;
  border-radius: 10px;
  height: 50px;
  width: 450px;
}
.reg-password{
  background: transparent;
  height: 45px !important;
}

.input:-internal-autofill-selected {
  background-color: white;
 }
.registration-page input:focus, 
.registration-page textarea:focus, 
.registration-page select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #ddd !important; /* Optional: Adjust to match your design */
}
.registration-page input:-internal-autofill-selected {
  appearance: menulist-button;
  background-image: none !important;
  background-color: yellow !important;
  color: fieldtext !important;
}

/* Grid layout container */
.image-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0px;
  max-width: 100%; /* Ensure responsive behavior */
}

/* Styling for each image wrapper */
.ipassed-image-container {
  position: relative;
  overflow: hidden;
  /* border-radius: 8px; */
}

/* Ensure images fill the container */
.ipassed-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease, filter 0.4s ease;
  transform-origin: center center;
}

/* Hover effect: Zoom in without changing dimensions */
.ipassed-image-container:hover img {
  transform: scale(1.1) skew(1deg, 1deg); /* Slight skew for visual interest */
  filter: brightness(1.1); /* Optional: Slight brightness increase */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .image-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 images per row */
  }
}
@media (max-width: 429px) {
  .i-passed-web{
    display: none
  }
}
@media (max-width: 480px) {
  .image-grid {
    grid-template-columns: 1fr; /* 1 image per row */
  }
}
 /* ipassed carousel styles */
/* Carousel container */
/* Carousel container */
/* Carousel Container */
 .i-passed-img-wrapper {
      width: 90%;
      max-width: 400px;
      overflow: hidden;
      position: relative;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
 


.i-passed .carousel img{
  display: block !important;
}
.i-passed .carousel-control-prev,
.i-passed .carousel-control-next{
display: none !important;
}
.i-passed-carousel-control-icons{
  display: none !important;
}
.i-passed-slide-img{
  width: 100% !important;
  border-radius: 0px !important;
}
.i-passed-img-sm-wrapper{
  display: none;
}
@media (max-width: 768px) {
  .i-passed-img-sm-wrapper{
    display: block; /* 1 image per row */
  }
  
}
.state-down-arrow{
  position: relative;
  top: -35px;
  left: 74%;
}
@media (max-width: 1024px){
  .state-down-arrow{
    left: 85%;
  }
}
.faq-link{
  /* text-decoration: underline; */
  color: #007EBB;
}
.i-passed-web{
  padding-bottom: 80px;
}

.reg-price-wrapper .package-card {
  /* border: 1px solid #ddd; */
  border-radius: 8px;
  /* text-align: center; */
  /* padding: 20px; */
  margin: 5px;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
}
.reg-price-wrapper .price {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 10px;
}
.reg-price-wrapper .price span {
  font-size: 20px;
}
.reg-price-wrapper .btn-package {
  width: 70%;
  border-radius: 30px;
  /* font-weight: bold; */
  padding: 12px;
  margin-top: 20px;
}
.reg-price-wrapper .package-card:nth-child(1) .btn-package {
  /* background-color: #28a745; */
  color: white;
  text-transform: uppercase;
}
.reg-price-wrapper .package-card:nth-child(2) .btn-package {
  background-color: #007bff;
  color: white;
}
.reg-price-wrapper .package-card:nth-child(3) .btn-package {
  background-color: #fd7e14;
  color: white;
}
.reg-package-text{
  text-align: left;
  font-size: 20px;
  text-transform: uppercase;
}
/* .reg-packages li::before{
  content: 'â€¢'
} */
.package-card ul li{
  list-style-type: disc !important;
  white-space: nowrap;
  font-size: 16px;
  line-height: 28px;
}
.reg-text-success{
  color: rgb(57 203 138) ;
}
.reg-text-primary{
  color: rgb(5 109 204);
}
.reg-text-warning{
  color: rgb(235 31 70); 
}
.reg-text-success-btn{
  background-color: rgb(57 203 138) !important;
}
.reg-text-primary-btn{
  background-color: rgb(5 109 204) !important;
}
.reg-text-warning-btn {
  background-color: rgb(235 31 70) !important;
}
.reg-dashed-border{
  border-right: 1px dashed #000;
}
@media (min-width: 926px){
  .divider-gray-physical {
    margin-top: 100px !important;
 }
 }
 @media (max-width: 926px){
  .reg-packages {
    border: none !important;
 }
 }
 @media (max-width: 1024px){
  .package-card ul li  {
    font-size: 12px;
 }
 .reg-price-wrapper .container{
  margin: 0;
 }
 .package-card ul{
  padding-left: 1rem;
 }
 }
 .home-page .accordion-button:not(.collapsed)::after{
  background-image: url(/images/web_new_reskin/dash.svg) !important;
 }
 @media (max-width: 768px){
  section.why-choose-us-section .accordion{
    padding: 0px 50px;
   }
 }
 @media (max-width: 428px){
  section.why-choose-us-section .accordion{
    padding: 0px 20px;
   }
   .password-row{
    width: 100%;
   }
   .reg-price-wrapper .btn-package{
    width: 100% !important;
   }
   .careers-video-iframe{
    width: 100%;
   }
 }
 @media (max-width: 926px){
   .password-row{
    width: 100%;
   }
   .step-one-feild-sec label{
    font-size: 15px;
   }
   .reg-price-wrapper .btn-package{
    width: 60%;
   }
   .broker-head-para-wrapper{
    width: 100% !important; 
  }
  .steps-to-become-broker h2{
    font-size: 22px;
  }
 }
 .coupon-wrapper{
  display: flex;
  justify-content: center;
 }
 .payment-card-section{
  max-width: 1000px;
  margin: 30px auto;
 }
 .getmylicence-page .black-button{
  border: none;
 }
 .price-tag-wrapper{
  display: flex;
 }
 .reg-text-warning-tag{
  margin-top: -40px;
 }
 @media (max-width: 1024px){
  .reg-text-warning-tag{
    width: 25%;
    height: 58px;
    margin-top: -15px;
     }
 }
 @media (max-width: 926px){
  .reg-text-warning-tag{
    width: 10%;
    height: 58px;
    margin-top: 0px;     }
 }
 @media (max-width: 428px){
  .reg-text-warning-tag{
    width: 25%;
    height: 58px;
    margin-top: 0px;
     }
     .steps-to-become-broker h2{
      font-size: 20px;
      text-align: center;
     }
 }
 .careers-page .accordion-styles .accordion-button.collapsed span{
  font-size: 15px !important;
 }
#faq-three{
  margin-top: 20px;
}
.support-video-tittles p{
  color: white;
  font-size: 13px;
  text-align: center;
  margin-top: 30px;
  text-decoration: underline;
}
.text-msg-box{
  display: none;
}
.button-content-learning{
  font-size: 20px;
}
@media (max-width: 428px){
  .text-msg-box{
   display: flex;
     }
     .button-content-learning{
      font-size: 15px;
     }
     .free-online-trail-wrapper{
      width: 100% !important;
     }
 }
 .how-to-get-real-estate-page .getmylicence-youtube-section iframe{
  width: 600px;
 }
 .how-to-get-real-estate-page .steps-section{
  margin-top: 720px;
 }
 .how-to-get-real-estate-page .getmylicence-youtube-section h2{
  margin-top: 380px;
 }
 .how-to-get-real-estate-page .license-youtube-para{
  margin-top: 500px !important;
 }
 .how-to-get-real-estate-page .license-second-youtube-para{
  margin-top: 598px !important;
 }
 .free-online-trail-header h1{
  margin: 0;
  font-weight: 600;
  font-size: 30px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
 }
 .free-online-trail-header{
  margin-top: 60px;
 }
.free-online-trail-wrapper{
  width: 950px;
}
.free-online-step-one-feild-sec .feild{
  width: 450px;
  height: 57px !important;
  border-radius: 0px;
  color: #9C9C9C;
}
.free-online-trail-wrapper .fa-eye{
  position: relative;
  top: -55px;
  left: 400px;
}
.free-online-step-one-feild-sec .password-row{
  height: 60px;
  border-radius: 0px;
}
.free-online-trail-button{
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.free-online-trail-button button{
  width: 166px;
  height: 50px;
  background-color: #000;
  color: white;
  border-radius: 50px;
  text-transform: uppercase;
}
.trail-wrapper {
  color: #333;
  line-height: 1.6;
  margin-top: 90px;
}

.trail-wrapper p {
  margin-bottom: 1.5rem;
}

.trail-wrapper .fw-bold {
  color: #2c3e50;
  font-size: 1.2rem;
}

.trail-wrapper ul li {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.list-circle li{
  list-style-type: circle;
}
.lead{
  font-size: 15px;
  font-weight: 300;
  color: #000;
  text-align: justify;
}
.remember-points{
  font-weight: 500;
}
.free-online-step-one-feild-sec label{
  font-size: 15px;
}
.free-online-step-one-feild-sec {
  margin-top: 30px;
}
.agreementcheck-box {
  top: -38px;
  position: relative;
  left: 25px;
}
 .free-online-step-one-feild-sec .form-check-input:checked{
  background-color: black !important;
 }
 .free-online-step-one-feild-sec .form-check-input:checked{
box-shadow: none !important;
border: none !important;
 }
 .broker-points h2 {
  font-weight: bold;
  color: #000;
}

.broker-points p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
  color: #555;
}

.broker-points ol {
  font-size: 18px;
  padding-left: 20px;
}

.broker-points ol li {
  margin-bottom: 45px;
  font-size: 15px;
}

.broker-points strong {
  font-weight: 600;
  color: #333;
}
.broker-points{
  width: 1060px;
}
.broker-quiz-section{
  padding: 15px 0px 0px 0px;
  margin-top: 90px;
}
.broker-point-quiz-section h2{
  text-align: center;
  font-weight: 700;
  color: #000;
  font-size: 36px;
  margin: 0;
}
.broker-point-quiz-section h2{
  margin-bottom: 0 !important;
}
.broker-point-quiz-section h2{
  text-align: center;
}
.broker-quiz-questions p{
  margin-bottom: 0;
}
.broker-quiz-questions-points{
  text-align: center;
  font-style: italic;
}
.broker-point-quiz-section .card{
  border: none;
  background-color: transparent;
}
.broker-point-quiz-section .card h5{
  font-size: 16px;
  font-weight: 500;
}

.form-check-input {
  -webkit-appearance: none;
  appearance: none;
  width: 1.2em;
  height: 1.2em;
  border: 1px solid #000000a1;
  border-radius: 50%;
  background-color: white; /* Background color when unchecked */
  position: relative;
  cursor: pointer;
}

.package-divider{
  font-weight: 400;
  font-size: 20px;
}


/* Styling for the checked radio button */
.broker-point-quiz-section .form-check-input:checked {
  background-color: white; 
  border-color: black;
}

.broker-point-quiz-section .form-check-input:focus{
  box-shadow: none !important;
}
.broker-point-quiz-section{
  position: relative;
}
.quiz-exam-winning-pop-up{
  width: 1120px;
  height: 632px;
  background-color: black;
  position: absolute;
  left: 50%;
  top:63%;
  display: flex;
  /* justify-content: center;
  align-items: center; */
  z-index: 100;
  display: flex;
  flex-direction: column;
}

.quiz-exam-winning-pop-up .bi-check2-circle{
  color: #1A8E07;
  font-size: 50px;
  display: flex;
  justify-content: center;
  padding: inherit;
}
.quiz-exam-winning-pop-up {
  background-color: white;
  position: absolute;
  /* top: 50%;
  left: 50%; */
  transform: translate(-50%, -50%);
  -webkit-box-shadow: -2px -1px 13px 0px rgb(0 0 0 / 22%);
  -moz-box-shadow: -2px -1px 13px 0px rgb(0 0 0 / 22%);
  box-shadow: -2px -1px 13px 0px rgb(0 0 0 / 22%);
}
.quiz-exam-fail-pop-up{
  width: 1120px;
  height: 491px;
  background-color: white;
  /* display: flex; */
}
.pass-pop-button-wrapper{
  width: 100%;
}
.pass-pop-button-wrapper{
  display: flex;
  justify-content: center;
}
.borker-page-para{
  text-align: center;
  font-size: 24px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: end;
}
.broker-hero-head{
  font-size: 44px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: end;
  justify-content: center;
}
.black-button-red-text{
  width: 345px;
  background-color: #000000;
  color: #EC5171;
  border: none;
  text-transform: uppercase;
  height: 50px;
  border-radius: 50px;
  font-weight: 500;
}
.broker-hero-head-para{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.broker-scroll-text{
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.form-check-input:checked[type=radio]{
  background-image: url(/images/web_new_reskin/download.svg);
}
.broker-radio-options{
  margin-left: 12px;
  margin-top: 2px;
}
.broker-quiz-questions{
  margin-top: 5px;
}
.exp{
  font-size: 16px;
  font-weight: 600;
}
.con-text {
  font-size: 16px !important;
  text-align: center;
  color: #252430 !important;
  width: 40%;
  font-weight: 500;
}
.con-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 350px;
}
.passed-con-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.exp-education{
  margin-bottom: 45px;
}
.event-drop-down{
  position: relative !important;
}
.event-drop-down-wrapper{
  display: flex;
  justify-content: space-around;
  margin-top: 60px;
}
.broker-place-holder-text{
  color: #7F8184 !important;
}
.form-section input.broker-place-holder-text::placeholder{
  color: #252430 !important;
}
.Congratulation-text{
  color: #1A8E07;
  font-size: 32px;
}
.broker-form-section p{
  font-size: 20px;
}
.broker-buttons{
  width: 167px;
  height: 40px;
  background-color: #000;
  border-radius: 32px;
  color: white;
}
.broker-button-wrapper{
  margin-top: 20px;
}
.quiz-exam-fail-pop-up{
  position: absolute;
  -webkit-box-shadow: -2px -1px 13px 0px rgb(0 0 0 / 22%);
    -moz-box-shadow: -2px -1px 13px 0px rgb(0 0 0 / 22%);
    box-shadow: -2px -1px 13px 0px rgb(0 0 0 / 22%);
    top:63%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.failed-text-para{
  width: 70%;
  text-align: center;
}
.quiz-exam-fail-pop-up .bi-x-circle{
  color: #F33C62;
  font-size: 32px;
  padding: 0;
}
.broker-failed-text{
  font-size: 32px;
  color: #F33C62;
}
.failed-text-para{
  color: #000;
  font-size: 18px;
  font-weight: 500;
}
.broker-head-para-wrapper{
  width: 1037px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #F7F7F7;
  margin-top: 60px;
}
.broker-requirements{
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.broker-requirements-points{
  width: 319px;
  height: 49px;
  background-color: #252430;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.requirements{
  text-align: center;
}
.blue-link{
  color: #007bff !important;
}
.failed-pop-button{
  margin-top: 40px;
}
/* .pass-pop-button{
  margin-top: 240px;
} */
.broker-point-quiz-section{
  background-color: #EAEAEB;
}
.broker-california-page .footer-section{
  margin-top: 0px;
}
.faild-pass-test-wrapper{
  padding-top: 40px;
  padding-bottom: 40px;
}
.close-button-wrapper{
  display: flex;
  justify-content: end;
}
.close-button-wrapper i{
  color: #000;
}
/* new about page start */
.about-hero-section {
  background-image: url(/images/web_new_reskin/photographer.jpg);
  background-color: #cccccc;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* height: 547px; */
}
.about-us-page .blog-hero-section{
  height: 947px;

}
@media (min-width: 428px){
  .about-page-text{
    margin-top: 288px !important;
}
}
.about-page-text{
  text-align: center;
  font-size: 104px;
  font-weight: 300;
  color: white;
}
.about-page-para{
  text-align: center;
  font-size: 55px;
  font-weight: 200;
  margin: 0;
  line-height: 60px;
  color: white;
  font-family: "Poppins", sans-serif;
  font-style: normal;

}
.our-mission-text{
  text-align: center;
}
.our-mission-para{
  text-align: center;
}
@media (max-width: 428px){
  .our-mission-para{
margin-top:0px !important;
  }
}
.our-mission-para{
  color: #C7C6C5;
}
.our-mission-text{
  font-size: 24px;
  color: #C7C6C5;
  margin-top: 60px !important;
}
@media (max-width: 428px){
  .our-mission-text{
margin-top:30px !important;
  }
}
/* .ask-button-wrapper{
  position: relative;
  top: 381px;
  left: 39%;
} */
.ask-button-wrapper{
  top: 100%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 1;
position: absolute;
}
.ask-24 {
  background: linear-gradient(90deg, #EECDA3 0%, #EF629F 92.97%), linear-gradient(90deg, #EECDA3 0%, #EF629F 92.97%);
  width: 306px;
  height: 101px;
  border-radius: 100px;
  border: none;
  font-size: 30px;
  color: #000;
  font-weight: 700;
}
.about-count-section{
  background-color: #000;
}
.about-count-section-wrapper{
  display: flex;
  justify-content: space-evenly;
}
@media (max-width: 1024px) and (min-width:428px){
  .about-count-section-wrapper{
    justify-content: space-between;
  }
}
.count-div {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
}
.count-div h3{
  font-size: 44px;
}
.count-div p{
  font-size: 13px;
}
@media (max-width: 1024px){
  .count-div p{
    font-size: 9px;
  }
}
.count-div h3{
  margin: 0;
}
.count-div {
  text-align: center;
  transition: color 0.3s;
  margin-top: 50px;
}

/* Apply gradient color on hover */
.count-div:hover h3,
.count-div:hover p {
  background: linear-gradient(90deg, #EECDA3 0%, #EF629F 92.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width:1024px){
  .about-page-para{
    font-size: 49px;
  }
  .ask-24{
    width: 200px;
    height: 61px;
    font-size: 16px;
  }
}
@media (max-width:428px){
  .about-page-para{
    font-size: 26px;
    line-height: 30px;
  }
  .about-page-text{
    font-size: 38px;
  }
  .our-mission-para br {
    display: none;
  }
  /* .ask-button-wrapper {
    left: 26% !important;
    top:328px;
  } */
  .about-count-section-wrapper{
    flex-direction: column;
    margin-top: 40px;
  }
  .count-div{
    width: 100%;
  }
 
}
/* @media (max-width:320px){
  .ask-button-wrapper {
    left: 18% !important;
  }
} */

.headquarters-section{
  background-color: #000;
  text-align: center;
}

.headquarters-text {
  background: linear-gradient(90deg, #EECDA3 0%, #EF629F 92.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 8px;
  text-transform: uppercase;
}
.headquarters-para{
  color: #C7C6C5;
  margin-top: 20px;
}
.approch-text{
  color: #C7C6C5;
  letter-spacing: 8px;
  font-size: 24px;
  text-transform: uppercase;
  margin-top: 80px;
}

.approch-para{
  font-size: 20px;
  color: #C7C6C5;
  padding-bottom: 120px;
  margin: 0;
}
.about-us-mid-img{
  margin-top: 10px;
}
.join-building{
  background: linear-gradient(90deg, #EECDA3 0%, #EF629F 92.97%);
}
.join-building h2{
  font-size: 44px;
  color: #000000;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}
.join-building p {
  text-align: center;
}
.exp-button{
  background: linear-gradient(90deg, #000000 0%, #666666 100%),
  linear-gradient(90deg, #000000 0%, #434343 60%);
  color: white;
  width: 368px;
  border-radius: 50px;
  border: none ;
  text-transform: uppercase;
}
.exp-button-wrpper{
  display: flex;
  justify-content: center;
  padding-bottom: 80px;
}

.about-us-page .footer-section{
  margin-top: 0px;
}
.privacy-policy-text{
  color: #000 !important;
}
.collect-points{
  font-weight: 600;
}
/* new about page end */
.accordion-styles.privacy-accordion .accordion-button:not(.collapsed){
  background: #343434 !important;
  color: white !important;
}
.a-tag-styles{
  color: #007bff !important;
}
.testimonials-page .section-title{
     display: flex;
    justify-content: center;
    background: transparent;
    color: white;
}
.privacy-policy-head h2{
  font-weight: 600;
    color: #000;
    text-transform: uppercase;
    line-height: 48px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.privacy-policy-head p{
  font-size: 15px;
}
.privacy-lg-text{
  color: #000;
}

@media (min-width: 428px) {
  .privacy-main-head br {
      display: none;
  }
}
@media (max-width: 428px) {
  .privacy-policy-head p {
      text-align: justify;
  }
  .privacy-policy-section{
    height: 440px;
  }
  .text-msg-terms-sec {
    width: 100% !important;
  }
  .text-msg-terms-sec li{
    text-align: justify;
  }
  .reserve-button-wrapper{
    flex-direction: column;
    align-items: center;
  }
  .res-cancel-button{
    margin-left: 0px !important;
    margin-top: 10px;
  }
  .best-realestate-school-head button{
    font-size: 18px !important;
  }
}
@media (max-width: 1366px) {
  .accordion-styles.privacy-accordion .accordion-button span {
      font-size: 15px !important;
  }
}
.text-msg-terms-sec{
  width: 765px;
  margin: 0 auto;
  padding: 40px 0px 40px 0px;
}
.text-msg-terms-head{
  text-align: center;
  font-size: 26px;
}
.text-msg-point p {
  color: #000;
  font-weight: 500;
}
.text-msg-point p span {
  margin-left: 5px;
}
.text-msg-point{
  margin-top: 12px;
}
.reserve-my-seat-single-line{
  text-align: center;
  margin-top: 40px;
}
.reserve-my-seat-semi-head{
  text-align: center;
  font-weight: 600;
  margin-top: 30px;
}
.reserve-my-seat-para{
  text-align: center;
}
.re-down-arrow{
  left: 85%;
}
.res-cancel-button{
  margin-left: 20px;
}
.training-time-space{
  margin-top: -5px;
}
.date-feild-input,
.date-feild-icon{
  height: 57px;
}
.date-feild-icon{
  background-color: #EAEAEB80;
}
.feild-valid-points{
  font-size: 12px;
  font-weight: 300;
  color: #9c9c9c;
}
.reset-link{
  color: #056DCC;
  margin-left: 45px;
}
.reg-next-btn{
  width: 238px;
  height: 50px;
  border: none;
}
.reg-next-btn{
  display: flex;
  margin-top: 50px;
  justify-content: center;
  width: 100%;

}
.reg-next-btn button{
  border-radius: 50px;
  background-color: #000;
  color: white !important;
}
.captch img{
  margin-top: 22px;
  height: 57px;
}
.captch{
  color: #056DCC;
  font-size: 13px;
  display: flex;
  flex-direction: column;
}
.verification-code-input{
  height: 57px;
  border-radius: 0px;
}
.reg-need-help{
  background-color: #000;
}
.best-realestate-school{
  background-color: #222222;
}
.best-realestate-school-para{
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.test-div{
  height: 500px;
}
.best-sec-bg{
  height: 762px;
}
.find-real-estate-content-point{
  padding: 0px 0px 50px 0px;
}
.find-real-estate-content{
  display: flex;
  justify-content: center;
}
.find-real-estate-contents-each-points{
  display: flex;
  justify-content: space-between;
}




.each-points-wrapper {
  width: 175px;
  height: 175px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 50%; /* Fully round */
  
}


.text-msg-point h4, .text-msg-point p {
  margin: 0;
  padding: 0;
}


.text-msg-point {
  position: relative; /* Keeps it positioned relative to the parent */
  z-index: 2; /* Ensures content is above the pseudo-element */
  /* text-align: center; */
  padding: 10px;
}

.text-msg-point h4, .text-msg-point p {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

/* 
.text-msg-terms-head br{
  display: none;
}
@media (max-width: 926px) {
  .text-msg-terms-head br {
      display: block !important;
  }
  .text-msg-terms-head{
  font-size: 20px;
  line-height: 29px !important;
  padding-bottom: 0px;
  }
}


/* section style */
.best-realestate-school-head h4,
.best-realestate-school-head h5,
.best-realestate-school-head p,
.best-realestate-school-head button{
  text-align: center;
}
.best-realestate-school-enroll-button{
  display: flex;
  justify-content: center;
}
.best-realestate-school-head h4{
  font-size: 36px;
  color: #fff;
  font-weight: 600;
  margin-top: 50px;
}
.best-realestate-school-head h5{
  font-size: 21px;
  color: #fff;
}
.best-realestate-school-head p{
  font-size: 16px;
  color: #fff;
  margin-top: 30px;
}
.best-realestate-school-head button{
  background: linear-gradient(90deg, #4568DC 0%, #EF629F 92.97%);
color: white;
width: 337px;
height: 79px;
border-radius: 50px;
text-transform: uppercase;
font-size: 26px;
border: none;
}
.best-realestate-school{
  margin-bottom: -18px;
}


/* for test */
/* Section background image */
.circle-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100vh;
  background-image: url('/images/web_new_reskin/path-to-your-image.jpg');
  background-size: cover;
  background-position: center;
}

/* Circle container */
.circle-box {
  width: 150px;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* Circle with white border */
.circle {
  width: 120px;
  height: 120px;
  border: 5px solid white;
  border-radius: 50%;
  background-image: url('/images/web_new_reskin/path-to-your-image.jpg');
  background-size: cover;
  background-position: center;
  transition: border 0.3s ease, background-image 0.3s ease;
}

/* Hover effect for changing the border and making the inside transparent */
.circle-box:hover .circle {
  border: 5px solid transparent;
  background-image: linear-gradient(to right, #ff7e5f, #feb47b); /* Linear gradient color */
  background-size: 100%;
  background-position: center;
}

/* Ensure the inside of the circle has transparent background */
.circle {
  background-color: transparent;
}


svg rect {
  transition: fill 0.3s ease;
}

/* Hover effect */
svg:hover #gradient-one {
  stop-color: #EECDA3; /* Change to your desired color */
}

svg:hover #gradient-two {
  stop-color: #EF629F; /* Change to your desired color */
}
.each-points-wrapper svg{
  margin-left: 20px;
}
.best-realestate-school-page .footer-section{
  margin-top: 0;
}
.best-real-estate-mid-pic-wrapper{
  margin-top: 90px;
}
.site-map-each-link p{
  margin: 0;
}
.site-map-each-link span{
  display: flex;
  align-items: center;
}
.site-map-each-link a {
  display: inline-block; /* Ensure it moves properly */
  transition: transform 0.3s ease; /* Smooth transition */
}

.site-map-each-link a:hover {
  transform: translateX(15px); /* Move 10px to the right */
  color: #EC5171;
}
.site-map-each-link i{
  padding-top: 15px;
  padding-bottom: 15px;
}
.extra-text{
  font-weight: 500;
  font-size: 15px;
  color: #000;
  margin-bottom: 0;
}
.join{
  background: linear-gradient(90deg, #4568DC 0%, #EF629F 92.97%);
}

.small-image-wrapper{
  padding:10px;
}

.navbar-wrapper .navbar{
  margin-bottom: 0px !important;
}

.learn-section .how-it-work{
  padding:5px;
}

.learn-section .how-it-work-points{
  padding:50px 13px 44px 6px;
}

footer{
  padding:0px !important;
}

.testimonials-section{
  height:200px;
}
@media(max-width:428px){
/* .testimonials-section .carousel-inner{
  height:300px;
} */
}

.carousel-control-next, .carousel-control-prev {
  top: 106px !important;
}

.payment-card-section .dropdown{
  display:block;
}

@media(max-width:926px){
.navbar-wrapper .navbar {
  position :fixed;
}
}
.start_learn{
 color:white;
}

@media(max-width:428px){
  .menu-end {
    display:flex;
    justify-content : center;
  }
}

.carousel-inner{
  position:unset !important;
}

.carousel-caption {
 bottom: 9.25rem !important;
 }

@media (max-width: 428px) {
  .testimonials-section {
    min-height: 445px;
    /* line-height: 1.5rem; */
  }
}    
.testimonials-section-styles1{
  background-repeat: no-repeat;
  height: auto;
  background-position: center;
  display: flex;
  align-items: center;
  background-size: 900px auto;
}
.testimonials-section-inner{
  padding: 0px 150px;
  text-align: center;
}
.testimonials-section .carousel-item p {
  margin-top: 30px;
  color: #8D8D8D;
  font-size: 18px;
  font-family: Poppins;
  /* letter-spacing:1px; */
}
.testimonials-section .carousel-caption{
  padding: 0px;
  position: initial !important;
  color: #8D8D8D;
}
@media (max-width: 428px){
  .testimonials-section-styles1{
    background-size: 200px auto !important;
  }
  .testimonials-section-inner{
    padding: 20px !important;
  }
}
@media (max-width: 926px){
  .testimonials-section-inner{
    padding: 100px;
  }
  .testimonials-section-styles1{
    background-size: 500px auto;
  }
}

.guest-close{
  border: 1px solid black !important;
}
.trial_period_box h3{
color:#ac7b30;
margin :20px 20px;
}
.license-form-section input[type="text"] {
  text-align: center;
}

.loginmode .modal-dialog{
    max-width: 50%;
    background: black;
    padding: 30px;
    margin-top: 50px;
}
@media (max-width: 428px){
  .loginmode .modal-dialog{
    max-width: 100% !important;  
}
}

@media (max-width: 1366px){
  ul.main-bottom-section.drp-down-content li a{
    font-size:13px;
  }
}
.login_hello{
  color: white;
  margin-top: 20px;
}

.loginmode #username{
  text-transform: lowercase;
  height: 50px;
  margin-top: 20px;
}

.loginmode #password{
    height: 50px;
    margin-top: 20px;
}

.loginmode .login-btn{
  width: 200px;
  background: #ec5171;
  color: white;
  margin-top:20px;
}
.loginmode .login-btn:hover{  
  background: #ec5171; 
}

.lost-main .lost-btn{
  width: 200px;
  background: #ec5171;
  color: white;
  margin-top:20px;
}

.lost-main .lost-btn:hover{ 
  background: #ec5171; 
}

.loginmode .error{
color:darkred;
}

.error{
  color:darkred !important;
}

.loginmode .btn-login.clear{
  background: white;
    width: 200px;
    margin-top:20px;
}

.loginmode .login_links{
  color: white;
  margin-top:20px;
}

.loginmode .modal-body{
  padding-top:0px;
}

.loginmode .lostpassword{
  margin-top:20px;
}

.text_clr{
  color: white;
}

.rtn-login{
  color: #ec5171 !important;
}

.fgt-btn{
  --bs-gutter-x: 1.5rem

}

@media (max-width: 926px){
  .drp-content-lg{
    display: none !important;
  }
}
@media (min-width: 926px){
  .drp-small{
    display: none !important;
  }
}

.drp-small {
  display: none;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  overflow: hidden;
}
.drp-small.show {
  display: block !important;
}

.how-it-work-section .nav-tabs .nav-link {
  border: 0px solid transparent !important;
}

.merchatntz-search-filter {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.merchatntz-search-filter .filter-wrapper {
  width: 35%;
  margin-top: 0;
}
/* .faqpage .filter-wrapper {
  margin-top: 50px;
} */
.filter-wrapper {
  position: relative;
  margin-bottom: -35px;
}
.faqpage .course-filter-dropdowan {
  /* box-shadow: 0px 2px 2px 0px #DEDEDE; */
  border-bottom: 1px solid #dedede;
}
.cart-wrapper {
  position: absolute;
}
.pink-round {
  width: 18px;
  height: 18px;
  background-color: #EC5171;
  position: absolute;
  border-radius: 50%;
  left: 8px;
  top: -4px;
}
.pink-round label {
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.cart-wrapper .bi-cart2 {
  padding: 0;
}
.limited-text {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 32px !important;
  color: black;
}
.pink-round{
  width: 18px;
  height: 18px;
  background-color: #EC5171;
  position: absolute;
  border-radius: 50%;
  left: 8px;
  top: 12px;
}
.merchatntz-search-filter{
  display: flex;
  justify-content: space-between;
}
.merchatntz-search-filter .filter-wrapper{
  width: 35%;
  margin-top: 0;
}
.cart-wrapper{
  position: absolute;
  margin-top: 20px;
}
.pink-round label {
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.merchatntz-card-wrapper .card{
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
 
}
.merchatntz-card-wrapper .card img{
  position: relative;
}
.card-svg-img{
  position: absolute;
  top: 63%;
  /* left: 37%; */
}
.merchatntz-card-wrapper .card-title{
  font-size: 22px;
  font-weight: 400;
}
.card-para{
  color: #EC5171;
  font-size: 22px;
}
.merchatntz-wrapper{
  margin-top: 80px;
}
.cart-wrapper .bi-cart2{
  padding: 0;
}
@media (max-width: 1024px){
  .card-svg-img{
    top:45% !important;
}
.merchatntz-search-filter{
  justify-content: space-between;
}
}
.merch-close-sm{
  display: none !important;
}
@media (max-width: 428px){
 .second-popup-alignment{
align-items: center !important;
 }
 .spec-color-wrapper{
  max-width: 367px !important;
 }
 .pop-up-small-head{
  font-size: 15px !important;
 }
 .spec-color {
  flex-direction: column;
 }
 .cart-button{
  width: 200px !important;
  height: 40px !important;
 }
 .buy-button{
  width: 200px !important;
  height: 40px !important;
 }
 .merchatntz-modal .carousel-item img{
  height: 300px !important;
 }
 .merch-close-lg{
  display: none !important;
 }
 .merch-close-sm{
  display: flex !important;
  justify-content: end !important;
  display: flex;
  margin-right: 0 !important;
 }
 .card-para{
  font-size: 15px !important;
 }
 .color-spec-label{
  padding: 5px !important;
 }
 .pop-up-second-sec {
  padding: 0px 0px 25px 0px !important;
}
.second-popup-alignment{
  margin-top: 10px !important;
}
.color-spec-label {
  font-size: 12px !important;
}
.card-svg-img {
  top: 55% !important;
}

}

.counter-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px; /* Space between buttons and value */
}
.counter-btn {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  border: 1px solid #ced4da;
  cursor: pointer;
  user-select: none;
}
.counter-btn:hover {
  background-color: #f8f9fa;
}
.counter-value {
  min-width: 20px;
  text-align: center;
  font-weight: bold;
}
.merchatntz-page-properties .carousel-control-prev, .merchatntz-page-properties .carousel-control-next{
  display: block !important;
}
.pop-up-small-head{
  font-size: 28px;
  color: #000;
}
.merchatntz-page-properties .modal-dialog{
  max-width: 1200px;
  width: 70%;
}
.second-popup-alignment{
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  margin-top: 25px;
}
.spec-color{
  display: flex;
  flex-wrap: wrap;
}
.color-spec-label {
  padding: 10px;
  border: 1px solid #9C9C9C;
  margin-left: 3px;
  margin-top: 3px;
  text-transform: uppercase;
}
.spec-color-wrapper{
  max-width: 400px;
}
/* Container layout */
.size-selector {
  font-family: Arial, sans-serif;
}

.sizes {
  display: flex;
  gap: 10px; /* Adds space between buttons */
}

.size-btn {
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #000;
  font-weight: bold;
  text-align: center;
  line-height: 40px; /* Vertical alignment */
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.size-btn.active {
  background-color: #000;
  color: #fff;
}

.size-btn:hover {
  background-color: #000;
}

.cart-button{
  height: 50px;
  width: 323px;
  background-color: #000;
  color: white;
  border-radius: 3px;
  border:none;
  margin-top: 10px;
}
.buy-button{
  height: 50px;
  width: 323px;
  background-color: #F8CF49;
  color: #000;
  border: none;
  margin-top: 10px;
}
.buy-button-img{
  margin-left: 4px;
}
.merchatntz-modal .carousel-item img {
height: 650px;
}
.merchatntz-modal .modal-body{
  padding: 0;
}
.merchatntz-modal .modal-header{
  padding: 0;
}
.closeing-button-wrapper{
  display: flex;
  justify-content: flex-end;
}
.merchatntz-page-properties .merchatntz-modal .row{
  --bs-gutter-x: 3rem !important;
}
.pop-up-second-sec{
  padding: 0px 0px 60px 0px;
}
.closeing-button-wrapper{
  margin-right: 40px;
  padding: 20px;
}
.card-svg-img svg:hover rect {
  fill: black;
 }
 .card-svg-img svg:hover circle {
stroke: white;
 }
 .card-svg-img svg:hover path {
  stroke: white;
   }
  .feild-valid-points-wrapper{
    left: -18px;
  }
  @media (max-width: 428px){
    .second-popup-alignment{
   align-items: center !important;
    }
    
    .broker-center-content p{
      margin-top: 0px !important;
    }
    .cco-register-page .footer-section{
      margin-top: 60px !important;
    }
    .best-real-estate-head{
      text-align: center;
      font-size: 27px;
      margin-top: 100px;
    }
    .best-realestate-school-head h4 {
      font-size: 30px;
    }
    .best-realestate-school-head h5{
      font-size: 20px;
    }
    .best-realestate-school-head p{
      text-align: justify;
    }
    .best-realestate-school-head button{
      height: 62px;
    }
    .merchatntz-search-filter {
      justify-content: space-around !important;
  }
  .cart-wrapper{
    margin-top: 10px !important;
  }
  .pink-round{
    top:4px;
  }
  .menu-wrapper{
    padding: 10px 10px;
  }
  .small-button-trigger{
    display: flex;
    justify-content: space-around;
  }
  .minimum-char{
    position: relative;
    /* left: -16px !important; */
  }
  .best-realestate-school-enroll-button{
    margin-top: 30px;
  }
  }
  @media (max-width: 926px){
    .feild-valid-points{
      font-size: 8px;
      white-space: nowrap;
    }
    .minimum-char{
      position: relative;
      left: -46px;
    }
  }
  .best-real-estate-head{
    text-align: center;
  }
  .support-class{
    margin-top: 15px !important;
  }
  .date-feild-icon{
    border-radius: 0px !important;
  }
  @media (max-width: 926px){
    .merchatntz-card-wrapper .card-title{
      font-size: 15px;
    }
    .merchatntz-page-properties .modal-dialog{
      width: 100%;
      margin: 0;
    }
    .merchatntz-page-properties .modal-content{
      height: auto !important;
    }
    .merchatntz-page-properties .search-icon {
      transform: translateX(14PX);
  }
  .merchatntz-search-filter .filter-wrapper{
    width: 80%;
  }
  .date-feild-input{
    width: 100% !important;
  }
  .cco-register-page .agreementcheck-box{
    left: 0px;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    }
    .cant-view-wrapper{
      display: flex;
      justify-content: end;
    }
  } 
  @media (max-width: 428px){
    .modal_link {
      font-size:11px;
    }
  }
  
  .merchatntz-page-properties .modal-content{
    height: 655px;
  }
  .date-feild-input{
    width: 450px;
  }
  .modal-wrap{
    background-color: transparent !important;
    border: none !important;
  }
  .packagedetails-class .highlight-text {
    color: #ec5171; /* Highlighted price color */
    font-weight : bold;
  }
  .packagedetails-class .section-title {
    font-weight: bold;
    margin-top: 20px;
    color: white;
  }
  .packagedetails-class .custom-checkbox {
    margin-top: 20px;
    text-align: center;
  }
 .packagedetails-class ul {
    padding-left: 20px;
  }
  .packagedetails-class ul li {
    margin-bottom: 10px;
  }
  .packageDetails .modal-dialog{
    max-width: 1120px;
  }
  .padding-top-0{
    padding-top: 0 !important;
  }
  .enrollment-agreement h3{
    font-size: 20px;
    font-weight: 600;
  }
  .course-descriptions-main-head{
    font-size: 22px;
    font-weight: 600;
  }
  .course h3{
    font-size: 20px;
    text-decoration: underline;
  }
  .text-decortaion-none{
    text-decoration: none !important;
  }
  .font-italic{
    font-style: italic !important;
  }
  /* .course-descriptions {
    min-height: 500px;
    overflow: scroll;
  } */
  .step_overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .35);
    color: #fff;
    line-height: 500px;
    position: fixed;
    top: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    z-index: 10;
  }
  .promo-code{
    margin: 0;
  }
  .white-border-spaceing h4{
    margin-bottom: 36px;
  }
  .promo-code-prize{
    margin-bottom: 0px;
  }
  .packagedetails-class p{
    text-align: left !important;
    }
  .payment-card-section input,.payment-card-section select{
      margin-bottom:10px;
  }
  .modal_address_wrapper p{
    margin-bottom: 5px;
    font-size:13px !important;
  }
  .shipment-section{
    margin-bottom: 50px;
  } 
  .enrollment-agreement{
    margin-top:30px;
  }
  .modal_btn {
    display: block !important;
    border-top: none !important;
}
.modal_permission{
    width: 1rem;
    height: 1rem;
    border: 2px solid black;
}
.modal_per_span{
  font-weight: bold;
}
@media (max-width: 428px){
  .pack_head{
    font-size:15px !important;
    font-weight: 500;
  }
  .packagedetails-class .modal-header{
    display:flex;
    justify-content: center;
  }
}
  p#thankyoumessage{
   color: green;
  }
  .thank-content-wrapper{
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 30px;
  }
  .thank-content-wrapper span{
    color: green;
    display: flex;
    align-items: end;
    margin-top: 9px;
  }
  @media (max-width: 428px){
    .thank-content-wrapper{
      margin-top: 24% !important;
      flex-direction: column;
      align-items: center;
    }
  }
  .feild-radio a{
    color:blue;
  }
    @media (max-width: 926px){
      .getmylicence-pre-license p{
        font-size: 14px;
      }
    }

    @media (max-width: 428px){
      .enrolling-row{
        margin-top:0px !important;
      }
    }

    a.btn.success-button:active {
      border: none;
  }
  a.btn.success-button:hover {
    color: blue !important;
    cursor: pointer !important;
}
.hash-tag:hover {
  background-color: #ed647e;
}
.success-stories-sec .blog-hero-wrapper{
  height: 600px;
}
@media (max-width: 428px){
  .success-stories-sec .blog-hero-wrapper{
    height: 500px !important;
  }
}
.hash-tag-wrapper{
  display: flex;
  justify-content: left;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 428px){
  .hash-tag-wrapper{
    margin-bottom: 0px !important;
    justify-content: center !important;
  }
}
.site-map-each-link a{
  color: var(--bs-primary-color) !important ; 
}

.site-map-contents{
  margin-bottom:40px !important;
}

/* .site-map-contents{
  padding: 88px 0px 88px 0px;
} */
.sitemap-sec.blog-hero-wrapper{
  height: 600px;
}
@media (max-width: 428px){
  .sitemap-sec .blog-hero-wrapper{
    height: 500px !important;
  }
}
.first-meet-section-para button:hover {
  background: #ec5171;
}
.disclaim{
  margin-top: 20px !important;
}
.footer-section i {
    font-size: 15px;
    margin-top: 3px;
    color: #7f8184;
}
.footer-img-wrapper img {
  max-width: 100%;
  filter: invert(1);
}/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}