@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&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";html{letter-spacing:.7px;scroll-behavior:smooth;height:100%;font-family:Roboto,sans-serif}body,#root{height:100%}*{box-sizing:border-box;margin:0;padding:0}li{list-style:none}a{color:initial;text-decoration:none;transition:all .3s}button{all:unset}button:disabled{opacity:.5;cursor:not-allowed}.flex{align-items:center;display:flex}.dnune{display:none}.border{border:1px solid var(--Wsecondary-color)}.dm{--primary-color:#071233;--Bprimary-color:#03102a;--hover-color:#0b2a66;--secondary-color:#e6eef9;--Wsecondary-color:#e6eef9e6;--border-color:#e6eef91f;--text-primary:#e9f0fa;--text-secondary:#e9f0fab8}.lm{--text-primary:#131722;--text-secondary:#131722b8;--primary-color:#c5c6ca!important;--Bprimary-color:#d2d4d8!important;--hover-color:#c9ccd1!important;--secondary-color:#1b2229!important;--Wsecondary-color:#1b22291f!important;--border-color:#1b222924!important}.body{background-color:var(--primary-color);color:var(--text-primary);transition:background-color .3s,color .25s}body{background-color:var(--primary-color);color:var(--text-primary);min-height:100vh;margin:0;transition:background-color .3s,color .25s}.container{box-shadow:1px 1px 50px 15px var(--Bprimary-color);background-color:var(--primary-color);width:100%;min-height:100%;margin-left:auto;margin-right:auto;padding:0 10px}.downline{border-bottom:.1px solid var(--border-color);margin-bottom:16px;padding-top:8px}header.flex{background-color:var(--primary-color);z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:4px 32px;position:fixed;left:0}header.flex nav{background-color:var(--Bprimary-color);box-shadow:0px 1px 1px var(--Wsecondary-color);border-radius:50px;padding:16px 32px}header ul.flex{gap:16px}header li a{color:var(--secondary-color);font-weight:700}header li a:hover{color:var(--Wsecondary-color);font-weight:700}header button{border:1px solid var(--secondary-color);width:32px;height:32px;color:var(--secondary-color);background-color:#0000;border-radius:50%;outline:none;justify-content:center;align-items:center;margin:4px;font-size:large;transition:all .7s ease-in-out;display:flex}header .button button{display:none}header button:hover{rotate:360deg}@media (max-width:700px){header.flex nav{display:none}header .button button{display:flex}}.hero{margin-top:60px}.hero .lsection{flex-grow:1}.hero .parent-avatar{align-items:end}.hero .parent-avatar img{width:150px;height:150px;box-shadow:150px 0 0 var(--Bprimary-color)inset;border:1px solid var(--primary-color);object-fit:cover;border-radius:50%;margin:5px}.hero .parent-avatar span{color:#53bcfc}.hero h1{color:var(--text-primary);margin:24px 0;font-size:40px;line-height:50px}.hero p{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:20px}.hero .icons{gap:10px}.hero .icons .icon{color:var(--text-secondary);cursor:pointer;font-size:25px;transition:all .3s}.hero .icons .icon:hover{color:var(--text-primary);transform:translate(3px)scale(1.2)}.hero .animation{margin:20px}@media (max-width:768px){.hero h1{font-size:35px}.hero .lsection{padding:15px}.hero .rsection.animation{display:none}.hero .parent-avatar img{width:100px;height:100px}}.contant{flex-direction:column;align-items:center;gap:18px}.contant h1{color:var(--text-primary);margin-bottom:10px;font-size:30px}.left-sec{flex-flow:wrap;justify-content:center;gap:10px;margin:10px 0;display:flex}.left-sec button{background-color:var(--Bprimary-color);text-align:center;width:150px;height:30px;box-shadow:0px 1px 1px var(--Wsecondary-color);color:var(--text-primary);border-radius:10px;padding:5px 0;font-size:17px;transition:all .3s}.left-sec button.active{background-color:var(--hover-color);border:2px solid var(--border-color);letter-spacing:2px;font-weight:700}.left-sec button:hover{background-color:var(--hover-color)}.right-sec{background-color:var(--Bprimary-color);flex-wrap:wrap;justify-content:center;gap:18px;padding-left:.5px}.right-sec .card{border:2px solid var(--border-color);margin:1px;transition:all .3s}.right-sec .card:hover{box-shadow:0px 0px 15px .5px var(--Wsecondary-color);cursor:pointer;transform:translateY(-5px)scale(1.01)}.right-sec .card:hover img{width:250px;height:150px;transition:all .3s}.right-sec .card img{width:240px;height:140px}.right-sec .box{width:240px;padding:10px 8px}.right-sec .box title{color:var(--text-primary)}.right-sec .box p{color:var(--text-secondary);letter-spacing:1px;margin:8px 0;font-size:15px}.card .box .last{justify-content:space-between}.card .box .last .icons{color:var(--text-secondary);gap:10px;height:30px}.card .box .last .icons a.firest{cursor:pointer;color:var(--text-primary);font-size:20px;transition:all .3s}.card .box .last .icons a.firest:hover{transform:translate(3px)scale(1.2)}.card .box .last a.more{color:#3b8cbf;gap:5px;font-size:15px}.card .box .last a span{align-self:self-end}@media (max-width:600px){.contant{flex-direction:column;align-items:center}.left-sec{flex-flow:wrap;justify-content:center}.left-sec button{width:120px}}.contact .title span{color:var(--text-secondary);margin:0 10px;font-size:35px;width:10px!important}.contact .title{color:var(--text-primary);margin-bottom:10px;font-size:35px}.contact .subtitle{color:var(--text-secondary);margin-bottom:16px;line-height:12px}.contact .container{justify-content:space-between}.contact .container form{flex-direction:column;gap:10px;position:relative}.contact .container form div{align-items:center;gap:20px;display:flex}.contact .container label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;width:auto;min-width:120px;overflow:hidden}.contact .container #email,.contact .container #message{all:unset;background-color:var(--Bprimary-color);border:1px solid var(--border-color);border-radius:5px;width:250px;padding:8px 16px;transition:all .3s}.contact .container #message{resize:none;min-height:100px}.contact .container .submit{background-color:var(--Bprimary-color);text-align:center;border:1px solid var(--border-color);height:30px;color:var(--text-primary);border-radius:10px;padding:5px 8px;font-size:17px;transition:all .3s;position:relative;left:41%}.contact .container .submit:hover{scale:1.02}.contact .container h1{flex-direction:row;align-items:center;gap:5px;margin-left:50px;display:flex}.contact .container #email:focus,.contact .container #message:focus{border:1px solid var(--Wsecondary-color)}.contact .container #email:hover,.contact .container #message:hover{border:1px solid var(--secondary-color);scale:1.02}.contact .container .animation{width:400px}@media (max-width:768px){.contact .container form{margin:auto;right:10px}.contact .container form div{flex-direction:column;align-items:stretch;gap:8px}.contact .container label{white-space:normal;min-width:auto}.contact .container #email,.contact .container #message{width:100%}.contact .container .submit{align-self:center;margin-top:6px;margin-left:35px;left:auto;transform:none}.contact .container .animation{display:none}}@media (max-width:550px){.contact .container .submit{align-self:center;margin-top:6px;margin-left:35px;left:auto;transform:none}.contact .container h1{justify-content:center;margin-left:0;font-size:larger}}@media (max-width:350px){.contact .subtitle{font-size:15px}}.footer{justify-content:space-between;padding-bottom:16px}.footer ul{gap:10px}.footer ul a{color:var(--text-secondary);font-size:16px;transition:all .3s;display:flex}.footer ul a:hover{color:var(--text-primary);font-weight:700;transform:translateY(-5px)}.footer p{color:var(--text-secondary);font-weight:100}@media (max-width:768px){.footer{flex-direction:column;gap:12px}}.menu{background-color:var(--Bprimary-color);width:100%;margin-left:5px;transition:transform .3s,opacity .3s;position:absolute}.menu:not(.dnune){opacity:1;display:block;transform:translate(-40px,-45px)}.dnune{opacity:0;display:block;transform:translate(-32px,-255px)}.xbtn{cursor:pointer;transition:all .7s ease-in-out;position:absolute;top:7%;left:95%}.xbtn:hover{rotate:180deg}.menu li{border-bottom:.1px solid var(--border-color);height:30px;margin:10px;transition:all .3s}.menu li:hover{font-size:large}@media (min-width:700px){.menu{display:none}}.Scrollbtn{text-align:center;background-color:var(--secondary-color);width:50px;height:50px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;transition:all .5s;display:flex;position:fixed;top:92%;left:95%;box-shadow:0 0 40px #000}.Scrollbtn span{font-size:50px}.Scrollbtn:hover span{animation:2s infinite up2}@keyframes up2{0%{height:50px}20%{height:90px}30%{height:80px}50%{height:90px}to{height:50px}}@media (max-width:1100px){.Scrollbtn{left:92%}}@media (max-width:700px){.Scrollbtn{left:90%}}@media (max-width:550px){.Scrollbtn{display:none}}