* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "muli", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #202020;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "din-2014";
    font-weight: 700;
}
.main-container {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

button {
    cursor: pointer;
}

.wrapper {
    width: 1080px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.home-wrapper {
    padding: 0 90px;
}
.home-wrap {
    width: 450px;
}
.home-frame {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    flex: 1;
    position: relative;
    padding: 68px 32px 48px;
    background: url(/images/background-icon.png?483611f744a91ee64be96c2d5256f974) no-repeat left bottom #fff;
    background-size: 177px auto;
}
.home {
    background-image: url(/images/home-bg.png?176354fe8797871e074d81cb81d11e01);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
}

.home-heading {
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    color: #202020;
    margin-top: 1px;
}

.home-frame-p {
    font-weight: 400;
    font-size: 16px;
    line-height: 157.5%;
    margin-top: 12px;
    color: #20202099;
}

.home-search-box {
    margin-top: 25px;
    position: relative;
}

.home-search-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

.home-explore-box {
    margin-top: 24px;
    text-align: center;
}

.home-help-wrap {
    margin-top: 20px;
    text-align: center;
}

.home-explore-box a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    text-decoration: none;
    width: 100%;
    background-color: #dd352e;
    padding: 15px 28px;
    border: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.75px;
    font-family: "din-2014", sans-serif;
}
.home-explore-box button {
    width: 100%;
}

.home-help-wrap-p {
    font-weight: 300;
    font-size: 16px;
    line-height: 157.5%;
    font-family: "din-2014", sans-serif;
}

.home-help-wrap-p a {
    font-weight: 600;
    color: #202020;
    letter-spacing: 0.05em;
}

.input-control {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    padding: 18px 40px 18px 25px;
    outline: 0;
    border: none;
    background: #202020;
    letter-spacing: 0.75px;
    color: #ffffff;
    border-radius: 12px;
    width: 100%;
}

.input-control::-moz-placeholder {
    color: #ffffff;
}

.input-control:-ms-input-placeholder {
    color: #ffffff;
}

.input-control::placeholder {
    color: #ffffff;
}

.home .mapboxgl-ctrl-geocoder--input {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    outline: 0;
    border: none;
    background: #fff;
    letter-spacing: 0.75px;
    color: #191919;
    width: 100%;
    padding: 18px 45px 18px 25px;
    border: 1px solid #dd352e;
    font-family: "muli", sans-serif;
}

/* .home input.mapboxgl-ctrl-geocoder--input:focus {
    border-radius: 12px 12px 0 0;
} */

.home .mapboxgl-ctrl-geocoder--input::-moz-placeholder {
    color: #191919;
}

.home .mapboxgl-ctrl-geocoder--input:-ms-input-placeholder {
    color: #191919;
}

.home .mapboxgl-ctrl-geocoder--input::placeholder {
    color: #191919;
}

svg.mapboxgl-ctrl-geocoder--icon.mapboxgl-ctrl-geocoder--icon-search {
    display: none;
}
.mapboxgl-ctrl-geocoder--icon-loading {
    display: none !important;
}
.mapboxgl-ctrl button:not(:disabled):hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
    z-index: 2;
    position: absolute;
    right: 8px;
    top: -5px;
    content: "x";
    width: 20px;
    height: 20px;
    color: #000;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #000;
    display: none;
    top: 11px;
}

input.mapboxgl-ctrl-geocoder--input.map-input-control.list {
    border-radius: 8px 8px 0 0;
}
/* input.mapboxgl-ctrl-geocoder--input:active {
    border-radius: 12px 12px 0 0;
} */
/* input.mapboxgl-ctrl-geocoder--input:focus {
    border-radius: 12px 12px 0 0;
} */

.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > *:after {
    position: absolute;
    width: 20px;
    height: 20px;
    content: "x";
    left: -2px;
    top: 0px;
}

.mapboxgl-ctrl button:not(:disabled):hover {
    color: #fff;
    border-color: #fff;
}

.input-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #202020;
    border-radius: 12px;
    padding: 18px 20px 18px 25px;
}

.home-search-box .input-wrapper {
    padding: 0;
}

#geocoder {
    display: block;
    width: 100%;
    border: none;
    text-align: left;
}

.input-btn {
    border-radius: 50%;
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
}

.home-search-box .input-btn {
    position: absolute;
    right: 18px;
    width: 22px;
    top: 20px;
    opacity: 0.8;
}
.home-search-box .input-btn img{
    width: 100%;
}
.home-search-box .suggestions-wrapper .geocoder-dropdown-item {
    width: auto;
}
.suggestions-wrapper .geocoder-dropdown-item {
    display: flex;
    align-items: center;
    /* width: 250px; */
}

.suggestions li {
    padding: 10px 18px;
    cursor: pointer;
}
.suggestions li:hover {
    background: rgba(221, 53, 46, 0.1);
}

.geocoder-icon-wrapper {
    margin-right: 10px;
}

.suggestions {
    color: #202020;
    width: 100%;
    z-index: 9999999;
    padding: 0;
    background-color: #fff;
    border-radius: 0px 0px 12px 12px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #dd352e;
    border-top: 0;
}

.mapboxgl-ctrl-geocoder--powered-by {
    display: none !important;
}

.home-search-box
    .mapboxgl-ctrl-geocoder--pin-right
    .mapboxgl-ctrl-geocoder--button
    .mapboxgl-ctrl-geocoder--icon-close {
    display: none;
}

.mapboxgl-ctrl-geocoder--icon .mapboxgl-ctrl-geocoder--icon-close {
    display: none;
}

.home-search-box
    .mapboxgl-ctrl-geocoder--pin-right
    .mapboxgl-ctrl-geocoder--button {
    top: 22px;

    right: 46px;
}

