@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";
:root{--green:#0ca72d;--bg:#eef7f9;--white:#fff;--black:#000;--black2:#242423;--violet:#6d02c0;--pink:#fc346a;--blue:#005aef;--bg-grad:linear-gradient(135deg,#f9f9ff 0%,#f0f4ff 100%)}
*{margin:0;padding:0;box-sizing:border-box;font-family:"Montserrat",sans-serif;scroll-behavior:smooth}
#top{display:inline-block;background-color:var(--blue);width:60px;height:60px;text-align:center;border-radius:50%;position:fixed;bottom:20px;right:20px;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000;text-decoration:none;box-shadow:0 0 15px 0 #0009}
#top::after{content:"\f077";font-family:FontAwesome;font-weight:400;font-style:normal;font-size:2.4em;line-height:50px;color:#fff}
#top:hover{cursor:pointer;background-color:var(--black2)}
#top:active{background-color:var(--black2)}
#top.show{opacity:1;visibility:visible}
.navbar .navbar-brand img{width:120px;filter:brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(1%) hue-rotate(330deg) brightness(94%) contrast(100%)}
.navbar a{color:var(--black);text-decoration:none;font-weight:600}
.navbar ul{list-style:none;display:flex}
.navbar ul li a{padding:10px 20px;transition:.3s ease-in-out}
.navbar ul li a:hover{color:var(--blue)}
.navbar ul li{margin:0 5px}
.logo-white{filter:brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(1%) hue-rotate(330deg) brightness(94%) contrast(100%)}
.menu-color ul li a{color:var(--black)!important}
.navbar{position:fixed;z-index:99999999}
.header-shadow{box-shadow:0 5px 15px 0 #0000004d}
.navbar .sign{background-color:var(--blue);padding:10px 30px!important;color:var(--white);font-weight:600;border-radius:50px;transition:.3s ease-in-out}
.navbar .sign:hover{background-color:var(--black);color:#fff}
.offcanvas{width:250px!important}
.offcanvas-backdrop.show{opacity:.7}
.custom-toggler{border:none;background:transparent;padding:10px}
.custom-toggler:focus{box-shadow:none}
.hamburger{width:30px;height:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}
.hamburger span{width:30px;height:4px;background:var(--blue);border-radius:2px;transition:all .4s ease-in-out}
@keyframes zoom {
0%{transform:translateY(0)}
50%{transform:translateY(40px)}
100%{transform:translateY(0)}
}
#banner{overflow:hidden;width:100%;position:relative;background-image:linear-gradient(180deg,#a0d7ff 25%,#fff 100%);background-size:cover;background-repeat:no-repeat;background-position:top}
#banner h1{font-weight:700;color:#000;font-size:65px;margin-bottom:20px;line-height:80px}
#banner h1 span{color:var(--blue)}
#banner h6{color:#585858;font-size:20px;line-height:34px;max-width:750px;margin:0 auto}
#banner .ban-text{padding:160px 0 60px!important;z-index:2}
#banner .ban-img{padding:70px 0;animation:zoom 15s infinite linear both}
#banner .b-left a{text-shadow:0 0 10px #00000026;text-decoration:none;padding:16px 35px;font-size:20px;color:var(--white);border-radius:50px;background-color:var(--blue);transition:.4s ease-in-out}
#banner .b-left a:hover{background-color:var(--black);border-color:var(--black)}
.pos-fixed{background-color:var(--white)!important}
#banner-img{position:relative;z-index:2;margin-top:-450px}
#details span{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#feef97;color:var(--black);font-size:30px;font-weight:600;margin-right:20px}
#details p{font-size:17px;line-height:1.6}
#details span.two{background-color:#ffb4b4}
#details span.three{background-color:#a8d5ff}
#details .details{border-radius:10px;box-shadow:0 0 25px #0000000d;border-bottom:5px solid #feef97}
#details .d-2{border-bottom:5px solid #ffb4b4}
#details .d-3{border-bottom:5px solid #a8d5ff}
#details h2{font-size:23px;font-weight:700;margin-bottom:0}
#blocks{background:var(--bg-grad)}
#blocks .block-img img{border-radius:20px}
#blocks .tag span{background-color:#c6dbff;display:inline;padding:10px 20px;color:var(--blue);text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:3px;word-spacing:1px;border-radius:50px}
#blocks h1{font-size:33px;font-weight:700;margin:20px 0 25px;color:var(--blue)}
#blocks h4{font-size:20px;font-weight:700;color:var(--black);margin-bottom:8px}
#blocks h4 i{color:var(--blue);margin-right:5px}
#blocks h6{font-weight:500;line-height:1.4;color:#585858;font-size:16px;margin-bottom:20px}
#blocks .block-link a{text-decoration:none;background-color:#c6dbff;color:var(--blue);font-size:16px;padding:14px 25px;border-radius:50px;font-weight:600;margin-bottom:0;transition:.3s ease-in-out}
#blocks .block-link a:hover{color:var(--white);background-color:var(--blue)}
#blocks .block-link a:hover i{transform:translateX(8px);color:var(--white);opacity:1}
#blocks .block-link a i{color:#628edb;opacity:.7;border-radius:50%;margin-left:4px;transition:.3s ease-in-out}
.goal{background-color:var(--blue);border-radius:25px}
.goal h1{color:var(--white);font-weight:700}
.goal p{color:var(--white);font-weight:600}
.g-btn a{text-decoration:none;color:var(--blue);background-color:var(--white);padding:16px 25px;margin-bottom:0;border-radius:50px;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:14px;transition:.3s ease-in-out}
.g-btn a:hover{background-color:var(--black);color:var(--white)}
#goals{margin-top:-120px;position:relative;z-index:3}
.features-section{padding:100px 0;position:relative;background-color:#fff}
.features-section::before{content:'';position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,#f8fafcff,#f8fafc00);z-index:1}
.features-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to top,#f8fafcff,#f8fafc00);z-index:1}
.section-title{position:relative;display:inline;font-weight:800;font-size:2.5rem;background:var(--black);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:2}
.section-title::before{content:"";position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:150px;height:2px;background-color:var(--blue)}
.section-title::after{content:"";position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);width:50px;border-radius:50px;height:6px;background-color:var(--blue)}
.section-subtitle{color:#585858;font-size:1.1rem;max-width:600px;margin:0 auto 60px;position:relative;z-index:2;margin-top:30px}
.feature-card{background:#fff;border-radius:16px;padding:40px 30px;height:100%;transition:all .3s ease;position:relative;overflow:hidden;z-index:1;box-shadow:0 10px 30px #6366f11a;border:1px solid #e2e8f080}
.feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient);opacity:0;transition:opacity .3s ease;z-index:-1}
.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #6366f133}
.feature-card:hover::before{opacity:.05}
.feature-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:25px;background:linear-gradient(#246aff,var(--blue));color:#fff;font-size:28px;box-shadow:0 10px 20px #6366f133}
.feature-title{font-weight:700;font-size:1.3rem;margin-bottom:15px;color:var(--black)}
.feature-text{color:#585858;font-size:.95rem;line-height:1.7}
#features{background-color:var(--bg);padding-bottom:170px!important}
#faq{margin-top:-100px;position:relative;z-index:2;padding-top:150px!important}
.faq-section{border-radius:15px}
.faq-header{text-align:center;margin-bottom:40px}
.faq-header h2{font-weight:700;position:relative;display:inline-block;margin-bottom:15px}
.faq-header h2::after{content:'';position:absolute;width:60%;height:3px;bottom:-10px;left:20%;border-radius:3px}
.faq-header p{max-width:600px;margin:0 auto}
.accordion-button{font-weight:600;font-size:19px;color:#212529;background-color:#fff;padding:24px 25px;border-radius:10px!important;box-shadow:none!important;transition:all .3s ease}
.accordion-button:not(.collapsed){color:var(--blue);border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
.accordion-button::after{transform:scale(1.2)}
.accordion-item{border:none;border-radius:10px!important;margin-bottom:25px;box-shadow:0 5px 10px #0000000d;overflow:hidden}
.accordion-body{padding:20px 25px;background-color:#6c63ff08;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
footer{background-color:var(--blue)}
footer a{color:var(--white);text-decoration:none;transition:all .3s;font-weight:500}
footer p{font-weight:500}
footer a:hover{text-decoration:underline}
@media (max-width: 992px) {
#banner{height:auto}
#banner .ban-text{padding:0!important;padding-top:100px!important;padding-bottom:40px!important}
#banner .b-left a{padding:12px 30px;font-size:18px}
.b-btn{justify-content:center}
.section-header h2::after{left:50%;transform:translateX(-50%)}
#feature .section-header h2::after{left:0;transform:translateX(0)}
.g-btn{margin:30px 0 20px}
}
@media (max-width: 800px) {
.section-title::before{display:none}
.section-title::after{display:none}
}
@media (max-width: 500px) {
#banner h1{font-size:40px;margin-bottom:10px;line-height:50px}
.b-btn{flex-direction:column}
.b-right{margin-top:50px}
#banner h6{font-size:18px;line-height:25px;margin-bottom:10px!important}
#details h2{font-size:20px}
#blocks h1{font-size:23px}
#blocks h6{line-height:1.6;font-size:15px;margin-bottom:20px}
#blocks ul{font-size:16px;padding-bottom:20px}
#blocks ul li{margin:6px 0}
#blocks .block-link a{font-size:14px;padding:12px 25px}
#blocks .tag span{font-size:10px}
#feature .b-left a{display:inline-block;font-size:12px;padding:10px;text-align:center}
#feature h2{width:200px}
.accordion-button{font-size:15px}
.accordion-body{font-size:12px}
}
@media (max-width:575px) {
#details h2{font-size:18px}
#blocks h4{font-size:18px}
.feature-icon{width:60px;height:60px}
.section-title{font-size:2rem}
.navbar.py-3{padding-top:.5rem!important;padding-bottom:.5rem!important}
}