:root {
    --white: #ffffff;
    --color-title: #333333;
    --color-sub-title: #05b3dc;
    --color-content: #616161; 
    /* --font-title: 'Montserrat', sans-serif; */
    --font-title: Inter, sans-serif;
    /* --font-content: 'Raleway', sans-serif; */
    --font-content: Inter, sans-serif;
}
/* @include transition(all,2s,ease-out); */
/* COLOR VARIABLES
============================================= */
/* GRADIENT LISTS
============================================= */
#about-values {
  background-color: #fff;
  padding: 60px 30px; }
  #about-values #core-values {
    max-width: 836px;
    margin: 0 auto; }
    #about-values #core-values .nav.nav-tabs li {
      overflow: hidden;
      background-color: #20B686;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      #about-values #core-values .nav.nav-tabs li a {
        background-color: unset !important; }
      #about-values #core-values .nav.nav-tabs li:first-of-type {
        border-radius: 6px 0 0 0;
        box-shadow: inset -14px -5px 20px #0000001c; }
      #about-values #core-values .nav.nav-tabs li:last-of-type {
        border-radius: 0 6px 0 0;
        box-shadow: inset 7px -5px 20px #0000001c; }
      #about-values #core-values .nav.nav-tabs li:hover {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background-color: #F5F5F5 !important;
        box-shadow: unset !important; }
        #about-values #core-values .nav.nav-tabs li:hover a {
          color: #20B686; }
    #about-values #core-values .nav.nav-tabs li.active {
      background-color: #F5F5F5 !important; }
      #about-values #core-values .nav.nav-tabs li.active:first-of-type {
        box-shadow: unset; }
      #about-values #core-values .nav.nav-tabs li.active:last-of-type {
        box-shadow: unset; }
      #about-values #core-values .nav.nav-tabs li.active a {
        color: #247C56; }
    #about-values #core-values .tab-content#myTabContent {
      border-radius: 0 0 6px 6px;
      border-bottom: 3px solid #0000002e; }
      #about-values #core-values .tab-content#myTabContent .tab-pane h5 {
        /* font-family: "Montserrat"; */
        font-family: Inter;
        font-weight: bold;
        margin-bottom: 10px; }
    #about-values #core-values .tab-content#myTabContent .tab-pane a {
      color: #0077b1;}
      #about-values #core-values .tab-content#myTabContent .tab-pane h5,
      #about-values #core-values .tab-content#myTabContent .tab-pane p {
        color: #484848; }


.home_content {
    max-width: 850px;
    margin: 0 auto;
    overflow: hidden;
}
.wp_title {
  text-align: center;
  margin: 40px 0 20px;
  font-weight: normal;
  font-size: 25px;
  font-family: var(--font-title);
}

.wrapper-home-ev {
  background: #7166F9;
}
.wrapper-home-ev .widget {
  width: 1000px;
  margin: 0 auto;
  padding: 20px 0;
  display: grid;
  grid-template-columns: 90px 1fr 150px;
  grid-gap: 30px;
}
.wrapper-home-ev .widget .col-1 {
  background: url(/images/homepage/svg/icon-parkhound-logo-light.svg) no-repeat center center;
}
.wrapper-home-ev .widget .col-3 {
  align-self: center;
}
.wrapper-home-ev .widget label {
  /* font-family: 'Raleway'; */
  font-family: Inter;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #FFFFFF;
  margin: 0;
  cursor: unset;
}
.wrapper-home-ev .widget p {
  /* font-family: 'Raleway'; */
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
  margin-top: 10px;
}
.wrapper-home-ev .widget a {
  border-radius: 8px;
  padding: 12px 30px;
  /* font-family: 'Raleway'; */
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-decoration: unset;
  color: #FFFFFF;
  background: #3C4855;
  display: inline-block;
}
.wrapper-home-ev .widget a:hover {
  background: #424b54;
}
@media (max-width: 1280px) {
  .wrapper-home-ev .widget {
    width: -webkit-fill-available;
    width: -moz-available;
    padding: 20px 50px;
  }
}
@media (max-width: 800px) {
  .wrapper-home-ev .widget {
    padding: 20px;
  }
}
@media (max-width: 599px) {
  .wrapper-home-ev .widget {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  .wrapper-home-ev .widget .col-1 {
    display: none;
  }
  .wrapper-home-ev .widget label {
    line-height: 45px;
    padding-left: 60px;
    background: url(/images/homepage/svg/icon-parkhound-logo-light.svg) no-repeat left center;
    background-position-x: left;
    background-size: contain;
  }
}

/**************************wrapper_home_city************************************/
.wrapper_home_city {
  background: var(--white);
}
.wrapper_home_city .list_city {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px 20px;
  margin-top: 40px;
  margin-bottom: 30px;
}

.list_city .item_city {
  width: 100%;
  text-align: center;
  background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.item_city a {
  display: table-cell;
  vertical-align: middle;
  height: 165px;
  width: 270px;
  font-size: 26px;
  font-family: var(--font-title);
  font-weight: 600;
  line-height: 38px;
  color: var(--white);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.item_city a:hover {
  text-decoration: none;
}
.list_city_bottom {
  text-align: center;
}
.list_city_bottom a {
  padding: 10px 0;
  font-size: 16px;
  line-height: 30px;
  color: var(--color-content);
  display: inline-block;
}
.list_city_bottom svg {
  margin: 0px 15px;
}
.wrapper_home_city .view_more {
  text-align: center;
  margin: 15px auto;
}
.wrapper_home_city .view_more a{
    display: inline-block;
    font-size: 16px;
    color: var(--color-content);
    width: 150px;
    text-align: left;
    background-image: url(/images/homepage/svg/icon-goarrow-green.svg);
    background-repeat: no-repeat;
    background-position: right;
}
/**************************End wrapper_home_city************************************/

@media (max-width: 1200px) {
  .container {
    width: 100% !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    padding: 0 30px; } }

@media (max-width: 979px) {
  .home_content {
    width: 94%;
  }
  .wp_title {
    font-size: 20px;
  }
}
@media (max-width: 599px) {
  .wrapper_home_city .list_city {
    grid-template-columns: 1fr 1fr;
  }
}