body{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}:root{--Color-100:#b2ebf2;--Color-200:#80deea;--Color-300:#4dd0e1;--Color-400:#26c6da;--Color-500:#00bcd4;--Color-600:#00acc1;--Color-700:#0097a7;--Color-800:#00838f;--Color-900:#006064;--Color-1000:#5b7da3;--Color-1100:#00d5a5;--Color-A100:#84ffff;--Color-A200:#18ffff;--Color-A400:#00e5ff;--Color-A700:#00b8d4;--Color-blur:#00b8d4c9;--Color-overlay:#00ffff24;--Color-over1:#23036a;--Color-over2:#6200ee;--Color-light:#e0f7fa;--Color-heading1:#371583;--Color-heading2:#01579b;--Color-leaner:linear-gradient(210.41deg,#01579b 1.14%,#18ffff 100.75%);--Color-leaner-card:linear-gradient(297deg,#16979c 31.14%,#18ffff 100.75%);--main-color:#2196f3;--color-sec-r:#e8ede9;--color-icon1:#6e9b94;--color-icon2:#286663;--color-icon-hover:#242936;--color-p:#7c9b96;--color-p-hover:wheat;--color-h2:#999c43;--color-h2-hover:#c9a96e;--main-transition:0.3s}.App{display:grid;grid-template-areas:"cont cont cont cont cont cont cont cont cont cont cont cont" "foot foot foot foot foot foot foot foot foot foot foot foot";grid-template-columns:repeat(12,1fr);grid-template-rows:1fr 380px;height:1100px}.head-text{font-family:Oswald,sans-serif;font-size:50px}.cont-head-text{margin-left:10px}.blur-t{background:#00b8d4c9;background:var(--Color-blur);-webkit-filter:blur(8px) grayscale(70%);filter:blur(8px) grayscale(70%);-webkit-filter:blur(150px);-moz-filter:blur(150px);-ms-filter:blur(150px);filter:blur(150px)}.blur-c,.blur-t{border-radius:50%;height:300px;position:absolute;top:82px;width:300px;z-index:20000}.blur-c{background:#4dd0e1;-webkit-filter:blur(8px) grayscale(70%);filter:blur(8px) grayscale(70%);-moz-filter:blur(150px);-ms-filter:blur(150px);-webkit-filter:blur(174px);filter:blur(174px)}.btn{border:2px solid #551a8b;border-radius:40px;bottom:22px;color:#e0f7fa;font-size:18px;font-weight:700;left:50%;overflow:hidden;padding:15px 30px;position:absolute;text-decoration:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:1s}.btn:hover{color:#01579b}.btn:before{background:#faebd7;border-radius:50%;bottom:-2px;content:"";display:block;height:23px;left:-35px;padding:15px 30px;position:absolute;transition:1.2s;width:1px;z-index:-1}.btn:hover:before{bottom:-17px;height:54px;left:-3px;width:200px}.btn:focus{border-color:#588865;color:#588865}.btn:hover .icon-btn{-webkit-animation:moving-arrow .6s linear .6s infinite;animation:moving-arrow .6s linear .8s infinite}@-webkit-keyframes moving-arrow{to{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes moving-arrow{to{-webkit-transform:translateX(10px);transform:translateX(10px)}}.icon-btn{color:#01579b;color:var(--Color-heading2);margin-left:5px}@media screen and (max-width:480px){.head-text{font-family:Oswald,sans-serif;font-size:37px;margin-left:11px}.sec1-text h3,.sec10-text h3,.sec11-text h3,.sec12-text h3,.sec2-text h3,.sec3-text h3,.sec4-text h3,.sec5-text h3,.sec6-text h3,.sec7-text h3,.sec8-text h3,.sec9-text h3{font-size:15px}.btn{color:#006064;font-size:16px;padding:12px 16px}}.home{display:grid;grid-area:cont;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-template-rows:repeat(12,auto)}.start{background-color:var(--Color-100);display:grid;grid-column:span 25;grid-row:1/2;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}.sec-start-l,.sec-start-r{grid-column:span 3}.sec0-image:before{background-color:var(--Color-overlay);border-radius:15px;content:"";height:100%;position:absolute;top:0;transform:rotate(1deg);-webkit-transform:rotate(1deg);-moz-transform:rotate(1deg);-ms-transform:rotate(1deg);-o-transform:rotate(1deg);transition:1s;width:100%;z-index:1}.sec0-image{position:relative;-webkit-transform:rotate(8deg);transform:rotate(8deg)}.overlay:hover{background-color:#b2ebf2b3}.over-1,.over-2,.over-3{border-radius:15px;height:662.72px;position:absolute;width:373.9px}.over-1{border:2px solid var(--Color-over1);-webkit-transform:rotate(6deg);transform:rotate(6deg)}.over-1,.over-2{background-color:initial}.over-2{border:2px solid var(--Color-500);-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}.over-3{background-color:initial;border:2px solid var(--Color-900);-webkit-transform:rotate(3deg);transform:rotate(3deg)}.start .background{display:flex;justify-content:space-around;margin-bottom:30px;margin-top:103px;position:relative}.start .background img{border-radius:15px;height:665px;-webkit-transform:rotate(1deg);transform:rotate(1deg);width:375px}.sec-start-l{align-items:center;display:flex;margin-top:103px}.sec-start-l .sec-start-text-l{margin-left:10px}.sec-start-l .sec-start-text-l>:nth-child(2){color:var(--Color-heading1)}.sec-start-l .sec-start-text-l>:nth-child(4){color:var(--Color-heading2);font-size:18px;line-height:1.5}@media screen and (max-width:480px){.start{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.logo_img{width:85px}.sec-start-text-l h1{font-size:41px}.sec-start-text-l h2{font-size:20px}.sec-start-text-l p{font-size:17px}.sec-start-text-l>:nth-child(4){width:93%}.start .background img{height:390px;transform:rotate(1deg);-webkit-transform:rotate(1deg);-moz-transform:rotate(1deg);-ms-transform:rotate(1deg);-o-transform:rotate(1deg);width:235px}.start .background{margin-top:37px}.over-1,.over-2,.over-3{height:390px;width:235px}}.learn{background-color:var(--Color-300);display:grid;grid-column:span 25;grid-row:2/3;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));min-height:800px;position:relative;z-index:1}.sec1-l{grid-column:span 3}.sec1-l .sec1-text-l h3{margin-left:10px}.sec1-image{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.sec1-r{grid-column:span 3}.sec1-text-r{background:var(--Color-leaner);border-radius:6px;padding:10px;position:absolute;right:55px;top:165px;transition:1s}.sec1-text-r:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.icon-check{color:var(--Color-heading2)}@media (max-width:480px){.head-text{font-family:Oswald,sans-serif;font-size:37px;margin-left:11px}.learn{min-height:700px}.sec1-text-r{height:160px;left:9px;width:195px}.sec1-text-r h1{font-size:19px}.sec1-l .sec1-text-l h3{font-size:14px}.sec1-image img{width:415px}.btn{font-size:16px;padding:12px 16px}.sec1-image{top:68%}}.doc{background:#6d9c7a;display:grid;grid-column:span 25;grid-row:3/4;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-template-rows:auto 150px;position:relative;z-index:1}.doc-l{grid-column:span 3}.sec2-text-l p{font-size:19px;margin-left:10px}.sec2-image img{border-radius:8px;height:535px;margin-left:10px;width:490px}.doc-r{align-items:center;align-items:flex-end;display:flex;grid-column:span 3;justify-content:space-around}.main-box{align-content:space-around;background:transparent;display:flex;flex-wrap:wrap;height:600px;justify-content:space-between;position:relative;width:500px}.main-box:before{background:#6d9c7a;height:100px;width:100px}.main-box:after,.main-box:before{border-radius:50%;content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.main-box:after{background:var(--color-sec-r);height:30px;width:30px}.main-box .box{background:var(--color-sec-r);border-radius:8px;display:flex;flex-direction:column;height:265px;padding:10px;transition:.3s;width:222px}.main-box .box:hover{background-color:#6d9c7a}.main-box .box:hover h2{color:var(--color-h2-hover)}.main-box .box:hover p{color:var(--color-p-hover)}.main-box .box:hover .icon-sec2-r{color:var(--color-icon-hover)}.main-box .box .icon-sec2-r{font-size:45px}.sec2-text-r h2{color:var(--color-h2);text-align:center}.sec2-text-r p{color:var(--color-p);line-height:1.2}.main-box>:first-child .icon-sec2-r,.main-box>:nth-child(4) .icon-sec2-r{color:var(--color-icon1)}.main-box>:nth-child(2) .icon-sec2-r,.main-box>:nth-child(3) .icon-sec2-r{color:var(--color-icon2)}@media screen and (max-width:480px){.doc{height:1635px}.sec2-image img{height:377px;margin:0;width:100%}.main-box{align-items:center;flex-direction:column;flex-wrap:nowrap;margin:0 20px;width:100%}.main-box:after,.main-box:before{display:none}.main-box .box{margin-bottom:10px;width:100%}.doc .btn{width:142px}}.tools{background-color:var(--Color-900);display:grid;grid-column:span 25;grid-row:4/5;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-template-rows:auto 1fr 150px;position:relative;z-index:1}.sec3-text{grid-column:span 6}.sec3-text>:nth-child(2){margin-left:10px}.containrt{grid-gap:13px;display:grid;gap:13px;grid-column:span 6;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-items:center}.card{align-items:center;border-radius:8px;border-top:2px solid #70d68c;box-shadow:0 0 3px 0 #70d68c;display:flex;flex-direction:column;grid-column:span 2;height:365px;justify-content:center;padding:10px;transition:all 1s;width:325px}.card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.card:hover p{color:#fff}.card img{width:100px}.card-text{padding:10px}.card-text h1{text-align:center}.containrt>:nth-child(2)>img{width:150px}.containrt>:nth-child(6)>img{width:117px}@media screen and (max-width:480px){.sec3-text>:nth-child(2){font-size:12px}.card img{width:76px}.card-text h1{font-size:21px}.card p{color:#fff;font-size:15px;margin-left:10px}.card{height:310px;width:90%}.tools .btn{width:150px}.tools .containrt{width:100%}}.design{background:linear-gradient(374deg,#16979c 31.14%,#18ffff 100.75%);display:grid;grid-column:span 25;grid-row:5/6;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-template-rows:repeat(auto-fill,minmax(100px,1fr));height:1000px;position:relative;z-index:1}.sec4-text{grid-area:1/1/1/10}.text4{grid-area:4/1/6/5;position:relative}.text4 .icon{bottom:90px;color:#bbc2bc;font-size:40px;left:98px;position:absolute;-webkit-transform:rotate(-19deg);transform:rotate(-19deg)}.text4 h1{font-family:Borel,cursive;font-size:100px;margin-left:20px}.galiry{display:grid;grid-area:3/5/9/13;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-template-rows:repeat(auto-fill,minmax(100px,1fr));margin-right:10px}.galiry .image1{grid-area:1/1/5/9;height:400px;overflow:hidden;position:relative;transition:1s}.galiry .image1:before{background:#00000000;content:"";height:100%;position:absolute;transition:1s;width:100%}.galiry .image1 img{height:400px;width:843px}.galiry .image1 p{bottom:-116px;color:#fff;font-size:20px;opacity:0;padding:28px;position:absolute;transition:1s}.galiry .image2{grid-area:2/1/6/9;overflow:hidden;position:relative;transition:1s}.galiry .image2:before{background:#00000000;content:"";height:100%;position:absolute;transition:1s;width:100%}.galiry .image2 img{height:400px;width:843px}.galiry .image2 p{bottom:-116px;color:#fff;font-size:20px;opacity:0;padding:28px;position:absolute;transition:1s}.galiry .image3{grid-area:3/1/5/9;height:400px;overflow:hidden;position:relative;transition:1s}.galiry .image3:before{background:#00000000;content:"";height:100%;position:absolute;transition:1s;width:100%}.galiry .image3 img{height:400px;width:843px}.galiry .image3 p{bottom:-116px;color:#fff;font-size:20px;opacity:0;padding:28px;position:absolute;transition:1s}.galiry .image4{grid-area:4/1/5/9;height:400px;overflow:hidden;position:relative;transition:1s}.galiry .image4:before{background:#00000000;content:"";height:100%;position:absolute;transition:1s;width:100%}.galiry .image4 img{height:400px;width:843px}.galiry .image4 p{bottom:-116px;color:#fff;font-size:20px;opacity:0;padding:28px;position:absolute;transition:1s}.galiry .image1:hover+.image2,.galiry .image1:hover~.image3,.galiry .image1:hover~.image4{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.galiry .image1:hover{-webkit-transform:translateY(-40px);transform:translateY(-40px)}.galiry .image2:hover{-webkit-transform:translateY(-30px);transform:translateY(-30px)}.galiry .image2:hover+.image3,.galiry .image2:hover~.image4{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.galiry .image3:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.galiry .image3:hover+.image4{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.galiry .image1:hover p,.galiry .image2:hover p,.galiry .image3:hover p,.galiry .image4:hover p{bottom:0;opacity:1}.galiry .image4:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.galiry .image1:hover:before,.galiry .image2:hover:before,.galiry .image3:hover:before,.galiry .image4:hover:before{background-color:#000000b0}@media screen and (max-width:480px){.design{height:1160px}.sec4-text h3{font-size:13px;width:100%}.galiry{grid-area:4/1/9/13;margin:0 5px}.text4{grid-area:3/1/4/5}.text4 h1{font-size:50px;margin:0;text-align:center}.text4 .icon{font-size:18px;left:200px}.design .btn{font-size:15px;width:166px}}.toturial{background-color:#95c5c8;display:grid;grid-column:span 25;grid-row:6/7;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-template-rows:105px 105px 105px 105px 105px 105px 105px 105px 105px 120px;position:relative;z-index:1}.sec5-text{grid-column:span 6}.image1{grid-area:3/9/8/12}.image1,.image2{position:relative}.image2{grid-area:6/7/10/10}.image3{grid-area:1/7/5/10;position:relative}.image1 img,.image2 img,.image3 img{border-radius:8px;height:100%;width:100%}.image1:before,.image2:before,.image3:before{background:#0a080847;border-radius:8px;content:"";height:100%;position:absolute;transition:1s;width:100%}.image1:hover:before,.image2:hover:before,.image3:hover:before{background:#f9f9f927}.text1{grid-area:4/2/6/5}.text2{grid-area:6/2/8/5}@media screen and (max-width:480px){.toturial{grid-template-rows:repeat(auto-fill,minmax(100px,1fr));height:1205px}.toturial .btn{font-size:15px;width:165px}.toturial .image1,.toturial .image2{display:none}.image3{grid-area:7/1/12/12;margin:0 10px}.text1{grid-area:3/1/5/5;margin:0 auto;width:60%}.text1 p,.text2 p{font-size:14px;text-align:left;width:100%}.text1 h3,.text2 h3{font-size:18px}.text2{grid-area:5/1/7/5;margin:0 auto;width:60%}}.project{background-color:var(--Color-100);display:grid;grid-column:span 25;grid-row:7/8;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-template-rows:105px 105px 105px 105px 105px 105px 105px 105px 120px;position:relative;z-index:1}.sec6-text{grid-column:span 8}.sec6-image-r{grid-area:3/7/9/13}.sec6-image-r img{border-radius:8px;height:100%;width:100%}.sec6-text1{grid-area:4/1/5/6}.sec6-text2{grid-area:5/1/6/6}.sec6-text3{grid-area:6/1/7/7}.sec6-text4{grid-area:7/1/8/7}.sec6-text1,.sec6-text2,.sec6-text3,.sec6-text4{align-items:center;display:flex}.sec6-text1 .icon,.sec6-text2 .icon,.sec6-text3 .icon,.sec6-text4 .icon{color:var(--Color-900);font-size:32px;margin-left:10px;margin-right:5px}@media screen and (max-width:480px){.project{height:1090px}.sec6-text1{grid-area:3/1/4/6}.sec6-text2{grid-area:4/1/5/6}.sec6-text3{grid-area:5/1/6/7}.sec6-text4{grid-area:6/1/7/7}.sec6-image-r{grid-area:7/1/10/5;margin:0 45px}.sec6-text1,.sec6-text2,.sec6-text3,.sec6-text4{font-size:16px}.sec6-text1 .icon,.sec6-text2 .icon,.sec6-text3 .icon,.sec6-text4 .icon{font-size:22px;margin-left:5px}.project .btn{width:170px}}.word{background-color:#95c5c8;display:grid;grid-column:span 25;grid-row:8/9;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-template-rows:105px 105px 105px 105px 105px 105px 105px 105px 105px 120px;position:relative;z-index:1}.sec7-text{grid-column:span 10}.sec7-image{grid-area:3/1/10/13;position:relative}.sec7-image:before{background:linear-gradient(540deg,#00a0d2 -10.86%,#95c5c8 109.75%);bottom:0}.sec7-image:after,.sec7-image:before{content:"";height:50px;position:absolute;width:100%}.sec7-image:after{background:linear-gradient(1turn,#00a0d2 -10.86%,#95c5c8 109.75%);left:0;top:0}.sec7-image img{height:100%;width:100%}.sec7-text1 .icon,.sec7-text2 .icon{color:#01579b;font-size:30px;margin-right:10px}.text-container{align-items:center;display:flex;flex-direction:row;gap:25px;grid-area:7/1/9/12;height:100%;margin-left:35px;width:100%;z-index:1}@media screen and (max-width:480px){.word{height:1045px}.text-container{display:flex;flex-direction:column;grid-area:4/1/9/12;width:91%}.sec7-image img{display:none}}.exam{background-color:#60b8cb;display:grid;grid-column:span 25;grid-row:9/10;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-template-rows:105px 105px 105px 105px 105px 105px 105px 105px 105px 120px;position:relative;z-index:1}.sec8-text{grid-column:span 9}.sec8-image{grid-area:3/4/9/10;position:relative}.sec8-image:before{background:#60b8cb36;content:"";position:absolute}.sec8-image img,.sec8-image:before{border-radius:50%;height:100%;width:100%}.sec8-text-1,.sec8-text-2,.sec8-text-3,.sec8-text-4,.sec8-text-5,.sec8-text-6{border-radius:6px;padding:10px;position:absolute;transition:1s}.sec8-text-1,.sec8-text-2,.sec8-text-3{background:linear-gradient(636.41deg,#60b8cb 1.14%,#5b7da3 100.75%)}.sec8-text-4,.sec8-text-5,.sec8-text-6{background:linear-gradient(83deg,#60b8cb 1.14%,#5b7da3 100.75%)}.sec8-text-1:hover,.sec8-text-2:hover,.sec8-text-3:hover,.sec8-text-4:hover,.sec8-text-5:hover,.sec8-text-6:hover{background:#5c87aa}.sec8-text-1{bottom:226px;right:10px;width:390px}.sec8-text-2{right:10px;top:20%}.sec8-text-3{right:10px;top:44%;width:284px}.sec8-text-4{bottom:226px;left:10px;width:390px}.sec8-text-5{left:10px;top:20%}.sec8-text-6{left:10px;top:44%;width:284px}.sec8-text-3 h3{margin-left:20px}.sec8-image:after{border:25px solid #60b8cb;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:1}@media screen and (max-width:480px){.exam{height:1385px;position:relative}.sec8-image{grid-area:8/1/12/10}.sec8-image:after{display:none}.sec8-text-5{top:34%}.sec8-text-2{top:15%}.sec8-text-6{left:10px;top:21%;width:284px}.sec8-text-1{bottom:67%}.sec8-text-3{top:40%}.sec8-text-4{bottom:48%}.sec8-image img,.sec8-image:before{height:72%}}.ask{background-color:#80deea9e;display:grid;grid-column:span 25;grid-row:10/11;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-template-rows:105px 105px 105px 105px 105px 105px 105px 105px 105px 120px;position:relative;z-index:1}.sec9-text{grid-column:span 7}.sec9-image{grid-area:1/8/10/13;position:relative}.sec9-image:before{background:linear-gradient(270deg,#14b1b2 -10.86%,#b0eaf2 109.75%);left:-26px;width:5%}.sec9-image:after,.sec9-image:before{content:"";height:100%;position:absolute}.sec9-image:after{background:#00000047;left:0;top:0;width:100%}.sec9-image img{height:100%;width:100%}.sec9-text-1{bottom:33%;left:12px}.sec9-text-2{left:10px;top:28%}.sec9-text-3{left:10px;top:44%}.sec9-text-4{bottom:166px;left:10px}.sec9-text-1,.sec9-text-2,.sec9-text-3,.sec9-text-4{align-items:center;background:linear-gradient(636.41deg,#60b8cb 1.14%,#cf772e9c 100.75%);border-radius:6px;display:flex;flex-direction:row;padding:10px;position:absolute;transition:1s;width:610px}.ask .icon{color:#b25609;font-size:20px;margin-left:5px}.ask .icon-r{color:#0c0907;margin-right:5px}@media screen and (max-width:480px){.sec9-text-1,.sec9-text-2,.sec9-text-3,.sec9-text-4{width:90%}.ask .icon-r{display:none}.sec9-text-2{top:20.5%}.sec9-text-3{top:42%}.sec9-text-1{bottom:31%}.sec9-text-4{bottom:13%}.sec9-image{grid-area:3/1/10/13;position:relative}}.community{background-color:#70b9c8;display:grid;grid-column:span 25;grid-row:11/12;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-template-rows:105px 105px 105px 105px 105px 105px 105px 105px 120px;position:relative;z-index:1}.sec10-text{grid-column:span 9}.sec10-image{grid-area:3/8/9/13;margin-right:5px;position:relative}.sec10-image:before{background:#00000047;content:"";left:0;position:absolute;top:0}.sec10-image img,.sec10-image:before{border-radius:10px;height:100%;width:100%}.heading{grid-area:4/1/6/7;margin-left:10px}.paragraph{grid-area:6/1/9/7;margin-bottom:10px;margin-left:20px}.paragraph p{background:linear-gradient(99deg,#70b9c8 31.14%,#6aa7b4 100.75%);border-right:7px solid #01579b;margin-bottom:20px;padding:10px}@media screen and (max-width:480px){.community{height:1385px}.paragraph{grid-area:10/1/12/7;margin:0 10px}.heading{grid-area:3/1/6/7}.heading h1{font-size:25px}.sec10-image{grid-area:5/1/10/13;margin:0 5px}}.whous{background-color:#48949e9e;display:grid;grid-column:span 25;grid-row:12/13;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-template-rows:105px 105px 105px 105px 105px 105px 105px 105px 105px 120px;position:relative;z-index:1}.sec11-text{grid-column:span 8}.container{background-color:#6ca2ad;display:flex;grid-area:4/1/10/13;position:relative}.container:before{background:linear-gradient(0deg,#8dbcc3 4.14%,#6ca2ad 31.75%);bottom:0}.container:after,.container:before{content:"";height:50px;position:absolute;width:100%}.container:after{background:linear-gradient(180deg,#8dbcc3 4.14%,#6ca2ad 31.75%);left:0;top:0}.image-r{position:absolute;right:0;top:-160px;z-index:1}.image-r:before{background:#00000026;content:"";height:100%;position:absolute;width:100%}.image-r img,.image-r:before{border-radius:50%}.text-l h1{font-family:Borel,cursive;font-size:50px}.text-l{margin-left:10px;margin-top:50px;width:700px}@media screen and (max-width:480px){.whous{height:1225px}.container{grid-area:5/1/12/13}.image-r{top:-269px}.image-r img{width:290px}}.contactus{background-color:#66b1bb9e;display:grid;grid-column:span 25;grid-row:13/14;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-template-rows:105px 105px 105px 105px 105px 105px 105px 105px 50px;position:relative;z-index:1}.sec12-text{grid-column:span 8}.sec12-text .icon{margin-left:15px}.container-form{background-image:url(/static/media/Contact%20us%20concept.68af795bee499f81ae5d.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;grid-area:3/8/9/13;margin-right:10px;position:relative}.container-form form{display:flex;flex-direction:column;padding:20px;position:relative;z-index:100}.container-form form .icon{color:#00b8d4;margin-right:10px}.container-form form input{background:transparent;border:transparent;border-bottom:3px solid #01579b;color:#18ffff;height:62px;margin-bottom:50px;outline:none}.container-form form label{color:#c5e1ff}.container-form ::-webkit-input-placeholder{color:#fff}.container-form ::placeholder{color:#fff}.container-form:after{background:#0a080887;border-radius:15px;height:100%;top:0}.contactus:before,.container-form:after{content:"";left:0;position:absolute;width:100%}.contactus:before{background:#b2ebf2;box-shadow:0 0 20px 1px #006064;height:200px;top:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:-1}.sec12-image{grid-area:4/1/8/5;position:relative}.sec12-image:before{background:#00000047;content:"";position:absolute}.sec12-image img,.sec12-image:before{border-radius:65px;height:100%;margin-left:10px;width:100%}.form-btn{background:radial-gradient(transparent,#5b7da3);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;margin:2px auto;outline:none;padding:14px;transition:1s;width:172px}.form-btn:hover{background:radial-gradient(#9ed2d4,transparent);color:#000}@media screen and (max-width:480px){.container-form{grid-area:5/1/11/13;margin:10px}.sec12-image{grid-area:3/1/5/3}}.navbar{align-items:center;background-color:var(--Color-100);display:flex;height:65px;justify-content:space-between;position:fixed;width:100%;z-index:10000}.navbar:hover{background-color:#75b9c2}.logo{width:150px}.logo_img{margin-left:5px;margin-top:5px}.menu-items{display:flex;gap:12px;list-style:none;margin-right:10px;z-index:100}.menu-items li a{color:var(--Color-900);font-weight:600;text-decoration:none}.menu-items li a:hover{color:#faebd7}.footer{background-color:#006064;display:flex;flex-direction:column;grid-area:foot;justify-content:space-around;padding:20px 10px}.footer-logo h1{font-family:Borel,cursive}.footer-links{display:flex;flex-direction:column}.footer-links .link{color:#fff;padding:14px;text-decoration:none}.footer-links .link:hover{color:wheat}.footer .top{display:flex;justify-content:space-between}.footer hr{width:100%}.footer-icon{display:flex;justify-content:center}.footer-icon .f-icon{border:1px solid #006064;border-radius:4px;color:#000;font-size:24px;margin:10px;padding:11px;transition:.5s}.footer-icon .face:hover{background-color:#0a68dc;color:#fff}.footer-icon .twet:hover{background-color:#1a9cfe;color:#fff}.footer-icon .inst:hover{background-color:#f5464f;color:#fff}.footer-icon .tele:hover{background-color:#2897dd;color:#fff}.footer-icon .wapp:hover{background-color:#2ad248;color:#fff}.copy-right{color:wheat;cursor:help;display:flex;justify-content:center;transition:1s}.copy-right:hover{color:#fff}.copy-right:hover span{color:#18ffff}.copy-right span{color:#95c5c8;margin:0 3px}@media screen and (max-width:480px){.footer{height:600px}}
/*# sourceMappingURL=main.f98e747a.css.map*/