.index-page section,.index-page .section{padding:40px 0}.index-page .section-title{padding-bottom:20px}.hero{width:100%;position:relative;padding:80px 0 60px 0;display:flex;background:url(/s/image/hero-bg.webp) top center no-repeat;background-size:cover}.hero h1{margin:0;font-size:48px;font-weight:700;line-height:56px}.hero p{color:color-mix(in srgb,var(--default-color),transparent 30%);margin:5px 0 30px 0;font-size:20px;font-weight:400}.hero .btn-get-started{color:var(--contrast-color);background:var(--accent-color);font-family:var(--heading-font);font-weight:500;font-size:16px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:4px;transition:0.5s;box-shadow:0 8px 28px rgba(0,0,0,0.1)}.hero .btn-get-started i{margin-left:5px;font-size:18px;transition:0.3s}.hero .btn-get-started:hover{color:var(--contrast-color);background:color-mix(in srgb,var(--accent-color),transparent 15%);box-shadow:0 8px 28px rgba(0,0,0,0.1)}.hero .btn-get-started:hover i{transform:translateX(5px)}.hero .animated{animation:up-down 2s ease-in-out infinite alternate-reverse both}@media (max-width:640px){.hero h1{font-size:28px;line-height:36px}.hero p{font-size:18px;line-height:24px;margin-bottom:30px}}@keyframes up-down{0%{transform:translateY(10px)}100%{transform:translateY(-10px)}}.values .card{background-color:var(--surface-color);color:var(--default-color);padding:30px;box-shadow:0px 0 10px rgba(0,0,0,0.1);text-align:center;transition:0.3s;height:100%;border:0}.values .card img{padding:30px 50px;transition:0.5s;transform:scale(1.1)}.values .card h3{font-size:24px;font-weight:700;margin-bottom:18px}.values .card:hover{box-shadow:0px 0 30px rgba(0,0,0,0.1)}.values .card:hover img{transform:scale(1)}.faq{opacity:1!important}.faq .faq-container{margin-top:15px}.faq .faq-container .faq-item{background-color:var(--surface-color);position:relative;padding:20px;margin-bottom:15px;box-shadow:0px 0 30px rgba(0,0,0,0.1);border-radius:5px;overflow:hidden}.faq .faq-container .faq-item:last-child{margin-bottom:0}.faq .faq-container .faq-item h3{font-weight:600;font-size:16px;line-height:24px;margin:0 30px 0 0;transition:0.3s;cursor:pointer;display:flex;align-items:flex-start}.faq .faq-container .faq-item h3 span{color:var(--accent-color);padding-right:10px}.faq .faq-container .faq-item h3:hover{color:var(--accent-color)}.faq .faq-container .faq-item .faq-content{display:grid;grid-template-rows:0fr;transition:0.3s ease-in-out;visibility:hidden;opacity:0}.faq .faq-container .faq-item .faq-content p{margin-bottom:0;overflow:hidden}.faq .faq-container .faq-item .faq-toggle{position:absolute;top:20px;right:20px;font-size:16px;line-height:0;transition:0.3s;cursor:pointer}.faq .faq-container .faq-item .faq-toggle:hover{color:var(--accent-color)}.faq .faq-container .faq-active h3{color:var(--accent-color)}.faq .faq-container .faq-active .faq-content{grid-template-rows:1fr;visibility:visible;opacity:1;padding-top:10px}.faq .faq-container .faq-active .faq-toggle{transform:rotate(90deg);color:var(--accent-color)}.team .team-member{background-color:var(--surface-color);overflow:hidden;border-radius:5px;box-shadow:0px 0 30px rgba(0,0,0,0.1);height:100%}.team .team-member .member-img{position:relative;overflow:hidden}.team .team-member .social{position:absolute;right:-100%;top:30px;opacity:0;border-radius:4px;transition:0.5s;background:color-mix(in srgb,var(--contrast-color),transparent 25%);z-index:2}.team .team-member .social a{transition:color 0.3s;color:color-mix(in srgb,var(--default-color),transparent 50%);margin:15px 12px;display:block;line-height:0;text-align:center}.team .team-member .social a:hover{color:var(--default-color)}.team .team-member .social i{font-size:18px}.team .team-member .member-info{padding:10px 15px 20px 15px}.team .team-member .member-info h4{font-weight:700;margin-bottom:5px;font-size:18px}.team .team-member .member-info span{display:block;font-size:13px;font-weight:400;color:color-mix(in srgb,var(--default-color),transparent 40%)}.team .team-member .member-info p{font-style:italic;font-size:14px;padding-top:15px;line-height:26px;color:color-mix(in srgb,var(--default-color),transparent 30%)}.team .team-member:hover .social{right:8px;opacity:1}.clients{padding:20px 0}.clients .swiper{padding:10px 0}.clients .swiper-slide img{transition:0.3s}.clients .swiper-slide img:hover{transform:scale(1.1)}.contact .info-item{background-color:var(--surface-color);padding:20px 20px 30px 20px;box-shadow:0px 0 20px rgba(0,0,0,0.1)}.contact .info-item i{color:var(--accent-color);width:56px;height:56px;font-size:24px;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease-in-out;border-radius:50%;border:2px dotted color-mix(in srgb,var(--accent-color),transparent 40%)}.contact .info-item h3{font-size:18px;font-weight:700;margin:10px 0}.contact .info-item p{padding:0;margin-bottom:0;font-size:14px}.contact .info-item:hover i{background:var(--accent-color);color:var(--contrast-color)}.contact .php-email-form{background-color:var(--surface-color);height:100%;padding:30px;box-shadow:0px 0 20px rgba(0,0,0,0.1)}.contact .php-email-form input[type=text],.contact .php-email-form input[type=email],.contact .php-email-form textarea{font-size:14px;padding:10px 15px;box-shadow:none;border-radius:0;color:var(--default-color);background-color:color-mix(in srgb,var(--background-color),transparent 50%);border-color:color-mix(in srgb,var(--default-color),transparent 80%)}.contact .php-email-form input[type=text]:focus,.contact .php-email-form input[type=email]:focus,.contact .php-email-form textarea:focus{border-color:var(--accent-color)}.contact .php-email-form input[type=text]::placeholder,.contact .php-email-form input[type=email]::placeholder,.contact .php-email-form textarea::placeholder{color:color-mix(in srgb,var(--default-color),transparent 70%)}.contact .php-email-form button[type=submit]{color:var(--contrast-color);background:var(--accent-color);border:0;padding:10px 30px;transition:0.4s;border-radius:4px}.contact .php-email-form button[type=submit]:hover{background:color-mix(in srgb,var(--accent-color),transparent 20%)}.family{padding:40px 0}.family .col{margin-bottom:20px}.family img{max-width:100%;height:auto;transition:transform 0.3s ease}.family img:hover{transform:scale(1.05)}