/* CARD */
.dealer-popup{
  max-width:770px;
  margin:auto;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  max-height:866px;
  overflow-y:auto;
}

/* HEADER */
.popup-header{
  position:relative;
  min-height:270px;
}




/* OVERLAY */
.dealer-locator-popup-wrap{
  padding:20px 15px;
  display:flex;
  flex-direction:column;
  justify-content:center;
   position:var(--position-relative);
   z-index: 1;
}
.popup-full-overlay{
   background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
  position:var(--position-absolute);
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.dealer-popup__header{
  padding-top:30px;
}
.locator-popup-close-btn{
  position:var(--position-absolute);
  top:15px;
  right:15px;
  width:32px;
  height:32px;
  border-radius:var(--rounded-circle);
  border:1px solid var(--white);
   background-color:rgba(167,165,165,0.68);
  cursor:pointer;
}
.dealer-popup__logo{
  min-width:70px;
  max-width:70px;
  height:70px;
  border:1px solid #A7A5A5;
  background-color:rgba(167,165,165,0.68);
  border-radius:var(--rounded-circle);
}
.dealer-popup__logo img{
  width:60px;
}
.dealer-popup__title{
  color:var(--white);
  font-size:26px;
  letter-spacing:0.59px;
  line-height:1.1;
  text-transform:uppercase;
}
.dealer-popup__subtitle{
  color:var(--white);
  font-size:18px;
  letter-spacing:-0.23px;
  line-height:1.1;
  font-family:var( --work-sans);
}
.dealer-popup__score{
  color:var(--white);
  font-size:26px;
  letter-spacing:-0.28px;
   font-family:var( --inter-font);
}

/* BUTTON */
.btn-service-appointment{
  background-color:var(--primary-green);
  color:var(--white);
  padding:15px;
  font-size:20px;
  border-radius:var(--rounded-16);
  font-weight:500;
  max-width:709px;
  letter-spacing: -0.49px;
  font-family:var( --work-sans);
}
.btn-service-appointment:hover{
    color:var(--white);
    background-color:#1CB359;
}

.dealer-popup__btn{
  border:1px solid #1CB359;
  color:var(--primary-green);
  padding:12px;
  font-size:20px;
  letter-spacing:0.57px;
  font-weight:var(--fw-medium);
  border-radius:var(--rounded-16);
  background-color:var(--white);
  font-family:var( --work-sans);
}
.dealer-popup__btn:hover{
  color:#1CB359;
  border-color:var(--primary-green)
}

/* ICON */
.icon{
  width:50px;
  height:50px;
  border-radius:10px;
}

/* TEXT */
.dealer-popup__section-title{
  color:var(--text-primary);
  font-size:22px;
  font-family:var( --inter-font);
  letter-spacing:-0.55px;
}
.dealer-popup__name{
  color:#101828;
  font-size:17px;
  font-family:var( --inter-font);
  letter-spacing:-0.48px;
  text-transform: uppercase;
}

.dealer-popup__address-text{
  color:#4A5565;
  font-size:17px;
  letter-spacing:-0.39px;
  margin-bottom:0;
    font-family:var( --inter-font);
}
.dealer-popup__actions{
  max-width:295px;
}
.dealer-popup__map-link img{
  width:100px;
  height:100px;
  object-fit: contain;
}

@media (min-width: 768px){
 .dealer-popup__title{
  font-size:36px;
}
.locator-popup-close-btn{
  width:46px;
  height:46px;
}
.dealer-popup__info {
  width: calc(100% - 100px);
  padding-left: 5px;
}
.dealer-popup__subtitle{
  font-size:21px;
}
}
@media (min-width: 992px){
  .dealer-popup__logo{
    min-width:96px;
    max-width:96px;
    height:96px;
  }
    .dealer-popup__title {
    font-size: 40px;
  }
  .btn-service-appointment{
  font-size: 26px;
   padding:18px;
}
.dealer-popup__section-title{
  font-size: 27px;
}
.dealer-popup__name,.dealer-popup__address-text{
  font-size: 20px;
}
.dealer-popup__btn{
  font-size:26px;
}
}
@media (min-width: 1200px){
  
}