html {
    scroll-behavior: smooth;
  }
  
  .row{
    margin-left:0;
    margin-right:0;
  }
  
  .navbar{
    border-radius:0!important;
    -webkit-box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 28px -15px rgb;
  }
  
  .navbar__nav-link.login{
    border-radius:2px!important;
    -webkit-box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 28px -15px rgb;
  }
  
  .w-container, .z-container{
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    width:80%;
  }
  
  #main-footer{
    display:inline-block;
    width:100%;
  }
  
  .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 150px!important;
    height: auto;
    margin: 0 auto;
  }
  
  p{
    color: #000;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
  }
  
  #non-profit-filters i{
    margin-top:10px;
    margin-bottom:0!important;
  }
  
  
  .question, .answer{
      font-family: 'Gilroy-Regular';
  }
  
  
  .hm-hero__button,.text-button, .button-medium, .w-button{
    border-radius: 2px!important;
    width: 220px!important;
    text-align: center!important;
    font-size: 20px!important;
    border-color: #ffd469!important;
    background-color: #ffd469!important;
    -webkit-box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 28px -15px rgb;
    color:#000;
    font-weight:400!important;
    padding: 14px 26px!important;
    text-shadow:none;
  }
  
  .j, .text-button:hover{
    color:black;
    text-decoration:none;
  }
  
  .standard-header{
    padding:8em 0 4em; 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4f4ba0+0,4877ad+100 */
    background: #4f4ba0; /* Old browsers */
    background: -moz-linear-gradient(top,  #4f4ba0 0%, #4877ad 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #4f4ba0 0%,#4877ad 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #4f4ba0 0%,#4877ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4ba0', endColorstr='#4877ad',GradientType=0 ); /* IE6-9 */
  
  }
  
  
  .section-heading__block h1{
      font-size: 32px;
      color: #2e76bb;
      line-height: 1.5;
      font-weight: 600;
  }
  
  .standard-header h1{
    border-left: 4px solid #ffd469;
    border-right: 4px solid #ffd469;
    padding: 0 1em;
    display: inline;
    color:white;
  }
  
  .standard-blue-line{
    width:4px;
    background-color:#2e76bb; 
    height: 80px;
    margin-top:40px;
  }
  .standard-text-content{
    padding: 0 2.5em;
    margin-top:-85px;
  }
  
  .state-text-content{
    padding: 0 2.5em;
  }
  
  
  .standard-text-content3 {
    padding: 0 2.5em;
    margin-top: -48px;
  }
  
  
  .standard-blue-line3 {
    width: 4px;
    background-color: #2e76bb;
    height: 40px;
    margin-top: 40px;
  }
  
  
  .standard-subtitle{
    color:#2e76bb;
    font-weight:600;
    line-height: 1.5;
  }
  
  
  
  .top-eight-nonprofits{
    width:100%;
    display:inline-block;
    text-align:center;
    padding-bottom:4em;
  }
  
  
  .eight-nonprofits{
    width:170px;
  
  
  }
  
  .eight-nonprofits img{
    width:170px;
  }  
  
  .eight-nonprofits img:hover{
    z-index:9999999999999999999999;
    position:relative;
      transform: scale(1.2);
      transition:1s;/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }
  
  
  .good-company img{
      width: 200px;
  }
  
  
  .good-company2{
    padding:5px;
  }
  
  .good-company2 img{
  width: 150px;
  }
  
  
  .font600 h3{
    font-family: 'Gilroy-SemiBold';
  }
  
  
  .Be-Advised{
    background-color: whitesmoke;
    text-align:center;
  }
  
  .Be-Advised h3 {
    font-weight:600;
  }
  
  .Be-Advised p {
    font-weight: normal;
  }
  
  .statebtn{
    margin: 2em 0 0;
    border-radius: 2px!important;
    min-width: 240px;
    text-align: center!important;
    font-size: 20px!important;
    border-color: #ffd469!important;
    background-color: #ffd469!important;
    -webkit-box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 28px -15px rgb;
    color: #000;
    font-weight: 400!important;
    padding: 14px 26px!important;
    text-shadow: none;
    display: inline-block;
    text-decoration: none;
  }
  
  
  .statebtn:hover{
  text-decoration: none;
  }
  
  #socialmedia-btn{
    color: white;
    background-color:#4987ca; 
    border-color:#4987ca;
    font-size: 24px;
    padding:10px 35px!important;
    margin: 1.5em 0 0;
  }
  #socialmedia-btn:hover{
    background-color:white;
    border-color:white;
    color: #4987ca;
    transition:2s;
  }
  
  .section.how-it-works-section-2{
    display: inline-block;
    width: 100%;
    height: auto;
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
    padding-top:8em;
  }
  
  .shadow-effect {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
  }
  #customers-testimonials .shadow-effect p {
    font-family: inherit;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 17px 0;
    font-weight: 300;
  }
  .testimonial-name {
    margin: -17px auto 0;
    display: table;
    width: auto;
    background: #3190E7;
    padding: 9px 35px;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
  }
  #customers-testimonials .item {
    text-align: center;
    padding: 30px 0 0;
    margin-bottom:30px;
    opacity: .2;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
  }
  .owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 140px;
    margin: 0 auto 17px;
  }
  #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
  #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #3190E7;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
  }
  #customers-testimonials.owl-carousel .owl-dots{
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  #customers-testimonials.owl-carousel .owl-dots .owl-dot{
    display: inline-block;
  }
  #customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #3190E7;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
  }
  
  .section.testimonials-section {
    padding: 0px;
  }
  
  .carousel{
    padding: 2em 2em 0;
  }
  
  .glyphicon{
    color:#ffd469;
  }
  
  .carousel-inner>.item {
    -webkit-transition: 2s ease-in-out left;
    -o-transition: 2s ease-in-out left;
    transition: 2s ease-in-out left;
  }
  
  @media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner>.item {
    -webkit-transition: -webkit-transform 2s ease-in-out;
    -o-transition: -o-transform 2s ease-in-out;
    transition: transform 2s ease-in-out;
  
  }
  
  .carousel-showmanymoveone .carousel-control {
    width: 4%;
    background-image: none;
  }
  .carousel-showmanymoveone .carousel-control.left {
    margin-left: 15px;
  }
  .carousel-showmanymoveone .carousel-control.right {
    margin-right: 15px;
  }
  .carousel-showmanymoveone .cloneditem-1,
  .carousel-showmanymoveone .cloneditem-2,
  .carousel-showmanymoveone .cloneditem-3 {
    display: none;
  }
  @media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
  }
  @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    left: 0;
  }
  }
  @media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -25%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 25%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
    display: block;
    }
  }
  @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
      transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
      transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    left: 0;
  }
  }  
  
  .logo {
    margin: 20px auto;
    height: 100px;
  }
  
  .how-it-works__img-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 225px!important;
    height: 225px!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 0;
    border-color: none;
    border-radius: 0px;
  
  }
  
  .telephone-icon{
    width: 225px!important;
  }
  
  .donor-hero{
    background-color:#2e76bb; 
    width:100%;
    height: 100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4f4ba0+0,4877ad+100 */
    background: #4f4ba0; /* Old browsers */
    background: -moz-linear-gradient(top,  #4f4ba0 0%, #4877ad 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #4f4ba0 0%,#4877ad 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #4f4ba0 0%,#4877ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4ba0', endColorstr='#4877ad',GradientType=0 ); /* IE6-9 */
    display:flex;
  
  }
  
  .donor-hero-content {
    position: relative;
    text-align: center;
    color: #FFF;
    margin: 17% 2em 0 13em;
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
    float:left!important;
  }
  
  .donor-hero-content h1, .station-hero-content h1{
    text-align:left;
    color:white;
    font-size: 40px;
    margin: 0 0 10px;
    font-weight: 600;
    line-height: 1.5;
  }
  
  
  .donor-hero-content p, .station-hero-content p{
    color:white;
    text-align:left;
  }
  
  .donor-hero-content .btn-holder{
    text-align: left;
    margin-bottom:20px;
  }
  
  
  .station-hero{
    background-color:#2e76bb; 
    width:100%;
    height: 100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4f4ba0+0,4877ad+100 */
    background: #4f4ba0; /* Old browsers */
    background: -moz-linear-gradient(top,  #4f4ba0 0%, #4877ad 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #4f4ba0 0%,#4877ad 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #4f4ba0 0%,#4877ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4ba0', endColorstr='#4877ad',GradientType=0 ); /* IE6-9 */
    padding: 4em 0 0em;
  }
  
  .station-hero-img{
    margin-top:40px;
   
  }
  
  .station-hero-content{
    position: relative;
    text-align: center;
    color: #FFF;
    margin: 6em 0em 0 0em;
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
  }
  
  .station-hero-content p{
      margin-bottom: 12px;
  }
  
  .station-hero-content ol{
      padding-left:20px;
  }
  
  .station-hero-content ol li{
      color:white;
      text-align:left;
  }
  
  
  
  hr{
    border-top:4px solid #eee!important;
  }
  
  .donors-images, video{
    margin-top:-85px;
  }
  
  
  .read-more-box{
    display:inline-block;
    width:100%;
    padding-left:2.5em;
  }
  
  
  .read-more-box .top-partners__button-block{
    margin-top:0;
   
  }
  
  
  
  .hm-hero__button, .text-button, .button-medium, .w-button {
    border-radius: 2px!important;
    width: 220px!important;
    text-align: center!important;
    font-size: 20px!important;
    border-color: orange!important;
    /* background-color: orange!important; */
    -webkit-box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 28px -15px rgb;
    color: #fff!important;
    font-weight: 400!important;
    padding: 18px 26px!important;
    text-shadow: none;
    background: #4f4ba0;
    background: -moz-linear-gradient(left, #4f4ba0 0%, #4877ad 100%);
    background: -webkit-linear-gradient(left, #4f4ba0 0%,#4877ad 100%);
    background: linear-gradient(to right, #4f4ba0 0%,#4877ad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4ba0', endColorstr='#4877ad',GradientType=1 );
    border-style: none!important;
  }
  
  .banner-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 160px;
    margin-top: 80px;
    margin-bottom: 80px;
    padding-left: 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-image: url(https://assets.website-files.com/5e2220d…/5e45b60…_interior%20banner%20short.svg);
    background-position: 100% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
  }
  
  .parent-container {
    padding: 0 20px 0 20px; 
    width: 100%;
  }
  
  .tabPanel-widget > div{
    background-color:white!important;
  }
  
  .faq {
    list-style: none;
    padding-left: 40px;
    padding-right: 20px;
  }
  .faq li {
    border-bottom: 1px solid #999999;
    margin-bottom: 15px;
  }
  .faq li.active .answer {
    max-height: 600px !important;
    padding-bottom: 20px;
    transition: max-height 0.5s ease, padding-bottom 0.5s ease;
  }
  .faq li.active .question {
    color: rgba(32,119,189,1);
    transition: color 0.5s ease;
  }
  .faq .answer {
    color: #090909;
    font-family: 'Gilroy-Regular';
    font-size: 18px;
    line-height: 1.5;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding-bottom 0.5s ease;
  }
  .faq .plus-minus-toggle {
    cursor: pointer;
    height: 21px;
    position: absolute;
    width: 21px;
    left: -40px;
    top: 50%;
    z-index: 2;
  }
  .faq .plus-minus-toggle:before, .faq .plus-minus-toggle:after {
    background: #000;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 21px;
    transition: transform 500ms ease;
  }
  .faq .plus-minus-toggle:after {
    transform-origin: center;
  }
  .faq .plus-minus-toggle.collapsed:after {
    transform: rotate(90deg);
  }
  .faq .plus-minus-toggle.collapsed:before {
    transform: rotate(180deg);
  }
  .faq .question {
    color: #000;
    font-family: 'Gilroy-Regular';
    line-height: 1.5;
    font-size: 20px;
    position: relative;
    cursor: pointer;
    transition: color 0.5s ease;
  }
  
  .faq .question:hover {
    color: rgba(32,119,189,1);
  }
  
  .chat{
    width: auto;
    height: auto;
    background-color: #2e76bb;
    color:white;
    right: 0;
    margin-right: -190px;
    margin-top: 0px;
    z-index: 999999999999999999999999999999999;
    position: fixed;
    transform: rotate(90deg);
    transform-origin: top left;
    padding: 10px 50px;
    text-decoration:none;
    letter-spacing:.14em;
  }
  
  .hours li{
    list-style:none;
  }
  
  .standard-text-content2 {
    padding: 0 2.5em;
    margin-top: -65px;
  }
  
  .standard-blue-line2 {
    width: 4px;
    background-color: #2e76bb;
    height: 60px;
    margin-top: 40px;
  }
  
  .become-a-partner-hero{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4f4ba0+0,4877ad+100 */
    background: #4f4ba0; /* Old browsers */
    background: -moz-linear-gradient(top,  #4f4ba0 0%, #4877ad 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #4f4ba0 0%,#4877ad 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #4f4ba0 0%,#4877ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4ba0', endColorstr='#4877ad',GradientType=0 ); /* IE6-9 */
    width:100%;
    height: 100%;
  }
  
  .become-a-partner-hero-content {
    position: relative;
    text-align: center;
    color: #FFF;
    margin: 13% 5em 0 13em;
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
    float:left!important;
  }
  
  .become-a-partner-hero-content h1{
    text-align:left;
    color:white;
    font-size: 40px;
    margin: 0 0 10px;
    font-weight: 600;
    line-height: 1.5;
  }
  
  
  .become-a-partner-hero-content p{
    color:white;
    text-align:left;
    margin-bottom:12px;
  }
  
  .become-a-partner-hero-content .btn-holder{
    text-align: left;
    margin-bottom:20px;
  }
  
  .become-a-partner-hero-content ol{
    padding-left:20px;
  }
  
  .become-a-partner-hero-content li{
    color:white;
    text-align:left;
    padding:  0 .5em 5px;
  }
  
  .become-a-partner-hero-content li span{
    color:white;
  }
  
  .towing{
    padding-left: 0px!important;
  }
  
  .towing img{
    margin-top:4em;
  }
  
  .vehicle-donation-program{
    background-color:#ffc21b; 
    width:100%;
    height: 100%;
  }
  
  .vehicle-donation-program-content {
    position: relative;
    text-align: center;
    color: black;
    margin: 15% 0em 0 13em;
    float:left!important;
  }
  
  .vehicle-donation-program h2{
    text-align:left;
    font-size: 36px;
    margin: 0 0 16px;
    font-weight: 600;
    line-height: 1.5;
    }
  
  .vehicle-donation-program p{
    text-align:left;
  }
  
  .dollar{
    padding-right: 0px!important;
  }
  
  .sales, .network, .marketing-support, .call-center,.issue-resolution,.account-rev{
  
    width: 150px;
    height: 150px;
    border: 7px solid #ffc21b;
    border-radius: 220px;
    background-color: #fff;
    background-position: 50% 50%;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    margin:0 auto;
  
  }
  
  .sales{
    background-image:url(https://careasy.org/sites/cars/2016/uploads/2020/420/assets/become-a-donor/partner-signup-icons/signup.png);
  }
  
  .network{
    background-image:url(https://careasy.org/sites/cars/2016/uploads/2020/420/assets/become-a-donor/partner-signup-icons/largest-network.png);
  }
  
  .marketing-support{
    background-image:url(https://careasy.org/sites/cars/2016/uploads/2020/420/assets/become-a-donor/partner-signup-icons/marketing-support.png);
  }
  
  .call-center{
    background-image:url(https://careasy.org/sites/cars/2016/uploads/2020/420/assets/become-a-donor/partner-signup-icons/call-center.png);
  }
  
  .issue-resolution{
    background-image:url(https://careasy.org/sites/cars/2016/uploads/2020/420/assets/become-a-donor/partner-signup-icons/issue-resolution.png);
  }
  
  .account-rev{
    background-image:url(https://careasy.org/sites/cars/2016/uploads/2020/420/assets/become-a-donor/partner-signup-icons/account-revenue.png);
  }
  
  .left{
    width:50%;
    float:left;
  }
  
  .right{
    float:right;
    width:50%;
  }
  
  .right img {
    padding-top:5em;
  }
  
  .vd-tcw{
    padding-left:4em;
  }
  
  .partner-hero{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4f4ba0+0,4877ad+100 */
    background: #4f4ba0; /* Old browsers */
    background: -moz-linear-gradient(top,  #4f4ba0 0%, #4877ad 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #4f4ba0 0%,#4877ad 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #4f4ba0 0%,#4877ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4ba0', endColorstr='#4877ad',GradientType=0 ); /* IE6-9 */
    width:100%;
    height: 100%;
    }
  
  
  .partner{
    background:url("https://careasy.org/sites/cars/2016/uploads/2020/420/assets/couple.jpg");
    background-size:cover;
    background-position:top;
  }
  
  .partner-hero-content {
    position: relative;
    text-align: center;
    color: #FFF;
    margin: 25% 2em 0 13em;
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
    float:left!important;
  }
  
  .partner-hero-content h1{
    text-align:left;
    color:white;
    font-size: 40px;
    margin: 0 0 10px;
    font-weight: 600;
    line-height: 1.5;
  }
  
  .partner-hero-content p{
    color:white;
    text-align:left;
  }
  
  .partner-hero-content .btn-holder{
    text-align: left;
    margin-bottom:20px;
    padding-top:1em;
  }
  
  .couple{
    padding-right: 0px!important;
  }
  
  .couple img{
    padding-top:6em;
  }
  
  .towing-truck{
    background:url("/sites/cars/2016/uploads/2020/420/assets/for_nonprofit/towing-a-truck.jpg");
    background-size:cover;
    background-position:center;
    padding: 8em 2em 3em;
    width: 100%;
    display: inline-block;
  }
  
  .towing-truck p{
    width: 70%;
  }
  
  .control-center{
    background-color: #ffc21e;
    padding: 10em 0 0;
    display: flex;
  }
  
  .control-center{
    background-color: #ffc21e;
    padding: 10em 0 0;
    display: flex;
  }
  
  .hero-box{
    width:50%;
    float:right;
  }
  .svg-auto{
    width:50%;  
    align-self: flex-end;
    float:left;
    margin-bottom:-5px;
  }
  
  .top-partners__button-block{
    text-align:left;
  }
  
  .svg-auto2{
    display:none;
  }
  
  .header-text{
    padding:3.5em 8em 6em 0;
  }
  
  .header-text h1{
    text-align: left;
    font-size: 40px;
    margin: 0 0 10px;
    font-weight: 600;
    line-height: 1.5;
  }
  
  .header-text p{
    text-align:left;
    }
  
  
    .states ul li, .categories ul li{
        list-style:none;
    
    }
    
    .states ul li a, .categories ul li a{
            text-decoration:none;
    }
  
  
  
    .otg{
      width:90%;
      text-align:center;
      border:2px solid #ccc;
      padding: 1em;
  }
  
  .quotes{
      margin-bottom:0;
      display:inline-block;
      font-style:italic;
  }
  
  .quotes span{
      font-family: 'Gilroy-SemiBold';
  }
  
  .byWho{
      float:right;
      font-size:18px;
      color:#2e76bb;
      font-family: 'Gilroy-SemiBold';
  }
  
  
  
  
  
  
    @media all and (max-width: 1686px) {
  
        .vehicle-donation-program-content{
        margin: 10% 0em 0 13em;
        }
      
      }
    
        @media all and (max-width: 1635px) {
      
            .w-container, .z-container {width:70%;
        }
      }
    
        @media all and (max-width: 1614px) {
      
      
      }
    
        @media all and (max-width: 1570px) {
      .vehicle-donation-program-content{
        margin: 14% 5.5em 4em;
      }
      
      .dollar img{
        display: none;
      }
      
      .vehicle-donation-program-contentbox{
        width:100%!important;
        }
      }
    
        @media all and (max-width: 1524px) {
      
        .donor-hero-content{
          margin: 20% 2em 0 13em;
        }
      
        .become-a-partner-hero-content{
          margin: 20% 5em 0 2em;
        }
      
      }
    
      @media all and (max-width: 1406px) {
      
        /* .donor-hero-content{
          margin: 13em 5.5em 4em;
        }
      
        .couple-looking{
          display: none;
        }
      
        .donor-hero-contentbox{
          width:100%!important;
        } */
      
        .become-a-partner-hero-content{
          margin: 13em 5.5em 4em;
        }
      
        .towing img{
          display: none;
        }
      
        .become-a-partner-hero-contentbox{
          width:100%!important;
        }
      
      }
    
    
        @media all and (max-width: 1361px) {
      
        .couple img{
          padding-top:5em;
        }
    
        .donor-hero-content{
            margin: 13em 5.5em 4em;
          }
        
          .couple-looking{
            display: none;
          }
        
          .donor-hero-contentbox{
            width:100%!important;
          }
    
    
      }

      @media all and (max-width: 1280px) {
            .standard-header{
                padding: 11em 0 4em;
            }

      }


    
    
        @media all and (max-width: 1230px) {
      
        .partner-hero-content{
          margin:13em 5.5em 4em;
        }
  
        .partner-hero-content .btn-holder{
            margin-bottom:3em;
        }
      
        .couple{
          display: none;
        }
      
        #left{
          width:100%;
        }
      
      }
    
    
        @media all and (max-width: 1200px) {
      
          .section.how-it-works-section-2{
              padding-top:10em;
          }
      }
      
        @media all and (max-width: 1140px) {
      
        .right{
          display:none;
        }
      
        .left{
          width:100%;
        }
      }
    
        @media all and (max-width: 990px) {
      
      .donors-images, video{
        margin-top:0!important;
        padding-bottom:2em;
        display:inline-block;
        }
  
        .station-hero-content{
            padding:0;
            margin: 2em 0em 0 0em;
        }
  
  
        .station-hero-img{
            max-width: 400px;
            margin:80px auto 0;
        }
  
        .read-more-box{
            padding-left:0;
        }
        
        .read-more-box .top-partners__button-block{
            text-align:center!important;
        }
      
        .towing-truck{
          background:#ffc21b;
        }
      
        .towing-truck p{
          width:100%;
        }
      
        .vd-tcw{
          width: 80%;
          margin:0 auto;
        }
      
        .header-text{
          padding:4.5em 2em 0 ;
        }   
      
        .header-text h1{
          font-size: 40px;
          margin: 0 0 10px;
          font-weight: 600;
          line-height: 1.5;
        }
      
        .control-center{
          background-color: #ffc21e;
          padding: 6em 0 4em;
          display: inline-block;
        }
      
        .hero-box{
          width:100%;
          float:none;
          text-align:center;
        }
      
        .svg-auto{
          display:none;
        }
      }
    
        @media only screen and (min-width: 768px) {
      .logo {
        margin: 28px;
        float: left;
      }
      }
      .title {
        padding: 28px;
        display: table-cell;
        position: relative;
        vertical-align: middle;
        text-align: center;
      }
      }
    
        @media screen and (max-width: 767px) {
      .faq .question {
        font-size: 18px;
      }
      }
    
       @media all and (max-width: 650px) {
    
        .w-container, .z-container{
            width: 95%!important;
        }
  
    
    .towing-truck{
        padding: 4em 0 1em;
    }
  
    .vd-tcw{
        width: 100%;
        padding-left: 0;
    }
  
      .donor-hero-content, .become-a-partner-hero-content,.partner-hero-content  {
          margin:11em 0 2em;
      }  
        
      .partner-hero h2{
        padding-top:1em;
      }
  
      .standard-header{
          padding: 11em 0 4em;
      }
      
      .section-heading1,.header-text h1, .donor-hero-content h1,.standard-header h1, .become-a-partner-hero-content h1,.partner-hero-content h1
       {
       font-size: 32px;
       line-height: 1.5;
       /* margin-bottom: 30px; */
      }
      
      p,.section-heading-paragraph, .services__nav-link, .faq .question, .benefits__list-item{
       font-size: 18px;
       line-height: 1.5;
      }
  
      .services__nav-link{
          display: inline-block;
      }
    
      .hm-hero__button, .text-button, .button-medium, .w-button{
          padding:12px 26px!important;
      }
      
      }