/*--------dealer page starts here--------*/
.back-link-wrapper {
    background: #191919;
    padding: 12px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 48px;
    position: relative;
}
.back-link-wrapper h6 {
    opacity: 0.3;
}
.back-link {
    color: #fff;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    position: absolute;
    left: 40px;
    font-family: "din-2014";
    font-weight: 600;
}
.back-link span {
    padding-left: 8px;
}

.empire-glasses-wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 87px 0;
    align-items: center;
    text-align: center;
}
.empire-glasses-wrap h5 {
    font-size: 14px;
    font-family: "muli", sans-serif;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.38em;
    font-weight: 400;
}
.empire-glasses-wrap h1 {
    font-size: 60px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

.empire-req-qoute {
    background: #dd352e;
    border-radius: 0 !important;
    border: none;
}

.button-control {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    border-radius: 6px;
    color: white;
    padding: 18px 40px;
    margin-top: 42px;
    cursor: pointer;
}
.empire-deals-wrap {
    background: #f6f6f6;
    padding: 50px 0;
    text-align: center;
}
.empire-deals-heading {
    font-weight: 300;
    font-size: 32px;
    color: #191919;
    padding-bottom: 18px;
}

li {
    list-style: none;
}

.link-control {
    color: #191919;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.38em;
}

.empire-deals-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
}

.deals-img-size {
    width: 166px;
}

.deals-img-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 700;
    font-size: 8px;
    letter-spacing: 0.38em;
    text-transform: uppercase;
    line-height: 160%;
    margin: 0 35px;
}

.empire-right {
    background: #ffffff;
    box-shadow: 0px 20px 107px 0px #00000040;
    border-radius: 10px;
}
.empire-contact-wrap {
    padding: 18px 0;
}
.empire-contact {    
    width: 460px;
}
.emp-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px 0;
}
.emp-row.row-reverse {
    flex-direction: row-reverse;
}
.emp-left .full-image {
    width: 508px;
}
.emp-right {
    flex: 1;
    padding-left: 60px;
}
.emp-row.row-reverse .emp-right {
    padding-left: 0;
    padding-right: 60px;
}
.emp-right h3 {
    font-weight: 300;
    font-size: 40px;
    margin-bottom: 16px;
}
.emp-details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;    
    margin-bottom: 24px;
}
.emp-details li {
    width: 50%;
    font-size: 16px;
    font-weight: 700;
    color: #191919;
    padding: 8px 0;
}
.emp-details li a {
    color: inherit;
    display: flex;
    align-items: center;
}
.emp-details li a span {
    padding-left: 8px;
}
.emp-right h6 a {
    font-size: 20px;
    color: #191919;
    display: inline-flex;
    align-items: center;
}
.emp-right h6 a span {
    padding-right: 8px;
}
.empire-contact-heading {
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #202020;
}
.suggest-wrap {
    padding: 50px 0;
    background: #F6F6F6;
}
.suggest-wrap .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.suggest-wrap h3 {
    width: 500px;
    max-width: 100%;
    font-weight: 300;
    font-size: 32px;    
}

.suggest-wrap .button-control
{
    margin-top: 0px;
}


