@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";nav{width:100%;color:#0c0c0c;padding:2px 0;font-weight:500;position:sticky;top:0;left:0;display:flex;align-items:center;justify-content:space-between;z-index:10}.logo{width:180px}nav ul li{display:inline-block;list-style:none;margin:5px 20px;font-size:16px;color:#000d7e}nav ul li:hover{color:#1a2461;transform:scale(1.1);transition:.5s}.dark-nav{background:#2a3597;transition:.5s;color:#f5f5f5}.dark-nav ul li{color:#f5f5f5}.dark-nav ul li:hover{color:#7b7c8d}.menu-icon{display:none}.contact-btn.btn{background:#2a3597;color:#f5f5f5;outline:1px solid white}@media (max-width: 1280px){.logo{width:140px}nav ul li{margin:10px 15px}}@media (max-width: 840px){nav{padding:10px 0}.logo{width:170px}nav ul{position:fixed;top:0;right:0;bottom:0;background:#212ea0;z-index:-1;width:150px;padding-top:70px;transition:.5s}nav ul li{display:block;margin:25px 40px;color:#f5f5f5}.contact-btn.btn{width:90px;font-size:12px;text-wrap:nowrap;margin-left:0}.menu-icon{display:block;width:30px;cursor:pointer}.hide-mobile-menu{right:-200px}}.hero{width:100%;min-height:80vh;background:linear-gradient(#08003ab3,#08003ab3),url(/assets/hero-DUOVmZAy.png);background-size:cover;background-position:center;color:#f5f5f5;display:flex;align-items:center;justify-content:center}.hero-text{text-align:center;max-width:800px}.hero-text h1{font-size:60px;font-weight:600}.hero-text p{max-width:700px;margin:10px auto 20px;line-height:1.4}@media (max-width: 850px){.hero-text h1{font-size:40px}}@media (max-width: 650px){.hero-text h1{font-size:30px;max-width:400px;margin:auto}.hero-text p{font-size:14px;margin:15px auto 30px}}.products{margin:80px auto;width:90%;display:flex;align-items:center;justify-content:space-between}.product img{width:100%;border-radius:10px;display:block}.product{flex-basis:31%;position:relative}.caption{border-radius:10px;position:absolute;top:0;left:0;bottom:0;right:0;background:#000f984d;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f5f5f5;cursor:pointer;opacity:0;padding-top:70%;transition:.4s}.caption img{width:80px;margin-bottom:10px;background:linear-gradient(90deg,#a5a5ac3d,#272c0f88)}.product:hover .caption{opacity:1;padding-top:0}@media (max-width: 650px){.products{flex-direction:column}.product{flex-basis:100%;margin:20px}}.title{text-align:center;color:#212ea0;font-size:15px;font-weight:600;text-transform:uppercase;margin:40px 0 30px}.title h2{font-size:32px;color:#000f38;margin-top:5px;text-decoration:none}.about{margin:50px auto;display:flex;align-items:center;justify-content:space-between;width:90%}.about-left{flex:1}.about-right{flex-basis:55%}.about-img{width:90%;border-radius:10px}.about h3{font-weight:600;font-size:15px;color:#212ea0}.about h2{font-size:35px;color:#000f38;margin:10px 0;max-width:500px}.about p{color:#676767;margin-bottom:15px}@media (max-width: 800px){.about{flex-direction:column-reverse}.about-left{flex-basis:100%;margin:20px}.about-right{flex-basis:100%}}.features{padding-block:var(--section-padding)}.features-container{padding-inline:15px}.features-list{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.features-card{border:1px solid hsl(0,0%,90%);padding:30px;text-align:center}.features-card:hover{transform:scale(1.1)}.features-card .card-icon{max-width:max-content;margin-inline:auto;margin-bottom:20px}.features-card .card-title{margin-bottom:15px}.features-card .card-title{margin-bottom:10px}.features .card-text{color:var(--black-coral);font-size:var(--fs-4);line-height:1.8;margin-bottom:10px}.features .section-title{margin-bottom:40px}.features :is(.section-subtitle,.section-title){text-align:center}.features-card .card-link{display:flex;justify-content:center;align-items:center;gap:5px;color:var(--red-crayola);font-size:var(--fs-5);font-weight:var(--fw-600);transition:var(--transition)}.features-card .card-link:is(:hover,:focus){gap:10px;color:var(--space-cadet)}.features .card-text{color:var(--black-coral);font-size:var(--fs-4);line-height:1.8;margin-bottom:15px}a,img,span{display:block}.h3{color:var(--space-cadet);line-height:1.2}a{text-decoration:none}li{list-style:none}@media (max-width: 575px){.container{max-width:520px;margin-inline:auto}.features-list{grid-template-columns:1fr 1fr;gap:40px 30px}.features-card{border:none;padding:0}}.testimonials{margin:20px auto;padding:0 80px;position:relative}.next-btn,.back-btn{position:absolute;top:50%;right:0;transform:translateY(-50px);padding:15px;width:50px;border-radius:50%;cursor:pointer;background:#212ea0}.back-btn{right:auto;left:0}.slider{overflow:hidden}.slider ul{display:flex;width:200%;overflow-x:hidden;transition:.5s}.slider ul li{list-style:none;width:50%;padding:20px}.slide{box-shadow:0 0 20px #0000000d;padding:40px;border-radius:10px;color:#676767;line-height:1.4}.slide img{width:65px;border-radius:50%;margin-right:10px;border:4px solid #212ea0}.user-info{display:flex;align-items:center;margin-bottom:20px;font-size:15px}.user-info h3{color:#212ea0}@media (max-width: 800px){.testimonials{padding:0 40px}.next-btn,.back-btn{padding:10px;width:35px}.testimonials ul li,.slide{padding:10px}.slide img{width:50px;border:3px solid #212ea0}}@media (max-width: 600px){.user-info{display:block;margin-bottom:10px;font-size:12px}.user-info h3{font-size:16px}.slider p{font-size:12px}}.contact{margin:40px auto;max-width:85%;display:flex;align-content:center;justify-content:center;gap:30px}.contact-col{flex-basis:50%;color:#676767}.contact-col h3{color:#000f38;font-weight:500;font-size:25px;display:flex;align-items:center;margin-bottom:20px}.contact-col h3 img{width:35px;margin-left:10px}.contact-col p{max-width:450px;line-height:1.3}.contact-col ul li{display:flex;align-items:center;margin:20px 0}.contact-col ul li img{width:25px;margin-right:10px}.contact-col form label{font-size:1.2em;color:#0e2f8b;font-weight:400}.contact form input,.contact form textarea{display:block;width:100%;background:#ebecfe;padding:15px;border:0;outline:0;margin-top:10px;resize:none}.contact-col span{display:block;margin:20px 0}@media (max-width: 700px){.contact{display:block}.contact-col{padding:20px}}.footer{max-height:200px}.footer .container{display:flex;align-items:start;text-align:center;padding:20px 15%;justify-content:space-between}.footer-brand{display:flex;flex-direction:column;justify-content:center;align-items:start}.footer .logo-img{width:300px}.section-text{color:var(--black-coral);font-size:var(--fs-2);line-height:1.8;margin-bottom:15px;max-width:300px;padding-left:10px}.location-text,.contact-item{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:10px}.location-icon,.contact-icon{background:var(--cultured);color:var(--red-crayola);font-size:22px;min-width:10px;height:40px;display:grid;place-items:center;border-radius:50%;transition:var(--transition)}.address{color:var(--black-coral);font-size:var(--fs-2);font-weight:var(--fw-600);line-height:1.6}.quicklink-box{margin-bottom:15px}.quicklink-title,.contact-title{font-weight:var(--fw-700);margin-bottom:20px;padding-top:20px;font-size:var(--fs-1)}.quicklink-list{column-count:3}.quicklink-list>li{padding-block:12px;list-style:none;margin:0 15px}.quicklink{color:var(--black-coral);font-size:var(--fs-2);transition:var(--transition)}.quicklink:is(:hover,:focus){color:var(--red-crayola)}.footer-contact{display:flex;align-items:center;justify-content:center;flex-direction:column}.contact-list{background:var(--white);padding:20px;border-radius:var(--radius-4);box-shadow:0 2px 50px 10px #00000014}.contact-item:first-child{padding-bottom:8px;border-bottom:1px solid hsla(0,0%,0%,.1);margin-bottom:8px}.contact-item:hover .contact-icon{background:var(--red-crayola);color:var(--white)}.contact-link{color:var(--black-coral);font-size:var(--fs-4);transition:var(--transition)}.contact-link:is(:hover,:focus){color:var(--red-crayola)}.footer-bottom{display:flex;background-color:var(--red-crayola);align-items:column;justify-content:space-between}.foot-bottom-container{padding:5px 15%;width:100%;display:flex;text-align:center;align-items:center;justify-content:space-between}.copyright{color:var(--white);font-size:var(--fs-4);line-height:1.8;text-align:center}.copyright>a{display:inline-block;color:inherit;text-decoration:underline;transition:var(--transition)}.copyright>a:is(:hover,:focus){color:var(--red-crayola)}.social-list{display:flex;justify-content:center;align-items:center;gap:10px}.social-list li{list-style:none}.social-link{background:#fff3;color:var(--white);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;transition:var(--transition)}.social-link:is(:hover,:focus){background:var(--red-crayola)}@media (max-width: 1280px){.footer ul{margin-top:10px}}@media (max-width: 1024px){.footer .container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:80px;place-content:center}.footer .logo-img{width:200px}.footer .quicklink-list{column-count:2}.footer .quicklink,.footer .section-text{font-size:var(--fs-3)}.foot-bottom-container{display:flex;justify-content:space-between;align-items:center}.social-list{display:flex;justify-content:center;align-items:center;gap:0 10px}.copyright{display:flex;justify-content:center;align-items:center;gap:10px}}@media (max-width: 800px){.footer .container{display:flex;column-count:2;align-items:center;flex-wrap:wrap}.footer-bottom-container{justify-content:space-between;align-items:center;padding:0 5px;display:flex}.footer .logo-img{width:170px}.contact-list{padding:30px}.contact-item:first-child{padding-bottom:15px;margin-bottom:15px}}@media (max-width: 500px){.footer .container{display:flex;flex-direction:column;column-count:2;align-items:center}.foot-bottom-container{align-items:center;padding:0 5px}}.top{display:flex;width:100%;height:6vh;border-bottom:3px solid rgba(0,0,0,.2);align-items:center;justify-content:space-between;color:#0c0c0c;font-weight:500}.top-hero{display:flex}.top-icon{width:30px;opacity:.4;margin-left:10px}.top-text{font-size:1.4rem;color:#535151;padding-left:10px}.social-lists{display:flex;justify-content:center;align-items:center;gap:10px}.social-lists li{list-style:none}.social-link{background:#03529b71;color:var(--white);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;transition:var(--transition)}@media (max-width: 840px){.top{padding:30px 0}.top-icon{width:20px}.social-link{width:30px;height:30px}}.go-top{background:var(--white);color:var(--space-cadet);position:fixed;bottom:20px;right:20px;font-size:20px;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;box-shadow:0 2px 10px #0000001a;opacity:0;transform:translateY(10px);visibility:hidden;transition:var(--transition-3) transform var(--transition-3),visibility var(--transition-3);z-index:2}.go-top.active{opacity:1;transform:translateY(0);visibility:visible}.go-top:is(:hover,:focus){background:var(--blue-ryb);color:var(--white)}:root{--fs-1: 2.286rem;--fs-2: 1.829rem}.services{background:var(--cultured)}.service-banner{margin-bottom:30px}.service-img{width:90%;border-radius:20px}.content{display:flex;margin:20px 30px 40px;align-items:center;justify-content:space-between;width:100%;gap:20px}.left,.right{flex:1}.content.two{flex-direction:row-reverse}.service-content:first-of-type{padding-bottom:50px;border-bottom:1px solid hsla(0,0%,0%,.05);margin-bottom:50px}.service .section-title{margin-bottom:30px;color:#000f38}.section-subtitle{color:#212ea0;font-weight:var(--fw-600);margin-bottom:15px}.service-item{background:var(--white);display:flex;align-items:center;gap:15px;padding:12px 20px;box-shadow:0 5px 25px 10px #00000005;border-radius:var(--radius-8)}.service-item:not(:last-child){margin-bottom:20px}.service-item-icon{background:var(--cultured);color:var(--red-crayola);min-width:30px;height:30px;display:grid;place-items:center;border-radius:50%;transition:var(--transition)}.service-item-icon svg{width:20px;height:20px}.service-item:hover .service-item-icon{background:var(--red-crayola);color:var(--white)}.service-item:nth-child(2n){transform:translate(80px)}.service-item:not(:last-child){margin-bottom:30px}.service-list{padding-right:80px;max-width:400px}@media (max-width: 840px){.services,.content{flex-direction:column}.left{flex-basis:100%;margin:20px}.right{flex-basis:100%}.content.two{flex-direction:column}}:root{--space-cadet: hsl(224, 48%, 22%);--red-crayola: hsl(342, 100%, 50%);--black-coral: hsl(219, 13%, 44%);--blue-ryb: hsl(244, 86%, 59%);--cultured: hsl(0, 0%, 96%);--white: hsl(0, 0%, 100%);--ff-be-vietnam-pro: "Be Vietnam Pro", sans-serif;--fs-1: 1.875rem;--fs-2: 1.5rem;--fs-3: 1.063rem;--fs-4: .875rem;--fs-5: .813rem;--fw-500: 500;--fw-600: 600;--fw-700: 700;--transition: .25s ease;--transition-2: .5s ease;--section-padding: 30px;--radius-4: 4px;--radius-8: 8px;--radius-12: 12px}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background:#f5f5f5}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.container{padding:0 15%}.btn{background:#f5f5f5;color:#212121;padding:12px 20px;font-size:16px;border-radius:15px;font-weight:600;cursor:pointer;border:0;outline:0;display:inline-flex;align-items:center;justify-content:center;margin-left:15px}.btn img{width:20px;margin-left:5px}.btn.dark-btn{background:#212ea0;color:#f5f5f5;margin-top:15px}@media (max-width: 1280px){.container{padding:0 5%}.btn{padding:14px 22px}}