@charset "utf-8";
/* CSS Document */

/* CSS Document © 2025 ENVINTO */

::-moz-selection{ background:#7b7d7f; color:var(--global); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--global); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family: "Inter", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#ffffff; background: #000000; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden; overflow-y: scroll; scroll-behavior: smooth;}
:root { --primary: #349BEF; --secondary:#000000; --global: #ffffff;}
a { text-decoration:none; transition:all 0.25s ease-out 0s; outline: none; box-shadow: none;}
a:hover{text-decoration: none;}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ font-family: "Inter", sans-serif;}
p, p span { font-family: "Inter", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:var(--secondary);
}
::-moz-placeholder { 
  color:var(--secondary);
}
:-ms-input-placeholder {
  color:var(--secondary);
}
:-moz-placeholder {
  color:var(--secondary);
}

section, header, footer {width: 100%; float: left;}

img{max-width: 100%; display: block;}

strong{font-weight: bold;}

.container{max-width: 1320px; margin: 0 auto;padding: 0px 15px;width: 95%;}


strong{font-weight: bold;}


.error-page-section {background: var(--primary);}
.error-page-row {max-width: 800px; margin: 50px auto;}
.error-page-col1 h1 {font-size: 40px;color: #000;}
.error-page-col1 h2 {font-size: 40px;font-weight: 800;margin: 0 0 20px;color: #000;}
.error-page-col1 p {font-size: 16px;font-weight: 600;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-form { width: 100%; display: flex; align-items: center;}
.search-form input {width: 197px;height: 45px;border: 1px solid #000;margin: 0 7px 0 0;padding: 0 10px;color: #000;outline: none;box-shadow: none;display: inline-block;border-radius: 80px;}
.search-form .search-submit {width: auto;height: 45px;display: inline-block;padding: 0 25px;color: #ffff;border: 1px solid #000;background: #000;transition all 0.25s ease-in-out;border-radius: 80px;}
.search-form .search-submit .screen-reader-text { position: relative !important;  display: block;  height: auto;  width: auto;  color: #ffff;  clip-path: none;  transition: all 0.25s ease-in-out;}
.search-form .search-submit:hover { color: #000; background: none;}
.search-form .search-submit:hover .screen-reader-text { color: #000;}
.search-form input::placeholder { color: #000;}
.search-page-section {padding: 80px 0px;background: #ffff;}
.search-page-row {  max-width: 1320px;  margin: 0 auto;}
.search-page-row .page-header .page-title {font-size: 40px;margin: 0 0 35px;display: flex;color: #000;font-weight: 500;}
.search-page-card {  margin: 0 0 50px;}
.search-page-content { padding: 0; max-width: inherit;  width: 100%;  text-align: left;  flex: 1 0 0;}
.search-page-content h3 {font-size: 32px;color: #000;font-weight: 500;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid var(--primary);}
.search-page-content p {font-size: 16px;font-weight: 500;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-btn1 {padding: 12px 24px;background-color: #000;border-radius: 80px;color: #ffffff;border: 1px solid #000;transition: 0.3s all ease-in-out;font-size: 16px;font-weight: 400;display: inline-block;margin: 10px auto 0;}
.search-btn1:hover {background-color: #ffffff;color: #000;}



.defualt-page-section {padding: 60px 0; background: #fff;}
.content-wrap h2 { font-size: 46px; font-weight: 500; color: var(--primary); margin: 0 0 20px;}
.content-wrap p { font-size: 16px; color: var(--secondary); line-height: 1.56; margin: 0 0 20px;}
.content-wrap ul {width: 100%; margin: 0 0 20px;}
.content-wrap ul li { font-size: 16px; line-height: 1.56; color: var(--primary); padding-left: 10px; position: relative;}
.content-wrap ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.content-wrap ol { width: 100%;float: none; counter-reset: my-awesome-counter; margin: 0 auto 28px;position: relative;}
.content-wrap ol li {font-size: 16px; line-height: 1.56; color: var(--primary); padding-left: 20px;position: relative;counter-increment: step-counter;}
.content-wrap ol li:before { content: counter(step-counter) '.'; margin-right: 0px; position: absolute; left: -4px; top: 0;}
.content-wrap p a, .content-wrap ul li a, .content-wrap ol li a{color:var(--primary);}
.content-wrap p a:hover, .content-wrap ul li a:hover, .content-wrap ol li a:hover{color: #000000;}



.whatsup-icon { position: fixed; bottom: 50px; right: 10px; z-index: 9999;background: #fff;padding: 15px;border-radius: 11px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.whatsup-icon img { width: 50px; height: 50px; }
.whatsup-icon  h3{font-size: 12px;text-align: center;color: var(--primary);margin: 0 0 10px;}



.slick-prev, .slick-next{display: none !important;}
.overlay{display: none;}
.burger-btn{display: none;}


.header-wrap.sticky{position: fixed;top: 0;left: 0;z-index: 999;background:#fff;animation: .7s slide-down;box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;}
.header-wrap.sticky .menu-list ul li a{color:var(--global);}
.header-wrap.sticky .header-sec{padding: 0;margin: 10px 0px;}
.header-wrap.sticky .header-sec .header-col .logo img{height: 50px;}

.header-row{padding: 30px 0px;display: flex;align-items: center;justify-content: space-between;}
.header-menu ul{display: flex;align-items: center;}
.header-menu ul li{margin: 0 40px;}
.header-menu ul li a{color: var(--global);font-size:20px;font-weight: 400;transition: all 0.25s ease-in-out;text-transform: uppercase;}
.header-menu ul li a:hover{color: var(--primary);}



.primary-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:230px;border-radius:27px;font-size:17px;font-weight:400;text-decoration:none;color:#000;background:var(--global);overflow:hidden;height:54px;padding:0 56px 0 20px;transition:background .38s,color .38s,padding .38s cubic-bezier(.22,1,.36,1)}
.primary-btn::before{content:'';position:absolute;right:5px;width:46px;height:46px;border-radius:50%;background:#000 url("../images/arrow-1.png") center/15px no-repeat;transition:right .42s cubic-bezier(.22,1,.36,1),background .38s}
.primary-btn:hover{background:transparent;color:var(--global);text-decoration:underline;padding:0 30px 0 20px}
.primary-btn:hover::before{right:calc(100% - 30px);background:transparent url("../images/arrow-1.png") center/15px no-repeat}




.banner-section{padding: 80px 0px 0px;}
.banner-row{display: flex;align-items:flex-end;justify-content: space-between;gap: 64px;margin-bottom: 90px;}
.banner-col-1{width: 48%;}
.banner-col-2{width: 48%;}
.banner-col-1 h1{font-size: 64px;color: var(--global);margin: 0 0 20px;text-transform: uppercase;line-height: 1.3;margin-bottom: 27px;}
.banner-col-2 p{font-size: 16px;line-height: 1.67;color: var(--global);margin: 0 0 30px;font-weight: 400;text-transform: uppercase;}



.strip-row{display: flex;align-items: flex-end;justify-content: space-between;gap: 64px;margin-bottom: 60px;}
.counter-strip{display: flex;align-items: center;justify-content: space-between;max-width: 880px;width: 100%;}
.counter-item {width: 32%;text-align:left;}   
.counter-item h2{font-size: 48px;color: var(--global);margin: 0 0 10px;font-weight: 600;}
.counter-item p{font-size: 20px;line-height: 1.67;color: var(--global);font-weight: 600;text-transform: uppercase;}
.scroll-down-link span{display: inline-block; margin-left: 5px;}
.scroll-down-link a{font-size: 16px; color: var(--global); text-transform: uppercase; font-weight: 500; display: inline-flex; align-items: center;}


.second-banner-image{max-width: 100%; width: 100%; height: auto;display: flex;align-items: center;justify-content: center;position: relative;}
.second-banner-image::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 1;background: #000000;background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(7 2 2) 100%)}
.second-banner-image img{height: 440px;width: 100%;object-fit: cover;}



.why-choose-section{padding: 40px 0px 0px; background: #000;}
.why-choose-section-content{display: flex;align-items: flex-end;}
.why-choose-section-title{font-size: 64px;color: var(--global);font-weight: 400;text-transform: uppercase;line-height: 1.3;width: 48%;}
.why-choose-section-title span{color: var(--global); font-weight: 600;}
.why-choose-section-description{font-size: 16px;line-height: 1.67;color: var(--global);font-weight: 400;text-transform: uppercase;width: 48%;text-align: right;}

.why-choose-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:110px;max-width: 950px;}
.why-choose-item{max-width: 230px;margin-top: 56px;position: relative;}
.why-choose-item::after{content: ""; position: absolute; top: 0; left: -10px; width: 2px; height: 100%; background: var(--global);}
.why-choose-item:nth-child(3n){border-right:none}
.why-choose-item h3{font-size:16px;font-weight:700;color:var(--global);margin:0 0 12px;text-transform:capitalize;}
.why-choose-item p{font-size:14px;line-height:1.67;color:rgb(255, 255, 255);font-weight:400;}


.second-banner-third .second-banner-image img{height: 600px;width: 100%;object-fit: cover;}
.second-banner-third .second-banner-image::after{content: none;}




.testi-content-row{display: flex;align-items: flex-end;justify-content: space-between;}
.testi-col-1 h2{font-size: 64px;color: var(--global);font-weight: 400;text-transform: uppercase;line-height: 1.3;}
.testi-col-1{width: 48%;}
.testi-col-2 {width: 48%;text-align: right;}
.testi-col-2 p{font-size: 16px;line-height: 1.67;color: var(--global);font-weight: 400;text-transform: uppercase;text-align: right;}
.testimonial-section{padding:50px 0 20px;background:#000;max-width: 1500px;}
.testimonial-section .container{position:relative}
.testimonial-slider{margin:0 -10px;padding-left: 200px;}
.testimonial-slider .slick-slide{padding: 0px 10px;}
.testimonial-item{margin:0 10px;padding:40px 35px;background:#D9D9D9;display:flex!important;flex-direction:column;justify-content:space-between;transition:background .35s ease,color .35s ease;outline:none;padding:50px 20px 60px;min-height: 560px;}
.testimonial-item.slick-center{background:var(--primary)}
.testimonial-quote{margin:0 0 40px;}
.testimonial-quote img{width: 100px; height: 100px;}
.testimonial-item p{font-size:17px;line-height:1.4;color:#000;font-weight:400;flex:1;margin:0 0 60px}
.testimonial-author{padding-top:20px}
.testimonial-author h4{font-size:20px;font-weight:400;color:#000;margin:0 0 4px}
.testimonial-author span{display:block;font-size:16px;color:#000;font-weight:400;line-height:1.5}
.testimonial-next{position:absolute;left:100px;top:50%;transform:translateY(-50%);width:70px;height:70px;border-radius:50%;background:var(--global);border:none;cursor:pointer;display:flex!important;align-items:center;justify-content:center;z-index:10;transition:background .3s}
.testimonial-next:hover{background:var(--primary)}
.testimonial-next:hover i{color:#fff}
.testimonial-next i{font-size:25px;color:#000}
.testimonial-slider .slick-slide.slick-current.slick-active.slick-center .testimonial-item{background: var(--primary);}
.testimonial-slider .slick-slide.slick-current.slick-active.slick-center .testimonial-item p{color: #fff;}
.testimonial-slider .slick-slide.slick-current.slick-active.slick-center .testimonial-item .testimonial-author h4{color: #fff;}
.testimonial-slider .slick-slide.slick-current.slick-active.slick-center .testimonial-item .testimonial-author span{color: #fff;}




.work-section{padding: 40px 0px; background: #000;}
.work-content{display: flex;align-items: flex-end;justify-content: space-between;}
.work-col-1{width: 48%;}
.work-col-1 h2{font-size: 64px;color: var(--global);font-weight: 400;text-transform: uppercase;line-height: 1.3;}
.work-col-2{width: 48%;}
.work-col-2 p{font-size: 16px;line-height: 1.67;color: var(--global);font-weight: 400;text-transform: uppercase;text-align: right;} 
.gallery-section{padding:80px 0;background:#000;overflow:hidden}
.gallery-slider{margin:0 -8px}
.gallery-item{margin:0 8px;overflow:hidden;outline:none;padding: 0px 10px;}
.gallery-item img{width:100%;height:400px;object-fit:cover;display:block}
.gallery-prev,.gallery-next{position:absolute;top:50%;transform:translateY(-50%);width:62px;height:62px;border-radius:50%;background:var(--global);border:none;cursor:pointer;display:flex!important;align-items:center;justify-content:center;z-index:10;transition:background .3s}
.gallery-prev{left:30px}
.gallery-next{right:30px}
.gallery-prev:hover,.gallery-next:hover{background:var(--primary)}
.gallery-prev i,.gallery-next i{font-size:22px;color:#000}
.gallery-prev:hover i,.gallery-next:hover i{color:#fff}



.cta-section{padding:40px 0;background:#000}
.cta-row{display:flex;align-items:center;justify-content:space-between;gap:60px}
.cta-left{width:48%}
.cta-right{width:48%}
.contact-contanet{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 70px;}
.cta-heading{width: 48%;}
.cta-tagline{width: 48%;}
.cta-heading{font-size:64px;font-weight:400;color:var(--global);text-transform:uppercase;line-height:1.2;}
.cta-heading strong{font-weight:800}
.cta-tagline{font-size:16px;font-weight:400;color:var(--global);text-transform:uppercase;text-align:right;line-height:1.6;}
.cta-img-wrap{width:100%;max-width:560px}
.cta-img-wrap img{width:100%;height:560px;object-fit:cover;display:block}
.cta-form-row{display:flex;gap:16px;margin:0 0 16px}
.cta-field{display:flex;flex-direction:column;flex:1}
.cta-field.cta-field-full{flex:1 0 100%}
.cta-field label{font-size:16px;color:var(--global);font-weight:400;margin:0 0 10px}
.cta-field input,.cta-field textarea{background:transparent;border:1px solid rgba(255, 255, 255, 0.799);border-radius:60px;padding:12px 17px;font-size:16px;color:var(--global);outline:none;transition:border .3s;height: 45px;}
.cta-field textarea{border-radius: 7px;}
.cta-field input::placeholder,.cta-field textarea::placeholder{color:rgba(255,255,255,.3);font-size:16px}
.cta-field input:focus,.cta-field textarea:focus{border-color:rgba(255,255,255,.5)}
.cta-field textarea{height:120px;resize:none}
.cta-submit{margin:100px 0 0}
.cta-form .primary-btn{margin-top: 100px;max-width: 150px;}



.footer-sec{padding: 27px 0px;border:1px solid rgba(255,255,255,.5);;border-left: none;border-right: none;}
.footer-logos{display: flex;align-items: flex-start;gap: 20px;}
.footer-logos:first-child img{height: 60px !important;}
.footer-logos:last-child img{height: 60px !important;}
.footer-social-icons{margin-top: 113px;}
.footer-social-icons a{display: inline-block; margin-right: 10px;font-size: 30px;color: var(--global);}
.footer-row{display:flex;align-items:flex-start;justify-content:space-between}
.footer-right{display:flex;align-items:flex-start;gap:60px;position: relative;}
.footer-vision{position: absolute;bottom: 0;right: 0;}
.footer-links-title{font-size:16px;font-weight:700;color:var(--global);margin:0 0 20px}
.footer-links-list li{margin:0 0 10px;padding: 10px;}
.footer-links-list li a{font-size:14px;color:#DADADA;font-weight:400;transition:color .3s;}
.footer-links-list li a:hover{color:var(--primary)}
.footer-contact-col{padding-left:30px;display:flex;flex-direction:column;gap:35px}
.footer-contact-item{display:flex;align-items:center;gap:10px;position: relative;}
.footer-contact-item::after{content: ""; position: absolute; top: 0; left: -10px; width: 2px; height: 100%; background: var(--global);}
.footer-contact-item i{font-size:18px;color:var(--global)}
.footer-contact-item span{font-size:16px;font-weight:700;color:var(--global)}
.footer-vision{margin-top:auto}
.footer-vision img{width:110px;height:auto;display:block}
.footer-right{width: 40%;}
.footer-left{width: 48%;}


.footer-bottom{border-top:1px solid rgba(255,255,255,.5);padding:8px 0 18px;display:flex;align-items:center;justify-content:center;gap:60px}
.footer-bottom p{font-size:13px;color:rgba(255,255,255,.45);font-weight:400}
.footer-bottom a{color:rgba(255,255,255,.45);font-size:13px;text-decoration:underline;transition:color .3s}
.footer-bottom a:hover{color:var(--primary)}



.service-page{padding: 80px 0px;}
.service-section-content{display: flex;align-items:flex-start;justify-content: space-between;}
.service-section-content .service-section-title{width: 48%;font-size: 64px;color: var(--global);font-weight: 400;text-transform: uppercase;line-height: 1.3;}
.service-section-content .service-section-description{width: 48%;text-align: right;font-size: 16px;line-height: 1.67;color: var(--global);font-weight: 400;text-transform: uppercase;margin-top: 100px;}
.service-banner img{width: 100%;height: 600px;object-fit: cover;display: block;margin-top: 80px;}
.core-service-content{display: flex;align-items:center;justify-content: space-between;}
.core-service-content h2{font-size: 64px;color: var(--global);font-weight: 400;text-transform: uppercase;line-height: 1.3;width: 48%;}
.core-service-content p{font-size: 16px;line-height: 1.67;color: var(--global);font-weight: 400;text-transform: uppercase;width: 48%;}


.acc{margin: 100px 0px;}
.acc-item{border-top:10px solid #349BEF;cursor:pointer;padding: 22px 0px;}
.acc-header{display:flex;align-items:flex-start;min-height:120px;background:#000000;transition:background .2s;}
.acc-item.open .acc-header{background:#000000;}
.acc-num{color:#ffffff;font-size:24px;padding-left:20px;flex: 1;}
.acc-title{color:#fff;font-size:40px;font-weight:400;text-transform:uppercase;line-height:1.45;flex:1;padding:0 10px;}
.acc-arrow{padding-right:20px;flex: 1;display: flex;align-items: center;justify-content: flex-end;}
.acc-arrow svg{width:20px;height:20px;transition:transform .35s;}
.acc-item.open .acc-arrow svg{transform:rotate(45deg);}
.acc-body{max-height:0;overflow:hidden;transition:max-height .4s ease;background:#000000;}
.acc-body-inner{display:flex;gap:64px;padding-left: 80px;}
.acc-img{width:310px;height:180px;flex-shrink:0;overflow:hidden;}
.acc-img img{width:100%;height:100%;object-fit:cover;display:block;}
.acc-content p{color:#ffffff;font-size:16px;line-height:1.6;margin-bottom:10px;max-width: 450px;}
.acc-content ul{list-style:none;padding:0;}
.acc-content ul li{color:#ffffff;font-size:16px;line-height:1.8;}


.integrated-content{display: flex;align-items: flex-end;justify-content: space-between;}
.integrated-content h2{font-size: 64px;color: var(--global);font-weight: 400;text-transform: uppercase;line-height: 1.3;width: 48%;}
.integrated-content p{font-size: 16px;line-height: 1.67;color: var(--global);font-weight: 400;text-transform: uppercase;width: 48%;text-align: right;}
.integrated-imge-section-row{display: flex;align-items: center;justify-content: space-between;gap: 110px;margin-top: 90px;}
.integrated-image{width: 48%;overflow:hidden;}
.integrated-image img{width: 100%;height: 600px;object-fit: cover;display: block;}
.integarted-list{width: 48%;}
.integarted-list ul{list-style:none;padding:0;}
.integarted-list ul li{color:#ffffff;font-size:24px;line-height:1.8;position: relative;padding-left: 20px;font-weight: 700;margin-bottom: 5px;}
.integarted-list ul li:before{content: "\2022"; position: absolute; left: 0; top: 0; color: var(--global); font-size: 20px;}
.request-btn{margin-top: 60px;}


.industry-content{display: flex;align-items: flex-end;justify-content: space-between;margin-top: 100px;}
.industry-content h2{font-size: 64px;color: var(--global);font-weight: 400;text-transform: uppercase;line-height: 1.3;width: 48%;}
.industry-content p{font-size: 16px;line-height: 1.67;color: var(--global);font-weight: 400;text-transform: uppercase;width: 48%;text-align: right;}



.ind-section { background: #000000; padding: 50px 40px; }
.ind-header { text-align: center; margin-bottom: 32px; }
.ind-header h2 { color: #fff; font-size: 26px; font-weight: 600; margin: 0 0 8px; }
.ind-header p { color: #999; font-size: 13px; margin: 0; }
.ind-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; background: #000000;margin-top: 100px;gap:34px;}
.ind-card { display: grid; grid-template-columns:1fr 1fr; background: #000000;gap: 27px;}
.ind-card-img { overflow: hidden;width: 310px;height: 180px;}
.ind-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; filter: brightness(.85);}
.ind-card-text {display: flex; flex-direction: column; justify-content: center; }
.ind-card-text h3 {color: #fff; font-size: 40px; font-weight: 400; margin: 0 0 12px;text-transform: uppercase; line-height: 1.2;}
.ind-card-text p {color: #ffffffd7; font-size: 16px; margin: 0;font-weight: 400; line-height: 1.5;}