body {
    background-color: white !important;
}

input[type=checkbox] {

    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 9px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #ccc;
}

a:hover {
    color: black !important;
    text-decoration: none;
}

.card__shadow {
    border-radius: 0px !important;
    background-color: white !important;
}

.card__article {
    border-radius: 0px !important;
}

.card__content {
    border-radius: 0px !important;
}

.card__image {
    margin-top: 1%;
    padding-top: 0% !important;
    background-color: white !important;
}

.card__description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card__button {
    color: var(--container-color) !important;
}

.fillBtn {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #0d3b66;
    border: 1px solid #0d3b66;
    font-size: 16px;
    line-height: 36px;
    display: inline-block;
    padding: 0 15px;
    color: #fff;
    font-family: "Work Sans", sans-serif;
    text-transform: capitalize;
    letter-spacing: .5px;
    transition: .2s ease-in-out;
    border-radius: 4px;
    cursor: pointer;
    text-transform: uppercase;

}

.rounded {
    border-radius: .25rem !important;
}

.modal-header {
    border-bottom: 0px solid red;
}

@media screen and (min-width: 1120px) {
    .card__container {
        max-width: 100% !important;
        margin-bottom: 2% !important;
    }
}

.modal-wrapper .modal-dialog {
    max-width: 550px;
}

.modal-wrapper .modal-dialog .modal-content {
    /* height: 430px; */
    overflow-y: hidden;
}

.form-group label {
    color: #212529;
    margin-left: 2%;
}

.boldfont p {
    letter-spacing: .4px;
}

.modal-font {
    font-size: 18.5px;
    font-family: "Work Sans", sans-serif;
    color: #242529;
    letter-spacing: .4px;
}

.text-center a {
    color: #2176ae;
    transition: .2s all;
}

