.dvls_near_you::before {

  content: url("/wp-content/uploads/2025/07/svgviewer-png-output.png");

  position: absolute;

  left: 3%;

}



.dvls_maps_wrap,

.dvls_maps_wrap * {

  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;

}



.dvls_maps_wrap {

  overflow: hidden;

}

.dvls_maps_container{

  max-width: 1320px;

  margin: 0 auto;

}



.dvls_maps_wrap:after,

.dvls_maps_row:after,

.dvls_maps_col:after,

.dvls_maps_3col:after {

  content: "";



  display: table;



  clear: both;

}



.dvls_maps_header_left {

  float: left;



  overflow: hidden;



  font-size: 20px;



  line-height: 35px;



  text-transform: none;



  font-weight: 300;

}



.dvls_maps_header_right {

  overflow: hidden;

}



.dvls_maps_header {

  background: #f2f2f2;



  padding: 15px;



  margin: 0;



  border-top-right-radius: 3px;



  -moz-border-top-right-radius: 3px;



  -webkit-border-top-right-radius: 3px;



  border-top-left-radius: 3px;



  -moz-border-top-left-radius: 3px;



  -webkit-border-top-left-radius: 3px;

}



.dvls_maps_wrap select {

  -webkit-appearance: none;



  -moz-appearance: none;



  appearance: none;



  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAVklEQVQImX3KQQ3AIBBE0bkjBTHIwUF9sBI2+4VgAwscyqUH0tD+ZC6TJ6AD98+63D0D4wMMd8+SJKAA8wUmULQXEXVHEVF1CmgPakcgSWaWgMvM0v4v8Btn7NLEpSUAAAAASUVORK5CYII=")

    right 10px center no-repeat #fff !important;



  border: 1px solid #d9d9d9;



  background: #fff;



  border-radius: 4px;



  padding: 0 10px;



  height: 35px;



  width: 100%;

}



.dvls_maps_col {

  padding: 0 ;



  width: 100%;

}



.dvls_maps_3col {

  margin: 0 -5px;

  display: flex;

  flex-direction: column;

}



.dvls_maps_header_right {

  padding-left: 20px;

  padding-right: 20px;

}



.dvls_maps_3col .dvls_maps_col {

  width: 100%;



  float: left;

}



.dvls_maps_wrap input.dvls-submit {

  width: 100%;



  border: 0;



  background: #39B54A;



  height: 35px;



  padding: 0 15px;



  border-radius: 3px;



  color: #fff;

  text-transform: capitalize;

}



.dvls_maps_wrap .dvls_near_you {

  margin: 10px 0 20px;

  display: inline-block;

  width: 100%;

  background-color: #E8F7EA;

  color: #006E20;

  padding: 5px 10px;

  position: relative;

  border-radius: 4px;

  font-weight: 600;

}

.dvls_maps_wrap .dvls_near_you img{

  width: 14px;

  height: 14px;

}



.dvls_maps_sidebar {

  background: #f8f8f8;

  flex: 0 0 500px;

  position: relative;

  height: fit-content;

}



.dvls_maps_main {

  position: relative;



  width: 100%;



  z-index: 1;



  height: 89vh;

}



.dvls_maps_body {

  position: relative;

  display: flex;

  flex-wrap: nowrap;

}



div#dvls_maps {

  width: 100%;



  height: 90vh;



  /* display: none; */

}



.dvls_result_thumb {

  width: 80px;



  float: left;



  margin: 0 10px 0 0;

}



.dvls_result_infor {

  padding: 10px;



  overflow: hidden;



  border-bottom: 1px solid #f2f2f2;



  margin: 0 10px;

}



.dvls_item_header {

  display: flex;

  align-items: center;

  gap: 6px;

  flex-wrap: nowrap;

  margin-bottom: 4px;

}



