.toyota-insure .banner-section{position:relative;width:100%;height:350px;background:#f4f4f4;overflow:hidden}@media (min-width: 350px){.toyota-insure .banner-section{height:312px}}@media (min-width: 1024px){.toyota-insure .banner-section{height:333px}}@media (min-width: 1280px){.toyota-insure .banner-section{height:400px}}.toyota-insure .banner-section .slider-wrapper{position:relative;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;transition:transform .5s ease-out}.toyota-insure .banner-section .slide{position:relative;min-width:100%;height:100%}.toyota-insure .banner-section .slide.active{z-index:1}.toyota-insure .banner-section .slide .upbutton{position:absolute;bottom:20px;right:20px;width:40px;height:40px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 2px 8px #00000026;border:1px solid #000000;transition:transform .2s ease}.toyota-insure .banner-section .slide .upbutton:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.toyota-insure .banner-section .slide .upbutton img{width:20px;height:20px;pointer-events:none}@media (min-width: 1024px){.toyota-insure .banner-section .slide .upbutton{bottom:30px;right:30px}}@media (max-width: 1200px){.toyota-insure .banner-section .slide .upbutton{display:none}}.toyota-insure .banner-section .slide .gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%);pointer-events:none;z-index:1}.toyota-insure .banner-section .banner-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.toyota-insure .banner-section .mobile-image{display:block}@media (min-width: 1024px){.toyota-insure .banner-section .mobile-image{display:none}}.toyota-insure .banner-section .desktop-image{display:none}@media (min-width: 1024px){.toyota-insure .banner-section .desktop-image{display:block}}.toyota-insure .banner-section .banner-content{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;width:100%;margin:0;padding:0 7.5%;color:#fff;z-index:2;pointer-events:none}@media (max-width: 400px){.toyota-insure .banner-section .banner-content{padding-left:20px;padding-right:0}}@media (min-width: 1024px){.toyota-insure .banner-section .banner-content{margin:0 auto;padding:0 calc((100% - 1024px)/2 + 25px)}}@media (min-width: 1280px){.toyota-insure .banner-section .banner-content{padding:0 calc((100% - 1280px)/2 + 75px)}}@media (min-width: 1920px){.toyota-insure .banner-section .banner-content{padding:0 calc((100% - 1320px)/2 + 75px)}}.toyota-insure .banner-section .banner-content h1{font-size:40px;font-family:Toyota Type Bold;text-transform:uppercase;margin-bottom:8px}@media (min-width: 1025px){.toyota-insure .banner-section .banner-content h1{font-size:64px}}.toyota-insure .banner-section .banner-content .subtitle{font-family:Toyota Type Semibold;font-size:14px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px}@media (max-width: 1024px){.toyota-insure .banner-section .banner-content .subtitle{font-size:10px}}.toyota-insure .banner-section .banner-content .description{font-family:Toyota Type Book;font-size:16px;font-weight:400;display:block;padding:unset;width:40%;margin-bottom:24px}@media (max-width: 1024px){.toyota-insure .banner-section .banner-content .description{font-size:14px}}@media (max-width: 768px){.toyota-insure .banner-section .banner-content .description{width:80%}}@media (max-width: 400px){.toyota-insure .banner-section .banner-content .description{margin-bottom:20px}}.toyota-insure .banner-section .banner-content .learn-more-btn{background:#fff;color:#000;border:none;width:142px;height:42px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;white-space:nowrap;pointer-events:auto;overflow:hidden;z-index:1}.toyota-insure .banner-section .banner-content .learn-more-btn:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#101010;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:-1}.toyota-insure .banner-section .banner-content .learn-more-btn:hover:before{transform:scaleX(1)}.toyota-insure .banner-section .banner-content .learn-more-btn:hover{color:#fff}.toyota-insure .banner-section .slider-progress{position:absolute;bottom:0;left:0;width:100%;display:flex;gap:8px;padding:0 7.5% 20px;z-index:3}@media (max-width: 400px){.toyota-insure .banner-section .slider-progress{padding:20px}}@media (min-width: 1024px){.toyota-insure .banner-section .slider-progress{max-width:1920px;margin:0 auto;padding:0 calc((100% - 1024px)/2 + 25px) 20px}}@media (min-width: 1280px){.toyota-insure .banner-section .slider-progress{padding:0 1% 20px}}@keyframes progressBarFill{0%{width:0}to{width:100%}}.toyota-insure .banner-section .slider-progress .progress-bar{flex:1;height:3px;background:#ffffff4d;cursor:pointer;position:relative;overflow:hidden}.toyota-insure .banner-section .slider-progress .progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;background:#fff;animation:progressBarFill 5s linear forwards;animation-play-state:paused;width:0}.toyota-insure .banner-section .slider-progress .progress-bar.active:after{animation-play-state:running}.toyota-insure .banner-section .slider-progress .progress-bar:not(.active):after{animation:none;width:0}.toyota-insure .banner-section .slider-progress .progress-bar:hover{background:#ffffff80}