.contact-content-wrap {
    padding: 32px 0 6px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.contact-content {
    width: 50%;
    margin: 0 0 25px 0;
    font-size: 14px;
}

.contact-content a {
    color: #626262;
    display: flex;
    align-items: center;
}

.contact-icon {
    width: 40px;
    margin-right: 8px;
}

.contact-desc {
    font-weight: 400;
    line-height: 175%;
    font-size: 14px;
    color: #979797;
    padding-right: 47px;
}

.suggest-edit {
    font-size: 16px;
    font-weight: 700;
    line-height: 157%;
    letter-spacing: 0.75px;
    color: #202020;
    display: flex;

    justify-content: flex-start;
    align-items: center;
    gap: 6px;
}

.suggest-edit-wrap {
    margin-top: 10px;
}

/*
  
  .dealer {
    
      background-repeat: no-repeat;
      background-color: transparent;
      background-image: url("../images/map-loc.jpg");
      background-size: contain;
      background-position: right center;
  }
  */

.dealer {
    position: relative;
}

.dealer-map {
    position: absolute;
    right: 0;
    /* top: 0; */
}

.dealer-wrap {
    display: flex;
}

.dealer-left {
    padding: 65px 0;
    /* width: 415px; */
    z-index: 1;
}

.dealer-heading {
    font-weight: 700;
    font-size: 36px;
    line-height: 125%;
}

.dealer-left-desc {
    font-size: 16px;
    margin-top: 16px;
    line-height: 150%;
    color: #979797;
    padding-right: 5px;
}

.mobile-view-map {
    display: none;
    width: 100%;
    /* height: 231px; */
}

.get-dir {
    font-size: 16px;
    line-height: 157%;
    font-weight: 700;
    color: #202020;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    letter-spacing: 0.75px;
}

.get-dir-wrap {
    margin-top: 32.5px;
}

.add-review {
    background: linear-gradient(130.18deg, #626262 -2.87%, #484848 67.16%);
}

.add-review-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 74px 0;
}

.add-review-left {
    width: 468px;
}

.add-left-desc {
    font-size: 16px;
    line-height: 150%;
    margin-top: 16px;
    color: #979797;
}

.add-left-heading {
    font-weight: 700;
    font-size: 36px;
    line-height: 125%;

    color: #ffffff;
}

.add-button-wrap {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    filter: drop-shadow(0px 3px 9px rgba(0, 0, 0, 0.12));
    padding: 18px 54px;
}

.add-review-right {
    flex: 0 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-control {
    width: 100%;
}

.load-more-control {
    border: 1px solid rgba(32, 32, 32, 0.2);
    filter: drop-shadow(0px 3px 9px rgba(0, 0, 0, 0.12));
    padding: 18px 54px;
    color: #202020;
}

.customer-wrap {
    padding: 66px 0;
}

.customer-top-heading {
    font-weight: 700;
    font-size: 36px;

    line-height: 125%;
}

/*
  .customer-top-p {
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      color: #979797;
      margin-top: 10px;
  }*/
.customer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customer-top-left {
    width: 428px;
}

.customer-top-right-heading {
    font-weight: 700;
    font-size: 49px;
    color: #202020;
    line-height: 145%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.customer-top-right-p {
    font-size: 16px;
    line-height: 150%;
    text-align: right;
    color: #626262;
}

.customer-bottom {
    margin-top: 40px;
}

.customer-bottom-box {
    margin-top: 24px;
    padding: 32px 54px;
    border: 1px solid rgba(32, 32, 32, 0.2);
    border-radius: 6px;
}

.box-rating-heading {
    font-weight: 700;
    font-size: 26px;
    line-height: 145%;
    color: #202020;
}

.box-rating-img {
    display: flex;
    justify-content: space-between;
}

.box-rating {
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    /* gap: 10px; */
}

.review-rating-inner {
    display: flex;
    align-items: center;
    gap: 13px;
}

.box-review-rating {
    display: flex;
    align-items: center;
}

.box-date {
    margin-top: 13px;

    font-size: 12px;
    line-height: 144%;
    letter-spacing: 0.045em;
}

.star-rate {
    width: 40px;
    margin-left: 3px;
}

.box-sub-heading {
    margin-top: 11px;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
}

.box-p {
    margin-top: 16px;

    font-size: 12px;
    line-height: 150%;
}

.read-more-control {
    font-weight: 700;
    color: #202020;
}

.box-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 145%;
    margin-top: 21px;
}

.star-img-control {
    width: 26px;
    margin-right: 4px;
}

.star-gray {
    filter: grayscale(1);
}

.customer-btn {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}

.submit-dealer {
    background: linear-gradient(130.18deg, #626262 -2.87%, #484848 67.16%);
}

.submit-btn {
    background: #202020;
    padding: 18px 40px;
    border: none;
}

.submit-dealer-wrap {
    padding: 92px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.submit-dealer-heading {
    font-weight: 700;
    font-size: 36px;
    line-height: 125%;
    color: #ffffff;
    text-align: center;
    padding: 0 15px;
}

.submit-dealer-p {
    font-size: 16px;
    line-height: 150%;
    color: #979797;
    text-align: center;
    margin-top: 16px;
    padding: 0 70px;
}

.submit-dealer-top {
    text-align: center;
    width: 489px;
}

.close {
    flex: 1;
    border: none;
    justify-content: flex-end;
    display: flex;
}

/* .modal-header {
    display: flex;
    padding: 0 10px;
    justify-content: space-between;
  } */

.modal-title {
    font-weight: 700;
    font-size: 24px;

    line-height: 125%;
}

.address {
    color: #979797;

    font-size: 14px;
    margin-top: 4px;
    line-height: 150%;
}

.body-heading {
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
}

.icon-star {
    display: flex;
    margin-top: 8px;
}

.icon-star li {
    margin-right: 15px;
}

.pop-label-control {
    font-size: 14px;
    line-height: 20px;
}

.pop-input-control {
    padding: 10px 12px;
    width: 100%;
    margin: 8px 0 19px 0;
    border-radius: 6px;
    border: 1px solid #c8c8c8;
    outline: 0;
    font-size: 16px;
    line-height: 160%;
    color: #202020;
}

.pop-input-control:focus {
    outline: 1px solid #202020;
}

.txt-area:focus {
    outline: 1px solid #202020;
}

.pop-input-control::-moz-placeholder {
    color: #909090;
}

.pop-input-control:-ms-input-placeholder {
    color: #909090;
}

.pop-input-control::placeholder {
    color: #909090;
}

.chkbox {
    position: relative;
    border: 1px solid #e6e6e6;
    padding: 35px 12px;
    display: flex;
    align-items: center;
    background: #ffffff;
    justify-content: space-between;
    line-height: 26px;
    letter-spacing: 0.185em;
    font-weight: 700;
    font-size: 16px;
    font-family: "din-2014", sans-serif;
    text-transform: uppercase;
}

.input-chkbox-content {
    /* width: 208px; */
    width: 32.3%;
    margin: 0 3% 0 0;
}
.req-img-cntrol {
    width: 155px;
    position: absolute;
    top: -47px;
    right: 20px;
}

ul.input-chkbox li:first-child .req-img-cntrol {
    top: -54px;
}
.prod-checkbox label {
    border: none;

    margin-right: 0;
}

.pers-input {
    margin-top: 8px;
}

.txt-area {
    height: 82px;
    width: 100%;
    font-size: 16px;

    line-height: 160%;
    margin: 8px 0 19px 0;
    border: 1px solid #c8c8c8;
    border-radius: 6px;
    color: #909090;
    outline: 0;
    resize: inherit;
    padding: 10px 12px;
    font-family: inherit;
}

.input-chkbox {
    display: flex;
    margin: 32px 0 19px 0;
}

.chkbox-control {
    display: none;
}

.checkbox-icon {
    display: flex;
    justify-content: center;
    cursor: pointer;
    position: relative;
    margin-right: 0;
    padding-left: 30px;
}

.checkbox-icon strong {
    position: relative;
    top: 17px;
}

.checkbox-icon:before {
    width: 2.5px;
    content: "";
    height: 6px;
    border-right: 2px solid #202020;
    border-bottom: 2px solid #202020;
    transform: rotate(45deg) translateY(-50%);
    display: none;
    left: 8px;
    top: 11px;
    position: absolute;
    opacity: 1;
}

.chkbox .chkbox-control:checked ~ .checkbox-icon:before {
    display: block;
}

.chkbox .chkbox-control:checked ~ .checkbox-icon:after {
    border-color: #202020;
}

.checkbox-icon:after {
    height: 13px;
    width: 13px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #191919;
    position: relative;
    margin-right: 13px;
    position: absolute;
    left: 0;
    content: "  ";
    margin: 0 6px;
    top: 13px;
    transform: translateY(-50%);
}

.file-upload .file-select input {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 55px;
    width: 183px;
    top: 0;
    left: 0;
    opacity: 0;
    /* display: none; */
}

.file-upload {
    display: block;
}

.file-upload .file-select .file-select-button {
    padding: 0 10px;
    display: inline-flex;
    /* height: 40px; */
    border: 2px solid #292323;
    line-height: 25px;
    margin: 8px 0 19px 0;
    border-radius: 6px;
    padding: 9px 37px;
    align-items: center;
    outline: 0;
    font-weight: 700;
    font-size: 16px;
    color: #292323;
}

.file-select-button img {
    margin-right: 8px;
}

.file-upload .file-select {
    display: block;

    cursor: pointer;

    background: #ffffff;
    overflow: hidden;
    position: relative;
}

.input-chkbox-content:last-child {
    margin-right: 0;
}

.img-upload {
    font-size: 14px;
    line-height: 20px;
}

.btn.btn-primary {
    padding: 18px 84px;
    background: #202020;
    border: none;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    border-radius: 6px;
}

.pers-top li,
.pop-input-inner li,
.pop-input-prod-inner {
    width: 48.75%;
    margin-right: 2.5%;
    margin-bottom: 20px;
}

.pers-top,
.pop-input-inner {
    display: flex;
    flex-wrap: wrap;
}

.pers-top li:nth-child(2n) {
    margin-right: 0;
}

.pop-input-inner li:nth-child(2n) {
    margin-right: 0;
}

.pop-input-prod {
    margin-top: 16px;
}

.pop-input-prod-inner:nth-child(2n) {
    margin-right: 0;
}

.overlay {
    margin-top: 0;
    position: fixed;
    top: 0;
    /* opacity: 0.4; */
    right: 0;
    left: 0;
    height: 100vh;
    background: rgb(0 0 0 / 40%);
    /* display: none; */
    z-index: 6;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 7;

    /* overflow-y: scroll; */
}

.pop-modal-content {
    display: flex;
    flex-direction: column;
    padding: 32px 45px;
    width: 782px;
    background: #ffff;
    border-radius: 8px;
    margin: 47px auto;
    box-shadow: 0px 19px 24px rgba(0, 0, 0, 0.04);
}

.review-content {
    width: 616px;
}

.pop-modal-review {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 17px 70px;
    text-align: center;
}

.received-review-p {
    color: #979797;
    font-size: 14px;
    line-height: 21px;
    margin-top: 8px;
}

.review-img {
    margin-bottom: 32px;
}

/* .img-wrong-tick {
    box-shadow: 2.4px 8.8px 11.2px rgba(0, 0, 0, 0.06);
} */

/* .img-tick {
    box-shadow: 3px 11px 14px rgba(0, 0, 0, 0.06);
} */

.pop-input {
    margin-top: 19px;
}

.pop-modal-body {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 24px;
    padding: 0 10px;
}

/* .req-popup {
    display: none;
} */
.close {
    flex: 1;
    border: none;
    justify-content: flex-end;
    display: flex;
    background: none;
}

.modal-header {
    display: flex;
}

/* .sug-popup {
    display: none;
} */

.m3d-des-btn {
    display: none;
}

/* .submit-dealer-popup {
    display: none;
} */

/* .req-quo-popup {
    display: none;
} */

/* .received-tick {
    display: none;
} */

/* .received-tick-wrong {
    display: none;
} */

.pop-modal-footer {
    display: flex;
    margin-top: 32px;
    justify-content: flex-end;
    padding: 0 10px;
}

.pop-modal-footer .accept-req.chkbox {
    width: 100%;
    justify-content: flex-start;
}

.modal-footer-right {
    display: flex;

    justify-content: flex-end;
}

.modal-footer-left {
    display: flex;
    justify-content: flex-start;
    flex: 1;
    padding-right: 15px;
}

.accept-req {
    border: none;
    font-weight: 400;
    padding: 0;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0;
    align-items: center;
}
.accept-req .checkbox-icon:after {
top: 2px;
transform: none;
}

.pop-drop-arrow {
    position: relative;
}

.pop-drop-arr {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 0;
}

.map-right {
    box-shadow: -13px 4px 40px rgba(0, 0, 0, 0.05);
    width: 528px;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 528px;
    background: #ffffff;
}

.map-wrap {
    display: flex;
    height: 100vh;
}

.map-left {
    /* flex: 1; */
    display: flex;
    width: calc(100% - 528px);
    position: relative;
}

/* .map-left img {
    width: 100%;
  } */
p.no-more-locations {
    color: #ffffff;
}

p.load-more {
    color: #ffffff;
}

p.no-results-found {
    color: #191919;
    font-family: "din-2014", sans-serif;
}

.map-checkbox {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    color: #191919;
}

.map-checkbox-content {
    width: 100%;
    margin-right: 30px;
}

.active-checked {
    border-color: #919191;
}

.map-checkbox-content .chkbox-control:checked ~ .checkbox-icon:after {
    display: block;
    border: 1px solid #202020;
}

.map-checkbox-content .chkbox-control:checked ~ .checkbox-icon:before {
    display: block;
}

.chkbox.active-checked {
    background-color: white;
    color: #202020;
}

.map-search {
    right: 10px;
}

.map-checkbox-content:last-child {
    margin-right: 0;
}

.map-result {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    color: #191919;
    align-items: center;
}

.map-right-top {
    padding: 32px 40px 16px 40px;
}

.sortby {
    color: #191919;
    padding: 7px 32px 7px 10px;
    font-size: 14px;
    line-height: 160%;
    -webkit-appearance: none;
    outline: 0;
    border: 1px solid #191919;
    font-family: "din-2014", sans-serif;
}
.sortby-wrap {
    position: relative;
}
.sortby-arrow {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 4px;
    display: flex;
    align-items: center;
    pointer-events: none;
}

.sortby-arrow-img {
    transform: translateY(-50%) rotate(180deg);
}
.map-right-bottom {
    padding: 24px 21px 32px 40px;
    border-top: 1px solid #202020;
    border-top: 0.5px solid #7e8083;
}

.result-heading {
    font-size: 14px;
    line-height: 157.5%;
    font-weight: 400;
    padding-right: 15px;
    font-family: "din-2014", sans-serif;
}

.map-content-box {
    margin-bottom: 16px;
    border: 0.5px solid #e6e6e6;
    padding: 16px;
    color: #191919;
}

.active-box {
    background: #f0f0f0;
}

.active-img img {
    filter: invert(1);
}

.active-a {
    color: #ffffff;
}

.active-box .map-contact li a {
    color: #202020;
}

.map-input-control {
    width: 100%;
    border: 1px solid #dd352e;
    outline: 0;
    padding: 14px 50px 14px 16px;
    font-family: "muli", sans-serif;
    color: #191919;
}

.map-input-control::-moz-placeholder {
    color: #191919;
}

.map-input-control:-ms-input-placeholder {
    color: #191919;
}

.map-input-control::placeholder {
    color: #191919;
}

.map-box-top {
    display: flex;
}

.map-img {
    flex: 0 1 25%;
}

.map-heading {
    flex: 0 1 75%;
}

.map-contact {
    display: flex;
    margin: 10px 0 0 0;
    width: 100%;
    justify-content: flex-start;
}

.map-contact li {
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-right: 1px solid #ffffff29;
}

.map-contact li:first-child {
    padding-left: 0;
}

.map-contact li:last-child {
    padding-right: 0;
    border: none;
}

.map-contact li img {
    width: 24px;
}

.map-contact li:last-child a {
    word-break: break-all;
    text-align: left;
}

.map-contact a {
    margin-left: 8px;
    font-size: 12px;
    line-height: 160%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 130px;
    color: #191919 !important;
}

.map-box-bottom {
    display: flex;
}

.map-sub-heading {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    font-family: "din-2014";
}
.map-sub-heading a {
    color: #191919 !important;
}

.map-address {
    margin-top: 8px;
    font-size: 14px;
    line-height: 160%;
}

.map-bottom-content {
    overflow-y: auto;
    /* height: 100%; */
    padding: 0 13px 44px 0;
    height: calc(100vh - 219px);
}

.map-bottom-content::-webkit-scrollbar {
    width: 6px;
}

.map-bottom-content::-webkit-scrollbar-track {
    background-color: #ffffff0f;
    border-radius: 10px;
}

.map-bottom-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #ffffff;
}

.mapboxgl-map {
    width: 100%;
}

.mapboxgl-ctrl-geocoder.mapboxgl-ctrl.geocoder-map-input {
    position: relative;
    z-index: 10;
}

.radius-btn {
    display: none;

    z-index: 1;
    position: absolute;
    display: flex;

    left: 34%;
    right: 34%;
    top: 32px;
}

.modal-content {
    z-index: 1;
    width: 724px;
    background: #ffffff;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 10%);
    border-radius: 6px;
    padding: 44px 104px 48px;
    position: relative;
    min-height: 512px;
}

.modal-container {
    z-index: 9999;
    height: 100vh;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.textarea-modal {
    background: #f3f3f3;
    border-radius: 6px;
    padding: 17px 27px;
    width: 100%;
    height: 156px;
    border: none;
    outline: none;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: rgba(0, 0, 0, 0.5);
}

textarea {
    resize: none;
}

.given-feedback ul {
    list-style: none;
    display: inline-flex;
}

.close-modal-popup,
.back-modal-popup {
    position: absolute;
    right: 32px;
    top: 38px;
    background-color: transparent;
    border: none;
}

.given-feedback {
    text-align: center;
    margin: 0 0 48px;
}

.modal-body {
    margin: 30px 0 0;
    flex: 1;
}

.given-feedback p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 19px;
}

.modal-heading {
    font-weight: bold;
    font-size: 18px;
    line-height: 144%;
    text-align: center;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    color: #000000;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0 0;
}

.primery-btn {
    background: #1e1d1d;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.01em;
    color: #ffffff;
    padding: 13px 30px;
    text-align: center;
    border: 1px solid transparent;
    display: inline-block;
    transition: 0.25s;
}

.modal-form {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
}

.modal-form .form-control {
    flex: 0 1 49%;
}

.error {
    color: #ec1111;
    font-size: 14px;
}

.modal-form .form-input,
.location-selected-val {
    background: #f3f3f3;
    border-radius: 6px;
    padding: 14px 23px;
    border: 1px solid #f3f3f3;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #000;
    display: inline-block;
    outline: none;
}

.sub-title-modal {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #000000;
    margin: 0 0 22px;
}

.checkbox-modal {
    cursor: pointer;
    padding-right: 15px;
}

.checkbox-modal input {
    display: none;
}

.checkbox-modal span {
    padding: 0 0 0 42px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    /* color: rgba(0, 0, 0, 0.7); */
}

/* .single-map-container:after {
    content: "";
    position: absolute;
    width: 150px;
    background: linear-gradient(90deg, white, transparent);
    height: 100%;
} */

.single-map-container.mapboxgl-map {
    /* right: 0;
    position: absolute; */
    width: 508px;
    height: 400px;
}

.dealer-wrap {
    /* margin: 50px 0; */
    display: flex;
    justify-content: space-between;
    height: 300px;
    /* width: 400px; */
    border-radius: 30px;
}

.checkbox-modal span:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: " ";
    width: 25px;
    height: 25px;
    background-color: #000;
    border-radius: 5px;
}

.checkbox-modal input:checked ~ span:after {
    display: block;
}

.checkbox-modal span:after {
    left: 13px;
    top: 40%;
    width: 6px;
    height: 11px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -50%) rotate(45deg);
    content: "";
    position: absolute;
    display: none;
    transform-origin: center;
}

a.heading {
    color: white;
}

.map-content-box .map-contact li img {
    filter: invert(1);
}

#geocoder .list {
    border-radius: 12px 12px 0px 0px;
}

