@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;1,300;1,700&family=Poppins:ital,wght@0,400;0,600;0,700;1,300&display=swap");
/* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.flex{display:flex}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--white:#fff;--primary-color:#25252c;--secondary-color:#6fb72f;--normal:#191d23;--normal-2:#b8bdb5}*{margin:0;padding:0;outline:0;box-sizing:border-box;text-decoration:none;border:0;font-family:Barlow Condensed,sans-serif}html{scroll-behavior:smooth}body{background-color:#f2f5fa;overflow-x:hidden}.navbar{background:transparent;height:150px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;margin:0 60px}.navbar-logo{color:var(--primary-color);font-weight:800;justify-self:start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2rem;text-transform:uppercase}.fa-firstdraft{margin-left:.5rem;font-size:1.6rem}.nav-menu{display:flex;grid-gap:10px;list-style:none;text-align:center;width:100%;justify-content:end;margin-right:2rem}.nav-item{display:flex;align-items:center;height:80px}.nav-links{color:var(--primary-color);text-decoration:none;font-weight:400;padding:.5rem 1rem;font-size:18px;text-transform:uppercase}.nav-links.active,.nav-links:hover{color:var(--secondary-color)}.nav-links:hover{border-radius:4px;transition:all .2s ease-out}.fa-bars{color:var(--primary-color)}.menu-icon,.nav-links-mobile{display:none}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;height:90vh;position:absolute;top:80px;left:-100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:var(--normal);left:0;z-index:1}.nav-links{text-align:center;padding:2rem;width:100%;display:table;color:var(--white)}.nav-links:hover{background-color:#1888ff;color:var(--primary-color);border-radius:0}.navbar-logo{position:absolute;top:0;left:0;transform:translate(25%,50%)}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}.fa-times{color:var(--normal);font-size:2rem}.nav-links-mobile{display:block;text-align:center;padding:1.5rem;margin:2rem auto;border-radius:4px;width:80%;background:#1888ff;text-decoration:none;color:#fff;font-size:1.5rem}.nav-links-mobile:hover{background:#fff;color:#1888ff;transition:.25s}.nav-icons{display:flex;justify-content:center;align-items:center}.nav-icons svg{color:var(--secondary-color);margin:8px;font-size:10px;cursor:pointer}}.dropdown-menu{background:var(--primary-color);width:200px;position:absolute;top:80px;list-style:none;text-align:start}.dropdown-menu li{background:#0802022a;cursor:pointer}.dropdown-menu li:hover{background:#5cabff}.dropdown-menu.clicked{display:none}.dropdown-link{display:block;height:100%;width:100%;text-decoration:none;color:#fff;padding:16px}@media screen and (max-width:960px){.fa-caret-down{display:none}}.btn{padding:8px 20px;border-radius:4px;outline:none;border:none;font-size:18px;color:#fff;cursor:pointer;background-color:var(--primary)}.btn:hover{padding:6px 18px;background-color:transparent;color:#fff;border-radius:4px;border:2px solid var(--primary);transition:all .3s ease-out}.slider-container{height:100%;display:flex;align-items:center;justify-content:center;width:100%;padding:0 60px}.left-side{flex:1;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.left-side h2{font-size:20px;color:#0167da;margin-left:10px;margin-bottom:10px;text-transform:uppercase;line-height:1.5}.left-side h1{font-size:55px;font-weight:900;text-transform:uppercase;line-height:1.2;letter-spacing:2;color:#0d0d11d0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.left-side p{font-size:16px;color:var(--primary-color);margin:8px 5px;line-height:1.2}.left-side button{background-color:var(--secondary-color);padding:18px 60px;border-radius:5px;font-size:20px;color:var(--white);margin:10px 5px}.right-side{flex:1;overflow:hidden;height:80vh;width:130vw}.right-side img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slider-buttons{display:flex;justify-content:center;flex-direction:column;margin-top:20px}.slider-buttons button{margin:10px;padding:10px;border-radius:10px;font-size:25px;font-weight:900;color:var(--secondary-color);text-transform:uppercase;cursor:pointer}.mouse{position:absolute;top:90%;left:50%;transform:translate(-150%,-80%);color:red;font-size:30px}.mouse img{font-size:45px;width:45px;height:45px;color:var(--secondary-color);cursor:pointer;animation:updown 1.5s linear infinite}@keyframes updown{0%{transform:translateY(-15px)}50%{transform:translateY(0)}to{transform:translateY(-15px)}}@media (max-width:768px){.slider-container{height:auto;flex-direction:column;width:100%;padding:0 10px}.left-side{flex:100%;height:100%;width:100%}.left-side h1{font-size:25px}.right-side{flex:100%;width:100%;height:100%}.slider-buttons{margin-top:-20px;flex-direction:row}.left-side button{background-color:var(--secondary-color);padding:10px 30px;border-radius:5px;font-size:16px;color:var(--white);margin:10px 5px}.mouse{display:none}}.about{padding:10px 60px;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;height:80vh;background-color:#222a35;width:100%}.about .about-left{flex:1}.about .about-left h2{color:var(--white);font-size:20px;text-transform:uppercase;font-weight:500;margin-left:14px}.about .about-left h1{color:var(--white);font-size:60px;font-weight:900;line-height:1.2;text-transform:uppercase;position:relative;margin:10px 5px}.about .about-left h1:after{content:"";position:absolute;bottom:0;left:0;width:20%;height:2px;background-color:var(--secondary-color)}.about .about-left p{font-size:16px;font-weight:200;color:var(--white);line-height:1.4;margin-left:14px}.about .about-left button{margin:10px;padding:10px 60px;border-radius:10px;font-size:20px;font-weight:900;color:var(--secondary-color);background-color:transparent;border:2px solid var(--normal-2);cursor:pointer;text-transform:uppercase}.about-right{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.about-right .about-right-card{padding:10px;margin:14px;width:280px;height:100%}.about-right .img{height:100px;width:60px}.about-right-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin:10px}.about-right-card h1{font-size:18px;color:var(--white);font-weight:400;line-height:1.3;margin:5px 0;letter-spacing:2}.about-right-card h3{font-size:16px;font-weight:200;color:var(--white)}@media(max-width:1368px){.about{height:100%;width:100%;padding:10px}.about .about-left h2{font-size:20px}.about .about-left h1{font-size:40px}.about .about-left p{font-size:16px}}.team{padding:10px 60px;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;height:80vh;width:100%}.team-left{flex:1;position:relative}.team-left .img-2{position:absolute;left:40%;bottom:-30%;height:300px;width:400px}.team-right{flex:1}.team .team-right h2{font-size:20px;font-weight:500;margin-left:14px}.team .team-right h1,.team .team-right h2{color:var(--primary-color);text-transform:uppercase}.team .team-right h1{font-size:60px;font-weight:900;line-height:1.2;position:relative;margin:10px 5px}.team .team-right h1:after{content:"";position:absolute;bottom:0;left:0;width:20%;height:2px;background-color:var(--secondary-color)}.team .team-right p{font-size:16px;font-weight:200;color:var(--primary-color);line-height:1.4;margin-left:14px}.team-right .team-right-inner{display:flex;justify-content:center;align-items:center}.team-right .team-right-inner h1{font-size:20px;margin:10px}.team-right .team-right-inner img{margin-top:20px;height:60px}@media(max-width:768px){.team{height:auto;width:100%;padding:20px}.team-left{flex:100%;height:100%;width:100%;margin:10px}.team-left .img-1 img{height:100%!important;width:100%;display:block}.team-left .img-2{display:none}.team-right{flex:100%;margin:20px 5px}.team .team-right h2{font-size:18px}.team .team-right h1{font-size:30px}.team .team-right p{font-size:16px}}.projects{padding:30px 60px;height:auto;width:100%}.projects .projects-header{flex:1}.projects .projects-header h2{color:var(--primary-color);font-size:25px;text-transform:uppercase;font-weight:500;margin-left:10px}.projects .projects-header h1:after{content:"";position:absolute;bottom:0;left:0;width:10%;height:3px;background-color:var(--secondary-color);margin:-10px 0}.projects .projects-header p{font-size:16px;font-weight:200;color:var(--primary-color);line-height:1.4;margin-left:14px}.projectSection{margin-top:20px}.project-nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.filterButtons{display:flex;justify-content:center;flex-wrap:wrap;margin-top:20px}.filterButtons button{padding:8px 15px;margin:5px;cursor:pointer;border-radius:5px;background-color:#f2f2f2}.filterButtons .link{cursor:pointer;font-size:14px;margin-left:300px;margin-top:10px;color:var(--primary-color)}.imageGallery{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;margin:20px}.imageItem{border-radius:5px;overflow:hidden;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.1);height:300px;width:300px}.imageItem img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.load-more{margin:60px 30px 30px}.load-more,.load-more button{display:flex;justify-content:center;align-items:center;cursor:pointer;text-transform:uppercase}.load-more button{margin:10px;padding:15px 70px;border-radius:5px;font-size:20px;font-weight:900;color:var(--white);background-color:var(--secondary-color);border:2px solid var(--normal-2)}@media(max-width:768px){.projects{height:100%;width:100%}.projects .projects-header h2{font-size:18px}.projects .projects-header h1{font-size:40px!important}.project-nav{flex-direction:column}.filterButtons button{font-size:12px;padding:3px}.filterButtons .link{cursor:pointer;font-size:14px;margin-left:10px;margin-top:5px;color:var(--primary-color)}.imageGallery{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;margin:20px}.imageItem{height:100%;width:100%}.load-more{display:flex;justify-content:center;align-items:center;cursor:pointer;text-transform:uppercase;margin:20px 10px 10px}.load-more button{margin:10px;padding:8px 30px;border-radius:5px;font-size:14px;font-weight:400}}.client-says{padding:100px 60px}.client-says-header{display:flex;justify-content:space-around;align-items:center;color:var(--primary-color)}.client-says-header span{font-size:20px}.client-says-btn{margin:8px}.client-says-btn svg{font-size:20px}.client-says h1{margin:20px 0}.client-says-btn{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.client-says-btn button{margin:0 10px;padding:8px 15px;cursor:pointer;border:1px solid #ccc;border-radius:5px;background-color:#f2f2f2}.swiper-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media(max-width:768px){.client-says{padding:20px}.swiper-container{overflow:hidden;overflow-x:hidden}.swiper-container .swiper-wrapper{margin:10px;display:flex;justify-content:center;align-items:center}.client-says-header{flex-direction:column}}.testimonial{padding:50px 60px;width:100%}.testimonial-header{display:flex;justify-content:space-between}.testimonial-header h2{font-size:18px;color:#0167da;margin-bottom:10px;text-transform:uppercase;line-height:1.5}.testimonial-header h1{font-size:60px;font-weight:900;text-transform:uppercase;line-height:1.3;color:var(--primary-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative}.testimonial-header h1:after{content:"";position:absolute;bottom:0;left:0;width:20%;height:3px;background-color:var(--secondary-color);margin:-10px 0}.swiper-container-2 .swiper-wrapper{margin:50px}.swiper-container-2 .testimonial-content .testimonial-text{font-size:25px;font-weight:400}.swiper-container-2 .testimonial-content .client-name{font-size:20px;font-weight:600}.swiper-container-2 .testimonial-content .avatar{height:80px;width:80px;margin:20px}.swiper-container-2 .testimonial-content .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}@media(max-width:768px){.testimonial{padding:20px}.swiper-container-2{overflow-x:hidden}.testimonial-header{flex-direction:column}.testimonial-header h2{font-size:20px}.testimonial-header h1{font-size:25px}.swiper-container-2 .testimonial-content{width:100%}}.home-services{padding:50px;height:auto;background-color:#222a35;width:100%}.home-services.x2{padding:70px}.home-services-container{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.home-services-card{flex:0 0 calc(25% - 40px);margin:20px;padding:20px}.home-services-card .img{width:80px;height:80px}.home-services-card img{height:100%;width:100%}.home-services-card h2{font-size:20px;font-weight:400;padding:6px 0}.home-services-card h2,.home-services-card h3{letter-spacing:1.2;line-height:1.3;color:var(--white)}.home-services-card h3{font-size:14px;font-weight:100}@media(max-width:768px){.home-services{padding:20px}.home-services.x2{padding:30px}.home-services-container{flex-direction:column}}.block-2{margin:50px 10px;display:flex;justify-content:space-between;flex-direction:row}.home-services .block-2 h2{color:var(--white);font-size:20px;text-transform:uppercase;font-weight:500;margin-left:8px}.home-services .block-2 h1{color:var(--white);font-size:60px;font-weight:900;line-height:1.2;text-transform:uppercase;position:relative;margin:10px 5px}.home-services .block-2 h1:after{content:"";position:absolute;bottom:0;left:0;width:4%;height:2px;background-color:var(--secondary-color)}.home-services .block-2 p{font-size:16px;font-weight:200;color:var(--normal-2);line-height:1.4;margin-left:14px}.home-services .block-2 button{margin:10px;padding:10px 60px;border-radius:10px;font-size:20px;font-weight:900;color:var(--secondary-color);background-color:transparent;border:2px solid var(--normal-2);cursor:pointer;text-transform:uppercase}.block-2 .img{flex:50%;height:300px;width:400px}.block-2 .img img{width:100%;height:100%;cursor:pointer}@media(max-width:768px){.home-services .block-2{flex-direction:column;padding:20px;margin:2px}.home-services .block-2 h1{font-size:30px}.home-services .block-2 h2{font-size:18px}.home-services .block-2 p{font-size:14px}.home-services .block-2 button{padding:10px 30px;font-size:14px}.home-services .block-2 .img{margin:20px 0;width:100%;height:100%}}.pricing{padding:80px 60px}.pricing .pricing-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.pricing .pricing-container .pricing-content{flex:50%}.pricing .pricing-content h2{color:var(--primary-color);font-size:20px;text-transform:uppercase;font-weight:500;margin-left:8px}.pricing .pricing-content h1{color:var(--primary-color);font-size:60px;font-weight:900;line-height:1.2;text-transform:uppercase;position:relative;margin:10px 5px}.pricing .pricing-content h1:after{content:"";position:absolute;bottom:0;left:0;width:8%;height:2px;background-color:var(--secondary-color)}.pricing .pricing-content p{font-size:16px;font-weight:200;color:var(--normal);line-height:1.4;margin-left:14px}.pricing .pricing-content button{margin:10px;padding:10px 60px;border-radius:10px;font-size:20px;font-weight:900;color:var(--secondary-color);background-color:transparent;border:2px solid var(--normal-2);cursor:pointer;text-transform:uppercase}.pricing-right{flex:50%;display:flex;flex-wrap:wrap;justify-content:space-between}.pricing-card{flex:0 0 calc(50% - 40px);margin:20px;padding:20px;border-radius:10px;background-color:#fff;text-align:center}.pricing-card .price{font-size:50px}.pricing-card .icon{width:80px;height:80px;margin:0 auto 20px}.pricing-card .icon img{width:100%;height:100%}.pricing-card h3{color:var(--primary-color);font-size:24px;font-weight:900}.pricing-card p{font-size:16px;font-weight:500;color:var(--normal);line-height:1.4;margin-bottom:20px}.pricing-card button{margin-top:20px;padding:10px 40px;border-radius:10px;font-size:18px;font-weight:900;color:#fff;background-color:var(--primary-color);border:none;cursor:pointer;text-transform:uppercase}@media screen and (max-width:768px){.pricing-container{flex-direction:column;flex-wrap:wrap}.pricing .pricing-content h1{font-size:40px}.pricing-right{flex-direction:column;align-items:center}.pricing-card{flex:0 0 calc(100% - 40px)}.pricing .pricing-content button{margin:10px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:900;color:var(--secondary-color);background-color:transparent;border:2px solid var(--normal-2);cursor:pointer;text-transform:uppercase}}.news-section{padding:80px 50px}.news-header{text-align:center;margin-bottom:20px;font-size:25px}.news-header h2{font-size:50px;font-weight:600;color:var(--primary-color);position:relative;margin:20px 0}.news-header h2:after{content:"";position:absolute;bottom:0;left:45%;width:8%;height:2px;background-color:var(--secondary-color);margin:-10px}.news-container{display:flex;flex-wrap:wrap;justify-content:space-between}.news-card{flex:0 0 calc(33.33% - 20px);margin-bottom:20px;border-radius:5px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:#fff}.card-image{position:relative;cursor:pointer}.card-image img{width:100%;height:auto;transition:transform .3s ease}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.card-overlay span{font-size:48px;color:#fff}.news-card:hover .card-image img{transform:scale(1.1)}.news-card:hover .card-overlay{opacity:1}.card-content{padding:20px}.card-content h3{font-size:20px;font-weight:700;color:#333}.news-date{font-size:14px;color:#888;margin-bottom:10px}.card-content p{font-size:16px;color:#666}.load-more-btn{display:flex;justify-content:center;margin-top:20px}.load-more-btn button{padding:10px 20px;font-size:16px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer}@media screen and (max-width:768px){.news-container{flex-direction:column}.news-card{flex:0 0 calc(50% - 20px)}.news-header{font-size:14px}.news-header h2{font-size:35px}}.haveProject{padding:80px 50px;background-color:#0167da;color:var(--white);margin-bottom:0}.haveProjectContainer{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.haveProjectContainer h1{font-size:30px;color:var(--white);font-weight:700}.haveProjectContainer span{font-size:20px;font-weight:500}.haveProjectContainer svg{font-size:20px;color:#fff}@media(max-width:768px){.haveProjectContainer h1{margin:10px 0;font-size:20px;color:var(--white);font-weight:700}.haveProjectContainer span{margin:5px;font-size:14px;font-weight:500}.haveProjectContainer svg{font-size:14px;color:#fff}}.home-footer{background-color:#222a35;padding:50px;color:var(--white)}.footer-container{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}@media screen and (min-width:768px){.footer-container{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1200px){.footer-container{grid-template-columns:1fr 1fr 1fr 1fr}}.footer-left{display:flex;flex-direction:column}.footer-left p{margin:5px 0}.footer-contact li{margin-right:10px;font-size:16px;font-weight:400}.footer-middle .footer-icons li{font-size:16px;font-weight:400;padding:5px 8px;color:#0056b3;text-align:left}.footer-middle .footer-icons li a{color:var(--white);transition:all .5s linear}.footer-middle .footer-icons li a:hover{padding-left:5px}.footer-middle h1{font-size:24px;font-weight:400;text-align:left;position:relative}.footer-middle h1:before{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:10%;background-color:var(--secondary-color)}.footer-company{font-weight:700}.footer-middle{text-align:center}.footer-copyright .footer-icons{display:flex;align-items:center}.footer-icons i{font-size:24px;margin:0 10px;color:var(--secondary-color);cursor:pointer}.footer-icons i:hover{color:#0056b3}.footer-right{text-align:center}.footer-newsletter h4{margin-bottom:10px}.footer-newsletter form{display:flex;align-items:center}.footer-newsletter input{padding:8px;border:1px solid #ccc;border-radius:4px;margin-right:10px}.footer-newsletter button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.footer-divider{height:1px;background-color:#ddd;margin:20px 0}.footer-copyright{justify-content:space-around}.footer-copyright,.header_x{display:flex;align-items:center}.header_x{top:0;left:0;right:0;justify-content:space-between;padding:50px 120px;background:transparent;height:150px;width:100vw;z-index:1000!important;font-family:Popins}.head-main{background-image:url(/portfolio.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;height:400px;font-family:Popins;width:100%}.head-main .common-title{position:relative;top:30%;left:40%;transform:translateY(-50%);color:var(--white)}.head-main .common-title h1{font-size:65px;font-weight:800;text-transform:uppercase}.head-main .common-title span{font-size:30px;font-weight:500;text-align:center;margin-left:10px;text-transform:uppercase}@media (max-width:768px){.head-main{height:auto;width:100%}.head-main .common-title{position:relative;top:30%;left:0;margin:0 0 0 100px}.head-main .common-title h1{font-size:35px}.head-main .common-title span{font-size:20px}}.header_x .logo{color:var(--primary-color);font-weight:800;justify-self:start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2.4rem;text-transform:uppercase;font-family:Popins}.header_x .logo.x2{color:var(--white)}.header_x .nav_x .active{color:var(--secondary-color)}.header_x .nav_x ul li{float:left;position:relative;list-style:none}.header_x .nav_x ul li a{color:var(--primary-color);font-family:sans-serif;letter-spacing:2;margin:5px 15px;font-size:16px;display:block;text-transform:uppercase;font-weight:600;transition:all .2s linear}.header_x .nav_x.xx-2 ul li a{color:var(--white);letter-spacing:2}.nav_x.xx-2 .active-2{color:var(--secondary-color)!important}.header_x .nav_x ul li a:hover,.header_x .nav_x ul li ul{color:var(--secondary-color)}.header_x .nav_x ul li ul{position:absolute;left:0;width:200px;background:var(--normal);display:none;padding:4px;z-index:1111}.header_x .nav_x ul li ul li{width:100%}.header_x .nav_x ul li ul li a{font-size:16px;color:var(--normal-2)}.header_x .nav_x ul li ul li ul{left:180px;top:0}.header_x .nav_x ul li:focus-within>ul,.header_x .nav_x ul li:hover>ul{display:inline}#menu-bar{display:none}label .x2{color:var(--white)!important}.header_x label{font-size:20px;color:var(--primary-color);display:none}@media (max-width:991px){.header_x{padding:20px}.header_x label{display:initial}.header_x .nav_x{position:absolute;top:180px;left:0;right:0;background-color:var(--white);border-top:1px solid #07ce11;display:none;z-index:1000;transition:all .5s ease}.header_x .nav_x.xx-2{background-color:var(--primary-color)!important}.header_x .nav_x ul li{width:100%}.header_x .nav_x ul li ul{position:relative;width:100%}.header_x .nav_x ul li ul li{background-color:var(--white)}.header_x .nav_x.xx-2 ul li ul li{background-color:var(--primary-color)!important}.header_x .nav_x ul li ul li ul{width:100%;left:0}#menu-bar:checked~.nav_x{display:inline}}.projects.x2{display:flex;justify-content:center;align-items:center}.projects.x2 .projects-header h2{color:var(--primary-color);font-size:25px;text-transform:uppercase;font-weight:500;margin-left:10px}.projects .projects-header h1{color:var(--primary-color);font-size:60px;font-weight:900;line-height:1.2;text-transform:uppercase;position:relative;margin:10px 5px}.projects.x2 .projects-header h1:after{content:"";position:absolute;bottom:0;left:0;width:10%;height:3px;background-color:var(--secondary-color);margin:-10px 0}.projects.x2 .projects-header p{font-size:16px;font-weight:200;color:var(--primary-color);line-height:1.4;margin-left:14px}.projectSection.x2{padding:40px 60px;height:auto;width:100%}.projectSection.x2 .project-nav.x2{display:flex;justify-content:center;align-items:center}@media(max-width:768px){.projectSection.x2{padding:10px}.projects.x2 .projects-header h2{font-size:18px;text-transform:uppercase;font-weight:400;margin-left:5px}.projects.x2 .projects-header h1{font-size:30px;font-weight:600;line-height:1.2;text-transform:uppercase;position:relative;margin:10px 5px}.projects.x2 .projects-header h1:after{content:"";position:absolute;bottom:0;left:0;width:10%;height:3px;background-color:var(--secondary-color);margin:-10px 0}.projects.x2 .projects-header p{font-size:12px;font-weight:200;color:var(--primary-color);line-height:1.4;margin-left:8px}}.linkText{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.8);padding:8px;color:#fff;font-size:14px;text-align:center;opacity:0;pointer-events:none}.imageItem:hover .linkText{opacity:1}.contact-card-container,.contact-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:2rem 0}.contact-card-container{align-items:center;padding:50px;width:100%}.contact-card{flex:1;background-color:#f0f0f0b0;display:flex;justify-content:center;align-items:start;flex-direction:column;gap:30px;padding:6rem;text-align:center;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);height:400px;cursor:pointer}.contact-card:hover>svg{transform:scale(1.5)}.contact-card:hover>img{transform:scale(1.1)}.contact-card svg{color:var(--secondary-color);font-size:36px;transition:all .1s ease}.contact-card h1{font-size:30px;font-weight:800;letter-spacing:1.8;font-family:Popins}.contact-card h1:hover{color:var(--secondary-color)}.contact-card p{font-size:18px;font-weight:300;letter-spacing:2px}.contact-section{text-align:center;margin:2rem auto;max-width:800px;padding:4rem 2rem}.contact-section p{font-size:18px;margin-bottom:1rem}.contact-section h2,.contact-section p{font-weight:700;color:var(--primary-color)}.contact-section h2{font-size:45px;margin-bottom:2rem;position:relative}.contact-section h2:after{content:"";position:absolute;bottom:0;left:25%;width:15%;height:2px;background-color:var(--secondary-color);margin:-10px 0}.contact-form{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}.contact-input-group{flex:1;margin:.5rem;display:flex}.contact-input-group input,.contact-input-group textarea,.contact-input-group.x2 input{width:100%;padding:1rem;border:1px solid #ccc;border-radius:4px;margin:10px}.contact-input-group.x2{flex:1;margin:.5rem}.contact-input-group.x2 input{padding:2rem}.contact-submit-btn{margin:10px;padding:10px 60px;border-radius:10px;font-size:14px;font-weight:900;color:var(--normal);background-color:transparent;border:1px solid #ccc;cursor:pointer;text-transform:uppercase}@media screen and (max-width:768px){.contact-card-container{flex-direction:column;padding:20px}.contact-card{padding:1.5rem;height:auto;width:100%}.contact-card svg{font-size:25px}.contact-card h1{font-size:30px}.contact-section{margin-top:1rem;padding:.5rem}.contact-form{flex-direction:column;align-items:center;padding:50px}.contact-input-group{flex-basis:100%;width:100%}.contact-input-group input{padding:.5rem}.contact-input-group.x2 input{padding:1rem}.contact-submit-btn{margin-top:.3rem;padding:10px 1.5rem}}@media screen and (min-width:769px){.contact-card-container{padding:50px}}.progress_container{display:flex;flex-direction:column;width:100%}.progress_container h3{margin:5px 0;font-size:20px;font-weight:400}.video-container{position:relative;width:100%;height:100vh;overflow:hidden}#background-video{-o-object-fit:cover;object-fit:cover}#background-video,.video-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%}.video-container .overlay{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.video-container .overlay h1{font-size:75px;font-weight:800;text-align:center;max-width:80%;line-height:1.5}#play-pause-button{background-color:transparent;border:none;padding:1rem;cursor:pointer;font-size:2rem;color:#fff;display:flex;justify-content:center;align-items:center}#background-video:not([paused])+.overlay #play-pause-button .play-icon,.pause-icon{display:none}#background-video[paused]+.overlay #play-pause-button .pause-icon{display:inline}#play-pause-button{background-color:#fff;padding:30px;border-radius:50%}#play-pause-button svg{color:var(--secondary-color)}@media(max-width:768px){.overlay h1{font-size:35px!important;font-weight:400;text-align:center;max-width:80%;line-height:1.5}}.counter{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.counter .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;max-width:1200px;width:100%}.counter .item{flex:1;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:20px;border-radius:10px}.counter .item h2{font-size:65px;font-weight:600;color:var(--secondary-color)}.counter .item:nth-child(3){margin-top:-150px}.counter .item:nth-child(2),.counter .item:nth-child(4){margin-top:400px}@media (max-width:767px){.counter .container{flex-direction:column;align-items:center}.counter .item:nth-child(2),.counter .item:nth-child(3),.counter .item:nth-child(4){margin-top:0}}.faq-container{max-width:800px;margin:0 auto;padding:20px}.faq-container .flex{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:30px}.faq-header{font-size:24px;font-weight:700;text-align:center;margin-bottom:20px}.faq-item{width:45%;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .3s ease;background-color:#c9cbcf7e;color:var(--secondary-color);margin:10px;text-transform:uppercase}.faq-item:hover{background-color:#222a35}.faq-item:hover>.faq-answer,.faq-item:hover>.faq-question,.faq-item:hover>.faq-question svg{color:var(--secondary-color)}.faq-question{padding:10px 20px;margin:0;display:flex}.faq-question,.faq-question svg{font-size:25px;color:var(--primary-color)}.faq-question svg{margin:0 10px}.faq-answer{font-size:16px;padding:10px 20px;display:none;color:var(--primary-color)}.faq-item.open .faq-answer{display:block}.testimonial-header.x3 h2{font-size:25px!important}.testimonial-header.x3 h1{font-size:45px!important}@media screen and (max-width:768px){.faq-container{padding:10px}.faq-header{font-size:20px}.faq-question{font-size:16px}.faq-item{width:100%}}.team-right .buttons{display:flex;padding:10px}.team-right .buttons button{padding:6px 10px;background-color:#ccc;font-size:14px;margin:4px;border-radius:4px}.team-right .buttons button:hover{background-color:var(--secondary-color)}.ourserv .contact-card-containerx{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0;padding:50px;width:100%}.ourserv .contact-cardx{flex:30%;background-color:#f0f0f0b0;display:flex;justify-content:center;align-items:start;flex-direction:column;gap:30px;padding:3rem;text-align:center;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);height:400px;cursor:pointer}.ourserv .contact-cardx img{display:block;float:left}.ourserv .contact-cardx:hover>img{transform:scale(1.1)}.ourserv .contact-cardx h1{text-align:left;font-size:30px;font-weight:800;letter-spacing:1.8;font-family:Popins}.ourserv .contact-cardx h1:hover{color:var(--secondary-color)}.ourserv .contact-cardx p{text-align:left;font-size:18px;font-weight:300;letter-spacing:2px}@media screen and (max-width:768px){.contact-card-containerx{flex-direction:column;padding:3px}.contact-cardx{padding:.5 .3rem;height:auto;width:100%}.contact-cardx svg{font-size:25px}.contact-cardx h1{font-size:30px}.contact-cardx p{font-size:12px}}