.dvls_item_header h3 {

  flex: 1;

  min-width: 0;

  margin: 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.dvls_badge_flagship {

  background: #39B54A;

  color: #fff;

  font-size: 10px;

  font-weight: 700;

  padding: 2px 7px;

  border-radius: 3px;

  white-space: nowrap;

  flex-shrink: 0;

  letter-spacing: 0.5px;

}



.dvls_distance {

  color: #39B54A;

  font-size: 12px;

  font-weight: 600;

  white-space: nowrap;

  flex-shrink: 0;

  margin-left: auto;

}



.dvls_tags {

  display: flex;

  flex-wrap: wrap;

  gap: 4px;

  margin: 6px 0 4px;

}



.dvls_tag {

  background: #EBEEF5;
  font-weight: 600;

  color: #2D3136;

  font-size: 11px;

  padding: 3px 8px;

  border-radius: 20px;

  white-space: nowrap;

}

.dvls_result_wrap .amlab_map_link,
.dvls_result_wrap .amlab_book_link{
  display: none;
}

.dvls_maps_wrap .dvls_result_infor h3 {

  margin: 0 0 5px;

  text-align: left;

  font-size: 14px;



  line-height: 18px;



  font-weight: 700;



  color: #1f59bc;

}



.dvls_result_infor .dvls_result_infor_content {

  display: none;

}

#amlab_fixed_info .dvls_result_infor_content {

  display: block;

  padding-top: 5px;

  margin-top: 10px;

  border-top: 1px solid #cecece;

}

#amlab_fixed_info .amlab_map_link {

  position: relative;

  right: unset;

  bottom: unset;

}

#amlab_fixed_info .amlab_map_link::before {

  content: url("/wp-content/uploads/2025/08/Group-6.png");

  position: absolute;

  top: 2px;

  left: 6%;

  scale: 1.3;

}



.dvls_result_infor p,

.dvls_result_infor a {

  margin: 0 0 5px;



  font-size: 10px;



  color: black;

}



#amlab_fixed_info.dvls_result_infor p,

#amlab_fixed_info.dvls_result_infor a {

  margin: 0 0 5px;



  font-size: 13px;



  color: black;



  text-align: left;

}



.dvls_result_item:first-child {

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

  /* border-top: 1px solid #1f59bc; */

  /* width: fit-content; */

}



.dvls_result_item:last-child {

  border-bottom-left-radius: 10px;

  border-bottom-right-radius: 10px;

  /* border-bottom: 1px solid #1f59bc; */

}



.dvls_result_item {

  /* border-left: 1px solid #1f59bc;

  border-right: 1px solid #1f59bc; */

}



.dvls_result_item {

  overflow: hidden;



  margin: 0 20px;



  cursor: pointer;

}



.dvls_maps_sidebar::-webkit-scrollbar {

  display: none;

}



#amlab_fixed_info {

  left: 20px;

  right: 20px;

  width: auto;

  min-height: 150px;

  background-color: white;

  position: absolute;

  bottom: 15px;

  z-index: 99999;

  border-radius: 10px;

  text-align: center;

}



.amlab_map_link::before {

  content: url("/wp-content/uploads/2025/07/Group-6-1.png");

  position: absolute;

  left: 10%;

}

.amlab_map_link {

  position: absolute;

  right: 5%;
  width: 100px;
  bottom: 5%;

  background-color: #39B54A;
  text-align: center;
  padding: 5px;
  font-size: 13px !important;
  border-radius: 8px; 

}

.amlab_book_link{
  width: 100px;
  padding: 5px;
  background-color: transparent;
  border-radius: 8px;
  border: 1px solid #2D3136;
  font-size: 13px !important;
  text-align: center;
}



.dvls_result_wrap {

  overflow-y: scroll;

  height: calc(40vh + 50px);

}



.dvls_result_wrap .dvls_result_item {

  background: #ffffff;

  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  overflow: hidden;

  position: relative;

}



.dvls_result_wrap .dvls_result_item:hover,

.dvls_result_wrap .dvls_result_item.active {

  /* background: rgb(212, 237, 249, 0.4); */
  border-color: #39B54A;

}

.dvls_address_row{
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: space-between;
}

.dvls_result_infor .dvls_address,
.dvls_result_infor .dvls_phone_hours,
.dvls_result_infor a{
  font-size: 14px !important;
}


.infobox-wrapper .item {

  -moz-transform-style: preserve-3d;



  -webkit-transform-style: preserve-3d;



  transform-style: preserve-3d;



  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);



  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);



  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);



  position: relative;



  margin-bottom: 10px;

}