.marker p {
    text-align: center;
}

.mapboxgl-popup {
    top: -43px !important;
}

.map-left .mapboxgl-marker path {
    fill: #ff6d6c;
}

.active-location {
    box-shadow: 0px 2px 8px rgb(0 0 0 / 40%) !important;
}

svg.mapboxgl-ctrl-geocoder--icon.mapboxgl-ctrl-geocoder--icon-close {
    display: none;
}

.marker.mapboxgl-marker.mapboxgl-marker-anchor-center img {
    height: 40px;
}

.dealer .marker.mapboxgl-marker.mapboxgl-marker-anchor-center img {
    height: 55px;
}

.marker.mapboxgl-marker.mapboxgl-marker-anchor-center.active img {
    height: 50px;
    position: relative;
    left: -5px;
    top: -5px;
}

.mapboxgl-ctrl-group button {
    display: none !important;
}

.custom-tooltip {
    font-size: 12px !important;
    padding: 6px 8px !important;
}

.mapboxgl-popup-close-button {
    background-color: #000 !important;
    color: #fff;
    height: 16px;
    width: 16px;
    border-radius: 10px !important;
    top: -8px !important;
    right: -8px !important;
    outline: none !important;
}
.mapboxgl-popup-content {
    border-left: 2px solid #15a89f;
    font-family: "din-2014";
}
.mapboxgl-popup-content .popup-title {
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    padding-bottom: 4px;
}
.mapboxgl-popup-content p.popup-desc {
    color: rgba(25, 25, 25, 0.5);
    line-height: 1.3;
}

