.dv-hp-container * {
  box-sizing: border-box;
}
.dv-hp-container .dv-hp-row-certified {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
}
.dv-hp-container .dv-hp-row-certified .dv-hp-col {
  flex: 1;
  width: 50%;
  padding: 50px;
}
.dv-hp-container .dv-hp-row-certified .dv-hp-col > .dv-hp-col-wrapper {
  width: 100%;
}
.dv-hp-container .dv-hp-row-certified .dv-hp-col:first-child {
  background-color: #1a2a53;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.dv-hp-container .dv-hp-row-certified .dv-hp-col:first-child h3 {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 24px;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .dv-hp-container .dv-hp-row-certified .dv-hp-col:first-child h3 {
    font-size: 18px;
    letter-spacing: 1.5px;
  }
}
.dv-hp-container .dv-hp-row-certified .dv-hp-col:first-child .dv-hp-list {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  margin-left: 15px;
}
.dv-hp-container .dv-hp-row-certified .dv-hp-col:first-child .dv-hp-list ul {
  flex: 1;
  width: 50%;
  padding: 0 25px;
}
.dv-hp-container .dv-hp-row-certified .dv-hp-col:first-child .dv-hp-list ul li {
  color: #fff;
  font-size: 14px;
  text-align: left;
  font-weight: 100;
  line-height: 150%;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .dv-hp-container
    .dv-hp-row-certified
    .dv-hp-col:first-child
    .dv-hp-list
    ul
    li {
    font-size: 12px;
  }
}
.dv-hp-container
  .dv-hp-row-certified
  .dv-hp-col:first-child
  .dv-hp-list
  ul
  li
  i {
  margin-right: 7.5px;
  margin-left: -25px;
}
.dv-hp-container
  .dv-hp-row-certified
  .dv-hp-col:first-child
  .dv-hp-list
  ul
  li:last-child {
  margin-bottom: 0;
}
.dv-hp-container .dv-hp-row-certified .dv-hp-col:last-child {
  margin: auto;
}
.dv-hp-container .dv-hp-row-certified .dv-hp-col:last-child img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-certified .dv-hp-col:last-child {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-certified .dv-hp-col {
    width: 100%;
    flex: 1 1 100%;
    padding: 50px 25px;
  }
}
.dv-hp-container .dv-hp-row-certified .dv-hp-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.dv-hp-container .dv-hp-row-certified .dv-hp-button-wrapper a {
  background: #fff;
  color: #1a2a53;
  padding: 10px 15px;
  text-decoration: none;
  border: 1px solid #fff;
  font-size: 14px;
  margin: 0 12.5px;
  text-transform: uppercase;
  font-weight: 500;
}
.dv-hp-container .dv-hp-row-certified .dv-hp-button-wrapper a:hover {
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
}
.dv-hp-container .dv-hp-row-cta {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  overflow: hidden;
}
.dv-hp-container .dv-hp-row-cta .dv-hp-col {
  flex: 1 1 20%;
  width: 20%;
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .dv-hp-container .dv-hp-row-cta .dv-hp-col {
    flex: 1 1 50%;
    width: 50%;
  }
}
.dv-hp-container .dv-hp-row-cta .dv-hp-col:nth-child(1) .dv-hp-cta-wrapper {
  margin-left: 25px;
  background-image: url("//bucket.dealeralchemist.com/diehl-hyundai/homepage/dv-cta-dream.jpg?auto=compress%2Cformat&ixlib=php-1.2.1");
}
@media screen and (max-width: 1279px) {
  .dv-hp-container .dv-hp-row-cta .dv-hp-col:nth-child(1) .dv-hp-cta-wrapper {
    margin-bottom: 0;
  }
}
.dv-hp-container .dv-hp-row-cta .dv-hp-col:nth-child(2) .dv-hp-cta-wrapper {
  background-image: url("//bucket.dealeralchemist.com/2021/03/Hyundai-BackgroundImage29-min.jpg?auto=compress%2Cformat&ixlib=php-1.2.1");
}
@media screen and (max-width: 1279px) {
  .dv-hp-container .dv-hp-row-cta .dv-hp-col:nth-child(2) .dv-hp-cta-wrapper {
    margin-bottom: 0;
    margin-right: 25px;
  }
}
.dv-hp-container .dv-hp-row-cta .dv-hp-col:nth-child(3) .dv-hp-cta-wrapper {
  background-image: url("//bucket.dealeralchemist.com/diehl-hyundai/homepage/dv-cta-offers.jpg?auto=compress%2Cformat&ixlib=php-1.2.1");
}
@media screen and (max-width: 1279px) {
  .dv-hp-container .dv-hp-row-cta .dv-hp-col:nth-child(3) .dv-hp-cta-wrapper {
    margin-left: 25px;
    margin-bottom: 0;
  }
}
.dv-hp-container .dv-hp-row-cta .dv-hp-col:nth-child(4) .dv-hp-cta-wrapper {
  background-image: url("//bucket.dealeralchemist.com/diehl-hyundai/homepage/dv-cta-value.jpg?auto=compress%2Cformat&ixlib=php-1.2.1");
}
@media screen and (max-width: 1279px) {
  .dv-hp-container .dv-hp-row-cta .dv-hp-col:nth-child(4) .dv-hp-cta-wrapper {
    margin-right: 25px;
    margin-bottom: 0;
  }
}
.dv-hp-container .dv-hp-row-cta .dv-hp-col:nth-child(5) .dv-hp-cta-wrapper {
  margin-right: 25px;
  background-image: url("//bucket.dealeralchemist.com/diehl-hyundai/homepage/dv-cta-service.jpg?auto=compress%2Cformat&ixlib=php-1.2.1");
}
@media screen and (max-width: 1279px) {
  .dv-hp-container .dv-hp-row-cta .dv-hp-col:nth-child(5) .dv-hp-cta-wrapper {
    margin-left: 25px;
  }
}
.dv-hp-container .dv-hp-row-cta .dv-hp-col .dv-hp-cta-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition-property: all;
  transition-duration: 0.3s;
  margin: 25px 12.5px;
}
.dv-hp-container .dv-hp-row-cta .dv-hp-col .dv-hp-cta-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 0;
}
.dv-hp-container .dv-hp-row-cta .dv-hp-col .dv-hp-cta-wrapper a {
  position: relative;
  z-index: 1;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  height: calc(25vh - 50px);
  text-align: center;
}
.dv-hp-container
  .dv-hp-row-cta
  .dv-hp-col
  .dv-hp-cta-wrapper
  a
  .dv-hp-cta-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .dv-hp-container
    .dv-hp-row-cta
    .dv-hp-col
    .dv-hp-cta-wrapper
    a
    .dv-hp-cta-inner {
    padding: 12.5px;
  }
}
.dv-hp-container .dv-hp-row-cta .dv-hp-col .dv-hp-cta-wrapper a span {
  flex: 1 1 100%;
  width: 100%;
}
.dv-hp-container
  .dv-hp-row-cta
  .dv-hp-col
  .dv-hp-cta-wrapper
  a
  span:first-child {
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 5px;
}
@media screen and (max-width: 1279px) {
  .dv-hp-container
    .dv-hp-row-cta
    .dv-hp-col
    .dv-hp-cta-wrapper
    a
    span:first-child {
    font-size: 14px;
  }
}
@media screen and (max-width: 1279px) {
  .dv-hp-container
    .dv-hp-row-cta
    .dv-hp-col
    .dv-hp-cta-wrapper
    a
    span:last-child {
    font-size: 12px;
  }
}
.dv-hp-container
  .dv-hp-row-cta
  .dv-hp-col
  .dv-hp-cta-wrapper
  a
  span:last-child
  i {
  color: #00aad2;
  transition-property: all;
  transition-duration: 0.3s;
}
.dv-hp-container
  .dv-hp-row-cta
  .dv-hp-col
  .dv-hp-cta-wrapper
  a:hover
  span:last-child
  i {
  padding-left: 15px;
}
.dv-hp-container .dv-hp-hero {
  background-image: url("//bucket.dealeralchemist.com/diehl-hyundai/homepage/dv-konalimited-bg.jpg?auto=compress%2Cformat&ixlib=php-1.2.1");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 3;
  height: calc(75vh - 65px);
}
.dv-hp-container .dv-hp-hero .dv-searchbar {
  width: 100%;
  max-width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .dv-hp-container .dv-hp-hero .dv-searchbar {
    max-width: 90%;
  }
}
.dv-hp-container .dv-hp-hero .dv-hp-hero-content {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: 100%;
  background: rgba(26, 42, 83, 0.5);
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .dv-hp-container .dv-hp-hero .dv-hp-hero-content {
    padding: 0 12.5px;
  }
}
.dv-hp-container .dv-hp-hero .dv-hp-hero-content h3 {
  font-size: 21px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .dv-hp-container .dv-hp-hero .dv-hp-hero-content h3 {
    font-size: 18px;
  }
}
.dv-hp-container .dv-hp-hero .dv-hp-hero-content h1 {
  font-size: 70px;
  font-weight: 600;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .dv-hp-container .dv-hp-hero .dv-hp-hero-content h1 {
    font-size: 36px;
  }
}
.dv-hp-container .dv-hp-hero .dv-hp-hero-content .btn-group {
  margin-right: 1%;
}
.dv-hp-container .dv-hp-hero .dv-hp-hero-content .dv-car-nums {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 2rem;
}
.dv-hp-container .dv-hp-hero .dv-hp-hero-content .dv-car-nums .dv-counter {
  color: #00aad2;
}
@media screen and (max-width: 768px) {
  .dv-hp-container .dv-hp-hero .dv-hp-hero-content .dv-car-nums {
    font-size: 18px;
    margin-top: 1rem;
  }
}
.dv-hp-container .dv-hp-hero .dv-hp-hero-content .dv-car-nums > div {
  display: inline-block;
  border-right: 1px solid #fff;
  padding-right: 10px;
  padding-left: 10px;
}
.dv-hp-container .dv-hp-hero .dv-hp-hero-content .dv-car-nums > div:last-child {
  border-right: none;
}
.dv-hp-container .dv-hp-row-map {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #1a2a53;
}
.dv-hp-container .dv-hp-row-map .dv-hp-col:first-child {
  flex: 1 1 33.333%;
  width: 33.333%;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-map .dv-hp-col:first-child {
    flex: 1 1 100%;
    width: 100%;
  }
}
.dv-hp-container .dv-hp-row-map .dv-hp-col:last-child {
  flex: 1 1 66.666%;
  width: 66.666%;
  max-height: 540px;
}
.dv-hp-container .dv-hp-row-map .dv-hp-col .dv-hp-map-info {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: column nowrap;
  justify-content: center;
  position: relative;
  padding: 0 50px;
}
@media screen and (max-width: 1280px) {
  .dv-hp-container .dv-hp-row-map .dv-hp-col .dv-hp-map-info {
    padding: 25px;
  }
}
.dv-hp-container .dv-hp-row-map .dv-hp-col .dv-hp-map-info .dv-hp-map-top {
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.dv-hp-container .dv-hp-row-map .dv-hp-col .dv-hp-map-info .dv-hp-map-bottom {
  font-size: 36px;
  text-align: center;
  color: #fff;
  font-weight: 500;
}
.dv-hp-container .dv-hp-row-map .dv-hp-col .dv-hp-map-info .dv-hp-map-location {
  text-align: center;
}
.dv-hp-container
  .dv-hp-row-map
  .dv-hp-col
  .dv-hp-map-info
  .dv-hp-map-location
  a {
  padding: 15px 0;
  position: relative;
  display: inline-block;
  color: #fff;
}
.dv-hp-container
  .dv-hp-row-map
  .dv-hp-col
  .dv-hp-map-info
  .dv-hp-map-location
  a:before {
  content: "\f3c5";
  margin-right: 5px;
  font-weight: 700;
  color: #fff;
  font-family: "Font Awesome 5 Pro";
}
.dv-hp-container
  .dv-hp-row-map
  .dv-hp-col
  .dv-hp-map-info
  .dv-hp-map-location
  p {
  padding-bottom: 15px;
  color: #fff;
}
.dv-hp-container
  .dv-hp-row-map
  .dv-hp-col
  .dv-hp-map-info
  .dv-hp-map-location
  p:before {
  content: "\f017";
  margin-right: 5px;
  font-weight: 700;
  color: #fff;
  font-family: "Font Awesome 5 Pro";
}
.dv-hp-container
  .dv-hp-row-map
  .dv-hp-col
  .dv-hp-map-info
  .dv-hp-map-input-group {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
}
.dv-hp-container
  .dv-hp-row-map
  .dv-hp-col
  .dv-hp-map-info
  .dv-hp-map-input-group
  label {
  display: none;
  visibility: hidden;
}
.dv-hp-container
  .dv-hp-row-map
  .dv-hp-col
  .dv-hp-map-info
  .dv-hp-map-input-group
  .dv-hp-map-input-wrapper {
  font-size: 0;
  text-align: center;
  position: relative;
}
.dv-hp-container
  .dv-hp-row-map
  .dv-hp-col
  .dv-hp-map-info
  .dv-hp-map-input-group
  .dv-hp-map-input-wrapper
  input {
  color: #a6a6a6;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 50px;
  border: 1px solid #e9e9e9;
  border-right: 0;
  height: 40px;
  font-family: inherit;
  width: 100%;
  vertical-align: top;
  display: inline-block;
}
.dv-hp-container
  .dv-hp-row-map
  .dv-hp-col
  .dv-hp-map-info
  .dv-hp-map-input-group
  .dv-hp-map-input-wrapper
  button {
  position: absolute;
  right: 0;
  z-index: 1;
  border-radius: 0;
  outline: none;
  padding: 10px;
  height: 100%;
  font-size: 14px;
  background: #e9e9e9;
  border: 1px solid #e9e9e9;
}
.dv-hp-container
  .dv-hp-row-map
  .dv-hp-col
  .dv-hp-map-info
  .dv-hp-map-input-group
  .dv-hp-map-input-wrapper
  button
  i {
  color: #1a2a53;
}
.dv-hp-container
  .dv-hp-row-map
  .dv-hp-col
  .dv-hp-map-info
  .dv-hp-map-input-group
  .dv-hp-map-input-wrapper
  button:hover {
  cursor: pointer;
  background: #1a2a53;
  border-color: #e9e9e9;
}
.dv-hp-container
  .dv-hp-row-map
  .dv-hp-col
  .dv-hp-map-info
  .dv-hp-map-input-group
  .dv-hp-map-input-wrapper
  button:hover
  i {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-map .dv-hp-col .dv-hp-map-wrapper {
    display: none;
  }
}
.dv-hp-container .dv-hp-row-map .dv-hp-col .dv-hp-map-wrapper #map {
  height: 75vh !important;
}
.dv-hp-container .dv-hp-row-map .dv-hp-col .dv-hp-map-wrapper #map .marker {
  width: 135px;
  height: 76px;
  border-radius: 0;
}
.dv-hp-container .dv-hp-row-seo {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 50px 25px;
}
.dv-hp-container .dv-hp-row-seo .seo-more {
  margin-bottom: 1rem;
  display: none;
}
.dv-hp-container .dv-hp-row-seo .seo-more-btn {
  margin-top: 1rem;
}
.dv-hp-container .dv-hp-row-seo .seo-more-btn .read-more-btn {
  text-align: center;
  padding: 0.5em 1em;
  margin: 0;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.15rem;
  letter-spacing: 0.085em;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border-radius: 0;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: transparent;
  border: 1px solid #1a2a53;
  color: #1a2a53;
  font-size: 14px;
}
.dv-hp-container .dv-hp-row-seo .seo-more-btn .read-more-btn:before {
  background: #1a2a53;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.dv-hp-container .dv-hp-row-seo .seo-more-btn .read-more-btn:hover {
  color: #fff;
  cursor: pointer;
}
.dv-hp-container .dv-hp-row-seo .seo-more-btn .read-more-btn:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.dv-hp-container .dv-hp-row-seo .dv-hp-seo-wrapper {
  max-width: 80%;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-seo .dv-hp-seo-wrapper {
    max-width: 100%;
  }
}
.dv-hp-container .dv-hp-row-seo .dv-hp-seo-wrapper p {
  margin-top: 10px;
  line-height: 200%;
  font-weight: 100;
}
.dv-hp-container .dv-hp-row-seo .dv-hp-seo-wrapper h3 {
  margin-bottom: 15px;
}
.dv-hp-container .dv-hp-row-seo .dv-hp-seo-wrapper h3 span {
  color: #1a2a53;
}
.dv-hp-container .dv-hp-row-seo .dv-hp-seo-wrapper h4 {
  margin-top: 25px;
}
.dv-hp-container .dv-hp-row-seo .dv-hp-seo-wrapper h4 span {
  color: #1a2a53;
}
.dv-hp-container .dv-hp-row-seo .dv-hp-seo-wrapper img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-seo .dv-hp-seo-wrapper img {
    display: none;
  }
}
.dv-hp-container .dv-hp-row-seo .dv-hp-col:first-child {
  flex: 1 1 66.666%;
  width: 66.666%;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-seo .dv-hp-col:first-child {
    flex: 1 1 100%;
    width: 100%;
  }
}
.dv-hp-container .dv-hp-row-seo .dv-hp-col:last-child {
  flex: 1 1 33.333%;
  width: 33.333%;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-seo .dv-hp-col:last-child {
    flex: 1 1 100%;
    width: 100%;
  }
}
.dv-hp-container .dv-hp-row-service {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  background-image: url("//bucket.dealeralchemist.com/diehl-hyundai/homepage/dv-service-bg.jpg?auto=compress%2Cformat&ixlib=php-1.2.1");
  background-size: cover;
  background-repeat: no-repeat;
}
.dv-hp-container .dv-hp-row-service .dv-hp-col {
  flex: 1 1 100%;
  width: 100%;
  padding: 75px;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-service .dv-hp-col {
    padding: 50px;
  }
}
.dv-hp-container .dv-hp-row-service .dv-hp-col-wrapper {
  max-width: 75%;
  margin: 0 auto;
  background: #fff;
  padding: 50px;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-service .dv-hp-col-wrapper {
    max-width: 100%;
    padding: 25px;
  }
}
.dv-hp-container .dv-hp-row-service .dv-hp-col-wrapper h3 {
  font-size: 28px;
  color: #1a2a53;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-service .dv-hp-col-wrapper h3 {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
.dv-hp-container .dv-hp-row-service .dv-hp-col-wrapper h3:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 10%;
  padding-top: 10px;
  border-bottom: 2px solid #00aad2;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-service .dv-hp-col-wrapper h3:after {
    width: 30%;
  }
}
.dv-hp-container .dv-hp-row-service .dv-hp-col-wrapper p {
  font-size: 12px;
  text-align: center;
  line-height: 150%;
}
.dv-hp-container .dv-hp-row-service .dv-hp-col-wrapper .dv-hp-button-wrapper {
  margin-top: 50px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-service .dv-hp-col-wrapper .dv-hp-button-wrapper {
    margin-top: 25px;
  }
}
.dv-hp-container .dv-hp-row-service .dv-hp-col-wrapper .dv-hp-button-wrapper a {
  margin: 0 12.5px;
  background: #1a2a53;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  border: 1px solid #1a2a53;
  padding: 10px 15px;
  display: inline-block;
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container
    .dv-hp-row-service
    .dv-hp-col-wrapper
    .dv-hp-button-wrapper
    a {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .dv-hp-container
    .dv-hp-row-service
    .dv-hp-col-wrapper
    .dv-hp-button-wrapper
    a {
    width: 100%;
    margin: 0;
  }
}
.dv-hp-container
  .dv-hp-row-service
  .dv-hp-col-wrapper
  .dv-hp-button-wrapper
  a
  i {
  color: #fff;
  margin-right: 5px;
}
.dv-hp-container
  .dv-hp-row-service
  .dv-hp-col-wrapper
  .dv-hp-button-wrapper
  a:hover {
  background: #fff;
  color: #1a2a53;
}
.dv-hp-container
  .dv-hp-row-service
  .dv-hp-col-wrapper
  .dv-hp-button-wrapper
  a:hover
  i {
  color: #1a2a53;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container
    .dv-hp-row-service
    .dv-hp-col-wrapper
    .dv-hp-button-wrapper
    a:last-child {
    margin-top: 12.5px;
  }
}
.dv-hp-container .dv-hp-row-shopping {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: center;
  padding: 50px;
}
@media screen and (max-width: 768px) {
  .dv-hp-container .dv-hp-row-shopping {
    padding: 25px;
  }
}
.dv-hp-container .dv-hp-row-shopping .dv-hp-fw {
  flex: 1 1 100%;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-around;
}
.dv-hp-container .dv-hp-row-shopping .dv-hp-fw .dv-hp-col {
  flex: 1 1 50%;
  width: 50%;
}
.dv-hp-container .dv-hp-row-shopping .dv-hp-fw .dv-hp-col:first-child {
  text-align: left;
}
.dv-hp-container .dv-hp-row-shopping .dv-hp-fw .dv-hp-col:first-child h3 {
  font-size: 24px;
  padding-bottom: 5px;
}
.dv-hp-container .dv-hp-row-shopping .dv-hp-fw .dv-hp-col:first-child p {
  font-size: 14px;
}
.dv-hp-container .dv-hp-row-shopping .dv-hp-fw .dv-hp-col:last-child {
  text-align: right;
}
.dv-hp-container .dv-hp-row-shopping .dv-hp-fw .dv-hp-col:last-child a {
  background: #00aad2;
  padding: 10px 15px;
  border-radius: 20px;
  color: #fff;
  border: 1px solid #00aad2;
  font-size: 14px;
  display: inline-block;
}
.dv-hp-container .dv-hp-row-shopping .dv-hp-fw .dv-hp-col:last-child a:hover {
  background: #fff;
  color: #00aad2;
}
@media screen and (max-width: 768px) {
  .dv-hp-container .dv-hp-row-shopping .dv-hp-fw .dv-hp-col {
    flex: 1 1 100%;
    width: 100%;
    text-align: center !important;
  }
  .dv-hp-container .dv-hp-row-shopping .dv-hp-fw .dv-hp-col:last-child a {
    margin-top: 25px;
  }
}
.dv-hp-container .dv-hp-row-shopping .dv-hp-col {
  flex: 1 1 25%;
  width: 25%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-shopping .dv-hp-col {
    flex: 1 1 50%;
    width: 50%;
  }
  .dv-hp-container
    .dv-hp-row-shopping
    .dv-hp-col:nth-child(1)
    .dv-hp-col-wrapper,
  .dv-hp-container
    .dv-hp-row-shopping
    .dv-hp-col:nth-child(2)
    .dv-hp-col-wrapper {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .dv-hp-container .dv-hp-row-shopping .dv-hp-col .dv-hp-col-wrapper {
    margin-bottom: 25px;
  }
  .dv-hp-container
    .dv-hp-row-shopping
    .dv-hp-col:last-child
    .dv-hp-col-wrapper {
    margin-bottom: 0;
  }
}
.dv-hp-container .dv-hp-row-shopping .dv-hp-col-wrapper {
  max-width: 75%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .dv-hp-container .dv-hp-row-shopping .dv-hp-col-wrapper {
    max-width: 100%;
    padding: 0 15px;
  }
}
.dv-hp-container .dv-hp-row-shopping .dv-hp-col-wrapper h4 {
  font-size: 16px;
  color: #1a2a53;
  font-weight: 600;
  text-align: center;
  position: relative;
  padding: 25px 0;
}
@media screen and (max-width: 1024px) {
  .dv-hp-container .dv-hp-row-shopping .dv-hp-col-wrapper h4 {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .dv-hp-container .dv-hp-row-shopping .dv-hp-col-wrapper h4 {
    font-size: 18px;
  }
}
.dv-hp-container .dv-hp-row-shopping .dv-hp-col-wrapper p {
  font-size: 12px;
  line-height: 200%;
}