.modal-header {
    padding: 0;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area {
    border-bottom: 0px solid #e5e5e5;
    padding: 0 0 0px !important;
}

.form-control {
    height: 40px;
    border-radius: 0;
    font-size: 16px;
    color: #242529;
}

.close {
    cursor: pointer;
}

.close {
    padding: 4px;
    opacity: 1;
    background-color: #ffffff;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 0;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 34px;
}

@media (max-width: 480px) {
    .card__container {
        max-width: 100% !important;
    }

    .card__data {
        /* background-color:white !important; */
        padding: 10px 0 0 !important;
        /* margin-top:7% !important; */
        height: 130px !important;
        border-radius: 0 !important;
    }

    .card__button {
        /* border-radius: 2.25rem !important; */
        margin-top: 8% !important;
        padding: 2.5% 5.5% !important;
    }

    .card__description {
        margin-bottom: 0.75rem !important;
        font-size: 14px !important;
        padding: 0 10px !important;
    }


    .bg-1 .bg-img,
    .bg-2 .bg-img {
        min-height: 300px !important;
    }

    .slider {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 2% !important;
    }

    h3 .card__name {
        /* color:White !important; */
        font-size: 18px !important;
        /* margin-bottom:-0px !important; */
        /* margin-top:5% !important; */
    }

    .uren-banner_area .container-fluid {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .row {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        gap: 0px;
    }

    .banner-video {
        flex: 0 0 50%;
        padding: 0;
    }

    .banner-item {
        width: 100%;
        margin: 0;
    }

    .banner-video-1,
    .banner-video-2 {
        width: 100%;
        height: auto;
    }

    .img-full {
        height: 205px !important;
    }

    .uren-banner_area .banner-item video {
        width: 97% !important;
        min-height: 160px !important;
    }

    .uren-banner_area .banner-item .banner-content>p {
        max-width: 96% !important;
    }

    .uren-banner_area .banner-item .banner-content>h4,
    .uren-banner_area .banner-item .banner-content h3 {
        font-size: 11px !important;
    }

    .mb-5 {
        margin-bottom: -1.8rem !important;
    }

    .about-us-area .overview-content .uren-about-us_btn-area .about-us_btn {
        height: 44px !important;
        width: 99px !important;
        line-height: 43px !important;
    }

    .uren-brand_area {
        padding: 0px 0 !important;
    }

    .about-us-area .bg--white_smoke {
        padding: 0px 0 !important;
    }

    .fixed-height {
        height: 205px !important;
    }

    .full-img {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .padding_aera {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .area_padding {
        padding: 0 5px !important;
    }

    .single-product img.brand-img {
        height: 70px !important;
        width: 70px !important;
    }

    .category-content {
        flex-direction: column;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .flip-image {
        order: 1;
        /* Image comes first on mobile */
    }

    .order-flip {
        order: 2;
        /* Content comes second on mobile */
    }

    .img-hover-effect_area .slick-list {
        padding: 0px !important;
    }

    .modal-wrapper .modal-dialog .modal-content {
        height: 483px !important;
    }

    .font-modal {
        font-size: 16px !important;
    }

    .filter-img {
        margin-left: -55% !important;
    }

    .modal-wrapper .modal-dialog .modal-content {
        padding: 6px 10px 5px !important;
    }

    .swiper-container {
        display: inline;
    }
}

body {
    background-color: white !important;
}

input[type=checkbox] {

    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 9px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #ccc;
}

a:hover {
    color: black !important;
    text-decoration: none;
}

.card__shadow {
    border-radius: 0px !important;
    background-color: white !important;
}

.shadow-div {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.card__data {
    border-radius: 0px !important;
    height: 210px;
    margin-bottom: 2%;
    /* margin-bottom: 10px; */


}

.card__article {
    padding: 0px 5px 5px 5px !important;
    border-radius: 0px !important;
}

.card__content {
    border-radius: 0px !important;
}

.card__img {
    width: 100%;
    /* box-shadow: 
        0 -4px 4px rgba(0, 0, 0, 0.4), 
        -4px 0 4px rgba(0, 0, 0, 0.4), 
        4px 0 4px rgba(0, 0, 0, 0.4); */
}

.card__image {
    padding-top: 0% !important;
    background-color: white !important;
}

.card__description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card__button {
    color: var(--container-color) !important;
}

.fillBtn {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #0d3b66;
    border: 1px solid #0d3b66;
    font-size: 16px;
    line-height: 36px;
    display: inline-block;
    padding: 0 15px;
    color: #fff;
    font-family: "Work Sans", sans-serif;
    text-transform: capitalize;
    letter-spacing: .5px;
    transition: .2s ease-in-out;
    border-radius: 4px;
    cursor: pointer;
    text-transform: uppercase;
}

.fillBtn:disabled {
    background: grey;
    border: 1px solid grey;
    cursor: not-allowed;
}

.rounded {
    border-radius: .25rem !important;
}

.modal-header {
    border-bottom: 0px solid red;
}

@media screen and (min-width: 1120px) {
    .card__container {
        max-width: 100% !important;
        margin-bottom: 2% !important;
    }
}

.modal-wrapper .modal-dialog {
    max-width: 550px;
}

.modal-wrapper .modal-dialog .modal-content {
    /* height: 430px; */
    overflow-y: hidden;
}

.form-group label {
    color: #212529;
    margin-left: 2%;
}

.boldfont p {

    letter-spacing: .4px;
}

.modal-font {
    font-size: 18.5px;
    font-family: "Work Sans", sans-serif;
    color: #242529;
    letter-spacing: .4px;
}

.text-center a {
    color: #2176ae;
    transition: .2s all;
}

.modal-header {
    padding: 0;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area {
    border-bottom: 0px solid #e5e5e5;
    padding: 0 0 0px !important;
}

.form-control {
    height: 40px;
    border-radius: 0;
    font-size: 16px;
    color: #242529;
}

.close {
    cursor: pointer;
}

.close {
    padding: 4px;
    opacity: 1;
    background-color: #ffffff;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 0;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: none;
}

@media (max-width: 480px) {
    .card__container {
        max-width: 100% !important;
    }

    .card__img {
        height: 128px !important;

    }

    .card__data {
        /* background-color:white !important; */
        padding: 1px 0 0 !important;
        /* margin-top:7% !important; */
        height: 112px !important;
        border-radius: 0 !important;
    }

    .details-specs .details-specsItem h5 {
        font-size: 11px !important;
    }

    .details-specs .details-specsItem strong {
        margin-left: 18% !important;
    }

    .card__button {
        /* border-radius: 2.25rem !important; */
        margin-top: 0% !important;
        padding: 2.5% 5.5% !important;
    }

    .card__description {
        margin-bottom: 0.75rem !important;
        font-size: 14px !important;
        padding: 0 10px !important;
    }


    .bg-1 .bg-img,
    .bg-2 .bg-img {
        min-height: 300px !important;
    }

    .slider {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 2% !important;
    }

    h3 .card__name {
        /* color:White !important; */
        font-size: 18px !important;
        /* margin-bottom:-0px !important; */
        /* margin-top:5% !important; */
    }

    .uren-banner_area .container-fluid {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .row {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        gap: 0px;
    }

    .banner-video {
        flex: 0 0 50%;
        padding: 0;
    }

    .banner-item {
        width: 100%;
        margin: 0;
    }

    .banner-video-1,
    .banner-video-2 {
        width: 100%;
        height: auto;
    }

    .img-full {
        height: 205px !important;
    }

    .uren-banner_area .banner-item video {
        width: 97% !important;
        min-height: 160px !important;
    }

    .uren-banner_area .banner-item .banner-content>p {
        max-width: 96% !important;
    }

    .uren-banner_area .banner-item .banner-content>h4,
    .uren-banner_area .banner-item .banner-content h3 {
        font-size: 11px !important;
    }

    .mb-5 {
        margin-bottom: -1.8rem !important;
    }

    .about-us-area .overview-content .uren-about-us_btn-area .about-us_btn {
        height: 44px !important;
        width: 99px !important;
        line-height: 43px !important;
    }

    .strong {
        margin-left: 18% !important;
    }

    .uren-brand_area {
        padding: 0px 0 !important;
    }

    .about-us-area .bg--white_smoke {
        padding: 0px 0 !important;
    }

    .fixed-height {
        height: 115px !important;
    }

    .height_fixed {
        height: 105px !important;
    }

    .full-img {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .padding_aera {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .area_padding {
        padding: 0 5px !important;
    }

    .single-product img.brand-img {
        height: 70px !important;
        width: 70px !important;
    }

    .category-content {
        flex-direction: column;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .flip-image {
        order: 1;
        /* Image comes first on mobile */
    }

    .order-flip {
        order: 2;
        /* Content comes second on mobile */
    }

    .img-hover-effect_area .slick-list {
        padding: 0px !important;
    }

    .font-modal {
        font-size: 16px !important;
    }

    .filter-img {
        margin-left: -55% !important;
        margin-top: 50% !important;
    }

    .modal-wrapper .modal-dialog .modal-content {
        padding: 6px 10px 5px !important;
        height: auto !important;
        /* margin-top: 25% !important; */
    }

    .uren-blog_area {
        display: none
    }

    .swiper-container {
        display: inline;
    }

    .brand-slider .slide-item .inner-slide .single-product {
        border-right: none !important;
    }

    .uren-shipping_area .shipping-nav {
        padding: 0 0 0px !important;
    }

    .details-specs {
        flex-wrap: nowrap !important;
    }

    .details-specs .details-specsItem {
        height: 45px !important;
    }

    .footer-middle_area {
        padding: 5px 0 !important;
    }

    .footer-widgets_title {
        display: none !important;
    }

    .footer-widgets {
        display: none !important;
    }

    .footer-middle_area .footer-widgets_area [class*="col-"] {
        padding: 0 0px !important;
    }

    .state {
        text-align: center !important;
    }

    .shipping-content h6 {
        text-align: center !important;
    }
    .footer_mobile {
        padding:0px !important;  
        margin-top: 15px !important;
    }
    .single-cta i {
        font-size: 15px !important;
        margin-top: 0px !important;
        margin-right:5px !important;
    }
    .cta-text {
        font-size: 12px !important;
    }
    .cta-text h4 {
        font-size: 15px !important;
        margin-bottom:0px !important;
    }
    .footer-mobile {
        display: flex !important;
        justify-content: left!important;
    }
    .cta-text {
        padding:0px !important; 
    }
    .footer_area {
        padding:0 0px !important;
    } 
    .email_footer {
        display: flex !important;
        justify-content: right !important;
        margin-top: -17% !important;
        /* margin-left:9% !important; */
    }
    .mobile_footer {
        background-color: #fff !important;
        /* color:#000 !important; */
    }
    .mobile_copyright a {
        color:#000 !important;
    }
    .mobile_payment a {
        color:#000 !important;
    }
    .cta-text span {
        margin-left: 0px !important;
    }
    .cta-text a {
        margin-left: 0px !important;
    }
}

.breadcrumb-area {

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 225px;
    position: relative;
    z-index: 0;
}

.breadcrumb-area:before {
    content: "";
    position: absolute;
    top: 0;
    min-height: 100%;
    left: 0;
    right: 0;
    z-index: -1;
    background: rgba(19, 25, 23, 0.68);
}

.btn-tractor-anchor {
    line-height: 40px;
    border-color: #0D3B66 !important;
    color: #0D3B66;
}

.btn-tractor-anchor {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    border: 1px solid;
    border-radius: 0.25rem;
    padding: -0.75rem 0rem;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s ease;
}

.btn-tractor-anchor:hover {
    background-color: thistle;
}

.slick-gutter-30 .slick-list .slick-slide {
    /* border: 1px solid black; */
    background-color: #fff;
}

.card {
    box-shadow: -10px 0 10px rgba(0, 0, 0, 0.1),
        /*Left shadow*/
        10px 0 10px rgba(0, 0, 0, 0.1),
        /*Right shadow0*/
        10px 10px rgba(0, 0, 0, 0.1);
    /*Bottom shadow*/
}

.card-title {
    font-size: 18px;
    color: #000;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
}

.card-text {
    color: #000;
    position: relative;
    font-size: 15px;
}

.abc {
    border: 1px solid #0D3B66;
    color: #0D3B66;
    line-height: 40px;
}

.abc:hover {
    background-color: #0D3B66;
    color: white !important;
}

.card-body {
    height: 200px;
}

.btn-small {
    padding: 10px 25px;
    font-size: 12px;
}

.btn-main,
.btn-transparent,
.btn-small {
    background: #f75757;
    color: #fff;
    transition: all 0.2s ease;
}

h3.quote::before {
    content: '';
    width: 55px;
    height: 2px;
    background: #f75757;
    position: absolute;
    top: 25px;
    left: 0;
}

h3.quote {
    font-size: 25px;
    line-height: 50px;
    font-weight: normal;
    padding: 0px 25px 0px 85px;
    margin: 65px 0 65px 0 !important;
    position: relative;
}

.text-black {
    color: #242424;
}

h2 a {
    color: #242424;
    text-decoration: none;
}

h6 a {
    color: #242424;
    text-decoration: none;
}

/* li a {
            color:  #242424;
            text-decoration: none;
        } */

.text-color {
    color: #f75757;
}

.tags a {
    background: #f5f8f9;
    display: inline-block;
    padding: 8px 23px;
    border-radius: 38px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    font-size: 14px;
    text-transform: capitalize;
    color: black;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #242424;
}

.section-title_area h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Work Sans", sans-serif;
    color: #0c2a5c;
}

.slider-font {
    font-size: 18px !important;
    color: #0c2a5c !important;
    text-align: center;
    height:25px;
    padding-top:8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: height 0.8s ease, overflow 0.8s ease;
}

.slide-item:hover .slider-font{
    height:auto;
    white-space: unset;
    overflow: visible;
}

.state {
    text-align: center;
}


@media screen and (min-width: 481px) and (max-width: 1080px) {
    .uren-blog_area {
        /* display: none !important; */
    }
}





.uren-banner_area {
    margin-top: -3%;
}

/* .uren-blog_area {
            margin-top: -3%;
        } */
/* .area-brand {
            margin-top: -2%;
        } */
/* .slider {
            margin-top: -2%;
        } */
.address {
    color: white;
}

.widgets-essential_stuff li {
    margin-right: 20px;
}

.widgets-essential_stuff a {
    text-decoration: none;
    color: inherit;
}

/* .address li {
            margin-left: 30px; 
        } */
.footer-widgets_logo {
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .card__content {
        margin-inline: 0 !important;
    }
}

/* .mobile_footer a {
    color: #ffffff !important;
}
 */




@media (max-width: 480px) {


    .widgets-essential_stuff li {
        margin-right: 0px !important;
        font-size: 12px !important;
    }

    .address li {
        margin-left: 0px !important;
    }

    .footer-middle_area .footer-widgets_info .widgets-essential_stuff>ul>li span {
        font-size: 12px !important;
    }

    .footer_main {
        padding: 0 0px !important;
    }

    .footer_container {
        padding: 5px 5px !important;
    }

    .footer-widgets_logo a {
        width: 50% !important;
    }
    .goog-te-combo, .VIpgJd-ZVi9od-ORHb *, .VIpgJd-ZVi9od-SmfZ *, .VIpgJd-ZVi9od-xl07Ob *, .VIpgJd-ZVi9od-vH1Gmf *, .VIpgJd-ZVi9od-l9xktf *{
        width: 62px;
        height: 40px;
        font-weight: 700;
        background: #ffc400;
        color: #0c2a5c;
        /* padding: 4px 3px; */
        font-size: 11px !important;
        text-transform: uppercase;
        font-family: inherit !important;
        /* font-size: 10pt; */
        border: none;
    }
    #google_translate_element {
        padding-top: 0px !important;
        /* width:100px !important; */
        /* height: 50px !important; */
        margin-left: 0% !important;
    }
}

ul {
    margin: 0px;
    padding: 0px;
}
.footer-section {
  background: #0c2a5c;
  position: relative;
}
.footer-cta {
  /* border-bottom: 1px solid #373636; */
}
.single-cta i {
  color: #ff5e14;
  font-size: 23px;
  float: left;
  margin-right: 3px;
  margin-top: 0px;
}
.cta-text {
  padding-left: 15px;
  /* display:inline-block; */
  /* justify-content: left; */
}
.cta-text h4 {
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 2px;
}
.cta-text h4 a {
font-size: 14px;
}
.cta-text span {
  color: #fff;
  font-size: 15px;
  margin-left: -19px;
}
	.copyright a {
        color:#fff;
    }
    .payment a {
        color:#fff;
    }
    .cta-text a {
        margin-left: -25px;
    }
    .footer_area {
            padding: 1rem;
        }
        .aera_footer{
            padding:5px 5px;
        }