.home{color:#fff;justify-content:space-between;align-items:center;gap:2rem;width:100vw;height:90vh;padding:10px 100px;display:flex;position:relative;overflow:hidden}@media (max-width:1200px){.home{padding:30px 75px}}@media (max-width:992px){.home{padding:30px}}@media (max-width:639px){.home{height:80vh}}.home .bg{z-index:-1;background-color:#000;width:100vw;height:100%;position:absolute;top:0;left:0}.home .bg .img{opacity:.7;object-fit:cover;object-position:bottom}.home .container{justify-content:space-between;align-items:center;gap:2rem;display:flex}.home .container .content{flex-direction:column;align-items:start;gap:2rem;width:100%;display:flex}.home .container .content h1{letter-spacing:7px;text-transform:capitalize;text-shadow:2px 2px 5px #000;font-size:60px;font-weight:500}@media (max-width:992px){.home .container .content h1{font-size:50px}}@media (max-width:800px){.home .container .content h1{font-size:45px}}@media (max-width:639px){.home .container .content h1{width:100%;font-size:30px;font-weight:500}}.home .container .content button{color:#fff;background-color:orange;border-radius:10px;padding:8px 15px;font-size:20px;font-weight:600}.home .container .changeSlide{opacity:.5;background-color:#000;border-radius:50%;padding:10px}@media (max-width:639px){.home .container .changeSlide{display:none}}.home .container .changeSlide .icon{font-size:25px}.home .indicators{z-index:5;position:absolute;top:95%;left:50%;transform:translate(-50%)}.home .indicators button{cursor:pointer;opacity:.5;background-color:#fff;border:2px solid #fff;border-radius:50px;width:13px;height:13px;margin:0 5px;transition:all .5s}.home .indicators button.active{background-color:#000;border:2px solid #fff}
.about{padding:10px 100px}@media (max-width:1200px){.about{padding:30px 75px}}@media (max-width:992px){.about{padding:30px}}.about{gap:2rem;padding-top:80px;display:flex}@media (max-width:800px){.about{flex-direction:column}}.about .left{background-color:orange;flex:1;display:flex}@media (max-width:800px){.about .left{display:none}}.about .left img{object-fit:cover;width:100%;height:100%}.about .right{flex-direction:column;flex:1.5;gap:1rem;display:flex}.about .right h5{color:#000000a6;text-transform:capitalize;font-size:20px;font-weight:700}@media (max-width:992px){.about .right h5{font-size:19px}}@media (max-width:800px){.about .right h5{font-size:18px}}@media (max-width:639px){.about .right h5{font-size:16px}}.about .right h1{text-transform:capitalize;font-size:45px;font-weight:900}@media (max-width:992px){.about .right h1{font-size:40px}}@media (max-width:800px){.about .right h1{font-size:35px}}@media (max-width:639px){.about .right h1{font-size:30px}}.about .right p{color:#000000bf}.about .right .box{flex-direction:column;gap:2rem;display:flex}.about .right .box .btns{gap:2rem;display:flex}.about .right .box .btns button{text-transform:capitalize;font-size:20px;font-weight:500;position:relative}.about .right .box .btns button.active{font-weight:700}.about .right .box .btns button.active:after{content:"";background-color:#00000074;border-radius:10px;width:100%;height:3px;position:absolute;top:100%;left:0}.about .right .box .container{gap:1rem;display:flex}@media (max-width:992px){.about .right .box .container{flex-direction:column}}.about .right .box .container .content{flex-direction:column;flex:1;gap:2rem;display:flex}@media (max-width:1200px){.about .right .box .container .content{flex:1.5}}.about .right .box .container .content div{flex-direction:column;gap:.5rem;display:flex}.about .right .box .container .content div span{font-weight:700}.about .right .box .container .imgbox{flex:1}.about .right .box .container .imgbox img{object-fit:cover;width:100%;height:100%}@media (max-width:800px){.about .right .box .container .imgbox img{height:200px}}
.services{width:100%;margin:0 auto;padding:10px 100px}@media (max-width:1200px){.services{padding:30px 75px}}@media (max-width:992px){.services{padding:30px}}.services{flex-direction:column;align-items:center;gap:3rem;padding-top:80px;padding-bottom:80px;display:flex}@media (max-width:768px){.services{gap:2rem;padding-top:60px;padding-bottom:60px}}.services__header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.services__subtitle{letter-spacing:3px;text-transform:uppercase;color:#adff2f;font-size:.875rem;font-weight:500;position:relative}.services__subtitle:before,.services__subtitle:after{content:"";background:#adff2f;width:40px;height:1px;position:absolute;top:50%}@media (max-width:480px){.services__subtitle:before,.services__subtitle:after{width:24px}}.services__subtitle:before{right:calc(100% + 16px)}.services__subtitle:after{left:calc(100% + 16px)}.services__title{color:#272c35;font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.2}.services__container{align-items:center;gap:2rem;width:100%;max-width:100%;display:flex}@media (max-width:768px){.services__container{gap:0}}.services__nav-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}@media (max-width:768px){.services__nav-btn{display:none}}.services__nav-btn:hover:not(:disabled){transform:scale(1.1)}.services__nav-btn:active:not(:disabled){transform:scale(.95)}.services__nav-btn:disabled{opacity:.3;cursor:not-allowed}.services__nav-btn-circle{border:2px solid #272c35;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.services__nav-btn-circle:hover{background:#272c350d;border-color:#adff2f}.services__nav-btn-icon{color:#272c35;font-size:1.25rem;transition:color .3s}.services__nav-btn:hover:not(:disabled) .services__nav-btn-icon{color:#adff2f}.services__carousel{cursor:grab;touch-action:pan-y pinch-zoom;flex:1;position:relative;overflow:hidden}.services__carousel:active{cursor:grabbing}@media (max-width:768px){.services__carousel{width:100%}}.services__track{will-change:transform;gap:1.5rem;transition:transform .5s cubic-bezier(.25,.46,.45,.94);display:flex}.services__track.is-dragging{cursor:grabbing;transition:none}@media (max-width:768px){.services__track{gap:1rem}}.services__card{flex-direction:column;flex-shrink:0;gap:1rem;width:calc(25% - 1.125rem);transition:transform .3s;display:flex}@media (max-width:1200px){.services__card{width:calc(33.333% - 1rem)}}@media (max-width:1024px){.services__card{width:calc(50% - .75rem)}}@media (max-width:768px){.services__card{width:calc(50% - .5rem)}}@media (max-width:480px){.services__card{width:100%}}.services__card:hover{transform:translateY(-4px)}.services__card-image{background:#303a50;border-radius:12px;height:280px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px -4px #0000001f}@media (max-width:768px){.services__card-image{border-radius:10px;height:220px}}@media (max-width:480px){.services__card-image{height:260px}}.services__card-image:hover{box-shadow:0 12px 32px -8px #0003}.services__card-image img{object-fit:cover;width:100%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1)}.services__card-image:hover img{opacity:.75;transform:scale(1.08)}.services__card-btn{color:#fff;letter-spacing:.5px;cursor:pointer;opacity:0;pointer-events:none;white-space:nowrap;background:gray;border:none;border-radius:8px;padding:14px 28px;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.services__card-btn:hover{color:#000;background:#adff2f;transform:translate(-50%,-50%)scale(1.05)}.services__card-image:hover .services__card-btn{opacity:1;pointer-events:auto}@media (max-width:768px){.services__card-btn{padding:12px 20px;font-size:.8rem}}.services__card-title{letter-spacing:1px;color:#272c35bf;padding:0 4px;font-size:1.125rem;font-weight:600;transition:color .3s}@media (max-width:768px){.services__card-title{font-size:1rem}}.services__card:hover .services__card-title{color:#272c35}.services__dots{gap:10px;margin-top:1rem;display:flex}.services__dot{cursor:pointer;background:#b9bdc6;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.services__dot:hover{background:#272c3580;transform:scale(1.2)}.services__dot--active{background:#adff2f;border-radius:5px;width:28px}.services__drag-hint{color:#676f7e;align-items:center;gap:8px;margin-top:-.5rem;font-size:.8rem;display:none}@media (max-width:768px){.services__drag-hint{display:flex}}.services__drag-hint svg{animation:1.5s ease-in-out infinite swipe}.services-modal{z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}@media (max-width:480px){.services-modal{align-items:center;padding:.5rem}}.services-modal__content{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:98vh;animation:.3s forwards modalSlideUp;display:flex;position:relative;overflow:hidden auto}@media (max-width:480px){.services-modal__content{border-radius:12px;max-height:80vh}}.services-modal__close{cursor:pointer;z-index:10;background:#adff2f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 12px #0000001a}.services-modal__close:hover{color:#fff;background:gray;transform:rotate(90deg)}@media (max-width:480px){.services-modal__close{width:32px;height:32px;font-size:1.5rem;top:.75rem;right:.75rem}}.services-modal__image-wrapper{cursor:grab;touch-action:pan-y pinch-zoom;flex-shrink:0;width:100%;height:400px;position:relative;overflow:hidden}@media (max-width:768px){.services-modal__image-wrapper{height:300px}}@media (max-width:480px){.services-modal__image-wrapper{height:25vh}}.services-modal__image-wrapper:active{cursor:grabbing}.services-modal__track{will-change:transform;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94);display:flex}.services-modal__track.is-dragging{transition:none}.services-modal__slide{flex-shrink:0;min-width:100%;height:100%}.services-modal__slide img{object-fit:cover;pointer-events:none;width:100%;height:100%}@media (max-width:480px){.services-modal__slide img{object-fit:contain}}.services-modal__info{padding:2rem}@media (max-width:480px){.services-modal__info{padding:1.25rem}}.services-modal__info h3{color:#272c35;margin-bottom:1rem;font-size:2rem;font-weight:600}@media (max-width:480px){.services-modal__info h3{margin-bottom:.75rem;font-size:1.5rem}}.services-modal__info p{color:#676f7e;font-size:1rem;line-height:1.6}@media (max-width:480px){.services-modal__info p{font-size:.9375rem}}.services-modal__info .btngrp{gap:1rem;margin:20px 0;display:flex}@media (max-width:480px){.services-modal__info .btngrp{flex-direction:column;gap:.75rem;margin:1.5rem 0 .5rem}}.services-modal__info .btngrp button{cursor:pointer;background-color:#adff2f;border:none;border-radius:5px;padding:10px 20px;font-weight:600;transition:all .3s}@media (max-width:480px){.services-modal__info .btngrp button{width:100%;padding:12px}}.services-modal__info .btngrp button:hover{color:#fff;background-color:gray}.services-modal__info .btngrp button a{color:inherit;width:100%;height:100%;text-decoration:none;display:block}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes swipe{0%,to{transform:translate(0)}50%{transform:translate(8px)}}
.contact{flex-direction:column;gap:2rem;padding:80px 0;display:flex}.contact .head{flex-direction:column;justify-content:center;align-items:center;padding:10px 100px;display:flex}@media (max-width:1200px){.contact .head{padding:30px 75px}}@media (max-width:992px){.contact .head{padding:30px}}.contact .head{text-align:center}.contact .head p{color:#000000a6;text-transform:capitalize;font-size:20px;font-weight:700}@media (max-width:992px){.contact .head p{font-size:19px}}@media (max-width:800px){.contact .head p{font-size:18px}}@media (max-width:639px){.contact .head p{font-size:16px}}.contact .head h2{text-transform:capitalize;font-size:45px;font-weight:900}@media (max-width:992px){.contact .head h2{font-size:40px}}@media (max-width:800px){.contact .head h2{font-size:35px}}@media (max-width:639px){.contact .head h2{font-size:30px}}.contact .connect{display:flex}@media (max-width:800px){.contact .connect{flex-direction:column}}.contact .connect .left{flex:1}@media (max-width:800px){.contact .connect .left{aspect-ratio:4/3}}.contact .connect .left iframe{width:100%;height:100%}.contact .connect .right{padding:40px 100px}@media (max-width:992px){.contact .connect .right{padding:40px 80px}}@media (max-width:800px){.contact .connect .right{padding:40px 60px}}@media (max-width:639px){.contact .connect .right{padding:40px}}.contact .connect .right{color:#fff;background-color:#000;flex-direction:column;flex:1;justify-content:center;gap:2rem;display:flex}.contact .connect .right h1{text-align:center;font-size:40px;font-weight:700}.contact .connect .right .input{flex-direction:column;flex:1;gap:.25rem;display:flex;position:relative}.contact .connect .right .input .error-message{color:#ff4d4d;margin-top:5px;font-size:14px}.contact .connect .right .input .clear-btn{cursor:pointer;color:#ffffffb3;font-size:20px;transition:color .3s;position:absolute;top:40%;right:0}.contact .connect .right .input .clear-btn:hover{color:#fff}.contact .connect .right .error-message{color:#ff4d4d;font-size:14px}.contact .connect .right input,.contact .connect .right textarea{color:#fff;background-color:#0000;border-bottom:2px solid #ffffff92;outline:none;width:auto;padding:5px 25px 5px 5px;font-size:18px}.contact .connect .right input::placeholder,.contact .connect .right textarea::placeholder{font-size:18px}.contact .connect .right input:-webkit-autofill{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}.contact .connect .right input:-webkit-autofill:hover{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}.contact .connect .right input:-webkit-autofill:focus{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}.contact .connect .right input:-webkit-autofill:active{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}.contact .connect .right textarea:-webkit-autofill{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}.contact .connect .right textarea:-webkit-autofill:hover{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}.contact .connect .right textarea:-webkit-autofill:focus{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}.contact .connect .right textarea:-webkit-autofill:active{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}.contact .connect .right textarea{resize:none;min-height:40px;overflow:hidden}.contact .connect .right input::selection{background-color:#0000}.contact .connect .right .phn{flex:1;align-items:center;gap:.2rem;display:flex}.contact .connect .right .phn span{min-width:80px}.contact .connect .right .phn .input-wrapper{flex:1}.contact .connect .right .phn .input-wrapper .clear-btn{cursor:pointer;color:#ffffffb3;font-size:20px;transition:color .3s;position:absolute;top:40%;right:0}.contact .connect .right .phn .input-wrapper .clear-btn:hover{color:#fff}.contact .connect .right .phn .input-wrapper input{width:100%}.contact .connect .right .consent{align-items:center;gap:1rem;display:flex}.contact .connect .right .consent input{transform:scale(1.5)}.contact .connect .right .buttons{gap:2rem;display:flex}.contact .connect .right .buttons button{color:#fff;background-color:#1cc21c;border-radius:10px;padding:8px 15px;font-size:18px}
.gallery{flex-direction:column;display:flex}.gallery p{color:#000000a6;text-transform:capitalize;font-size:20px;font-weight:700}@media (max-width:992px){.gallery p{font-size:19px}}@media (max-width:800px){.gallery p{font-size:18px}}@media (max-width:639px){.gallery p{font-size:16px}}.gallery p{text-align:center}.gallery h2{text-transform:capitalize;font-size:45px;font-weight:900}@media (max-width:992px){.gallery h2{font-size:40px}}@media (max-width:800px){.gallery h2{font-size:35px}}@media (max-width:639px){.gallery h2{font-size:30px}}.gallery h2{text-align:center;padding-bottom:50px}.gallery .changeSlide{gap:2rem;display:flex}@media (max-width:639px){.gallery .changeSlide{display:none}}