.infobox-wrapper .item:after {

  top: 100%;



  left: 50%;



  border: solid transparent;



  content: " ";



  height: 0;



  width: 0;



  position: absolute;



  pointer-events: none;



  border-color: rgba(255, 255, 255, 0);



  border-top-color: #fff;



  border-width: 10px;



  margin-left: -10px;

}



.infobox-wrapper .infobox {

  width: 300px;



  background: #fff;



  margin-top: 20px;

}



.infobox-wrapper .infobox .item_infobox_thumb img {

  width: 100%;



  height: auto;



  display: block;

}



.infobox-wrapper > img {

  position: absolute !important;



  z-index: 1;



  right: -15px;



  top: -15px;

}



.infobox-wrapper .item_infobox_infor h3 {

  font-size: 14px;



  margin: 0 0 5px;



  line-height: 18px;

}



.infobox-wrapper .item_infobox_infor {

  padding: 5px;



  font-size: 13px;



  line-height: 18px;

}



.infobox-wrapper .item_infobox_infor p {

  margin: 0 0 5px;



  line-height: 18px;

}



.dvls_result_status {

  display: none;



  padding: 5px 10px;

}



.dvls_result_status.show {

  display: block;

}



.dvls_maps_body.devvn_loading:before {

  content: "";



  position: absolute;



  width: 100%;



  height: 100%;



  top: 0;



  left: 0;



  background: rgba(255, 255, 255, 0.5);



  z-index: 10;

}



#dvls_fountainG {

  position: absolute;



  width: 102px;



  height: 12px;



  margin: auto;



  top: 50%;



  left: 50%;



  margin-top: -6px;



  margin-left: -51px;



  z-index: 9;



  display: none;

}



.devvn_loading #dvls_fountainG {

  display: block;

}



#dvls_fountainG .fountainG {

  position: absolute;



  top: 0;



  background-color: rgb(0, 0, 0);



  width: 12px;



  height: 12px;



  animation-name: bounce_fountainG;



  -o-animation-name: bounce_fountainG;



  -ms-animation-name: bounce_fountainG;



  -webkit-animation-name: bounce_fountainG;



  -moz-animation-name: bounce_fountainG;



  animation-duration: 1.5s;



  -o-animation-duration: 1.5s;



  -ms-animation-duration: 1.5s;



  -webkit-animation-duration: 1.5s;



  -moz-animation-duration: 1.5s;



  animation-iteration-count: infinite;



  -o-animation-iteration-count: infinite;



  -ms-animation-iteration-count: infinite;



  -webkit-animation-iteration-count: infinite;



  -moz-animation-iteration-count: infinite;



  animation-direction: normal;



  -o-animation-direction: normal;



  -ms-animation-direction: normal;



  -webkit-animation-direction: normal;



  -moz-animation-direction: normal;



  transform: scale(0.3);



  -o-transform: scale(0.3);



  -ms-transform: scale(0.3);



  -webkit-transform: scale(0.3);



  -moz-transform: scale(0.3);



  border-radius: 8px;



  -o-border-radius: 8px;



  -ms-border-radius: 8px;



  -webkit-border-radius: 8px;



  -moz-border-radius: 8px;

}



#dvls_fountainG #fountainG_1 {

  left: 0;



  animation-delay: 0.6s;



  -o-animation-delay: 0.6s;



  -ms-animation-delay: 0.6s;



  -webkit-animation-delay: 0.6s;



  -moz-animation-delay: 0.6s;

}



#dvls_fountainG #fountainG_2 {

  left: 13px;



  animation-delay: 0.75s;



  -o-animation-delay: 0.75s;



  -ms-animation-delay: 0.75s;



  -webkit-animation-delay: 0.75s;



  -moz-animation-delay: 0.75s;

}



#dvls_fountainG #fountainG_3 {

  left: 25px;



  animation-delay: 0.9s;



  -o-animation-delay: 0.9s;



  -ms-animation-delay: 0.9s;



  -webkit-animation-delay: 0.9s;



  -moz-animation-delay: 0.9s;

}



