@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.hero{width:100%;min-height:100vh;background:linear-gradient(#08003ab3,#08003ab3),url(/assets/techo-banner-BCF7Vp19.png);background-repeat:no-repeat;background-size:cover;background-position:center;color:#fff;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}.arrow{display:flex;justify-content:space-between;gap:2px;align-items:center;font-size:15px;font-weight:600}.herobtn{margin:auto}.hero-text h3{color:#f8f9fb}.herobtn:hover{background-color:#737590;color:#f8f9fb;font-size:17px}@media (max-width:850px){.hero h1{font-size:40px}}@media (max-width:650px){.hero h1{font-size:30px;max-width:400px;margin:auto}.hero-text{font-size:14px;margin:15px auto 30px}}nav{width:100%;color:#fff;padding:4px 0;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;z-index:10;height:90px;margin-top:5px}nav ul{display:flex;gap:25px}nav ul li{list-style-type:none;margin:5px 20px;font-size:16px}nav ul li:hover{color:#c9ccdd;font-weight:1000}.img{height:100px}.dark-nav{background:#212ea0;transition:.5s;margin:0}.logo-img{outline:none;border-radius:45%;padding:15px;height:130px;color:#fff;background-color:#212ea0}.menu-icon{display:none}@media (max-width:1000px){.img{width:70px}nav ul li{margin:10px 15px}}@media (max-width:980px){.img{width:100px}}@media (max-width:993px){nav{padding:15px 0}nav ul{display:block;position:fixed;top:0;right:0;bottom:0;background:#212ea0;z-index:-1;width:200px;padding-top:70px;transition:.5s}nav ul li{display:block;margin:25px 40px}.menu-icon{display:block;width:30px;cursor:pointer}.hide-menu{right:-200px}}.pro img{width:100%;border-radius:10px;display:block}.imgpro{width:90%;display:flex;height:25%;justify-content:space-between;align-items:center;margin:30px auto}.pro{flex-basis:31%;position:relative}.caption{border-radius:10px;position:absolute;top:21px;left:0;bottom:0;right:0;background:#07070ab8;display:flex;align-items:center;flex-direction:column;cursor:pointer;color:#fff;opacity:0;padding-top:70%;transition:.4s}.caption:hover{opacity:1;cursor:pointer;padding-top:0}.caption img{margin-top:50%;width:70px}.caption h3{color:#fff}@media (max-width:650px){.imgpro{flex-direction:column}.pro{flex-basis:100%;margin:20px}}.t h3{text-align:center;color:#212ea0}.t h1{text-align:center;margin-top:10px;color:#000f38}.t{margin-top:20px}.about{display:flex;align-items:center;gap:20px;margin:200px auto;width:90%}.about-left{flex-basis:40%;position:relative}.about-img{height:44vh;width:100%;background:#07070ab8;border-radius:10px}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;cursor:pointer}.about-right{flex-basis:56%}.about h3{font-weight:600;font-size:16px;color:#212ea0}.about p{font-size:20px;font-weight:400}.about h2{font-weight:600;font-size:35px;color:#000f38;margin:10px 0;max-width:400px}.about p{color:#676767;margin-bottom:15px}@media (max-width:800px){.about{flex-direction:column}.about-left{flex-basis:100%;margin:20px;order:2}.about-right{flex-direction:100%}}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;grid-auto-flow:dense;gap:6px;margin:15px auto 30px}.gallery img{border-radius:10px;width:100%;height:100%;object-fit:cover}.btncampus{margin:20px auto;padding:15px;border-radius:10px;border:none;outline:none;background-color:#212ea0;color:#f0f8ff;width:130px;cursor:pointer}@media (max-width:800px){.gallery{grid-template-columns:repeat(2,1fr)}.btncampus{width:117px}}.test{margin:80px auto;padding:0 80px;position:relative}.nextbtn,.backbtn{position:absolute;top:50%;right:0;transform:translateY(-50%);padding:15px;width:50px;border-radius:50%;cursor:pointer;background-color:#212ea0}.backbtn{right:auto;left:0}.slider ul li img{width:100px;border-radius:50%;border:4px solid #212EA0}.slider{overflow:hidden}.slider ul{display:flex;width:200%;overflow-x:hidden;transition:.5s}.slider ul li{list-style:none;width:50%}.silde{box-shadow:0 0 20px #0000000d;padding:20px;border-radius:10px;color:#676767;line-height:1.4}.slider ul li p{margin-top:5px}.userinfo{display:flex;align-items:center;gap:3px;font-size:15px}.userinfo h3{color:#212ea0}@media (max-width:800px){.twst{padding:0 40px}.nextbtn,.backbtn{padding:10px;width:35px}.test ul li,.silde{padding:10px}.slider img{width:50px;border:3px solid #212EA0}}@media (max-width:600px){.userinfo{display:block;margin-bottom:10px;font-size:12px}.userinfo h3{font-size:16px}.slider p{font-size:12px}}.co{display:flex;align-items:center;gap:3px}.headline{display:flex;align-items:center;gap:4px}.headline img{width:35px}.left{flex-basis:48%;margin-top:25px;color:#676767}.flex{display:flex;align-items:center;justify-content:space-between}.contact{margin:70px auto;max-width:80%;display:flex;align-items:center;justify-content:space-between}.para{margin:25px 0;line-height:1.4;max-width:450px}.mail,.call,.loc{margin:20px 0}.headline h3,img{margin-top:20px}.headline h3{font-size:25px;font-weight:600;color:#000f38}.icon{color:#212ea0}.right{flex-basis:48%;margin-top:30px}.contact form input,.contact form textarea{display:block;width:100%;background:#ebecfe;padding:15px;border:0;outline:0;margin-bottom:15px;margin-top:5px;resize:none}.contact span{display:block;margin:20px 0}.btnform{margin:20px 0;padding:15px;border-radius:10px;display:flex;gap:3px;border:none;outline:none;background-color:#212ea0;color:#f0f8ff;cursor:pointer}@media (max-width:700px){.contact{display:block}.left{padding:20px}}.footer{margin:10px auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #797979;padding:15px 0}.footer ul li{list-style:none;display:inline-block}.footer ul{display:flex;gap:10px}@media (max-width:600px){.footer{display:block;text-align:center}.footer ul li{margin:auto}.footer ul{margin-top:7px}}.video{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:100;display:flex;align-items:center;justify-content:center}.video video{width:50%;max-width:auto;height:auto;border:4px solid #fff}.hidevideo{display:none}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:#f5f5f5}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.container{padding-left:10%;padding-right:10%}.btn{display:flex;background-color:#fff;color:#212121;padding:14px 25px;font-size:16px;border-radius:30px;border:0;outline:0}@media (max-width:1200px){.container{padding-left:5%;padding-right:5%}.btn{padding:14px 22px}}