@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Manrope,sans-serif}:root{--sky:#a7e2ff;--blue:#0095de;--main:#0069ab;--text:#0084d4;--white:#fff;--black:#000;--gray:#888;--light:#e7e7e7;--heading:#3d3d3d;--light-blue:#f2faff;--icon-color:#00a4f4;--copy-color:#b0b0b0;--p-color:#6d6d6d;--gradient:linear-gradient(to right , #a7e2ff 0% , #0095de 100%);--gradient-hover:linear-gradient(to right , #a7e2ff 0% , #0095de 50%);--gradient-two:linear-gradient(to right , #fbfdff 0% , #e9f6ff 100%)}html{scroll-behavior:smooth}button{cursor:pointer;border:none;outline:none}a{text-decoration:none}img{max-width:100%}.container{width:90%;max-width:1400px;margin-left:auto;margin-right:auto}@media (width<=567px){.container{width:100%;padding:0 20px}}h1,h2,h3,h4,h5,h6{color:var(--heading)}.wrapped-text{color:var(--text)}.text-gradient{background:linear-gradient(to right , var(--main) , var(--sky));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.main-btn{background:var(--gradient);color:var(--white);border-radius:15px;padding:10px 20px;font-size:20px;font-weight:500;transition:all .4s ease-in;box-shadow:0 4px 8px #0003}.main-btn:hover{background:var(--gradient-hover)}.main-title{text-align:center}.main-title h1{font-size:40px}.main-title p{color:var(--copy-color);margin-top:20px;line-height:1.8}@media (width<=567px){.main-title h1{font-size:25px}}.header{background:var(--gradient-two);z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:20px 100px;display:flex;position:fixed;top:0;left:0}.header .logo{align-items:center;gap:10px;display:flex}.header .logo h3{color:var(--main);font-size:25px;font-weight:800}.header .navbar a{color:var(--black);margin:0 10px;font-size:17px;font-weight:600;transition:all .3s ease-in;position:relative}.header .navbar a:hover{color:var(--main)}.header .navbar a:after{content:"";background-color:var(--main);width:0;height:2px;transition:all .3s;position:absolute;bottom:-3px;left:0}.header .navbar a:hover:after{width:100%}.header .toggler-button{display:none}.header .toggler-button svg{fill:var(--heading);cursor:pointer;font-size:30px}.header .mobile-navbar{display:none}@media (width<=1024px){.header .navbar,.header .join-btn{display:none}.header .toggler-button{display:block}.header .mobile-navbar{background:linear-gradient(to right , var(--sky) , var(--white));border-radius:25px;flex-direction:column;width:600px;max-width:100%;padding:20px;transition:all .3s ease-in;display:flex;position:absolute;top:100%;left:50%;transform:translate(-200%);box-shadow:0 4px 8px #0003}.header .mobile-navbar.show{transform:translate(-50%)}.header .navbar.mobile{display:block}.header .navbar.mobile a{width:fit-content;margin:10px auto;display:block}.header .join-btn.mobile{text-align:center;margin-top:20px;display:block}}@media (width<=576px){.header{padding:20px}}.hero{padding-top:6rem}.hero .container{justify-content:space-between;align-items:center;gap:200px;min-height:100vh;display:flex}.hero .container .text h1{font-size:40px;font-weight:800}.hero .container .text p{max-width:700px;margin:30px 0;font-size:18px;font-weight:500;line-height:1.5}.hero .container .text button{align-items:center;gap:5px;margin-top:20px;transition:all .3s ease-out;display:flex}.hero .container .text button svg{font-size:25px;transition:all .3s ease-out}.hero .container .text button:hover svg{transform:translate(10px)}.hero .container .text .icons p{color:var(--gray);margin:15px 0;font-size:15px}.hero .container .text .icons div{align-items:center;gap:10px;display:flex}.hero .container .text .icons div img{cursor:pointer}.hero .container .img{background:var(--gradient);border-top-left-radius:250px;border-top-right-radius:250px;width:500px;max-width:100%;height:500px;position:relative}.hero .container .img .frame{position:absolute;top:50%;left:-30%}.hero .container .img .line{position:absolute;top:50%;left:0}.hero .container .img .qoute{background:var(--gradient-two);border-radius:30px;width:350px;padding:20px;position:absolute;bottom:-10%;right:0;box-shadow:0 4px 8px #0003}@media (width<=1024px){.hero{padding-top:8rem}.hero .container{text-align:center;flex-direction:column;gap:20px}.hero .container .text p{width:100%}.hero .container .text button{margin:20px auto}.hero .container .text .icons div{justify-content:center}.hero .container .img .frame{top:70%;left:50%;transform:translate(-50%)}.hero .container .img .qoute{display:none}}.services{padding-top:6rem}.services .container .services-cards{grid-template-columns:repeat(3,auto);gap:30px;margin-top:30px;display:grid}.services .container .services-cards .card{border:2px solid var(--blue);border-radius:20px;padding:20px;transition:all .2s}.services .container .services-cards .card:first-child{grid-column:1/3;position:relative}.services .container .services-cards .card:first-child img{position:absolute;top:-30px;left:-80px}.services .container .services-cards .card:hover{border:2px solid var(--main)}.services .container .services-cards .card .icon svg{color:var(--icon-color);font-size:25px}.services .container .services-cards .card h4{color:var(--blue);margin:10px 0;font-size:20px}.services .container .services-cards .card p{color:var(--p-color);font-size:15px}@media (width<=768px){.services{padding-top:4rem}.services .container .services-cards{grid-template-columns:auto}.services .container .services-cards .card:first-child{grid-column:1/2}.services .container .services-cards .card:first-child img{display:none}}.about{padding-top:6rem}.about .content{border:2px solid var(--blue);border-radius:20px;padding:20px;box-shadow:0 4px 8px #0003}.about .about-content{justify-content:center;gap:60px;margin-top:30px;display:flex}.about .about-content .text{width:50%}.about .about-content .text p{color:var(--p-color);margin-bottom:20px;line-height:1.7}@media (width<=992px){.about .about-content{flex-direction:column;align-items:center}.about .about-content .text{width:100%}}.blog{padding-top:6rem}.blog .blog-content{justify-content:space-around;margin-top:50px;display:flex}.blog .blog-content .steps{flex-direction:column;gap:50px;display:flex}.blog .blog-content .steps .step{gap:20px;display:flex}.blog .blog-content .steps .step .number{background:var(--gradient);width:50px;height:50px;color:var(--white);text-align:center;border-radius:50%;font-size:40px;font-weight:bolder;line-height:50px}.blog .blog-content .steps .step .text h4{font-size:25px;font-weight:600}.blog .blog-content .steps .step .text p{width:400px;color:var(--p-color);margin-top:10px}.blog .blog-content .img{position:relative}.blog .blog-content .img img:last-child{animation:2s ease-in-out infinite alternate up-down;position:absolute;top:20%;right:10%}@keyframes up-down{0%{opacity:.8;transform:translateY(-6px)}to{opacity:1;transform:translateY(6px)}}@media (width<=850px){.blog .blog-content{flex-direction:column;align-items:center;gap:30px}}@media (width<=567px){.blog .blog-content .steps .step{text-align:center;flex-direction:column;align-items:center}.blog .blog-content .steps .step .text p{width:100%}}.testi{padding-top:6rem}.testi .users-cards{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:50px;margin-top:50px;display:grid}.testi .users-cards .user-card{border:2px solid var(--blue);background:var(--gradient-two);cursor:pointer;border-radius:25px;justify-content:space-between;align-items:center;gap:30px;padding:25px;transition:all .3s;display:flex;position:relative;overflow:hidden}.testi .users-cards .user-card .img{width:25%}.testi .users-cards .user-card:before{content:"";background-color:var(--icon-color);opacity:0;width:100%;height:10px;position:absolute;top:0;left:0}.testi .users-cards .user-card:hover:before{opacity:1}.testi .users-cards .user-card:hover{border-top:none;transform:translateY(-5px)}.testi .testi-numbers{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:50px;display:flex}.testi .testi-numbers .testi-number{flex-direction:column;align-items:center;gap:10px;display:flex}.testi .testi-numbers .testi-number h2{background:linear-gradient(to right , var(--main) , var(--sky));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:40px;font-weight:800}.testi .testi-numbers .testi-number p{font-size:15px;font-weight:500}@media (width<=576px){.testi .users-cards{grid-template-columns:1fr;gap:30px}.testi .users-cards .user-card{text-align:center;flex-direction:column;align-items:center}.testi .testi-numbers{flex-direction:column}}.find-doctor{padding-top:6rem}.find-doctor .doctors{flex-direction:column;align-items:center;gap:50px;margin-top:50px;display:flex}.find-doctor .doctors .doctor-card{background:linear-gradient(to right , #c5ecff 0% , var(--blue) 100%);border-radius:20px;gap:50px;width:800px;max-width:90%;display:flex;position:relative}.find-doctor .doctors .doctor-card .dots{z-index:-1;position:absolute;top:-30px;left:-30px}.find-doctor .doctors .doctor-card .img{width:100%}.find-doctor .doctors .doctor-card .img img{width:350px}.find-doctor .doctors .doctor-card .text{color:var(--white);padding:20px}.find-doctor .doctors .doctor-card .text h3{color:var(--white);font-size:22px}.find-doctor .doctors .doctor-card .text p{margin:20px 0}.find-doctor .doctors .doctor-card .text button{background-color:var(--white);border-radius:15px;align-items:center;gap:10px;padding:10px 25px;font-size:20px;display:flex}.find-doctor .doctors .doctor-card .text button span{background:linear-gradient(to right , var(--main) , var(--sky));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.find-doctor .doctors .doctor-card .text button svg{fill:var(--icon-color)}@media (width<=992px){.find-doctor .doctor-card{flex-direction:column;align-items:center}.find-doctor .doctor-card .img{text-align:center;width:fit-content}.find-doctor .doctor-card .img img{object-fit:contain;width:100%;height:400px}}.contact{padding-top:6rem}.contact .form{margin-top:50px}.contact .form form{flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;display:flex}.contact .form form .input{border:2px solid var(--blue);border-radius:15px;width:300px;height:50px;position:relative;overflow:hidden}.contact .form form .input input{border:none;outline:none;width:100%;height:100%;padding:0 10px 0 50px;font-size:17px;position:absolute;top:0;left:0}.contact .form form .input svg{z-index:100;fill:var(--icon-color);font-size:20px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.contact .form form button{background-color:var(--blue);color:var(--white);border:none;border-radius:15px;outline:none;align-items:center;gap:10px;padding:15px 30px;font-size:20px;display:flex}.contact .form form button span:last-child{background-color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex}.contact .form form button:hover span:last-child{transform:translate(10px)}.contact .form form button span:last-child svg{fill:var(--icon-color)}footer{background-color:#f2faff;margin-top:6rem;padding:2rem 0}footer .upper-footer{flex-wrap:wrap;justify-content:center;align-items:start;gap:30px;display:flex}footer .upper-footer .column{flex:1}footer .upper-footer .column:first-child h3{color:var(--main);margin:15px 0;font-size:40px;font-weight:bolder}footer .upper-footer .column:not(:first-child) h5{color:var(--blue);margin-bottom:15px;font-size:20px;font-weight:700}footer .upper-footer .column:not(:first-child) p{color:var(--p-color);cursor:pointer;margin:10px 0;transition:all .3s}footer .upper-footer .column:not(:first-child) p:hover{text-decoration:underline}footer .divider{background-color:var(--blue);height:2px;margin:30px 0}footer .down-footer{justify-content:space-between;display:flex}footer .down-footer .social-icons a{text-align:center;border-radius:50%;width:40px;height:40px;margin:0 10px;line-height:40px;transition:all .3s ease-out;display:inline-block}footer .down-footer .social-icons a svg{fill:var(--icon-color);font-size:20px;transition:all .3s ease-out}footer .down-footer .social-icons a:hover{background-color:var(--blue);transform:translateY(-5px)}footer .down-footer .social-icons a:hover svg{fill:var(--white)}@media (width<=850px){footer .upper-footer{text-align:center;flex-direction:column;align-items:center}}@media (width<=567px){footer .down-footer{text-align:center;flex-direction:column;align-items:center}}