#dvls_fountainG #fountainG_4 {

  left: 38px;



  animation-delay: 1.05s;



  -o-animation-delay: 1.05s;



  -ms-animation-delay: 1.05s;



  -webkit-animation-delay: 1.05s;



  -moz-animation-delay: 1.05s;

}



#dvls_fountainG #fountainG_5 {

  left: 51px;



  animation-delay: 1.2s;



  -o-animation-delay: 1.2s;



  -ms-animation-delay: 1.2s;



  -webkit-animation-delay: 1.2s;



  -moz-animation-delay: 1.2s;

}



#dvls_fountainG #fountainG_6 {

  left: 64px;



  animation-delay: 1.35s;



  -o-animation-delay: 1.35s;



  -ms-animation-delay: 1.35s;



  -webkit-animation-delay: 1.35s;



  -moz-animation-delay: 1.35s;

}



#dvls_fountainG #fountainG_7 {

  left: 76px;



  animation-delay: 1.5s;



  -o-animation-delay: 1.5s;



  -ms-animation-delay: 1.5s;



  -webkit-animation-delay: 1.5s;



  -moz-animation-delay: 1.5s;

}



#dvls_fountainG #fountainG_8 {

  left: 89px;



  animation-delay: 1.64s;



  -o-animation-delay: 1.64s;



  -ms-animation-delay: 1.64s;



  -webkit-animation-delay: 1.64s;



  -moz-animation-delay: 1.64s;

}



@keyframes bounce_fountainG {

  0% {

    transform: scale(1);



    background-color: rgb(0, 0, 0);

  }



  100% {

    transform: scale(0.3);



    background-color: rgb(255, 255, 255);

  }

}



@-o-keyframes bounce_fountainG {

  0% {

    -o-transform: scale(1);



    background-color: rgb(0, 0, 0);

  }



  100% {

    -o-transform: scale(0.3);



    background-color: rgb(255, 255, 255);

  }

}



@-ms-keyframes bounce_fountainG {

  0% {

    -ms-transform: scale(1);



    background-color: rgb(0, 0, 0);

  }



  100% {

    -ms-transform: scale(0.3);



    background-color: rgb(255, 255, 255);

  }

}



@-webkit-keyframes bounce_fountainG {

  0% {

    -webkit-transform: scale(1);



    background-color: rgb(0, 0, 0);

  }



  100% {

    -webkit-transform: scale(0.3);



    background-color: rgb(255, 255, 255);

  }

}



@-moz-keyframes bounce_fountainG {

  0% {

    -moz-transform: scale(1);



    background-color: rgb(0, 0, 0);

  }



  100% {

    -moz-transform: scale(0.3);



    background-color: rgb(255, 255, 255);

  }

}



body .dvls_maps_wrap img {

  border-radius: 0;



  box-shadow: none;

}



@media (max-width: 767px) {

  .dvls_maps_col {

    padding: 0 15px;

  }

  .dvls_result_item {

    margin: 0 15px;

  }



  .dvls_maps_header_right {

    padding-left: 0;

  }



  .dvls_maps_3col .dvls_maps_col {

    width: 100%;



    margin: 0 0 10px;

  }



  .dvls_maps_header_left {

    float: none;



    width: 100%;



    margin: 0 0 10px 0;

  }



  .dvls_maps_sidebar {

    position: relative;



    width: 100%;



    height: inherit;



    max-height: 250px;



    overflow-y: scroll !important;



    height: calc(40vh + 50px);



  }

  /* .dvls_result_wrap {

    overflow-y: unset;



    height: auto;

  } */



  .dvls_maps_main {

    padding: 0 20px;

  }



  .infobox-wrapper .infobox {

    width: 220px;

  }

}



#sethPhatMap {

  width: 100%;



  height: 100%;

}



.map-popup-content {

  width: 300px;

}



.map-popup-content .left {

  float: left;



  width: 40%;

}



.map-popup-content .left img {

  width: 100%;



  height: 100px;



  margin: -15px 0 -15px -20px;



  border-radius: 12px;

}



.map-popup-content .right {

  float: left;



  width: 60%;

}



.clearfix {

  clear: both;

}

