@import"https://fonts.googleapis.com/css2?family=Kanit: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";*{padding:0;margin:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#5ccaa0}.container{max-width:85%;margin:auto}.flexSB{display:flex;justify-content:space-between}.icon{width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;background-color:#ffffff4d;color:#1eb2a6;transition:.5s}.icon:hover{cursor:pointer;background-color:#1eb2a6;color:#fff}.head{padding:20px 0}.logo h1{margin:0;font-size:24px}.logo span{font-size:19px;color:#0bebdf}.social{display:flex;gap:10px}.row{width:50%}button{padding:17px 30px;background-color:#3fc2ac;color:#161616;font-weight:600;border:none;margin:30px 10px 0 0;border-radius:3px;cursor:pointer;box-shadow:0 24px 36px -11px #00000017;transition:.5s}button i{margin-left:20px}button:hover{box-shadow:none}.primary-btn{background-color:#f9fcfb;color:#24c4b6}#heading{text-align:center;padding:40px 0}#heading h3{font-weight:600;letter-spacing:1px;color:#1eb2a6;text-transform:uppercase}#heading h1{font-size:45px;margin:20px 0;text-transform:capitalize}p{line-height:30px;font-size:18px}.back{background-image:url(/assets/backgrnd22-CNPZfIac.jpg);background-size:cover;background-attachment:fixed;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100vh;padding-top:30%;padding-right:50px;color:#fff;text-align:center}.back h1{font-size:100px;font-weight:400}.back h2{font-weight:500;font-size:17px;text-transform:uppercase}.margin{margin-top:40.3%}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px}.flex{display:flex}.grid2{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px}.outline-btn{margin:0;box-shadow:none;border:2px solid #1eb2a6;width:100%;transition:.5s}.outline-btn:hover{background-color:#1eb2a6;color:#fff}.grid3{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px}.padding{padding:80px 0}.shadow{box-shadow:0 5px 25px -2px #0000000f;background-color:#fff}@media screen and (max-width: 768px){.grid2,.grid3,.grid{grid-template-columns:repeat(2,1fr)}.back{background-position:center;padding-top:50%;height:80vh}}.head{padding:20px 0;color:#fff}.logo h1{font-size:35px;font-weight:900}.head .icon{margin-left:10px}header{background-color:#fff3;margin:0 30px;position:relative}header .nav{display:flex;gap:40px}header li{margin-right:40px;list-style:none}header ul{padding:30px 20px;display:flex;gap:40px}header ul li a{color:#1ff7da;font-weight:900;transition:.5s}header ul li a:hover{color:#09201f}.start{background-color:#1eb2a6;padding:30px 70px;color:#fff;clip-path:polygon(10% 0%,100% 0,100% 100%,0% 100%)}.toggle{display:none}@media screen and (max-width: 768px){.start{clip-path:none}header{margin:0;background-color:#54d1d1;position:relative}header ul.flexSB{display:none}header ul li{margin-bottom:20px}.toggle{display:block;background:none;color:#dfcbcb;font-size:18px;position:absolute;right:0;top:2px}.mobile-nav{position:absolute;top:7vh;left:0;width:100%;background-color:#1eb2a6}}.aboutHome{height:auto}.aboutHome #heading{text-align:left;padding:0}.aboutHome .left img{width:80%;height:90%;object-fit:cover}.aboutHome .right{padding:80px 50px}.aboutHome .items{margin-top:50px}.aboutHome .item{background-color:#fff;margin-top:30px;padding:20px;transition:.5s}.aboutHome .img{width:200px}.aboutHome img{width:70px;height:70px}.aboutHome .item h2{font-size:20px;margin-bottom:15px}.aboutHome .item p{color:#999}.aboutHome .item:hover{background-color:#1eb2a6;color:#fff;cursor:pointer;box-shadow:0 5px 25px -2px #0000000f}.aboutHome .item:hover p{color:#fff}.awrapper{background-image:url(/assets/2ndbackimg-D_QFlMtQ.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;height:30vh;color:#fff}.awrapper .box{padding:70px 0}.awrapper img{margin-right:30px;margin-top:12px}.awrapper h1{font-size:50px}.awrapper h3{font-size:20px;font-weight:500}@media screen and (max-width: 768px){.aboutHome .container{flex-direction:column-reverse}.aboutHome .row{width:100%}.awrapper{height:50vh}}.coursesCard{padding:50px 0}.coursesCard .items{background-color:#fff;padding:30px;text-align:center}.coursesCard .img{width:80px;height:80px;border-radius:50%;background-color:#1eb2a6;padding:15px}.coursesCard img{width:100%;height:100%;object-fit:cover}.coursesCard .text{margin-left:15px;text-align:left}.coursesCard .text h1{font-size:30px;font-weight:500;line-height:45px}.coursesCard .rate{margin:20px 0;color:#1eb2a6}.coursesCard .rate i{font-size:13px;margin-right:5px}.coursesCard .details .dimg img{width:50px;height:50px;border-radius:50%;margin-right:20px}.coursesCard .details .box{display:flex;align-items:center;color:gray}.coursesCard .details span{color:#1eb2a6;font-weight:500;font-size:14px}.coursesCard .price{margin:30px 0;background-color:#f8f8f8;padding:10px}.coursesCard h3{font-weight:500;color:#1eb2a6}.online{text-align:center}.online .box{box-shadow:0 5px 25px -2px #0000000f;background-color:#fff;padding:30px 20px;transition:.5s}.online .img{width:80px;height:80px;margin:auto;position:relative}.online img{width:100%;height:100%;object-fit:cover}.online h1{font-weight:500;font-size:20px;margin:20px 0;line-height:30px}.online span{background-color:#f8f8f8;padding:5px 20px;font-weight:500;font-size:15px;color:#1eb2a6;border-radius:5px}.online .box .show{opacity:0}.online .box:hover{background-color:#1eb2a6;border-radius:5px;cursor:pointer}.online .box:hover .show{opacity:1;position:absolute;top:0;left:0}.online .box:hover h1{color:#fff}.blog img{width:100%;height:100%}.blog .text{padding:40px 30px}.blog h1{font-weight:800;font-size:22px;line-height:30px;margin:20px 0;transition:.5s}.blog h1:hover{color:#1eb2a6;cursor:pointer}.blog span{text-transform:uppercase;font-weight:500;color:#1eb2a6}.blog span label{margin-left:10px;color:gray;font-size:14px}.blog span:nth-last-child(1) label{color:#1eb2a6}.blog p{color:gray}.hero{background-image:url(/assets/backgrnd22-CNPZfIac.jpg);background-size:cover;background-attachment:fixed;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100vh;padding-top:20%;padding-right:50px;color:#eef7f4}.hero #heading h3{color:#0ef3cd}.hero #heading{text-align:left;margin:0;padding:0}@media screen and (max-width: 768px){.margin{height:40vh}.hero{background-position:right;padding-top:50%;height:80vh}.hero .row{width:100%}}.testimonal .items{padding:30px;transition:.5s}.testimonal .img{position:relative}.testimonal img{width:80px;height:100px;border-radius:50%}.testimonal i{position:absolute;bottom:0;left:60px;background-color:#1eb2a6;color:#fff}.testimonal .name{margin:25px}.testimonal .name h2{font-size:20px;margin-bottom:5px}.testimonal .name span{color:#1eb2a6}.testimonal p{margin-top:20px;color:gray;transition:.5s}.testimonal .items:hover{background-color:#1eb2a6;color:#fff;cursor:pointer}.testimonal .items:hover span,.testimonal .items:hover p{color:#fff}.testimonal .items:hover i{background-color:#fff;color:#1eb2a6}.team .items{transition:.5s}.team .img{position:relative}.team img{width:100%;height:100%}.overlay{position:absolute;bottom:0;z-index:11;display:flex;flex-direction:column;padding:20px;opacity:0;transition:.5s}.overlay i{background-color:#000;color:#fff;margin:5px;transition:.5s}.team .details{padding:30px;text-align:center}.team .details h2{font-weight:800;font-size:20px;transition:.5s}.team .details p{font-size:15px;color:#6b6565;margin-top:10px;transition:.5s}.team .items:hover{background-color:#1eb2a6;color:#fff;cursor:pointer}.team .items:hover p{color:#fff}.team .items:hover .overlay{opacity:1}.team .items:hover .overlay i:hover{background-color:#1eb2a6;color:#fff}.price .items{padding:40px;text-align:center}.price h1{font-size:50px;margin:20px 0;color:#1eb2a6}.price h1 span{font-size:20px;margin-right:5px;color:#000}.price p{color:gray;margin:40px 0}.faq .container{max-width:70%;border-radius:5px}.faq .box{background-color:#fff;margin-bottom:20px}.faq button{margin:0;display:flex;justify-content:space-between;width:100%;padding:15px 20px}.faq h2{font-weight:500}.faq p{padding:20px}.faq .accordion:hover{background-color:#1eb2a6;color:#fff}.contacts iframe{width:100%;height:100%;border:none}.contacts .right{padding:50px}.contacts h1{font-size:30px;font-weight:400}.contacts p{color:gray}.contacts .items{margin:30px 0}.contacts .box p{font-size:17px;margin-top:10px}.contacts textarea,.contacts input{width:100%;padding:15px;margin-bottom:15px;outline:none;border:1px solid grey}form .flexSB input:nth-child(1){margin-right:10px}.contacts h3{margin-top:20px;font-weight:600;margin-bottom:10px}.contacts span{color:#1eb2a6;font-weight:600;font-size:15px;word-spacing:5px}@media screen and (max-width: 768px){.contacts .container{flex-direction:column}.contacts iframe{height:50vh}.contacts .row{width:100%}}.newletter{background-color:#1eb2a6;padding:50px 0;color:#fff}.newletter .right,.newletter .left{padding-right:50px}.newletter h1{color:#fff;font-size:30px;font-weight:500;margin-bottom:15px}.newletter .right{display:flex;justify-content:space-between;align-items:center}.newletter input{width:100%;padding:20px;border:none;outline:none;height:30px}.newletter i{padding:12px;color:#1eb2a6;background-color:#fff}footer{background-color:#eee}footer .container{display:grid;grid-template-columns:3fr 2fr 2fr 4fr 3fr;grid-gap:30px}@media screen and (max-width: 768px){footer .container{grid-template-columns:repeat(2,1fr)}}footer .logo span{color:#1eb2a6;font-size:14px}footer .logo p{color:gray;margin:30px 0 15px}footer .logo .icon{background-color:#1eb2a6;color:#fff;margin-right:10px}footer h3{margin-bottom:40px;font-weight:500}footer ul li{margin-bottom:20px}footer .link li:before{content:"⟶";color:#1eb2a6;margin-right:5px}footer .items{margin-bottom:30px}footer .items img{width:50px;height:50px;border-radius:5px;margin-right:10px;object-fit:cover}footer .items span,footer .items i{font-size:12px;color:#1eb2a6;margin-right:5px;text-transform:capitalize}footer h4{font-weight:400;margin-top:5px}footer .last ul li{display:flex;margin-bottom:50px}footer .last i{width:60px;font-size:20px;color:#1eb2a6}.legal{text-align:center;padding:50px 0;color:gray;background-color:#e9e9e9}.legal p{font-size:15px}.legal i{color:#1eb2a6}