@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";
@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";
:root{--green:#0ca72d;--bg:#fff8f5;--white:#fff;--black:#000;--black2:#242423;--violet:#6d02c0;--pink:#fc346a;--blue:#005aef;--orange:#f2532c;--bg-grad:linear-gradient(135deg,#f9f9ff 0%,#f0f4ff 100%)}
*{margin:0;padding:0;box-sizing:border-box;font-family:"Plus Jakarta Sans",sans-serif;scroll-behavior:smooth}
#top{display:inline-block;background-color:var(--orange);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(--orange)}
.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(--orange);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(--orange);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%;height:960px;position:relative;background-image:url(./img/bg.webp);background-size:cover;background-repeat:no-repeat;background-position:top}
#banner h1{font-weight:600;color:#000;font-size:60px;margin-bottom:20px;line-height:70px}
#banner h1 span{color:var(--orange)}
#banner h6{color:#585858;font-size:19px;line-height:30px}
#banner .ban-text{padding:250px 0!important;z-index:2}
#banner .ban-img{padding:120px 0 70px;animation:zoom 15s infinite linear both}
#banner .b-left a{text-shadow:0 0 10px #00000026;text-decoration:none;padding:14px 30px;font-size:18px;color:var(--white);border-radius:50px;background-color:var(--orange);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}
.heading{padding-bottom:60px}
.heading h6{color:var(--orange);font-weight:600;font-size:16px}
.heading h1{font-size:40px;text-transform:capitalize;font-weight:600;color:var(--black);margin:20px auto}
.heading p{font-size:16px;font-weight:500;color:#5c5c5c}
#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{display:inline;color:var(--orange);text-transform:capitalize;font-weight:700;font-size:16px;letter-spacing:1px;word-spacing:2px}
#blocks h1{font-size:38px;line-height:56px;font-weight:600;text-transform:capitalize;margin:3px 0 25px;color:var(--black)}
#blocks h4{font-size:16px;line-height:1.7;color:#585858;font-weight:500;margin-bottom:20px}
#blocks h5{margin-bottom:0;font-size:18px;font-weight:600;margin-left:30px}
#blocks .det{background-color:var(--white);border-radius:10px;box-shadow:0 0 20px 0 #0000000a}
#blocks .det i{font-size:32px;color:var(--orange)}
#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}
#why{background-color:var(--bg)}
#why .why{background-color:var(--white);height:100%;margin:0 6px;box-shadow:0 0 20px 0 #00000005;border-radius:10px;padding:40px 35px}
#why .w-top{margin-top:40px}
#why .why-text h3{font-size:22px;font-weight:700;margin-bottom:20px}
#why .icon{display:inline;margin-bottom:15px}
#why .icon i{display:flex;align-items:center;justify-content:center;background-color:#fff0c6;border-radius:50%;width:70px;height:70px;color:#c9a133;font-size:40px}
#why .w-2 .icon i{background-color:#e7ffd5;color:#8acd55}
#why .w-3 .icon i{background-color:#e0f5ff;color:#24abf5}
#why .w-4 .icon i{background-color:#ffede8;color:#e0675f}
#why .why-text p{font-size:15px;color:#585858;font-weight:400;line-height:1.7;margin-bottom:20px}
#why .why-text a{font-size:16px;color:var(--orange);margin-bottom:0;font-weight:700;text-decoration:none;transition:.3s ease-in-out}
#why .why-text a:hover{color:red}
#features{background-color:#fafbff}
#features .feature{background-color:var(--white);box-shadow:0 0 20px 0 #0000000a;border-radius:15px;padding:30px 35px;margin:6px}
#features .icon{display:flex;margin-bottom:15px}
#features .icon i{display:flex;align-items:center;justify-content:center;border-radius:50%;width:55px;height:55px;font-size:26px;background-color:#ffede8;color:#e0675f}
#features .f-2 .icon i{background-color:#e7ffd5;color:#8acd55}
#features .f-3 .icon i{background-color:#e0f5ff;color:#24abf5}
#features .f-4 .icon i{background-color:#fff0c6;color:#c9a133}
#features .f-5 .icon i{background-color:#efefff;color:#9696ff}
#features .f-6 .icon i{background-color:#ffeffb;color:#e978c9}
#features h4{font-size:20px;font-weight:600;margin-bottom:17px}
#features p{font-size:16px;font-weight:400;margin-bottom:0;color:#7d7d7d}
#faq{background-color:var(--bg)}
#faq .accordion-item{background-color:transparent;border:none;background-color:none}
#faq .accordion-button{background-color:transparent;font-weight:600;font-size:18px}
#faq .accordion-header{border-bottom:1px solid var(--orange)}
#faq .accordion-button:not(.collapsed){background-color:transparent!important;color:var(--orange)}
#faq .accordion-button:focus{box-shadow:none}
footer{background-color:var(--orange)}
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 20px;font-size:16px}
.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}
#why .w-top{margin-top:0}
#banner .ban-img{padding:0;padding-bottom:50px}
}
@media (max-width: 800px) {
.section-title::before{display:none}
.section-title::after{display:none}
}
@media (max-width: 500px) {
.heading{padding-bottom:30px}
.heading h1{font-size:23px}
#banner h1{font-size:30px;margin-bottom:10px;line-height:40px}
#banner .ban-img{padding:0;padding-bottom: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;line-height:35px;margin-bottom:15px}
#blocks h5{line-height:1.6;font-size:15px;margin-left:10px}
#blocks h4{font-size:14px}
#blocks ul{font-size:16px;padding-bottom:20px}
#blocks .det i{font-size: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}
#faq .accordion-button{font-size:15px}
.accordion-body{font-size:12px}
#why .why{padding:20px}
#features .feature{padding:20px}
#why .why-text h3{font-size:18px;}
}