@import url(https://fonts.googleapis.com/css2?family=Secular+One&display=swap);body{margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{margin:5px;width:10px}::-webkit-scrollbar-track{background-color:hsla(0,0%,7%,.7)}::-webkit-scrollbar-thumb{background:hsla(0,0%,7%,.7);background-clip:content-box;border:3px solid transparent;border-radius:30px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.App{background-color:#111;color:#fff;font-family:Secular One,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:0 5%;position:relative}.App *,.App :after,.App :before{box-sizing:border-box}.App svg{fill:#fff}.main.done{top:0}.main{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:100vh;justify-content:flex-start;overflow:visible;position:fixed;top:0;transition:all .8s ease-in-out;width:90vw}.main .bgShape{background-color:#ff8c00;height:100vh;left:-42%;position:absolute;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);width:50vw;z-index:1}.main h1{color:#ff8c00;font-size:51px;font-weight:700;line-height:62px;padding-left:70px;position:relative;text-transform:uppercase}.main h1:before{background-color:#ff8c00;border-radius:10px;content:"";height:4px;left:0;position:absolute;top:29px;width:40px}.main h1 span{color:#fff}.main_desc{margin-left:5%;width:60%;z-index:10}.main_desc p{font-size:21px;font-weight:lighter;line-height:35px;opacity:.8}.main_img{flex:0 0 30%;height:90vh;width:30%;z-index:10}.main_img img{border-radius:30px;box-sizing:border-box;height:100%;object-fit:cover;width:100%}@media(max-width:991px)and (min-width:768px){.main{flex-direction:column;height:auto;justify-content:flex-start;min-height:calc(100dvh - 60px);padding-bottom:80px;padding-top:clamp(20px,5vh,48px);position:relative}.main .bgShape{display:none}.main_img{flex:0 0 auto;height:clamp(190px,32vw,250px);margin-top:0;width:clamp(190px,32vw,250px)}.main_img img{border:4px solid #252525;border-radius:50%}.main_desc{margin:0;text-align:center}.main_desc h1{font-size:clamp(30px,4.5vw,38px);line-height:1.2;padding:0}.main_desc h1:before{display:none}}@media(max-width:767px)and (min-width:320px){.main{flex-direction:column;height:auto;justify-content:flex-start;min-height:calc(100dvh - 60px);padding-bottom:80px;padding-top:clamp(20px,5vh,40px);position:relative}.main .bgShape{display:none}.main_img{flex:0 0 auto;height:clamp(180px,62vw,240px);margin-top:0;width:clamp(180px,62vw,240px)}.main_img img{border:4px solid #252525;border-radius:50%}.main_desc{margin:0;text-align:center;width:90%}.main_desc h1{font-size:clamp(24px,7vw,32px);line-height:1.2;padding:0}.main_desc h1:before{display:none}.main_desc p{font-size:clamp(15px,4.2vw,17px);line-height:1.6}}.loader{background:#252525;height:110vh;left:0;position:fixed;top:0;transition:all .6s ease-in;width:100vw;z-index:2000}.loader svg{fill:#ff8c00;left:50%;position:absolute;top:30%;-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.loader.done{-webkit-transform:translateY(100%);transform:translateY(100%)}.about.done{margin:0 auto}.about{background-color:#111;margin:60px auto;padding:60px 0;transition:all .8s ease-in-out;width:80vw}.about h3{font-size:26px;font-weight:600;letter-spacing:.5rem;margin-top:120px;padding-bottom:22px;text-transform:uppercase}.about_infos a{display:block;width:200px}.about_infos .personal_infos{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;margin-bottom:60px;padding:0}.about_infos .personal_infos .green{color:#5be85b}.about_infos .personal_infos li{display:block;font-size:21px;width:50%}.about_infos .personal_infos li .title{font-weight:lighter;opacity:.6;text-transform:capitalize}.about_infos .personal_infos li .desc{margin-left:15px}.about .experience .edu,.about .experience .exp{list-style:none;padding:0;width:45%}.about .experience .edu li,.about .experience .exp li{height:auto;margin-bottom:60px;padding-left:80px;position:relative;width:100%}.about .experience .edu li:after,.about .experience .exp li:after{border-left:2px solid #fff;border-radius:20px;bottom:0;content:"";left:20px;opacity:.4;position:absolute;top:0;z-index:1}.about .experience .edu li span,.about .experience .exp li span{background-color:#252525;border-radius:20px;color:#fff;display:inline-block;font-size:17px;margin-bottom:12px;opacity:.8;padding:5px 15px;text-transform:uppercase}.about .experience .edu li h5,.about .experience .exp li h5{font-size:21px;font-weight:lighter;margin:7px 0 10px;text-transform:capitalize}.about .experience .edu li h4,.about .experience .exp li h4{font-size:21px;font-weight:lighter;margin:7px 0 10px;opacity:.6;text-transform:uppercase}.about .experience .edu .icon,.about .experience .exp .icon{align-items:center;background-color:#ff8c00;border-radius:50%;display:flex;height:40px;justify-content:center;left:0;position:absolute;top:0;width:40px;z-index:10}.about .experience .edu .icon svg,.about .experience .exp .icon svg{-webkit-transform:scale(.5);transform:scale(.5)}.about .experience .exp_edu{align-items:flex-start;display:flex;flex-direction:row;gap:60px;justify-content:flex-start}.about .skills_main{--s:300px;display:block}.about .skills_wrapper{grid-gap:40px 20px;display:grid;gap:40px 20px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 0 40px}.about .skills_wrapper .skill{aspect-ratio:1/1.1547;background-color:#252525;background:#252525;-webkit-clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0);height:auto;margin:0 auto;transition:all .3s;width:min(100%,var(--s))}.about .skills_wrapper .skill:hover{-webkit-transform:rotate(-31deg);transform:rotate(-31deg)}.about .skills_wrapper .skill:hover svg{fill:#ff8c00;-webkit-transform:rotate(31deg) scale(.58);transform:rotate(31deg) scale(.58)}.about .skills_wrapper .skill svg{color:#fff;height:100%;-webkit-transform:scale(.5);transform:scale(.5);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.about .skills_wrapper .node{fill:green}.about .skills_wrapper .bootstrap{fill:#9a0ef7}.about .skills_wrapper .sass{fill:#f897eb}.about .skills_wrapper .js{fill:#fbfb41}.about .skills_wrapper .gulp{fill:#bd1d1d}.about .skills_wrapper .react{fill:#61dafb}.about .skills_wrapper .wordpress{fill:#21759b}.about .skills_wrapper .angular{fill:#dd0031}.about .skills_wrapper .ngrx{fill:#ba2bd2}.about .skills_wrapper .ts{fill:#1e90ff}.about .skills_wrapper .docker{fill:#2496ed}.about .skills_wrapper .express{fill:#fff}.about .skills_wrapper .figma{fill:#f24e1e}.about .skills_wrapper .firebase{fill:#ffca28}.about .skills_wrapper .tailwind{fill:#38bdf8}.about .skills_wrapper .nx{fill:#143055}.about .skills_wrapper .primeng{fill:#dd0031}.about .skills_wrapper .ionic{fill:#3880ff}.about .skills_wrapper .capacitor{fill:#119eff}.about .skills_wrapper .jasmine{fill:#8a4182}@media(min-width:1201px){.about .skills{margin-bottom:0}}@media(max-width:1200px)and (min-width:992px){.about .skills{margin-bottom:0}}@media(max-width:991px)and (min-width:768px){.about{padding:32px 0 80px;width:min(90vw,900px)}.about h3{font-size:clamp(20px,3vw,26px);letter-spacing:.28rem;margin-top:72px}.about .skills_wrapper{gap:24px 14px}.about .skills{margin-bottom:0}.about_infos ul li{font-size:17px!important}.about .experience .exp_edu ul li{padding-left:60px}.about .experience .exp_edu ul li h4,.about .experience .exp_edu ul li h5{font-size:19px}}@media(max-width:767px)and (min-width:576px){.about{padding:24px 0 80px;width:90vw}.about .skills{margin-bottom:0}.about h3{font-size:21px}.about_infos .personal_infos{flex-direction:column}.about_infos .personal_infos li{width:100%}.about_infos ul li{font-size:17px!important}.about .experience .exp_edu ul li{padding-left:50px}.about .experience .exp_edu ul li h4,.about .experience .exp_edu ul li h5{font-size:17px}}@media(max-width:575px){.about{padding:20px 0 80px;width:calc(100vw - 32px)}.about h3{font-size:19px;letter-spacing:.3rem;margin-top:64px}.about_infos .personal_infos{flex-direction:column}.about_infos .personal_infos li{width:100%}.about_infos ul li{font-size:15px!important}.about_infos ul li .desc{word-wrap:break-word;margin-left:5px!important}.about .skills_wrapper{gap:20px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}.about .experience .exp_edu{flex-direction:column;gap:0}.about .experience .exp_edu .exp{border-bottom:1px solid #ff8c00}.about .experience .exp_edu .edu,.about .experience .exp_edu .exp{width:90%}.about .experience .exp_edu ul li{padding-left:50px}.about .experience .exp_edu ul li h4,.about .experience .exp_edu ul li h5{font-size:17px}}.heading{height:100%;margin:60px 0;position:relative;width:100%}.heading .spanBG{color:#252525;font-size:110px;font-weight:800;left:50%;letter-spacing:10px;line-height:.7;position:absolute;text-transform:uppercase;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.heading h1{margin:0;position:relative;text-align:center}.heading h1,.heading h1 span{color:#fff;font-size:56px;font-weight:900!important;text-transform:uppercase}.heading h1 span{color:#ff8c00;margin-left:15px}@media(max-width:767px)and (min-width:576px){.heading .spanBG{font-size:75px}.heading h1,.heading h1 span{font-size:42px}}@media(max-width:575px){.heading{margin:36px 0 52px}.heading .spanBG{font-size:clamp(38px,13vw,55px);letter-spacing:4px}.heading h1,.heading h1 span{font-size:clamp(25px,8vw,32px)}}@-webkit-keyframes button-spinner-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes button-spinner-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.button_prim{height:50px;width:200px}.button_prim,.button_prim button{cursor:pointer!important;position:relative}.button_prim button{background:none;border:2px solid #ff8c00;border-radius:30px;color:#fff;font-size:19px;height:100%;overflow:hidden;padding-right:20%;text-transform:uppercase;transition:all .3s ease-out;width:120%;z-index:10}.button_prim button:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}.button_prim button:before{background:#ff8c00;border-radius:30px;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .3s ease-out;width:100%;z-index:-1}.button_prim .icon{align-items:center;background:#ff8c00;border-radius:50%;display:flex;height:50px;justify-content:center;position:absolute;right:-20%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50px;z-index:20}.button_prim .icon svg{height:50%;width:50%}.button_prim .icon .button-spinner{-webkit-animation:button-spinner-rotate .75s linear infinite;animation:button-spinner-rotate .75s linear infinite;border:2px solid hsla(0,0%,100%,.45);border-radius:50%;border-top-color:#fff;height:22px;width:22px}.menu{height:auto;position:fixed;right:40px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50px;z-index:1000}.menu h2{font-size:15px;font-weight:500;line-height:50px;text-transform:uppercase}.menu ul{display:flex;flex-direction:column;gap:30px;list-style:none;padding:0}.menu ul h2{background-color:#ff8c00;border-radius:30px;margin:0;opacity:0;padding:0 55px 0 30px;position:absolute;right:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all .3s;width:auto;z-index:1}.menu ul li{background-color:#252525;border-radius:50%;height:50px;width:100%}.menu ul li:has(.active){background-color:#ff8c00}.menu ul li a{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;position:relative;text-decoration:none;transition:all .3s;width:100%}.menu ul li:hover{background-color:#ff8c00}.menu ul li:hover h2{cursor:pointer!important;opacity:1;padding:0 55px 0 30px;-webkit-transform:scaleX(1);transform:scaleX(1)}.menu ul li svg{height:50%;width:50%;z-index:10}@media(max-width:991px){.menu{align-items:center;background:#252525;bottom:0;display:flex;height:60px;justify-content:center;left:0;top:inherit;-webkit-transform:translateY(0);transform:translateY(0);width:100%}.menu ul{flex-direction:row;justify-content:space-around;margin:0;width:100%}.menu ul li{background:#444!important;height:40px;width:40px}.menu ul li:has(.active){background-color:#ff8c00!important}.menu ul li:hover{background-color:#ff8c00}.menu ul li:hover h2{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}*{cursor:none}.cursor-dot,.cursor-dot-outline{border-radius:50%;left:50%;opacity:1;pointer-events:none;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:2000}.cursor-dot{background-color:#ff8c00;height:8px;width:8px}.cursor-dot-outline{background-color:rgba(255,140,0,.361);height:40px;width:40px}body:has(.menu:hover) .cursor-dot,body:has(.menu:hover) .cursor-dot-outline{opacity:0!important}body:has(.menu:hover) .menu,body:has(.menu:hover) .menu a,body:has(.menu:hover) .menu h2,body:has(.menu:hover) .menu li,body:has(.menu:hover) .menu svg,body:has(.menu:hover) .menu use{cursor:pointer!important}body:has(.project_tabs:hover) .cursor-dot,body:has(.project_tabs:hover) .cursor-dot-outline{opacity:0!important}body:has(.project_tabs:hover) .project_tabs,body:has(.project_tabs:hover) .project_tabs button{cursor:pointer!important}@media(hover:none){.cursor-dot,.cursor-dot-outline{display:none}}.works.done{margin:0 auto 120px}.works{margin:120px auto;position:relative;transition:all 1.6s ease-out;width:70vw}.works .project_tabs{display:flex;gap:12px;justify-content:center;margin:0 auto 34px}.works .project_tabs button{background:transparent;border:1px solid #ff8c00;border-radius:24px;color:#fff;cursor:pointer;font:inherit;font-size:15px;min-height:44px;padding:0 24px;text-transform:uppercase;transition:background-color .25s,color .25s}.works .project_tabs button.active,.works .project_tabs button:hover{background:#ff8c00;color:#111}.works .wrapper{background:rgba(0,0,0,.8);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:100}.works .portfolio{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center}.works .portfolio .info.active{opacity:1;pointer-events:auto;visibility:visible}.works .portfolio .info{align-items:center;background-color:#252525;border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;gap:30px;justify-content:center;left:50%;max-height:calc(100vh - 32px);opacity:0;overflow-x:hidden;overflow-y:auto;padding:1rem 2rem;pointer-events:none;position:fixed;scrollbar-width:none;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s ease-out;visibility:hidden;width:min(50vw,720px);z-index:150}.works .portfolio .info::-webkit-scrollbar{height:0;width:0}.works .portfolio .info .next,.works .portfolio .info .prev{height:40px;position:absolute;top:50%;width:40px}.works .portfolio .info .next svg,.works .portfolio .info .prev svg{height:100%;width:100%}.works .portfolio .info .next{right:-8%}.works .portfolio .info .next:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.works .portfolio .info .prev{left:-8%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.works .portfolio .info .prev:hover{-webkit-transform:rotate(180deg) scale(1.2);transform:rotate(180deg) scale(1.2)}.works .portfolio .info .close{border:0;border-radius:50%;height:40px;position:absolute;right:16px;top:16px;width:40px;z-index:150}.works .portfolio .info .close:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.works .portfolio .info .close span{background-color:#fff;display:block;height:4px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%}.works .portfolio .info .close span:first-child{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.works .portfolio .info .close span:nth-child(2){-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.works .portfolio .info h3{color:#ff8c00;font-size:33px;font-weight:700;margin:0;padding:10px 0 20px;text-align:center;text-transform:uppercase}.works .portfolio .info .desc{display:grid;font-family:Courier New,Courier,monospace;font-weight:bolder;grid-template-columns:1fr auto;width:100%}.works .portfolio .info .desc_item{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;margin:10px 0}.works .portfolio .info .desc_item h4{font-family:Secular One,sans-serif;font-size:17px;font-weight:lighter;margin:0;text-transform:capitalize}.works .portfolio .info .desc_item a{color:#ff8c00;text-decoration:none;text-transform:uppercase}.works .portfolio .info .desc svg{height:20px;width:20px}.works .portfolio .info .desc_img{max-height:260px;width:100%}.works .portfolio .info .desc_img img{border-radius:.5rem;height:auto;max-height:260px;object-fit:contain;width:100%}.works .portfolio .info .desc_placeholder{align-items:center;border:1px dashed rgba(255,140,0,.6);border-radius:.5rem;color:hsla(0,0%,100%,.6);display:flex;font-size:14px;justify-content:center;min-height:180px;text-align:center;text-transform:uppercase;width:100%}.works .portfolio .item{height:220px;position:relative;width:min(100%,380px)}.works .portfolio .item .cover{align-items:center;background-color:#bb5e36;border-radius:.5rem;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .45s ease-in-out;width:100%}.works .portfolio .item .cover:hover{opacity:1}.works .portfolio .item .cover:hover h3{-webkit-transform:translateY(0);transform:translateY(0)}.works .portfolio .item .cover h3{font-size:21px;font-weight:lighter;text-transform:uppercase;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all .3s ease-out}.works .portfolio .item img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}.works .portfolio .item .item_placeholder{align-items:center;background:linear-gradient(135deg,#252525,#171717);border-radius:.5rem;color:hsla(0,0%,100%,.5);display:flex;font-size:18px;height:100%;justify-content:center;text-transform:uppercase;width:100%}@media(max-width:1200px)and (min-width:992px){.works{width:90vw}}@media(max-width:991px)and (min-width:768px){.works{width:90vw}.works .portfolio{gap:20px}.works .portfolio .item{width:300px}.works .portfolio .info .desc_item{align-items:flex-start;font-size:13px;gap:5px}}@media(max-width:767px)and (min-width:576px){.works{width:90vw}.works .portfolio .item{width:100%}.works .portfolio .info{width:min(70vw,620px)}.works .portfolio .info .close{height:30px;right:10px;top:10px;width:30px}.works .portfolio .info .desc{grid-template-columns:1fr}.works .portfolio .info .desc_item{align-items:flex-start;gap:5px}}@media(max-width:575px){.works{margin-top:72px;width:calc(100vw - 32px)}.works .project_tabs{gap:8px;margin-bottom:24px}.works .project_tabs button{flex:1 1;font-size:12px;padding:0 10px}.works .portfolio .item{width:100%}.works .portfolio .info{gap:10px;width:calc(100vw - 32px)}.works .portfolio .info .prev{left:8px}.works .portfolio .info .next{right:8px}.works .portfolio .info h3{font-size:24px;padding:20px 0 10px}.works .portfolio .info .close{height:25px;right:10px;top:10px;width:25px}.works .portfolio .info .desc{grid-template-columns:1fr;overflow-wrap:anywhere}.works .portfolio .info .desc_item{align-items:flex-start;gap:5px}.works .portfolio .info .desc_item h4,.works .portfolio .info .desc_item span{font-size:15px}}.contact.done{margin:-60px auto 0}.contact{align-items:center;flex-direction:column;margin-top:0 auto;min-height:100vh;position:relative;transition:all .8s ease-in-out;width:90vw}.contact,.contact .content{display:flex;justify-content:center}.contact .content{align-items:flex-start;flex-direction:row;gap:60px;height:auto;margin-top:30px;width:100%}.contact .content .info{align-items:flex-start;display:flex;flex-direction:column;width:30%}.contact .content .info h3{font-size:24px;font-weight:lighter;letter-spacing:.5rem;margin:10px 0}.contact .content .info p{font-family:Times New Roman,Times,serif;font-size:19px;font-weight:500;margin-bottom:60px}.contact .content .info .item{align-items:flex-start;display:flex;flex-direction:row;gap:15px;justify-content:center;margin-bottom:30px}.contact .content .info .item h4{font-family:Times New Roman,Times,serif;font-size:17px;font-weight:bolder;margin:0;opacity:.6;text-transform:uppercase}.contact .content .info .item a,.contact .content .info .item h5{font-size:17px;font-weight:lighter;margin:0}.contact .content .info .item a{color:#fff;text-decoration:none}.contact .content .info .item svg{fill:#ff8c00;height:45px;width:45px}.contact .content .info .social{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:center}.contact .content .info .social a{align-items:center;background:#252525;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.contact .content .info .social a:hover{cursor:pointer!important}.contact .content .info .social a:hover svg{fill:#ff8c00;cursor:pointer!important}.contact .content .info .social a svg{fill:#fff;height:50%;width:50%}.contact .content .form{align-items:flex-start;display:flex;flex-direction:column;gap:30px;height:auto;justify-content:flex-start;width:30vw}.contact .content .form textarea{resize:vertical}.contact .content .form input{margin-top:10px;padding:11px 26px}.contact .content .form input,.contact .content .form textarea{background:#252525;border:1px solid #111;border-radius:30px;box-sizing:border-box;color:#fff;outline:none!important;width:100%}.contact .content .form textarea{height:200px;overflow:hidden;padding:12px 26px}.contact .content .form ::-webkit-input-placeholder{font-size:17px;text-transform:uppercase}.contact .content .form ::placeholder{font-size:17px;text-transform:uppercase}@media(max-width:1200px)and (min-width:992px){.contact .content{gap:30px}.contact .content .info{width:40%}}@media(max-width:991px)and (min-width:768px){.contact .content{gap:30px}.contact .content .info{width:40%}.contact .content .info .item{justify-content:flex-start}.contact .content .info .item .desc{word-wrap:break-word;width:70%}}@media(max-width:767px)and (min-width:576px){.contact{width:80vw}.contact .heading{margin-top:120px}.contact .content{flex-direction:column;gap:30px;margin-bottom:120px}.contact .content .info{width:90%}.contact .content .info .item{justify-content:flex-start}.contact .content .info .item .desc{word-wrap:break-word;width:70%}.contact .content .form{width:90%}}@media(max-width:575px){.contact{min-height:auto;padding:20px 0 80px;width:calc(100vw - 32px)}.contact .heading{margin-bottom:0;margin-top:120px}.contact .content{flex-direction:column;gap:24px;margin-bottom:120px;width:100%}.contact .content .info{width:100%}.contact .content .info h3{font-size:19px;letter-spacing:.3rem}.contact .content .info p{font-size:15px;line-height:1.55;margin-bottom:30px}.contact .content .info .item{gap:10px;justify-content:flex-start}.contact .content .info .item svg{height:30px;width:30px}.contact .content .info .item .desc{word-wrap:break-word;width:75%}.contact .content .info .item .desc h5{font-size:15px}.contact .content .form{gap:18px;width:100%}}.mailSent.success{-webkit-transform:translateX(0);transform:translateX(0)}.mailSent{align-items:center;background:#111;border-bottom:4px solid #252525;border-top:4px solid #252525;bottom:10%;box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3);box-sizing:border-box;display:flex;justify-content:center;min-height:60px;padding:10px 16px;position:absolute;right:16px;-webkit-transform:translateX(200%);transform:translateX(200%);transition:all .6s ease-in-out;width:min(280px,100vw - 32px);z-index:100}.mailSent .msg{color:#adff2f;font-family:Times New Roman,Times,serif;font-size:18px;font-weight:lighter;font-weight:600;letter-spacing:.08rem;line-height:1.2;margin:0;overflow-wrap:anywhere;text-align:center}
/*# sourceMappingURL=main.d15ef3da.css.map*/