.elementor-14 .elementor-element.elementor-element-3eb073b{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--background-transition:0.3s;--overlay-opacity:0.64;}.elementor-14 .elementor-element.elementor-element-3eb073b:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-3eb073b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bbatint.com/wp-content/uploads/2024/07/batmobile-car-with-neon-lights.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-3eb073b::before, .elementor-14 .elementor-element.elementor-element-3eb073b > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-3eb073b > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-3eb073b > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-3eb073b > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-3eb073b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-14 .elementor-element.elementor-element-3eb073b, .elementor-14 .elementor-element.elementor-element-3eb073b::before{--border-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-0a89ef6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--background-transition:0.3s;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-dfdbe2f .elementor-heading-title{color:#FFFFFF;font-family:"Jost", Sans-serif;font-size:40px;font-weight:500;}.elementor-14 .elementor-element.elementor-element-3ebfa95{--display:flex;--background-transition:0.3s;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-652a84e{--display:flex;--background-transition:0.3s;}.elementor-14 .elementor-element.elementor-element-babfa5b{color:#FFFFFF;font-weight:100;text-decoration:underline;}@media(min-width:1025px){.elementor-14 .elementor-element.elementor-element-3eb073b:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-3eb073b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-3eb073b{--content-width:90%;}.elementor-14 .elementor-element.elementor-element-dfdbe2f .elementor-heading-title{font-size:24px;}.elementor-14 .elementor-element.elementor-element-3ebfa95{--margin-top:2px;--margin-bottom:2px;--margin-left:2px;--margin-right:2px;}.elementor-14 .elementor-element.elementor-element-652a84e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-babfa5b{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-3ebfa95 */.login-portal p,
.login-portal input,
.login-portal h2,
.login-portal h3,
.login-portal th,
.login-portal td,
.login-portal li {
    color: #ffffff !important ;
}

.login-portal [type=submit] {
    background: linear-gradient(to right, #bf1084, #521280);
}




.warranties-container {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.warranty-card {
     background-image: url('https://bbatint.com/wp-content/uploads/2024/08/Warranty-Car-7.webp'); /* 替换为你的图片路径 */
            background-size: cover; /* 使背景图片覆盖整个容器 */
            background-position: center; /* 将背景图片居中 */
            background-repeat: no-repeat; /* 防止背景图片重复 */
    margin-top: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    width: 100%; /* Full width on mobile */
   
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    border-radius: 10px;
    border: none;
  
    
}



@media (min-width: 900px) {
    .warranty-card {
        width: 470px; /* Three columns layout on large desktops */
         height: 830px;
           padding: 250px 65px;
    }
}

@media (max-width: 576px) {
    .warranty-card {
        width: 350px; /* Two columns layout on tablets and small desktops */
          height: 650px;
            padding: 180px 40px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eb073b */.warranty-card p {
    color: #000000 !important;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: center;
     font-family: "Jost", Sans-serif;
    text-transform: uppercase;
}

.warranty-card h3 {
        font-family: "ethnocentric_rg-webf", Sans-serif;
        font-size: 21px;
        color:#000000 !important;
        font-family: "Jost", Sans-serif;
        text-align: center;
        margin-top: 20px;
    
}

@media only screen and (max-width: 600px) {
.warranty-card p {
    font-size:13px;
    font-weight: 400;
    margin-bottom: 10px;
}
}/* End custom CSS */