.radius-btn-inner button.btn {
    padding: 5px 10px;
    margin-right: 5px;
    background: #fff;
    border: none;
    color: #00000080;
    font-weight: 400;
    font-size: 14px;
}

.radius-btn-inner button.btn:active {
    font-weight: 700;
    color: #000;
}

.radius-btn-inner {
    background: #fff;
    display: flex;
    align-items: flex-end;
    filter: drop-shadow(2px 7px 10px rgba(0, 0, 0, 0.1));
}

.radius-btn-wrp {
    margin-left: 6px;
    font-family: "din-2014", sans-serif;
    font-weight: 700;
}

.rad-search-res {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #000000;
    margin-left: 10px;
}

.map-mob-btn,
.list-mob-btn {
    bottom: 40px;
    display: none;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
}

.map-btn-cont,
.list-btn-cont {
    background: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    line-height: 137.5%;
    color: #000000;
    filter: drop-shadow(4px 8px 15px rgba(0, 0, 0, 0.2));
    display: flex;
    align-items: center;
}

.map-icon-show,
.list-icon-show {
    height: 24px;
    margin-left: 5px;
}

.m3d-des-btn {
    position: absolute;
    bottom: 46px;
    left: 40px;
    background: #ffffff;
    border-radius: 4px;
    padding: 11px 12px;
    filter: drop-shadow(4px 6px 20px rgba(0, 0, 0, 0.11));
    display: none;
}

