#chat-section-panel{scroll-margin-top:90px}.charles-ai-cards-carousel .cards-heading{padding-bottom:80px}.charles-ai-cards-carousel .cards-heading h2{font-size:82px;line-height:100%;text-align:center}.charles-ai-cards-carousel .card-subheading h3,.charles-ai-cards-carousel .cards-heading h2{font-family:charles_inktrapitalic,sans-serif;font-weight:400;letter-spacing:.32px;margin:0 0 20px}.charles-ai-cards-carousel .card-subheading h3{font-size:54px;line-height:56px}.charles-ai-cards-carousel .ai-cards-carousel .swiper-wrapper .top-left-corner{left:0;position:absolute;top:10px}.charles-ai-cards-carousel .ai-cards-carousel .swiper-wrapper .bottom-right-corner{bottom:80px;position:absolute;right:25px}.ai-cards-carousel{background:url(https://www.hello-charles.com/hubfs/Imported%20images/gradient-small.png) no-repeat;background-position:40% 0;display:block;position:relative}.ai-cards-carousel .card-slide{display:flex;justify-content:space-between;padding:50px;position:relative}.ai-cards-carousel .card-slide .rive-agent{bottom:0;left:0;margin:0 auto;position:absolute;right:0;z-index:-1}.ai-cards-carousel .card-slide .rive-agent #donductor,.ai-cards-carousel .card-slide .rive-agent #recco,.ai-cards-carousel .card-slide .rive-agent #sue-port{height:600px;margin:0 auto;width:600px}.ai-cards-carousel .card-slide .slide-content{position:relative;width:33%;z-index:10}.ai-cards-carousel .card-slide .card-img{width:40%}.ai-cards-carousel .card-slide .card-content{position:relative;width:27%;z-index:10}.ai-cards-carousel .card-slide .card-img{align-items:center;display:flex;justify-content:center}.ai-cards-carousel .card-slide .card-img img{margin:0 auto;padding:0 10px}.ai-cards-carousel .card-slide .card-content .card-content-heading{align-items:center;display:flex;gap:12px;margin-bottom:40px}.ai-cards-carousel .card-slide .card-content .card-content-heading .card-icon img{width:64px}.ai-cards-carousel .card-slide .card-content .card-content-heading .card-content-title{font-family:Inter,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.36px;line-height:30px}.ai-cards-carousel .card-slide .slide-content .card-description,.ai-cards-carousel .card-slide .slide-content .card-description p{font-family:Inter,sans-serif;font-size:22px;letter-spacing:-.36px;line-height:136%}.ai-cards-carousel .card-slide .slide-content .card-description p{align-items:flex-start;display:flex;gap:6px}.ai-cards-carousel .card-slide .slide-content .card-description p .important-note{font-family:Inter,sans-serif;font-size:36px;font-weight:700;line-height:36px}.ai-cards-carousel .card-slide .slide-content .agent-description-image{margin-top:50px}.ai-cards-carousel .card-slide .slide-content .card-description .pointer{font-size:42px}.ai-cards-carousel .card-slide .card-content .card-stats{font-family:charles_inktrapitalic,sans-serif;font-size:36px;font-weight:400;letter-spacing:.32px;line-height:110%}.ai-cards-carousel .card-slide .card-content .card-stats .stat-number{background:#fff171;border-radius:20px;display:inline-flex;margin-bottom:10px;padding:8px 26px 0 20px}body.macos .ai-cards-carousel .card-slide .card-content .card-stats .stat-number{background:#fff171;border-radius:20px;display:inline-flex;padding:0 26px 8px 20px}.ai-cards-carousel .button-group{margin-top:20px;text-align:center}.ai-cards-carousel .button-group.hide-group{opacity:0;visibility:hidden}.ai-cards-carousel .button-group .btn-agent-ai{border-radius:50px;color:#221f20;display:inline-flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;line-height:20px;padding:12px 40px}.ai-cards-carousel .button-group .btn-agent-ai.enable-border{border:1px solid #221f20}.ai-cards-carousel .custom-buttons{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:120px}.ai-cards-carousel .custom-buttons button{align-items:center;background:transparent;border:2px solid #cecece;border-radius:12px;display:flex;height:80px;justify-content:center;outline:none;overflow-y:visible;padding:12px 6px;position:relative;transition:.3s ease;width:80px;z-index:8}.ai-cards-carousel .custom-buttons button .tooltip-disabled{background:#fff;border-radius:15px;box-shadow:0 9px 18px 0 rgba(0,0,0,.08);color:#221f20;font-size:14px;left:70%;line-height:18px;opacity:0;padding:6px 5px;position:absolute;top:-60px;transition:all .3s ease;visibility:hidden;width:120px}.ai-cards-carousel .custom-buttons button:hover .tooltip-disabled{opacity:1;visibility:visible}.ai-cards-carousel .custom-buttons button .tooltip-disabled:before{border-color:#fff transparent transparent #fff;border-style:solid;border-width:10px 8px 8px;bottom:-16px;content:"";height:0;left:10px;position:absolute;width:0}.ai-cards-carousel .custom-buttons button.custom{padding-top:6px}.ai-cards-carousel .custom-buttons button.custom img{height:58px}.ai-cards-carousel .custom-buttons button img{height:50px;transition:transform .3s ease;width:auto}.ai-cards-carousel .custom-buttons button:not(.disabled).active,.ai-cards-carousel .custom-buttons button:not(.disabled):hover{background-color:#ccd5fd}.ai-cards-carousel .custom-buttons button:not(.disabled):hover img{transform:translateY(-50%)}.ai-cards-carousel .swiper-slide{opacity:0;position:relative;transition:opacity .6s ease-in-out;z-index:1}.swiper-pagination .swiper-pagination-bullet{height:20px;width:20px}.swiper-pagination .swiper-pagination-bullet-active{background:#221f20}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:-30px}.ai-cards-carousel-mobile{background:url(https://www.hello-charles.com/hubfs/Imported%20images/gradient-mobile-agents.png) no-repeat;background-position:50%;background-size:cover;display:none;overflow-x:hidden;padding:20px;position:relative}.ai-cards-carousel-mobile .agent-card-slide{padding:0 10px}.ai-cards-carousel-mobile .agent-card-slide:first-child{transform:rotate(-2deg)}.ai-cards-carousel-mobile .agent-card-slide:nth-child(2){transform:rotate(2deg)}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card{background:#fff;border-radius:30px;box-shadow:0 9px 18px 0 rgba(0,0,0,.05);padding:20px}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card .agent-avatar{margin-bottom:30px}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card #donductor-mobile,.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card #recco-mobile,.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card #sue-port-mobile{height:240px;margin-top:-20px;width:280px}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card .agent-avatar img{margin:0 auto}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card .agent-heading{align-items:center;display:flex;gap:10px;margin-bottom:25px}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card .agent-heading .heading-icon{max-width:50px}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card .agent-heading .heading-title{font-family:Inter,sans-serif;font-size:20px;font-style:italic;font-weight:700;line-height:24px}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card .agent-description{border-bottom:1px dashed rgba(0,0,0,.2);font-size:1rem;font-style:italic;line-height:22px;margin-bottom:20px;padding-bottom:20px}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card .agent-description p{align-items:flex-start;display:flex;font-style:italic;gap:10px}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card .agent-description p .important-note{font-size:30px;font-style:italic;font-weight:700;line-height:32px}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card .agents-stats{align-items:center;display:flex;gap:15px;margin-bottom:35px}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card .agents-stats .number-stat{background:#fff171;border-radius:8px;color:#221f20;font-family:charles_inktrapitalic,sans-serif;font-size:20px;line-height:26px;padding:7px 14px 3px}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card .agents-stats .text-stat{font-size:1rem;font-style:italic;line-height:20px}.ai-cards-carousel-mobile .agent-card-slide .ai-agent-card .agent-behaviour{padding:0 10px}.swiper-3d .swiper-slide-shadow{background:transparent!important}@media screen and (max-width:768px){.charles-ai-cards-carousel .cards-heading{opacity:1!important;transform:none!important;transition:none!important}.charles-ai-cards-carousel .container{padding:0}.charles-ai-cards-carousel .container .cards-heading{padding:0 20px}.ai-cards-carousel{display:none}.ai-cards-carousel-mobile{display:block}.charles-ai-cards-carousel .cards-heading{padding-bottom:50px}.charles-ai-cards-carousel .cards-heading h2{font-size:42px;line-height:46px;margin:0 0 50px}}