.about-us-preview{display:flex;justify-content:space-between;align-items:center;padding:80px 60px;background-color:#fffcfa;gap:40px;max-width:100%;overflow-x:hidden}.about-us-content{flex-basis:30%;max-width:380px;padding:60px 40px;border-radius:20px}.title-secondary{color:var(--secondary-color)}.about-us-content .about-us-text{font-family:var(--car-loan-h2-font-family);font-size:48px;font-weight:700;line-height:1.2;color:var(--primary-color);margin-bottom:16px}.about-us-content .about-us-subtitle{font-family:var(--car-loan-body-font-family);font-size:16px;line-height:1.5;color:var(--white, #ffffff);margin-bottom:30px}.about-us-content .about-us-button{background-color:transparent;color:var(--white, #ffffff);padding:16px 32px;border-radius:10px;font-family:var(--car-loan-body-font-family);font-weight:400;font-size:14px;line-height:24px;cursor:pointer;border:2px solid var(--white, #ffffff);transition:all .3s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap;min-width:148px;height:58px}.about-us-content .about-us-button:hover{background-color:var(--white, #FFFCFA);color:var(--text-dark, #000000);transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d}.carousel-container{flex-basis:70%;width:70%}.features-wrapper{display:flex;gap:24px;overflow-x:auto;padding-bottom:20px;scrollbar-width:none;-ms-overflow-style:none}.features-wrapper::-webkit-scrollbar{display:none}.feature-card{background-color:var(--white, #FFFCFA);border-radius:20px;width:100%;max-width:400px;min-width:300px;flex-shrink:0;text-align:center;overflow:hidden;box-shadow:0 4px 20px #0000001a}.feature-card .feature-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.feature-card .feature-text-content{padding:24px}.feature-card .feature-title{font-family:var(--car-loan-h4-font-family);font-size:24px;font-weight:600;color:var(--text-dark);margin-bottom:12px}.feature-card .feature-description{font-family:var(--car-loan-body-font-family);font-size:16px;line-height:1.5;color:var(--text-dark)}.carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:20px;padding-right:20px;position:relative;z-index:5}.scroll-progress-bar-container{flex-grow:1;height:4px;background-color:var(--cream-bg);border-radius:2px;max-width:200px}.scroll-progress-bar{height:100%;background-color:var(--primary-color);border-radius:2px}.carousel-buttons{display:flex;gap:10px}.carousel-button{width:40px!important;height:40px!important;border-radius:20%;background-color:var(--secondary-color);border:none;color:var(--primary-color);font-size:20px;cursor:pointer;transition:all .3s ease;position:relative;z-index:10;display:flex;align-items:center;justify-content:center}.carousel-button:hover{background-color:var(--primary-color);color:var(--secondary-color);transform:scale(1.1)}@media (max-width: 768px){.about-us-preview{flex-direction:column;padding:60px 20px;text-align:center}.about-us-content{max-width:100%;margin-bottom:40px}.carousel-container{width:100%}.features-wrapper{flex-direction:row;overflow-x:auto;padding-bottom:20px;scroll-snap-type:x mandatory}.carousel-controls{display:flex}.feature-card{width:100%;max-width:100%;scroll-snap-align:center}}.banner-cta{position:relative;width:1202px;height:462px;margin:48px auto;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.banner-mask-group{position:absolute;inset:0%;width:100%;height:100%}.banner-background{position:absolute;inset:0%;background:var(--primary-color);border-radius:280px 0 0}.banner-image-mask{position:absolute;inset:0% -13.89% 0% 0%;background:var(--secondary-color);border-radius:280px 0 0}.banner-content-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;gap:32px;position:absolute;inset:17.97% 30.01% 17.97% 31.8%;height:auto}.banner-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;gap:32px;width:459px;height:296px;flex:none;order:0;flex-grow:0}.banner-text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;gap:10px;width:459px;height:206px;flex:none;order:0;flex-grow:0}.banner-title{width:100%;max-width:459px;height:auto;font-family:var(--car-loan-h1-font-family);font-style:normal;font-weight:700;font-size:48px;line-height:58px;display:flex;align-items:center;text-align:center;color:#000;flex:none;order:0;flex-grow:0;margin:0}.banner-description{width:100%;max-width:451px;height:auto;font-family:var(--car-loan-body-font-family);font-style:normal;font-weight:400;font-size:16px;line-height:22px;display:flex;align-items:center;text-align:center;color:#000;flex:none;order:1;flex-grow:0;margin:0}.banner-button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 32px;width:275px;height:58px;background:#000;border-radius:10px;flex:none;order:1;flex-grow:0;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.banner-button-container:hover{background-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.banner-button-text{width:auto;height:auto;font-family:var(--car-loan-body-font-family);font-style:normal;font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;color:#fff;flex:none;order:0;flex-grow:0;text-decoration:none;white-space:nowrap}@media (min-width: 1024px){.banner-cta{width:100%;max-width:1202px;height:462px;margin:48px auto}.banner-title{font-size:48px;line-height:58px}.banner-description{font-size:16px;line-height:22px}.banner-button-container{width:275px;height:58px;padding:16px 32px}.banner-button-text{font-size:14px;line-height:24px}}@media (min-width: 768px) and (max-width: 1023px){.banner-cta{width:90%;max-width:1202px;height:auto;min-height:400px;margin:40px auto}.banner-content-container{inset:auto 5%}.banner-content{width:100%;max-width:400px;height:auto}.banner-text-container{width:100%;max-width:400px}.banner-title{width:100%;font-size:36px;line-height:44px;height:auto}.banner-description{width:100%;font-size:14px;line-height:20px;height:auto}.banner-button-container{width:250px;height:52px;padding:14px 28px}.banner-button-text{font-size:13px;line-height:22px}}@media (min-width: 640px) and (max-width: 767px){.banner-cta{width:90%;height:auto;min-height:350px;margin:32px auto}.banner-background{border-radius:120px 0 0}.banner-content-container{width:80%;height:auto;left:10%;right:10%;top:50%;transform:translateY(-50%)}.banner-content{width:100%;height:auto;gap:24px}.banner-text-container{width:100%;height:auto;gap:8px}.banner-title{width:100%;font-size:28px;line-height:36px;height:auto}.banner-description{width:100%;font-size:14px;line-height:20px;height:auto}.banner-button-container{width:220px;height:48px;padding:12px 24px}.banner-button-text{font-size:12px;line-height:20px}}@media (max-width: 639px){.banner-cta{width:100%;height:auto;min-height:300px;margin:24px 0;padding:0 16px;box-sizing:border-box}.banner-background{border-radius:60px 0 0}.banner-image-mask{display:none}.banner-content-container{width:90%;height:auto;left:5%;right:5%;top:50%;transform:translateY(-50%)}.banner-content{width:100%;height:auto;gap:20px}.banner-text-container{width:100%;height:auto;gap:6px}.banner-title{width:100%;font-size:24px;line-height:32px;height:auto}.banner-description{width:100%;font-size:14px;line-height:20px;height:auto}.banner-button-container{width:100%;max-width:200px;height:44px;padding:10px 20px}.banner-button-text{font-size:12px;line-height:18px}}