.m3d-des-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 54%;
    font-size: 13px;
    font-weight: 700;
    color: #141414;
}

.m3d-des-show {
    margin-left: 10px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 17px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: 0.4s;
}

input:checked + .slider {
    background-color: #000;
}

input:checked + .slider:before {
    transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

span.read-more-link {
    font-weight: bolder;
}

.read-more,
.show-less {
    font-weight: 700;
    background: transparent;
    border: none;
}

.active-box .map-contact li img {
    filter: invert(1);
}

button.btn.clicked.active {
    color: #000000;
    font-weight: 700;
}

#hide-input-control {
    display: none;
}

#hide-input {
    display: none;
}

/* .content-disabled {
    opacity: 0.3;
} */

.hydroclear:after {
    opacity: 0.3;
}

.hydroclear:before {
    opacity: 0.3;
}

.checkbox-disabled {
    cursor: default;

    position: relative;
    margin-right: 0;
    padding-left: 30px;
}

.checkbox-disabled:before {
    width: 2.5px;
    content: "";
    height: 6px;
    border-right: 2px solid #191919;
    border-bottom: 2px solid #191919;
    transform: rotate(45deg) translateY(-50%);
    display: block;
    left: 8px;
    top: 11px;
    position: absolute;
    opacity: 0.3;
}

.hydroclear-search:after {
    border: 1px solid #ffffff;
    opacity: 0.3;
}

.checkbox-disabled:after {
    height: 13px;
    width: 13px;
    display: flex;
    justify-content: center;
    cursor: default;
    border: 1px solid #c8c8c8;
    position: relative;
    margin-right: 13px;
    position: absolute;
    left: 0;
    content: "  ";
    margin: 0 6px;
    top: 50%;
    transform: translateY(-50%);
}

.checkbox-icon.checkbox-disabled ::after {
    cursor: default;
}

.geocoder-map-wrapper.map-input-control {
    color: black !important;
}

.map-img-cntrol {
    width: 155px;
    position: absolute;
    right: 20px;
    top: -37px;
}

.content-disabled .map-img-cntrol {
    top: -42px;
}

.mapboxgl-marker.marker p {
    left: 48px;
    top: 7px;
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #191919;
    font-family: "din-2014";
}
.prod-checkbox .input-chkbox {
    flex-wrap: wrap;
    margin-top: 8px;
}
.prod-checkbox {
    margin-bottom: 20px;
}
.prod-checkbox .input-chkbox .chkbox {
    padding: 0 12px 0 0;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

.prod-checkbox .checkbox-icon:before {
    /* display: none; */
    border: none;
    width: 7px;
    height: 7px;
    background-color: #000;
    border-radius: 20px;
    transform: translateY(-50%);
    top: 50%;
    left: 10px;
}

.prod-checkbox .checkbox-icon:after {
    border-radius: 30px;
}

.suggest-edit-wrap a {
    cursor: pointer;
}

.received-tick .modal,
.received-tick-wrong .modal {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.home-explore-box a {
    cursor: pointer;
}

.modal-open {
    overflow: hidden;
}

.empire-contact-wrap .mapboxgl-popup
{
    top: -25px !important;
}

.submit-dealer-popup .prod-info .body-heading, .req-quo-popup .prod-info .body-heading
{
    padding-bottom: 25px;
}
.accept-req .checkbox-icon:before
{
    top:8px;
}

@media (max-width: 1500px) {
    .pop-modal-body {
        max-height: 430px;
    }
    .pop-modal-content {
        margin: 30px auto;
    }
}

@media (max-width: 1199px) {
    .wrapper {
        width: 920px;
    }

    .radius-btn {
        left: 25%;
        right: 25%;
    }
}

@media (max-width: 991px) {
    .input-chkbox {
        flex-wrap: wrap;
    }
    .input-chkbox-content:nth-child(3n) {
        margin-top: 19px;
    }
    .wrapper {
        width: 720px;
    }

    .home-wrap {
        display: flex;
        justify-content: center;
    }

    .empire-contact {
        padding: 23px 19px;
        width: 350px;
    }

    .empire-contact-heading {
        font-size: 21px;
        line-height: 26px;
    }

    .contact-content-wrap {
        padding: 22px 0 5px 0;
    }

    .contact-content a {
        font-size: 14px;
        line-height: 17px;
    }

    .contact-desc {
        font-size: 12px;
    }

    .empire-sub-heading {
        font-size: 10px;
    }

    .empire-main-heading {
        font-size: 32px;
        line-height: 38px;
        margin-top: 10px;
    }

    .button-control {
        font-size: 16px;
        padding: 16px 40px;
    }

    .empire-deals-heading {
        font-size: 14px;
        line-height: 17px;
        margin-top: 43px;
    }

    .empire-deals-img {
        margin-top: 2px;
    }

    .deals-img-content {
        font-size: 7px;
    }

    .dealer-heading {
        font-size: 26px;
    }

    .dealer-left {
        /* padding: 45px 0; */
        width: 314px;
        padding: 45px 0;
        width: 314px;
    }

    .dealer-left-desc {
        font-size: 14px;
        padding-right: 5px;
    }

    .get-dir-wrap {
        margin-top: 24px;
    }

    .add-left-heading {
        font-size: 26px;
    }

    .add-review-left {
        width: 339px;
    }

    .add-left-desc {
        font-size: 14px;
        margin-top: 16px;
    }

    .add-button-wrap,
    .load-more-control {
        padding: 18px 48px;
    }

    .customer-top-heading {
        font-size: 26px;
    }

    .customer-top-right-heading {
        font-size: 39px;
    }

    .customer-top-right-p {
        font-size: 14px;
    }

    .customer-bottom-box {
        padding: 24px;
    }

    .submit-dealer-top {
        width: 349px;
    }

    .submit-dealer-heading {
        font-size: 26px;
        padding: 0 12px;
    }

    .submit-dealer-p {
        font-size: 14px;
    }

    .contact-icon {
        width: 32px;
        margin-right: 6px;
    }

    .star-rate {
        width: 34px;
    }

    .loc-img {
        height: 231px;
    }

    .pop-modal-content {
        padding: 32px 22px;
        width: 688px;
    }

    .btn.btn-primary {
        padding: 16px 84px;
    }

    .review-content {
        width: 616px;
        padding: 24px;
    }

    .pop-modal-review {
        padding: 17px 100px;
    }

    .map-wrap {
        flex-direction: column-reverse;
    }

    .map-left {
        width: 100%;
        height: calc(100% - 300px);
    }

    .map-right {
        width: 100%;

        max-width: 100%;
    }

    .map-right-top {
        width: 100%;
    }

    .map-right-bottom {
        position: absolute;
        width: 100%;
        bottom: 0;
        padding: 24px 20px 16px 20px;
    }

    .mapboxgl-map {
        z-index: 1;
        height: calc(100% - 200px);
    }

    .map-bottom-content {
        height: inherit;
        display: flex;
        padding: 0;
    }

    .map-content-box {
        margin: 0 16px 0 0;
    }

    .map-bottom-content::-webkit-scrollbar {
        height: 8px;
    }

    .radius-btn {
        left: 34%;
        right: 34%;
    }

    .m3d-des-btn {
        bottom: 245px;
        z-index: 1;
    }
}

.error {
    margin-top: -15px;
}

@media (max-width: 767px) {
    .mapboxgl-marker.marker p {
        font-size: 16px;
        line-height: 19px;
    }
    .pop-modal-body {
        max-height: 308px;
    }
    .pop-modal-content {
        margin: 0;
    }

    .map-show {
        display: none;
    }

    .mapboxgl-map {
        z-index: 1;
        height: calc(100% - 252px);
    }

    .single-map-container.mapboxgl-map {
        position: relative;
        width: 100%;
        height: 300px;
    }

    .map-wrap {
        flex-direction: column;
    }

    .wrapper {
        width: 100%;
    }
    .home-heading {
        font-size: 29px;
        text-align: center;
    }

    .home-frame-p {
        font-size: 14px;
        margin-top: 10px;
        text-align: center;
        padding: 0 20px;
    }

    .home-search-box {
        margin-top: 24px;
    }

    .input-control,
    .home-explore-box a {
        font-size: 16px;
        line-height: 100%;
    }

    .input-control {
        padding: 16px 40px 16px 16px;
    }

    .home-explore-box {
        margin-top: 16px;
    }

    .home-help-wrap-p {
        font-size: 12px;
    }

    .empire-glasses-wrap {
        flex-wrap: wrap;
    }

    .empire-glasses-wrap {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
    }

    .empire-glasses-wrap {
        padding: 84px 0;
    }

    .empire-sub-heading {
        font-size: 8px;
    }

    .empire-main-heading {
        font-size: 28px;
    }

    .empire-left {
        margin-bottom: 64px;
        text-align: center;
    }

    .add-review-wrap {
        justify-content: center;

        padding: 64px 0;
        flex-wrap: wrap-reverse;
    }

    .add-review-left {
        text-align: center;
        margin-top: 54px;
    }

    .button-control {
        font-size: 16px;

        margin-top: 26px;
    }

    .customer-top-heading {
        font-size: 20px;
    }

    .customer-top-right-heading {
        font-size: 24px;
    }

    .customer-top-right-p {
        font-size: 12px;
    }

    .box-rating-heading {
        font-size: 18px;
    }

    .star-rate {
        width: 22px;
        margin-left: 2px;
    }

    .star-img-control {
        width: 18px;
        margin-right: 2px;
    }

    .box-name {
        font-size: 14px;
        margin-top: 10px;
    }

    .box-p {
        margin-top: 10px;
    }

    .submit-dealer-heading {
        font-size: 24px;
    }

    .submit-dealer-top {
        width: 340px;
    }

    .submit-dealer-p {
        padding: 0 10px;
    }

    .submit-dealer-wrap {
        padding: 124px 0;
    }

    .empire-deals-heading {
        margin-top: 40px;
    }

    .empire-contact-heading {
        font-size: 24px;
    }

    .empire-contact {
        padding: 24px;
        width: 100%;
    }

    .contact-content-wrap {
        padding: 19px 0 5px 0;
    }

    .dealer-wrap {
        flex-direction: column;
        /* text-align: center; */
        height: 100%;
    }

    /* .get-dir {

        justify-content: center;

    } */

    .dealer-map {
        position: inherit;
        /* right: 50px; */
        /* top: 0; */
    }

    .loc-img {
        display: none;
    }

    .mobile-view-map {
        display: block;
    }

    .dealer .wrapper {
        padding: 0;
    }

    .dealer-left {
        padding: 45px 15px;
    }

    .dealer-heading {
        font-size: 20px;
    }

    .add-left-heading {
        font-size: 24px;
    }

    .button-control {
        margin-top: 24px;
    }

    .add-button-wrap,
    .load-more-control {
        padding: 18px 38px;
    }

    .image-control {
        width: 300px;
        /* max-width: 100%; */
    }

    .review-content {
        width: 382px;
        padding: 16px;
    }

    .pop-modal-review {
        padding: 0;
    }

    .modal-title {
        font-size: 20px;
    }

    .review-img {
        margin-bottom: 23px;
    }

    .pop-modal-content {
        border-radius: 6px;
    }

    .header-top {
        flex: 0 1 80%;
    }

    .pop-modal-content {
        width: 100%;
        border-radius: 0;
    }

    .address {
        font-size: 12px;
    }

    .pop-modal-body {
        margin-top: 16px;
    }

    .body-heading {
        font-size: 14px;
    }

    .pop-label-control {
        font-size: 12px;
    }

    .chkbox {
        font-size: 14px;
    }

    .pop-input-control {
        font-size: 14px;
    }

    .req-img-cntrol {
        margin-left: 10px;
    }

    .file-upload .file-select .file-select-button {
        font-size: 14px;
    }

    .pers-top li,
    .pop-input-inner li,
    .pop-input-prod-inner {
        /* width: 48.75%; */
        width: 100%;
        margin-right: 0;
    }

    .input-chkbox-content {
        width: 48.5%;
    }

    .input-chkbox-content:nth-child(2) {
        margin-right: 0;
    }

    .modal-footer-left {
        margin-bottom: 32px;
    }

    .pop-modal-footer {
        display: block;
    }

    .txt-area {
        font-size: 14px;
    }

    .map-right-bottom {
        /* display: none; */
        position: relative;
        height: calc(100vh - 200px);
    }

    .map-bottom-content {
        width: 100%;
        display: block;
        height: calc(100vh - 100px);
    }

    .map-bottom-content {
        width: 100%;
        display: block;
        height: calc(100vh - 260px);
    }

    .map-right {
        position: -webkit-sticky;
        position: sticky;
    }

    .map-left {
        position: absolute;
        bottom: 0;
        z-index: 0;
    }

    .mapboxgl-map {
        z-index: 0;
        height: 100%;
    }

    .map-mob-btn,
    .list-mob-btn {
        display: block;
        z-index: 1;
    }

    .radius-btn {
        left: 17%;
        right: 17%;
    }

    .map-contact li {
        padding: 0 8px;
    }

    .m3d-des-btn {
        bottom: 46px;
    }

    .map-right-top {
        padding: 32px 16px 16px 16px;
    }

    .map-right-bottom {
        padding: 16px;
    }
    .map-content-box {
        margin: 0 0 16px 0;
    }
}