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

/* CSS Document © 2025 Envinto */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');


::-moz-selection{ background:#7b7d7f; color:var(--primary); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--primary); 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:"Outfit", 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: #ffffff; -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;}
:root {overflow: hidden; overflow-y: scroll; --primary: #EE2A68; --secondary:#000000; --global: #ffffff; --parallax-translate: 0px; --slide-w: clamp(260px, 68vw); overflow: hidden; overflow-y: scroll;}
body::-webkit-scrollbar { display: none; }
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: "Outfit", sans-serif;}
p, p span { font-family:"Outfit", sans-serif; font-weight: 300;}
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(--primary-color);
}
::-moz-placeholder { 
  color:var(--primary-color);
}
:-ms-input-placeholder {
  color:var(--primary-color);
}
:-moz-placeholder {
  color:var(--primary-color);
}

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

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

strong{font-weight: bold;}

.container{width: 82%; max-width: 1320px; margin: 0 auto;}

.menu-open { overflow: hidden;}

/* -----------progress-track----------- */
.progress-track { position: fixed;top: 0; right: 0; width: 4px; height: 100vh; background: #000000; z-index: 9999; overflow: hidden;}
.progress-fill { width: 100%; height: 0%; background: #EE2A68; transition: height 0.15s ease-out;}
.menu-open .progress-track {display: none;}

/* ------main-logo------- */
.main-logo { width: 50px; position: fixed; top: 15px; left: 3%; z-index: 9999;}
.main-logo img { width: 100%; height: auto;}


/* ----------burger-btn--------- */
.burger-btn { width: 35px; height: 30px; overflow: hidden; background: none; border: none; cursor: pointer; position: fixed; right: 3%; top: 42px; z-index: 9999;}
.burger-btn .burger-toggle { display: block;}
.burger-btn span { display: block; width: 100%; height: 3px;  background: linear-gradient(to right, var(--primary) 0%, #7870B1 60%, var(--primary) 100%); background-size: 300% 100%; border-radius: 5px; transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.burger-btn span:nth-child(2) { width: 70%; margin: 9px 0; transition: all 0.5s cubic-bezier(.22,.68,0,1.71);}
.burger-btn .active span:nth-child(2) { transform: translateX(-100%); opacity: 0;}
.burger-btn .active span:first-child { transform: rotate(-45deg) translate(-8px ,12px);}
.burger-btn .active span:last-child { transform: rotate(45deg) translate(-5px, -9px);}


/* ------overlay------- */
.overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: var(--secondary); z-index: 999; padding: 100px 0; transform: translateY(-100%);}
.overlay .overlay-inner {width: 82%;max-width: 1320px;margin: 0 auto; overflow-y: auto; padding-right: 14px;}
.overlay ol { width: 100%; counter-reset: item;}
.overlay ol li { font-size: 54px; font-weight: 100; color: #9a9a9a; border-bottom: 0.1px solid var(--global); text-align: right; position: relative; counter-increment: item; overflow: hidden;}
.overlay ol li:before{ content: "0" counter(item); position: absolute; left: 0; font-size: 17px; font-weight: 500; top: 14px; transition: all .25s ease-in-out;}
.overlay ol li:hover:before{color: var(--global);}
.overlay ol li a { display: block; padding: 14px 0 14px 20px; color: #9a9a9a; transform: translateY(100%);}
.overlay ol li a:hover { color: var(--global); padding-right: 10px;}
.overlay .overlay-inner::-webkit-scrollbar {width: 4px;}
.overlay .overlay-inner::-webkit-scrollbar-track {background: var(--secondary);}
.overlay .overlay-inner::-webkit-scrollbar-thumb {background: var(--primary);}

/* --------banner-wrapp-------- */
.banner-wrapp {position: relative; height: 100vh;  overflow: hidden;}
.video-wrapp { position: absolute; inset: 0; overflow: hidden;}
.video-wrapp video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) translateY(var(--parallax-translate)); width: 100%; height: 100%; min-width: 100%; min-height: 130%; object-fit: cover; pointer-events: none; will-change: transform;}
.banner-wrapp .video-wrapp.mobile-banner {display: none;}

/* ---------quality-wrapp--------- */
.quality-wrapp { width: 100%; float: left; background: var(--secondary); position: relative; z-index: 1; height: 100vh; overflow-x: hidden;}
.quality-wrapp .robot-wrapp {  width: 100%; height: 100%; position: relative;}
.quality-wrapp .robot-wrapp main {  width: 100%; height: 100%;}
.quality-wrapp .logo { width: 55%; min-width: 600px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  z-index: -1;}
.quality-wrapp .logo img { width: 100%;}
.quality-wrapp .quality-row { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 100%; padding: 7% 0; z-index: -1;}
.quality-wrapp .quality-row1 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%;}
.quality-wrapp .quality-col { width: 48%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between;}
.quality-wrapp .quality-col:last-child { text-align: right; align-items: end;}
.quality-wrapp .quality-col .quality-col1 { width: 300px; margin: 0 0 0 10%; }
.quality-wrapp h3 { font-size: 23px; font-weight: 600; margin: 0 0 16px;  background: linear-gradient(to right, var(--primary) 0%, #7870B1  100%); -webkit-background-clip: text; background-clip: text;  color: transparent; margin: 0 0 10px; max-width: fit-content;}
.quality-wrapp .quality-col:last-child h3 { margin: 0 0 16px auto;}
.quality-wrapp .quality-row .container { height: 100%; width: 90%; max-width: 100%;}
.quality-wrapp p { font-size: 16px; line-height: 1.56; color: var(--global);}
.quality-wrapp .quality-col .quality-col1:nth-child(2) { margin: 0;}
.quality-wrapp .quality-col:last-child .quality-col1 { margin: 0 10% 0 0;}
.quality-wrapp .quality-col:last-child .quality-col1:nth-child(2) { margin: 0 0 0;}
.quality-wrapp .robot-wrapp:after { content: ""; position: absolute; width: 140px; height: 40px; bottom: 18px; right: 18px; z-index: 9; background: var(--secondary);}





.service-wrapp {padding: 100px 0 50px; position: relative; z-index: 9; background: #181818; overflow: hidden; float: left; width: 100%;}
.service-wrapp h4 { font-size: 20px; background: linear-gradient(to right, var(--primary) 0%, #7870B1  100%); -webkit-background-clip: text; background-clip: text; color: transparent;  margin: 0 0 10px;  max-width: fit-content; }
.service-wrapp h2 { font-size: 54px; font-weight: 100; color: var(--global);}
.service-wrapp h2 span { display: block;}
.service-wrapp h2 b {  font-weight: 500;}
.service-wrapp .service-row { width: 100%;}
.service-wrapp .service-col1 { width: 25%; border: 1px solid #d0d0d0; position: relative;}
.service-wrapp .service-col1 > a { display: block; width: 100%; padding: 30px 30px 80px; height: 100%; position: relative;}
.service-wrapp h3 { font-size: 20px; font-weight: 500; color: var(--global); margin: 0 0 20px;}
.service-wrapp p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 20px; color: #878787; font-size: 16px; line-height: 1.56;}
.service-wrapp .service-col1 .service-btn { width: 40px; height: 40px; position: absolute; left: 30px; bottom: 30px;  opacity: .8; transform: scale(0.5); -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.service-wrapp .service-col1:hover .service-btn { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1;}
.service-wrapp .service-col1 .service-cont { width: 100%; -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.service-wrapp .service-col1:hover .service-cont { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.service-wrapp .service-col1:before { content: ""; position: absolute; top: 0; left: 0; height: 4px; width: 0; background-color: var(--primary); -webkit-transition: 0.6s cubic-bezier(0, 0, 0.3642, 1); transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);}
.service-wrapp .service-col1:hover:before { width: 100%;}
.service-wrapp .slick-list{ padding: 0 1px;}
.service-wrapp .slick-track { display: flex; flex-wrap: wrap;}
.service-wrapp .slick-track .slick-slide { height: inherit;}
.service-wrapp .slick-track .slick-slide > div { height: 100%;}
.service-wrapp .slick-track .slick-slide .service-col1 {  height: 100%;}
.service-wrapp .service-head { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; margin: 0 0 50px;}
.service-wrapp .service-btn1 {display: flex;align-items: center;border: 1px solid transparent;padding: 14px 14px 14px 36px;border-radius: 50px;color: var(--global);letter-spacing: 2px;font-size: 12px;text-transform: uppercase;font-family: "Outfit", sans-serif;cursor: pointer;-webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); background: linear-gradient(to right, var(--primary) 0%, #7870B1  100%);}
.service-wrapp .service-btn1 .icon { margin-left: 25px; border-radius: 50%; width: 30px; height: 30px; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.service-wrapp .service-btn1:hover { -webkit-transform: scale(1.015); transform: scale(1.015); -webkit-filter: brightness(110%); filter: brightness(110%);}
.service-wrapp .service-btn1:hover .icon { -webkit-transform: scale(1.15); transform: scale(1.15);}

.start-project { width: 100%; position: relative; padding: 50px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 60%) border-box; margin: 145px 0 50px; display: flex; flex-wrap: wrap; justify-content: right; border-radius: 24px;}
.start-project .rocket { position: absolute; top: -75px; left: 60px; z-index: 1; animation-name: rocket-move; animation-duration: 4s; animation-iteration-count: infinite;  animation-timing-function: ease-in-out;  width: 280px;}
.start-project h2 { font-size: 28px; font-weight: 600; color: var(--global); margin: 0 0 20px;}
.start-project p { -webkit-line-clamp: none; color: var(--global);}
.start-project .enquire-btn { display: inline-block; background: var(--primary); border: 1px solid var(--primary); padding: 20px 30px; border-radius: 50px; color: var(--global); letter-spacing: 2px; font-size: 12px; text-transform: uppercase; font-family: "Outfit", sans-serif; cursor: pointer; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.start-project .enquire-btn:hover {color: var(--primary); background: var(--global); border-color: var(--global);}
.start-project .start-project-col1 { width: 67%;}


#polyhedron-container { position: absolute; width: 500px; height: 500px; top: -35px; right: -100px; z-index: -1; }




.slogan-wrapp {padding: 50px 0; position: relative; z-index: 9; float: left; width: 100%; background-color: #181818;}
.slogan-wrapp h1 { font-size: 60px; padding-left: 15px; display: inline-block; white-space: nowrap; animation: marquee 15s linear infinite;  text-transform: uppercase; background: linear-gradient(to right, var(--primary) 0%, #7870B1  100%);-webkit-background-clip: text;background-clip: text;color: transparent;margin: 0 0 10px;max-width: fit-content;}
.slogan-wrapp .scolling-text { width: 100%;   overflow: hidden;  white-space: nowrap;}




/* ----------portfolio-wrapp---------- */
.portfolio-wrapp {padding: 100px 0 100px; position: relative;background: var(--secondary); overflow: hidden;}
.portfolio-wrapp .shape {position: absolute; width: 500px; right: -215px; top: -16px;}
.portfolio-wrapp h4 {font-size: 20px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); -webkit-background-clip: text; background-clip: text;  color: transparent; margin: 0 0 10px; max-width: fit-content;}
.portfolio-wrapp h2 {font-size: 54px; font-weight: 100; color: var(--global);}
.portfolio-wrapp h2 span {display: block; font-weight: 500;}
.portfolio-wrapp .portfolio-head { width: 100%; margin: 0 0 52px;}
.portfolio-wrapp  .portfolio-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.portfolio-wrapp  .portfolio-col1 { width: 46%;}
.portfolio-wrapp .portfolio-col1 .portfolio-col2 { width: 100%; margin: 0 0 70px;}
.portfolio-wrapp .portfolio-col1 .portfolio-col2 img { width: 100%; border-radius: 20px;}
.portfolio-wrapp .portfolio-col1 .portfolio-col2:nth-child(2) { width: 90%;}
.portfolio-wrapp .portfolio-col1:nth-child(2) .portfolio-col2:nth-child(2) {width: 100%;}
.portfolio-wrapp .portfolio-col1:nth-child(2) .portfolio-col2:nth-child(1) { width: 90%;}
.portfolio-wrapp .portfolio-col1:nth-child(1) { margin: 100px 0 0;}
.portfolio-wrapp .view-btn { width: fit-content; display: flex; align-items: center; border: 1px solid transparent; padding: 14px 14px 14px 36px; border-radius: 50px; color: var(--global); letter-spacing: 2px; font-size: 12px; text-transform: uppercase; font-family: "Outfit", sans-serif; cursor: pointer; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%);}
.portfolio-wrapp .view-btn .icon { margin-left: 25px; border-radius: 50%; width: 30px; height: 30px;-webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.portfolio-wrapp .view-btn:hover { -webkit-transform: scale(1.015); transform: scale(1.015); -webkit-filter: brightness(110%); filter: brightness(110%);}
.portfolio-wrapp .view-btn:hover .icon { -webkit-transform: scale(1.15); transform: scale(1.15);}
.portfolio-wrapp .element { position: absolute; width: 13.4%; top: 64%; transform: translateY(-50%);}



/* ----------testimonial-wrapp---------- */
.testi-wrapp {background: #181818; padding: 100px 0; position: relative; overflow-x: hidden;}
.testi-wrapp h4 { font-size: 20px; margin: 0 0 10px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 10px; max-width: fit-content;}
.testi-wrapp h2 { font-size: 54px; font-weight: 100; color: var(--global); margin: 0 0 75px;}
.testi-wrapp h2 span { display: block; font-weight: 500; }
.testi-wrapp .testi-col1 {background: #1d1d1d; padding: 30px 30px 90px; position: relative;}
.testi-wrapp .testi-col1 .quote-icon {width: 32px; margin: 0 0 32px;}
.testi-wrapp .testi-col1 .star { width: 125px; margin: 0 0 20px;}
.testi-wrapp .testi-col1 p {font-size: 14px;line-height: 1.56;margin: 0 0 26px;}
.testi-wrapp .testi-col1 .author-detail {width: 100%; display: flex; align-items: center; position: absolute; bottom: 0; padding: 0 30px 30px; left: 0;}
.testi-wrapp .testi-col1 .author-detail .author-img { width: 60px; height: 60px; margin: 0 15px 0 0;}
.testi-wrapp .testi-col1 .author-detail .author-img img { width: 100%; height: 100%; border-radius: 50%;}
.testi-wrapp .testi-col1 .author-detail .author-name { width: 100%; flex: 1 0 0;}
.testi-wrapp .testi-col1 .author-detail .author-name h3 { font-size: 16px; font-weight: 500; margin: 0 0 5px;}
.testi-wrapp .testi-col1 .author-detail .author-name  p { margin: 0 0 0; font-size: 12px;}
.testi-wrapp .slick-track { display: flex; flex-wrap: wrap;}
.testi-wrapp .slick-track .slick-slide { height: inherit;}
.testi-wrapp .slick-track .slick-slide > div { width: 94%; height: 100%; margin: 0 auto;}
.testi-wrapp .slick-track .slick-slide  .testi-col1 { height: 100%;}
.testi-wrapp .element { position: absolute; width: 350px; top: 0;  right: -52px;}




/* --------industries-wrapp--------- */
.industries-wrapp { padding: 100px 0; background: var(--secondary); overflow-x: hidden;}
.industries-wrapp h4 { font-size: 20px; margin: 0 0 10px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%);  -webkit-background-clip: text;  background-clip: text; color: transparent;  margin: 0 0 10px; max-width: fit-content;}
.industries-wrapp h2 { font-size: 54px; font-weight: 100; color: var(--global); margin: 0 0 26px;}
.industries-wrapp h2 span { font-weight: 500;}
.industries-wrapp .industries-row {width: 100%; display: flex; flex-wrap: wrap;}
.industries-wrapp .industries-col1 { width: 33.33%; padding: 25px; position: relative;}
.industries-wrapp .industries-col1:nth-child(3n) { margin-right: 0;}
.industries-wrapp h3 { font-size: 30px; font-weight: 100; color: var(--global); margin: 0 0 14px;}
.industries-wrapp p { color: #9a9a9a;  font-size: 16px; line-height: 1.56;}
.industries-wrapp .industries-col1:before { content: "";  position: absolute;  width: 2px; height: 100%; background: linear-gradient(90deg, #0000, #fff 50%, #fff0); opacity: 0; right: 0;top: 50%; visibility: hidden; transition: all .25s ease-in-out;}
.industries-wrapp .industries-col1:after {  content: "";  position: absolute; width: 100%;  height: 2px;  background: linear-gradient(90deg, #0000, #fff 50%, #fff0); opacity: 0; left: 50%; bottom: 0; visibility: hidden; transition: all .25s ease-in-out;}
.industries-wrapp .industries-col1:nth-child(3n):before {   left: 0;}
.industries-wrapp .industries-col1:nth-child(3n):after { left: inherit; right: 50%;}
.industries-wrapp .industries-col1:hover:before { visibility: visible; opacity: .3;}
.industries-wrapp .industries-col1:hover:after { opacity: .3; visibility: visible;}
.industries-wrapp .industries-col1:nth-child(16):before {  top: -50%;}
.industries-wrapp .industries-col1:nth-child(16):after { top: 0;}
.industries-wrapp .industries-col1:nth-child(17):before { top: -50%;}
.industries-wrapp .industries-col1:nth-child(17):after { top: 0;}
.industries-wrapp .industries-col1:nth-child(18):before {  top: -50%;}
.industries-wrapp .industries-col1:nth-child(18):after { top: 0;}




/* --------collaboration-wrapp--------- */
.collaboration-wrapp {padding: 80px 0; position: relative; overflow-x: hidden;}
.collaboration-wrapp .bg-img { position: absolute; width: 55%;top: 0;height: 100%;}
.collaboration-wrapp .bg-img img {width: 100%; height: 100%; object-fit: cover;}
.collaboration-wrapp:after { content: "";position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(90deg,transparent 42%, rgba(238, 42, 104, 1) 55%, rgba(120, 112, 177, 1) 100%);}
.collaboration-wrapp .collaboration-row { position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: right; z-index: 1;}
.collaboration-wrapp .collaboration-col1 { width: 50%; background: var(--secondary); padding: 40px;}
.collaboration-wrapp h4 {font-size: 20px; margin: 0 0 10px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 10px; max-width: fit-content;}
.collaboration-wrapp h2 { font-size: 46px; font-weight: 100; color: var(--global); margin: 0 0 20px;}
.collaboration-wrapp h2 span { display: block; font-weight: 500;}
.collaboration-wrapp p { color: #9a9a9a; font-size: 16px; line-height: 1.56; margin: 0 0 28px;}
.collaboration-wrapp .collaborate-btn { width: fit-content; display: flex; align-items: center; border: 1px solid transparent; padding: 14px 14px 14px 36px; border-radius: 50px; color: var(--global); letter-spacing: 2px; font-size: 12px; text-transform: uppercase; font-family: "Outfit", sans-serif; cursor: pointer; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%);}
.collaboration-wrapp .collaborate-btn .icon { margin-left: 25px; border-radius: 50%; width: 30px; height: 30px; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.collaboration-wrapp .collaborate-btn:hover { -webkit-transform: scale(1.015); transform: scale(1.015); -webkit-filter: brightness(110%); filter: brightness(110%);}
.collaboration-wrapp .collaborate-btn:hover .icon { -webkit-transform: scale(1.15); transform: scale(1.15);}




/* ------------footer-wrapp---------- */
.footer-wrapp {width: 100%; float: left; background: var(--secondary); padding: 70px 0 0;}
.footer-wrapp .footer-row {width: 100%;display: flex;flex-wrap: wrap; justify-content: space-between;}
.footer-wrapp .footer-col1 { width: 26%;}
.footer-wrapp .logo { width: 100%; margin: 0 0 30px;}
.footer-wrapp .logo img { width: 100%;}
.footer-wrapp  .newsletter {width: 100%;}
.footer-wrapp h3 { color: #ffffff66; font-size: 18px; margin: 0 0 20px;}
.footer-wrapp .newsletter .text-field { width: 100%; position: relative;}
.footer-wrapp .newsletter  input {height: 70px; width: 100%; background-color: rgba(255, 255, 255, 0.1); color: #ffffff66; font-size: 12px; font-weight: 500; text-transform: uppercase;letter-spacing: 2px; border: none; border-radius: 70px; padding: 0 60px 0 30px; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.footer-wrapp .newsletter input::placeholder { color: #ffffff66;}
.footer-wrapp .newsletter .submit-btn { width: 40px; height: 40px; position: absolute; top: 15px; right: 15px;  background: none; border: none; outline: none; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); cursor: pointer;}
.footer-wrapp .newsletter .submit-btn img { width: 100%; height: 100%;}
.footer-wrapp .newsletter .submit-btn:hover { -webkit-transform: scale(1.020); transform: scale(1.020); -webkit-filter: brightness(110%); filter: brightness(110%);}
.footer-wrapp  h4 { font-size: 18px; color: #ffffff66; margin: 0 0 20px;}
.footer-wrapp ul li { font-size: 18px; line-height: 1.56;}
.footer-wrapp li a {color: var(--global); display: block; padding: 4px 0;}
.footer-wrapp li a:hover { color: var(--primary);}
.footer-wrapp .footer-col4 { width: 18%;}
.footer-wrapp .footer-col4 ul li { font-size: 14px;}
.footer-wrapp  .social-icons { width: 100%;}
.footer-wrapp .social-icons ul { width: 100%;  display: flex; flex-wrap: wrap; align-items: center;}
.footer-wrapp .social-icons ul li {display: inline-block; margin: 0 10px 0 0;}
.footer-wrapp .social-icons ul li:last-child { margin-right: 0;}
.footer-wrapp .social-icons ul li .icon { width: 35px; height: 35px; display: block; padding: 8px; background: linear-gradient(to right, var(--primary) 0%, #7870B1  100%); border: 1px solid var(--primary); border-radius: 50%; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); position: relative; margin: 20px 0 0;}
.footer-wrapp .social-icons ul li .icon img { width: 100%; height: 100%; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.footer-wrapp .social-icons ul li .icon .hover-icon { width: 100%; height: 100%; position: absolute; top: 0;  left: 0; padding: 8px; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); opacity: 0;}
.footer-wrapp .social-icons ul li .icon:hover .hover-icon { opacity: 1;}
.footer-wrapp .social-icons ul li .icon:hover {background: none;}
.footer-wrapp .social-icons ul li .icon:hover > img { opacity: 0;}
.footer-wrapp .footer-row1 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 20px 0; margin: 20px 0 0;}
.footer-wrapp .footer-row1 p { color: #ffffff66; font-size: 16px;}
.footer-wrapp .footer-row1 ul li { font-size: 16px; margin: 0 0 0 20px;}
.footer-wrapp .footer-row1 ul { display: flex;}
.footer-wrapp .footer-row1 ul li a { color: #ffffff66;}
.footer-wrapp .footer-row1 ul li a:hover {color: var(--primary);}

.footer-wrapp .newsletter .tnp.tnp-subscription { margin: 0; position: relative;}
.footer-wrapp .newsletter .tnp.tnp-subscription label { display: none;}
.footer-wrapp .newsletter .tnp.tnp-subscription input { height: 70px; width: 100%;background-color: rgba(255, 255, 255, 0.1);color: #ffffff66;  font-size: 12px; font-weight: 500;  text-transform: uppercase; letter-spacing: 2px; border: none; border-radius: 70px; padding: 0 60px 0 30px; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.footer-wrapp .newsletter .tnp.tnp-subscription .tnp-field.tnp-field-button { position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; margin: 0 0 0;}
.footer-wrapp .newsletter .tnp.tnp-subscription .tnp-field.tnp-field-button input.tnp-submit { font-size: 0; width: 100%; height: 100%; background: url(../images/right.png) no-repeat center / 100%; border: none; outline: none;transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); cursor: pointer; padding: 0;}
.footer-wrapp .newsletter .tnp.tnp-subscription .tnp-field.tnp-field-button input.tnp-submit:hover { -webkit-transform: scale(1.020); transform: scale(1.020); -webkit-filter: brightness(110%); filter: brightness(110%);}




/* -----------about-banner----------- */
.about-banner { padding: 150px 0 50px; background: var(--secondary); }
.about-banner .about-banner-row {width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.about-banner .about-banner-col1 { width: 48%;}
.about-banner .about-banner-col2 { width: 51%;}
.about-banner h2 { font-size: 54px; font-weight: 100; color: var(--global); margin: 0  0 30px;}
.about-banner h2 span {display: block;}
.about-banner h2 b { font-weight: 500;}
.about-banner p { color: var(--global); font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.about-banner .about-btn {width: fit-content; display: flex; align-items: center; border: 1px solid transparent; padding: 14px 14px 14px 36px; border-radius: 50px; color: var(--global);  letter-spacing: 2px; font-size: 12px; text-transform: uppercase; font-family: "Outfit", sans-serif; cursor: pointer; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%);}
.about-banner .about-btn .icon { margin-left: 25px; border-radius: 50%; width: 30px; height: 30px; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.about-banner .about-btn:hover { -webkit-transform: scale(1.015); transform: scale(1.015); -webkit-filter: brightness(110%); filter: brightness(110%);}
.about-banner .about-btn:hover .icon { -webkit-transform: scale(1.15); transform: scale(1.15);}



/* ----------about-wrapp--------- */
.about-wrapp { padding: 100px 0;background: var(--secondary); position: relative; overflow-x: hidden;}
.about-wrapp .about-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.about-wrapp .about-col1 { width: 48%;}
.about-wrapp h4 {  font-size: 20px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 10px; max-width: fit-content;}
.about-wrapp h2 { font-size: 49px; font-weight: 100; color: var(--global); margin: 0 0 30px;}
.about-wrapp h2 span { display: block;}
.about-wrapp h2 b { font-weight: 500;}
.about-wrapp .about-img1 { width: 100%;}
.about-wrapp .about-img1 img { width: 100%; border-radius: 10px;}
.about-wrapp .about-col2 { width: 48%; margin: 100px 0 0;}
.about-wrapp .about-col2 .about-img-row { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 0 0 30px;}
.about-wrapp .about-col2 .about-img2 { width: 54%;}
.about-wrapp .about-col2  .about-img3 {width: 33%;}
.about-wrapp .about-col2 .about-img-row img { width: 100%; border-radius: 10px;}
.about-wrapp  p { color: var(--global); font-size: 16px;line-height: 1.56; margin: 0 0 20px;}
.about-wrapp .shape1 {position: absolute;width: 24%;left: -125px;top: -135px;}
.about-wrapp p a {color: var(--globa);}
.about-wrapp p a:hover { color: var(--primary);}



.about-wrapp .about-row1 { width: 100%; display: flex; flex-wrap: wrap; margin: 100px 0 0; justify-content: space-between; align-items: center;}
.about-wrapp .about-col3 { width: 52%; position: relative; padding-left: 108px;}
.about-wrapp .about-col3 h2 { color: transparent; font-size: 80px; font-weight: 800; letter-spacing: 5px; stroke-width: 1px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; -webkit-text-fill-color: var(--secondary); -webkit-text-stroke: 1px #AA202000; text-stroke: 1px #AA202000; -webkit-text-stroke-width: 2.5px; background-color: transparent; background-image: linear-gradient(to right, var( --primary) 0%, #7870B1 60%, var(--primary) 100%); position: absolute; top: 50%; left: -21%; transform: rotate(270deg) translateY(-50%); margin: 0 0 0;}
.about-wrapp .about-col4 { width: 100%; position: relative;  border-radius: 10px; overflow: hidden;}
.about-wrapp .about-col4 img { width: 100%;}
.about-wrapp .about-col4:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #7371B54D;}
.about-wrapp .about-col5 { width: 40%;}
.about-wrapp .about-col5 .about-col6 { width: 100%; position: relative; margin: 0 0 70px;}
.about-wrapp .about-col5 .about-col6 .about-icon { position: absolute; width: 130px; top: 43%; transform: translateY(-50%); left: -38%;}
.about-wrapp  h3 { font-size: 30px; font-weight: 300; color: var(--global); margin: 0 0 14px;}
.about-wrapp .about-col5 .about-col6:last-child { margin: 0;}
.about-wrapp .shape2 { width: 40%; position: absolute; right: -17%; top: 50%; transform: translateY(-50%);}
.about-wrapp .shape2 img { width: 100%;}




/* --------whychoose-wrapp--------- */
.whychoose-wrapp {padding: 100px 0; background: var(--secondary); position: relative; overflow-x: hidden;}
.whychoose-wrapp .whychoose-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.whychoose-wrapp .whychoose-col1 { width: 52%; padding-left: 20%; position: relative; padding-bottom: 10%;}
.whychoose-wrapp .whychoose-col1 .whychoose-img2 { position: absolute; width: 61%; left: 0; bottom: 0;}
.whychoose-wrapp .whychoose-col1 .whychoose-icon { position: absolute; width: 94px;top: 15%; left: 9%;}
.whychoose-wrapp .whychoose-col2 { width: 43%;}
.whychoose-wrapp h4 { font-size: 20px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 10px; max-width: fit-content;}
.whychoose-wrapp h2 { font-size: 49px; font-weight: 100; color: var(--global); margin: 0 0 30px;}
.whychoose-wrapp h2 span { display: block;}
.whychoose-wrapp h2 b { font-weight: 500;}
.whychoose-wrapp p {  color: var(--global); font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.whychoose-wrapp .whychoose-col3 { width: 100%; display: flex; flex-wrap: wrap;}
.whychoose-wrapp .whychoose-col4 { width: 31.33%; margin: 0 3% 0 0; text-align: center;}
.whychoose-wrapp .whychoose-col4:nth-child(3) { margin-right: 0;}
.whychoose-wrapp .whychoose-col4 .whychoose-icon1 { width: 43px; margin: 0 auto 10px;}
.whychoose-wrapp .shape {position: absolute; top: -97px; right: -100px; width: 22%;}
.whychoose-wrapp .about-btn {width: fit-content; display: flex; align-items: center; border: 1px solid transparent; padding: 14px 14px 14px 36px; border-radius: 50px; color: var(--global); letter-spacing: 2px; font-size: 12px; text-transform: uppercase; font-family: "Outfit", sans-serif; cursor: pointer; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);    background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); margin: 34px 0 0;}
.whychoose-wrapp .about-btn .icon { margin-left: 25px; border-radius: 50%; width: 30px; height: 30px; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.whychoose-wrapp .about-btn:hover {-webkit-transform: scale(1.015); transform: scale(1.015); -webkit-filter: brightness(110%); filter: brightness(110%);}
.whychoose-wrapp .about-btn:hover .icon { -webkit-transform: scale(1.15); transform: scale(1.15);}




/* --------faq-wrapp--------- */
.faq-wrapp {padding: 0 0 100px; background: var(--secondary); text-align: center; overflow: hidden; position: relative; z-index: 1;}
.faq-wrapp h4.highlight { display: flex; background: #272727; width: fit-content; box-shadow: 0px 0px 0px 1px #FFFFFF1F; padding: 5px 10px; border-radius: 8px;  color: #8F8F8F; margin: 0 auto 20px; align-items: center; font-size: 14px;}
.faq-wrapp h4.highlight .icon { width: 18px; margin: 0 8px 0 0;}
.faq-wrapp h2 { font-size: 49px; font-weight: 100; color: var(--global); margin: 0 0 15px;}
.faq-wrapp h2 span { font-weight: 500;}
.faq-wrapp p { color: var(--global); font-size: 16px; line-height: 1.56; margin: 0 0 20px; font-weight: 300;}
.faq-wrapp .faq-row { width: 100%; margin: 40px 0 0;}
.faq-wrapp .accordion { width: 100%; text-align: left; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
.faq-wrapp .accordion .accordion-col1  {width: 48%;}
.faq-wrapp .accordion .accordion-item { width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(171, 171, 171, 0.1) 100%); margin: 0 0 20px; border-radius: 14px;}
.faq-wrapp .accordion .accordion-item.active { background: linear-gradient(0deg, #383838, #383838),linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(171, 171, 171, 0.06) 100%);}
.faq-wrapp .accordion  .accordion-head { width: 100%; padding: 18px; cursor: pointer;}
.faq-wrapp .accordion .accordion-content { width: 100%; padding: 0 18px 18px;}
.faq-wrapp .accordion h3 { font-size: 16px; color: var(--global); background: url(../images/plus.svg) no-repeat center right / 14px; transition: all .25s ease-in-out;padding-right: 20px;}
.faq-wrapp .accordion .accordion-item.active h3{background: url(../images/minus.svg) no-repeat center right / 14px;}
.faq-wrapp .accordion p { font-size: 14px;}
.faq-wrapp .shape {width: 34%; position: absolute; bottom: -18%; right: -17%; z-index: -1;}
.faq-wrapp .shape img { width: 100%;}


.faq-wrapp2 {padding: 100px 0;}




/* ---------project-banner----------- */
.project-banner {padding: 150px 0 50px; background: var(--secondary);text-align: center;}
.project-banner h2 { font-size: 54px; font-weight: 100; color: var(--global); margin: 0 0 20px;}
.project-banner h2 span {font-weight: 500;}
.project-banner p {color: var(--global); font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.project-banner p span { display: block;}

.project-slider {width: 100%;padding: 50px 0;}
.project-slider .swiper-slide {background-position: center;background-size: cover; width: 440px;  display: flex; justify-content: center;align-items: center;}
.project-slider .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}



/* ---------project-wrapp----------- */
.project-wrapp { padding: 50px 0 70px; background: var(--secondary); text-align: center;}
.project-wrapp .project-tabs { width: 100%; margin: 0 0 50px;}
.project-wrapp .project-tabs ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;}
.project-wrapp .project-tabs ul li { width: 100%; flex: 1; background: none; padding: 10px; border: 1px solid var(--primary); border-radius: 50px; transition: all .25s ease-in-out; cursor: pointer;}
.project-wrapp .project-tabs ul li.active { background: var(--primary);}
.project-wrapp .project-tabs ul li:hover { background: var(--primary);}
.project-wrapp  .project-tab-content { width: 100%;}
.project-wrapp  .project-tab-pane { width: 100%; display: none;}
.project-wrapp  .project-tab-pane.active { display: block;}
.project-wrapp .project-row { width: 100%; display: flex; flex-wrap: wrap;}
.project-wrapp .project-col1 { width: 31%; margin: 0 3.5% 30px 0; height: 298px; border-radius: 18px;overflow: hidden;}
.project-wrapp .project-col1:nth-child(3n) { margin-right: 0;}
.project-wrapp .project-col1 img { width: 100%; height: 100%; object-fit: cover;}




/* -------services-banner---------- */
.services-banner { padding: 150px 0 50px; background: var(--secondary);}
.services-banner .services-banner-row { width: 100%; display: flex; flex-wrap: wrap;justify-content: space-between;}
.services-banner .services-banner-col1 { width: 57%;}
.services-banner h2 { font-size: 54px; font-weight: 100; color: var(--global); margin: 0 0 30px;}
.services-banner h2 b { font-weight: 500;}
.services-banner h2 span { display: block;}
.services-banner  p { color: var(--global); font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.services-banner .service-btn { width: fit-content; display: flex;  align-items: center; border: 1px solid transparent; padding: 14px 14px 14px 36px;border-radius: 50px; color: var(--global); letter-spacing: 2px; font-size: 12px; text-transform: uppercase; font-family: "Outfit", sans-serif; cursor: pointer; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%);}
.services-banner .service-btn .icon { margin-left: 25px; border-radius: 50%; width: 30px; height: 30px; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.services-banner .service-btn:hover { -webkit-transform: scale(1.015); transform: scale(1.015); -webkit-filter: brightness(110%); filter: brightness(110%);}
.services-banner .service-btn:hover .icon { -webkit-transform: scale(1.15); transform: scale(1.15);}
.services-banner .services-banner-col1 .services-banner-img-row { width: 100%; margin: 30px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.services-banner .services-banner-col1 .services-banner-img1 {width: 33%;}
.services-banner .services-banner-col1 .services-banner-img2 { width: 58%;}
.services-banner .services-banner-col1 .services-banner-img-row img { width: 100%; height: 100%; max-height: 230px; object-fit: cover; border-radius: 10px;}
.services-banner .services-banner-col2 { width: 38%; margin: 60px 0 0;}
.services-banner .services-banner-col2 img { width: 100%; height: 520px; object-fit: cover; border-radius: 10px;}




/* ----------services-wrapp---------  */
.services-wrapp {padding: 150px 0 70px;background: var(--secondary); overflow-x: hidden; position: relative;}
.services-wrapp .services-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.services-wrapp .services-col1 { width: 48%;}
.services-wrapp .services-col1 img { width: 100%; height: 500px; object-fit: cover; border-radius: 10px;}
.services-wrapp .services-col2 { width: 48%;}
.services-wrapp  h4 { font-size: 20px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 10px; max-width: fit-content;}
.services-wrapp h2 { font-size: 49px; font-weight: 100; color: var(--global); margin: 0 0 30px;}
.services-wrapp h2 b { font-weight: 500;}
.services-wrapp h2 span { display: block;}
.services-wrapp p { color: var(--global); font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.services-wrapp ul { width: 100%; margin: 0 0 20px;}
.services-wrapp ul li { color: var(--global); font-size: 16px; line-height: 1.56; position: relative; padding-left: 25px; font-weight: 300; background: url(../images/check-mark.svg) no-repeat  left / 16px; background-position-y: 5px;}


.services-wrapp .service-row1 { width: 100%; margin-top: 100px;display: flex; flex-wrap: wrap;}
.services-wrapp .service-col3 { width: 32%; background: linear-gradient(180deg, #171717 0%, #323335 0%, rgba(90, 90, 90, 0) 49%, #171717 100%); margin: 0 2% 30px 0; padding: 25px 25px 70px; position: relative;}
.services-wrapp .service-col3:nth-child(3n) { margin-right: 0;}
.services-wrapp .service-col3 .service-icon { width: 70px; margin: 0 0 20px;}
.services-wrapp h3 { font-weight: 500; font-size: 20px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 10px; max-width: fit-content;}
.services-wrapp  .more-btn { display: inline-block; width: fit-content; align-items: center;border: 1px solid transparent;padding: 14px 26px; border-radius: 50px; color: var(--global); letter-spacing: 2px; font-size: 12px; text-transform: uppercase; font-family: "Outfit", sans-serif; cursor: pointer; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); position: absolute; bottom: 25px; left: 25px;}
.services-wrapp .more-btn:hover {-webkit-transform: scale(1.015); transform: scale(1.015); -webkit-filter: brightness(110%); filter: brightness(110%);}
.services-wrapp .shape { width: 35%; position: absolute; right: -15%; top: 38%; transform: translateY(-50%);}
.services-wrapp .shape img {width: 100%;}




/* ----------inner-banner--------- */
.inner-banner {padding: 150px 0 50px; background: var(--secondary);}
.inner-banner .inner-content {width: 100%;position: relative;}
.inner-banner .inner-content .inner-imgs {width: 100%; position: relative;}
.inner-banner .inner-content .bg-img { width: 100%;}
.inner-banner .inner-content .bg-img img { width: 100%;}
.inner-banner  .service-img1 { position: absolute; width: 23%; top: 2%; left: 7%;}
.inner-banner .service-img2 { position: absolute; width: 20%; top: 53%; left: 3%;}
.inner-banner .service-img1 img { width: 100%;}
.inner-banner .service-img2 img { width: 100%;}
.inner-banner .service-img3 img { width: 100%;}
.inner-banner .service-img4 img { width: 100%;}
.inner-banner .service-img3 { position: absolute; width: 23%; top: 2%; right: 7%;}
.inner-banner  .service-img4 { position: absolute; width: 23%; top: 53%; right: 3%;}
.inner-banner .service-title { position: absolute; top: 8%; left: 50%; transform: translateX(-50%); text-align: center;}
.inner-banner h4 { background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); display: flex; flex-wrap: wrap; width: fit-content; padding: 8px 13px; border-radius: 30px; margin: 0 auto 10px; font-size: 12px; text-transform: uppercase; align-items: center;}
.inner-banner h4 .icon { width: 20px; margin: 0 8px 0 0;}
.inner-banner h2 {font-size: 40px; font-weight: 100; color: var(--global); margin: 0 0 30px;}
.inner-banner h2 b { font-weight: 500;}
.inner-banner h2 span { display: block;}



.service-inner-wrapp { padding: 100px 0; background: var(--secondary); position: relative;}
.service-inner-wrapp .service-inner-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.service-inner-wrapp  .service-inner-col1 {width: 40%;}
.service-inner-wrapp .service-inner-col2 { width: 55%; display: flex;flex-wrap: wrap;}
.service-inner-wrapp h4 { font-size: 20px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); -webkit-background-clip: text; background-clip: text;color: transparent; margin: 0 0 10px; max-width: fit-content;}
.service-inner-wrapp h2 { font-size: 49px; font-weight: 100; color: var(--global); margin: 0 0 30px;}
.service-inner-wrapp h2 b { font-weight: 500;}
.service-inner-wrapp h2 span { display: block;}
.service-inner-wrapp p {color: var(--global); font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.service-inner-wrapp .contact-btn { width: fit-content; display: flex; align-items: center; border: 1px solid transparent; padding: 14px 14px 14px 36px; border-radius: 50px; color: var(--global); letter-spacing: 2px; font-size: 12px; text-transform: uppercase; font-family: "Outfit", sans-serif; cursor: pointer; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%);}
.service-inner-wrapp .contact-btn .icon { margin-left: 25px; border-radius: 50%; width: 30px; height: 30px; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.service-inner-wrapp .contact-btn:hover { -webkit-transform: scale(1.015); transform: scale(1.015); -webkit-filter: brightness(110%); filter: brightness(110%);}
.service-inner-wrapp .contact-btn:hover .icon { -webkit-transform: scale(1.15); transform: scale(1.15);}
.service-inner-wrapp .service-inner-col3 { width: 48%; margin: 0 4% 30px 0; background: linear-gradient(180deg, #171717 0%, #323335 0%, rgba(90, 90, 90, 0) 49%, #171717 100%); padding: 20px 20px 0;}
.service-inner-wrapp .service-inner-col3:nth-child(2n) { margin-right: 0;}
.service-inner-wrapp h3 { font-size: 18px; font-weight: 500; margin: 0 0 15px;}
.service-inner-wrapp .shape { position: absolute; width: 25%; top: -27%; left: -10%;}
.service-inner-wrapp .shape img { width: 100%;}





.contact-wrapp {padding: 150px 0 50px; background: var(--secondary); text-align: center;}
.contact-wrapp h2 {font-size: 54px; font-weight: 100; color: var(--global); margin: 0 0 15px;}
.contact-wrapp h2 b { font-weight: 500;}
.contact-wrapp p { color: var(--global); font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.contact-wrapp .contact-row { width: 100%; background: var(--global); display: flex; flex-wrap: wrap; border-radius: 10px; padding: 10px; text-align: left; margin: 40px 0 0;}
.contact-wrapp .contact-col1 { width: 40%; background: var(--secondary); padding: 30px; border-radius: 10px;  display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden;}
.contact-wrapp h3 {font-size: 34px; font-weight: 100; margin: 0 0 40px; color: var(--global);}
.contact-wrapp h3 b{font-weight: 500;}
.contact-wrapp .contact-detail { width: 100%;}
.contact-wrapp .contact-detail ul { width: 100%;}
.contact-wrapp .contact-detail ul li { position: relative; padding-left: 40px; font-size: 16px; color: var(--global); margin: 0 0 40px; font-weight: 300;}
.contact-wrapp .contact-detail ul li .icon { width: 24px; position: absolute; left: 0;}
.contact-wrapp .contact-detail ul li a { width: fit-content; display: block; color: var(--global);}
.contact-wrapp .contact-detail ul li a:hover { color: var(--primary);}
.contact-wrapp .social-icons { width: 100%;}
.contact-wrapp .social-icons ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.contact-wrapp .social-icons ul li { display: inline-block; margin: 0 10px 0 0;}
.contact-wrapp .social-icons ul li:last-child { margin-right: 0;}
.contact-wrapp .social-icons ul li .icon { width: 35px; height: 35px; display: block; padding: 8px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); border: 1px solid var(--primary); border-radius: 50%; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); position: relative; margin: 20px 0 0;}
.contact-wrapp .social-icons ul li .icon img { width: 100%; height: 100%;transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.contact-wrapp .social-icons ul li .icon .hover-icon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 8px; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); opacity: 0;}
.contact-wrapp .social-icons ul li .icon:hover .hover-icon { opacity: 1;}
.contact-wrapp .social-icons ul li .icon:hover { background: none;}
.contact-wrapp .social-icons ul li .icon:hover > img {opacity: 0;}
.contact-wrapp .contact-col2 { width: 60%; padding: 30px;}
.contact-wrapp .contact-col2 .text-fields { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-wrapp .contact-col2 .text-fields .text-field { width: 48%; margin: 0 0 10px;}
.contact-wrapp .contact-col2 .text-fields .text-field.radio { width: 100%;}
.contact-wrapp .contact-col2 .text-fields .text-field:last-child { width: 100%;}
.contact-wrapp .contact-col2 label { color: #8D8D8D; font-size: 14px; margin: 0 0 5px; display: inline-block; font-weight: 300;}
.contact-wrapp .contact-col2 input { width: 100%; height: 42px; border: none; background: none; border-bottom: 1px solid var(--secondary); color: var(--secondary); margin: 0 0 10px; font-size: 16px; font-weight: 300;border-radius: 0 !important;}
.contact-wrapp .contact-col2 input[type="radio"] { width: 0; height: 0;}
.contact-wrapp .contact-col2 .text-fields .text-field.radio label { padding-left: 20px; margin: 0 10px 10px 0; position: relative; color: var(--secondary); cursor: pointer;}
.contact-wrapp .contact-col2 .text-fields .text-field.radio label:after { content: ""; position: absolute; width: 13px; height: 13px; background: #E0E0E0; left: 0; border-radius: 50%; top: 3px; transition: all .25s ease-in-out;}
.contact-wrapp .contact-col2 .text-fields .text-field.radio label:before { content: ""; position: absolute; width: 13px; height: 13px; background: url(../images/tick-circle-solid.svg) no-repeat center / 100%; left: 0; border-radius: 50%; top: 3px; z-index: 1; transform: scale(0); opacity: 0; transition: all .25s ease-in-out;}
.contact-wrapp .contact-col2 .text-fields .text-field.radio input[type="radio"]:checked + label:before {opacity: 1; transform: scale(1);}
.contact-wrapp .contact-col2 .text-fields .text-field.radio input[type="radio"]:checked + label:after{background: none;}
.contact-wrapp .contact-col2 textarea { width: 100%; height: 120px; border: none; background: none; border-bottom: 1px solid var(--secondary); color: var(--secondary); margin: 0 0 10px; font-size: 16px; font-weight: 300; resize: none;border-radius: 0 !important;}
.contact-wrapp .contact-col2 .submit-btn { background: var(--secondary); border: 1px solid var(--secondary); color: var(--global); font-family: "Outfit", sans-serif; text-transform: uppercase; padding: 12px 32px; border-radius: 6px; transition: all .25s ease-in-out;  cursor: pointer;}
.contact-wrapp .contact-col2 .submit-btn:hover { background: none; color: var(--secondary);}
.contact-wrapp .contact-col2  h5 { font-size: 16px; color: var(--secondary); font-weight: 500; margin: 0 0 15px;}
.contact-wrapp .contact-col1 .shape { width: 58%; position: absolute; bottom: -11%; right: -15%;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container {padding: 0 0 0;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row { margin: 0 0 0;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 { padding: 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field {width: 48%;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field:last-child { width: 100%;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field:nth-last-child(2) { width: 100%;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio .evf-field-label { font-size: 16px; color: var(--secondary); font-weight: 500; margin: 0 0 15px;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul {  width: 100%; display: flex; flex-wrap: wrap;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li {  margin: 0 10px 10px 0; display: inline-block;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li input[type="radio"] { width: 0; height: 0; margin: 0 0 0;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li label { padding-left: 20px; position: relative; color: var(--secondary); cursor: pointer; font-size: 14px; width: 100%;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li label:before { content: ""; position: absolute; width: 13px; height: 13px; background: url(../images/tick-circle-solid.svg) no-repeat center / 100%; left: 0; border-radius: 50%; top: 5px; z-index: 1; transform: scale(0); opacity: 0; transition: all .25s ease-in-out;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li label:after { content: ""; position: absolute; width: 13px; height: 13px; background: #E0E0E0;  left: 0; border-radius: 50%; top: 5px; transition: all .25s ease-in-out;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li input[type="radio"]:checked + label:after { background: none;}
.contact-wrapp .contact-col2 .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid.evf-grid-1 .evf-field.evf-field-radio ul li input[type="radio"]:checked + label:before { opacity: 1; transform: scale(1);}
.contact-wrapp .contact-col2 .everest-forms .evf-submit-container { padding: 0 0 0;}
.contact-wrapp .contact-col2 .everest-forms .evf-submit-container button { background: var(--secondary); border: 1px solid var(--secondary);color: var(--global); font-family: "Outfit", sans-serif; padding: 12px 32px; border-radius: 6px; transition: all .25s ease-in-out; cursor: pointer; margin: 0;  display: inline-block; text-transform: uppercase; font-size: 13px;}
.contact-wrapp .contact-col2 .everest-forms .evf-submit-container button:hover { background: none; color: var(--secondary);}




/* ----------case-wrapp--------- */
.case-wrapp {padding: 100px 0; background: var(--secondary); text-align: center;}
.case-wrapp h4 { font-size: 20px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 10px;}
.case-wrapp h2 { font-size: 49px; font-weight: 100; color: var(--global); margin: 0 0 50px;}
.case-wrapp h2 b { font-weight: 500;}
.case-wrapp  .case-tabs { width: 100%; margin: 0 0 50px;}
.case-wrapp .case-tabs ul { width: 100%;  display: flex; flex-wrap: wrap;  justify-content: center;}
.case-wrapp .case-tabs ul li { background: none; padding: 10px 22px; border: 1px solid var(--primary); border-radius: 50px; transition: all .25s ease-in-out; cursor: pointer; margin: 0 20px;}
.case-wrapp .case-tabs ul li:hover { background: var(--primary);}
.case-wrapp .case-tabs ul li.active { background: var(--primary);}
.case-wrapp .case-tab-content { width: 100%;}
.case-wrapp .case-tab-pane { width: 100%; display: none;}
.case-wrapp .case-row { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(4, 120px); gap: 15px;}
.case-wrapp .case-row .case-col1 { width: 100%;}
.case-wrapp .case-row .case-col1 img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.case-wrapp  .grid1 { grid-area: 1 / 1 / 3 / 3;}
.case-wrapp .grid2 { grid-area: 1 / 3 / 3 / 5;}
.case-wrapp .grid3 { grid-area: 1 / 5 / 5 / 7;}
.case-wrapp .grid4 { grid-area: 3 / 1 / 5 / 5;}




/* ---------procedure-wrapp--------- */
.procedure-wrapp { padding: 100px 0; background: #181818; position: relative; text-align: center;}
.procedure-wrapp h4 { font-size: 20px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); -webkit-background-clip: text;  background-clip: text; color: transparent; margin: 0 auto 10px; max-width: fit-content;}
.procedure-wrapp h2 { font-size: 49px; font-weight: 100; color: var(--global); margin: 0 0 50px;}
.procedure-wrapp h2 span { display: block;}
.procedure-wrapp h2 b { font-weight: 500;}
.procedure-wrapp .procedure-row { width: 100%; display: flex; flex-wrap: wrap;  justify-content: space-between; align-items: center;}
.procedure-wrapp .procedure-col1 { width: 48%; text-align: left;}
.procedure-wrapp  .procedure-col2 { width: 48%;}
.procedure-wrapp .procedure-col2 img { width: 100%; border-radius: 10px;}
.procedure-wrapp .procedure-col3 { width: 100%; margin: 0 0 25px; position: relative; padding-left: 76px;}
.procedure-wrapp .procedure-col3 .icon { position: absolute; top: 7px; left: 0; width: 55px; height: 55px; background: #2b2b2b; display: flex; justify-content: center; align-items: center; padding: 15px; border-radius: 50%;}
.procedure-wrapp .procedure-col3 .icon img { width: 100%;  height: 100%; object-fit: contain;}
.procedure-wrapp .procedure-col3  .procedure-detail { width: 100%;}
.procedure-wrapp h3 {  font-size: 18px; font-weight: 500; margin: 0 0 5px;}
.procedure-wrapp p { color: #9a9a9a; font-size: 16px; line-height: 1.56;}





/* -----------blog-wrapp---------- */
.blog-wrapp { padding: 150px 0 50px; background: var(--secondary);}
.blog-wrapp .blog-head { width: 100%; margin: 0 0 100px;}
.blog-wrapp h4 {font-size: 20px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%);-webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 10px; max-width: fit-content;}
.blog-wrapp h2 { font-size: 49px; font-weight: 100; color: var(--global); margin: 0 0 30px;}
.blog-wrapp h2 b { font-weight: 500;}
.blog-wrapp p { color: var(--global); font-size: 16px; line-height: 1.56;  margin: 0 0 20px;}
.blog-wrapp .blog-row { width: 100%; display: flex; flex-wrap: wrap;}
.blog-wrapp  .blog-col1 { width: 31%; margin: 0 3.5% 50px 0;}
.blog-wrapp .blog-col1:nth-child(3n) { margin-right: 0;}
.blog-wrapp .blog-col1 .blog-img { width: 100%; margin: 0 0 20px;}
.blog-wrapp .blog-col1 .blog-img img { width: 100%; border-radius: 10px; height: 240px; object-fit: cover;}
.blog-wrapp  h3 { font-weight: 500; font-size: 22px; color: var(--global);  margin: 0 0 14px; max-width: fit-content;}
.blog-wrapp .blog-col1 p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 20px; color: #878787; font-size: 16px; line-height: 1.56;}
.blog-wrapp .blog-btn { width: fit-content; display: flex; align-items: center; border: 1px solid transparent; padding: 14px 14px 14px 24px; border-radius: 50px; color: var(--global); letter-spacing: 2px; font-size: 12px; text-transform: uppercase; font-family: "Outfit", sans-serif; cursor: pointer; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%);}
.blog-wrapp .blog-btn .icon {  margin-left: 10px; border-radius: 50%; width: 25px; height: 25px;  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.blog-wrapp .blog-btn:hover { -webkit-transform: scale(1.015); transform: scale(1.015); -webkit-filter: brightness(110%); filter: brightness(110%);}
.blog-wrapp .blog-btn:hover .icon { -webkit-transform: scale(1.15); transform: scale(1.15);}



/* ----------content-wrapp------------ */
.content-wrapp { padding: 150px 0 50px; background: var(--secondary);}
.content-wrapp .content-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.content-wrapp .content-col1 { width: 72%;}
.content-wrapp h2 { font-size: 46px; font-weight: 100; color: var(--global); margin: 0 0 26px;}
.content-wrapp h2 b { font-weight: 500;}
.content-wrapp h4 { font-size: 26px; font-weight: 500;  color: var(--global); margin: 0 0 20px;}
.content-wrapp h3 { font-size: 26px; font-weight: 500;  color: var(--global); margin: 0 0 20px;}
.content-wrapp p { color: var(--global); font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.content-wrapp ul { width: 100%; margin: 0 0 20px;}
.content-wrapp ul li { font-size: 16px; line-height: 1.7; font-weight: 400;  padding-left: 16px; position: relative; margin-bottom: 10px;}
.content-wrapp ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.content-wrapp p a { color: var(--primary);}
.content-wrapp p a:hover { color: var(--gloabal);}
.content-wrapp ol { width: 100%; counter-reset: item;  margin: 0 0 20px;}
.content-wrapp ol li { font-size: 16px; line-height: 1.7; font-weight: 400; padding-left: 20px; position: relative; margin-bottom: 10px; counter-increment: item;}
.content-wrapp ol li:before { content: counter(item) "."; position: absolute; left: 0; top: 0;}
.content-wrapp .share { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid var(--global); padding: 20px 0 0; margin: 30px 0 0; align-items: center;}
.content-wrapp .share h3 { margin: 0 0 0; font-size: 20px;}
.content-wrapp .share .social-icons { width: auto;}
.content-wrapp .share .social-icons ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 0;}
.content-wrapp .share .social-icons ul li { display: inline-block; margin: 0 0 0 10px; padding: 0 0 0;}
.content-wrapp .share .social-icons ul li:before { display: none;}
.content-wrapp .share .social-icons .icon { width: 35px; height: 35px; display: block; padding: 8px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); border: 1px solid var(--primary); border-radius: 50%; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); position: relative; margin: 0 0 0;}
.content-wrapp .share .social-icons .icon img { width: 100%; height: 100%; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.content-wrapp .share .social-icons .icon  .hover-icon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 8px; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); opacity: 0;}
.content-wrapp .share .social-icons .icon:hover { background: none;}
.content-wrapp .share .social-icons .icon:hover .hover-icon { opacity: 1;}
.content-wrapp .share .social-icons .icon:hover > img { opacity: 0;}
.content-wrapp .content-col2 { width: 26%;}
.content-wrapp .recent-blog { background: linear-gradient(0deg, #383838, #383838),linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(171, 171, 171, 0.06) 100%); width: 100%; padding: 15px;}
.content-wrapp .recent-blog .recent-blog-row { width: 100%;}
.content-wrapp .recent-blog .recent-blog-col1 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding: 0 0 10px; margin: 0 0 14px; border-bottom: 1px solid var(--global);}
.content-wrapp .recent-blog .recent-blog-img { width: 80px; height: 80px; margin: 0 10px 0 0;}
.content-wrapp .recent-blog .recent-blog-img img { width: 100%; height: 100%; object-fit: cover;}
.content-wrapp .recent-blog h5 { width: 100%; flex: 1 0 0; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.content-wrapp .recent-blog .recent-blog-col1:last-child { border: none; margin: 0 0; padding: 0 0;}
.content-wrapp .recent-blog h5 a { color: var(--gloabl);}
.content-wrapp .recent-blog h5 a:hover { color: var(--primary);}

.content-wrapp .blog-images {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 24px;}
.content-wrapp .blog-images img { width: 48%; object-fit: cover;}
.content-wrapp .blog-images.single-img img{ width: 100%;}



.default-banner { padding: 0 0 0 !important; height: 400px; position: relative;text-align: center;}
.default-banner .bg-img { width: 100%; height: 100%;}
.default-banner .bg-img img { width: 100%; height: 100%; object-fit: cover;}
.default-banner .inner-content { position: absolute; top: 50%; left: 0;}
.default-banner h1 { font-size: 54px; font-weight: 500; color: var(--global); margin: 0 0 15px;}


.error-page-section {padding: 60px 0;text-align: center;background: var(--secondary);}
.error-page-section h1 {font-size: 60px; color: var(--global); margin: 0 0 20px; font-weight: 500;}
.error-page-section h2 { font-size: 28px; margin: 0 0 20px;}
.error-page-section p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.error-page-section .search-form {width: auto;max-width: 420px;display: flex;flex-wrap: wrap;margin: 0 auto;position: relative;}
.error-page-section .search-form input { height: 70px; width: 100%;background-color: rgba(255, 255, 255, 0.1);color: #ffffff66;  font-size: 12px; font-weight: 500;  text-transform: uppercase; letter-spacing: 2px; border: none; border-radius: 70px; padding: 0 60px 0 30px; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
.error-page-section .search-form .search-submit { position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; background: url(../images/right.png) no-repeat center / 100%; border: none; outline: none;transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); cursor: pointer; padding: 0;}
.error-page-section .search-form .search-submit .screen-reader-text {display: none;}
.error-page-section .search-form .search-submit:hover {-webkit-transform: scale(1.020); transform: scale(1.020); -webkit-filter: brightness(110%); filter: brightness(110%);}


.search-page-section {padding: 60px 0; background: var(--secondary);}
.search-page-section h1 {font-size: 40px; font-weight: 100; color: var(--global); margin: 0 0 20px;}
.search-page-section .search-page-row { width: 100%;  display: flex; flex-wrap: wrap;}
.search-page-section .search-page-card { width: 32%;  margin: 0 2% 30px  0; background: #181818;  padding: 20px 20px 71px; position: relative;}
.search-page-section .search-page-card:nth-child(3n) { margin-right: 0;}
.search-page-section h3 { font-weight: 500; font-size: 20px; background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 10px; max-width: fit-content;}
.search-page-section  p { color: var(--global); font-size: 16px; line-height: 1.56; margin: 0 0 20px; word-break: break-word;}
.search-page-section .search-btn1 { display: inline-block; width: fit-content; align-items: center; border: 1px solid transparent; padding: 14px 26px; border-radius: 50px; color: var(--global); letter-spacing: 2px; font-size: 12px;text-transform: uppercase; font-family: "Outfit", sans-serif; cursor: pointer; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); position: absolute; bottom: 25px; left: 25px;}
.search-page-section .search-btn1:hover { -webkit-transform: scale(1.015); transform: scale(1.015); -webkit-filter: brightness(110%);  filter: brightness(110%);}


.defualt-page-section { background: var(--secondary); padding: 60px 0 20px;}
.defualt-page-section .defualt-page-col1 { padding: 0  0 0;}

#bcg2g8cf5g1c1759995914784.widget-visible { bottom: 52px !important;}


.popup-form { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; z-index: 9999999999;}
.popup-content { background: var(--secondary); border-radius: 0; padding: 45px; max-width: 450px; border: 2px solid var(--primary); width: 90%; text-align: center; position: relative; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); transform: translateY(50px); animation: slidePulse 0.6s forwards;}
.popup-content h2 { font-size: 32px; font-weight: 100; color: var(--global); margin: 0 0 16px;}
.popup-content p { color: #9a9a9a; font-size: 16px; line-height: 1.56;  margin: 0 0 10px;}
.popup-content form  input { width: 100%; height: 42px; border: none; background: none; border-bottom: 1px solid var(--global); color: var(--global); margin: 0 0 20px; font-size: 16px;  font-weight: 300;  border-radius: 0 !important; text-align: center;}
.popup-content form button { display: inline-block; width: fit-content;  align-items: center; border: 1px solid transparent; padding: 14px 26px; border-radius: 50px; color: var(--global); letter-spacing: 2px; font-size: 12px; text-transform: uppercase; font-family: "Outfit", sans-serif; cursor: pointer; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); background: linear-gradient(to right, var(--primary) 0%, #7870B1 100%); margin: 20px 0 0;}
.popup-content form button:hover {-webkit-transform: scale(1.015); transform: scale(1.015); -webkit-filter: brightness(110%);  filter: brightness(110%);}
.popup-content .close-btn { position: absolute; top: 12px; right: 15px; font-size: 24px; cursor: pointer;}
.popup-form.show { opacity: 1;  visibility: visible;}

    @keyframes slidePulse {
        0% {
            transform: translateY(50px) scale(0.95);
            opacity: 0;
        }

        70% {
            transform: translateY(0px) scale(1.02);
            opacity: 1;
        }

        100% {
            transform: translateY(0px) scale(1);
            opacity: 1;
        }
    }

.menu-open .widget-visible {display: none !important;}
.menu-open .whatsapp-iconbtn {display: none;}
.menu-open .review-widget { display: none;}


.whatsapp-iconbtn {width: 50px;height: 50px;background: #11bb19;color: #fff !important;position: fixed;left: 20px;bottom: 100px;z-index: 1050;border-radius: 50%;text-align: center;font-size: 24px;line-height: 50px;-webkit-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-moz-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-ms-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);box-shadow: 0 0 0 0 rgba(103, 184, 81, 0.5);display: flex;justify-content: center;align-items: center;}
.whatsapp-iconbtn img {width: 21px;}

@-webkit-keyframes puls {
    to {
        box-shadow: 0 0 0 20px rgba(25, 153, 204, 0);
    }
}

@-moz-keyframes puls {
    to {
        box-shadow: 0 0 0 20px rgba(25, 153, 204, 0);
    }
}

@-ms-keyframes puls {
    to {
        box-shadow: 0 0 0 20px rgba(25, 153, 204, 0);
    }
}

@keyframes puls {
    to {
        box-shadow: 0 0 0 20px rgba(25, 153, 204, 0);
    }
}


.review-widget {position: fixed; left: 20px; bottom: 20px; background: #fff; border-radius: 6px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); z-index: 1050; cursor: pointer; padding: 12px 16px; width: 180px; border-top: 4px solid #34a853;  transition: transform 0.3s ease, box-shadow 0.3s ease;}
.review-widget:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);}
.review-widget .review-content {width: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.review-top {width: 44px;padding: 0 10px 0 0;}
.google-icon { width: 100%;}
.review-title { font-size: 14px; color: #333; font-weight: 500;}
.review-bottom { display: block;}
.review-widget .review-bottom .reviw-detail {width: 100%;display: flex;flex-wrap: wrap;}
.review-score {font-size: 15px;font-weight: 600; color: #f7931a; margin: 0 5px 0 0;}
.review-stars img {width: 14px;height: 14px;}
.review-stars {display: flex; align-items: center;}


.review-popup { display: none; position: fixed; top: 0; left: 0; width: 368px; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 9999; padding: 0;}
.review-popup.show { display: block;}
.review-popup-content { background: #fff;border-radius: 0; width: 100%; padding: 133px 16px 10px; position: relative; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); overflow-y: auto; max-height: 100%;}
.review-popup-content h2 { margin-bottom: 20px; text-align: center; font-size: 1.6rem; color: #333;}
.review-popup-content .close-btn { position: absolute;  top: 15px; right: 20px; font-size: 24px; cursor: pointer; color: #666; transition: color 0.2s ease; z-index: 9999;}
.review-popup-content .close-btn:hover { color: #000;}
.review-popup-content .wp-google-place { position: absolute !important; width: 100%;  z-index: 999 !important;  background-color: #fff !important; left: 0 !important; top: 0 !important; padding: 10px 16px!important;  box-shadow: 0 1px 2px 0 rgba(0,0,0,.12)!important;}
.review-popup-content .wp-google-place .wp-google-left { display: none !important;}
.review-popup-content .wp-google-place .wp-google-right .wp-google-based { display: none;}



@media screen and (max-width:1399px) {
.inner-banner h2 {font-size: 34px;}

}

@media screen and (max-width:1200px) {
.banner-wrapp { height: 600px;}

.quality-wrapp h3 { font-size: 20px;}

.service-wrapp h2 {font-size: 48px;}
#polyhedron-container { width: 450px; height: 450px;}

.start-project .rocket { width: 200px; top: 0;}

.slogan-wrapp h1 { font-size: 50px;}


.portfolio-wrapp h2 { font-size: 48px;}

.testi-wrapp h2 {font-size: 48px;}

.industries-wrapp h2 { font-size: 48px;}
.industries-wrapp .industries-col1 { padding: 20px;}
.industries-wrapp h3 {font-size: 28px;}


.footer-wrapp ul li {font-size: 16px;}
.footer-wrapp .container { width: 90%;}
.footer-wrapp .footer-col4 { width: 20%;}
.footer-wrapp .footer-row1 p { font-size: 14px;}
.footer-wrapp .footer-row1 ul li { font-size: 14px;}

.about-banner h2 {font-size: 48px;}
.about-banner .about-banner-col1 { width: 51%;}
.about-banner .about-banner-col2 { width: 48%;}


.about-wrapp h2 {  font-size: 48px;}

.about-wrapp .about-col3 h2 { left: -31%;top: 40%;}
.about-wrapp .about-col3 { padding-left: 94px;}
.about-wrapp .about-col5 .about-col6 .about-icon { width: 95px;}

.whychoose-wrapp h2 { font-size: 48px;}

.faq-wrapp h2 {font-size: 48px;}

.services-banner h2 {font-size: 48px;}

.services-wrapp h2 { font-size: 48px;}

.project-banner h2 { font-size: 48px;}

.project-wrapp .project-col1 { height: 23vw;}

.blog-wrapp h2 {font-size: 48px;}

.content-wrapp h2 { font-size: 42px;}


.contact-wrapp h2 {font-size: 48px;}

.case-wrapp h2 { font-size: 48px;}

.inner-banner h2 { font-size: 26px;}
.inner-banner h4 { font-size: 10px;}

.services-wrapp h2 { font-size: 48px;}

.procedure-wrapp h2 { font-size: 48px;}

.blog-wrapp .blog-col1 .blog-img img { height: 16vw;}

.default-banner h1 { font-size: 48px;}

}


@media screen and (max-width:993px) {
.container { width: 90%;}

.banner-wrapp { height: 550px;}

.quality-wrapp .quality-row { z-index: 1;}

.service-wrapp h2 {font-size: 44px;}
.service-wrapp .service-btn1 { padding: 12px 12px 12px 24px;}
.service-wrapp .service-btn1 .icon { margin-left: 12px; width: 25px; height: 25px;}
.service-wrapp .service-col1 > a { padding: 20px 20px 70px;}
.service-wrapp h3 { font-size: 18px;}

.start-project .rocket { width: 190px; top: -5px; left: 20px;}
.start-project { padding: 30px;}
.start-project h2 { font-size: 38px;}

.slogan-wrapp h1 { font-size: 44px;}

.portfolio-wrapp h2 {font-size: 44px;}
.portfolio-wrapp .shape { width: 53%; right: -21%;}
.portfolio-wrapp .view-btn { padding: 12px 12px 12px 24px;}
.portfolio-wrapp .view-btn .icon { margin-left: 12px; width: 25px; height: 25px;}

.testi-wrapp h2 {font-size: 44px;}
.testi-wrapp .element { width: 32%;}

.industries-wrapp h2 { font-size: 44px;}
.industries-wrapp h3{font-size: 22px;}

.collaboration-wrapp h2 { font-size: 34px;}
.collaboration-wrapp .collaborate-btn { padding: 12px 12px 12px 24px;}
.collaboration-wrapp .collaborate-btn .icon { margin-left: 12px; width: 25px; height: 25px;}

.footer-wrapp .footer-col1 { width: 100%; margin: 0 0 34px;}
.footer-wrapp .logo { width: 200px;}
.footer-wrapp .footer-col4 { width: 27%;}
.footer-wrapp .newsletter { width: 400px;}

.about-banner h2 { font-size: 44px;}
.about-banner .about-btn { padding: 12px 12px 12px 24px;}
.about-banner .about-btn .icon { margin-left: 12px; width: 25px; height: 25px;}

.about-wrapp{padding: 70px 0 0;}
.about-wrapp h2 {  font-size: 44px;}
.about-wrapp .about-col3 { display: none;}
.about-wrapp .about-col5 .about-col6 .about-icon { position: relative; top: 0; transform: none; left: 0; margin: 0 0 24px; width: 70px;}
.about-wrapp .about-col5 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.about-wrapp .about-col5 .about-col6 { width: 48%; margin: 0 0 0;}
.about-wrapp .shape2 { top: 65%;}
.about-wrapp .about-row1{margin: 70px 0 0 ;}


.whychoose-wrapp h2 {font-size: 44px;}
.whychoose-wrapp .whychoose-col1 .whychoose-icon { width: 70px;}
.whychoose-wrapp h3 { font-size: 14px;}
.whychoose-wrapp .about-btn { padding: 12px 12px 12px 24px;}
.whychoose-wrapp .about-btn .icon { margin-left: 12px; width: 25px; height: 25px;}

.faq-wrapp h2 {font-size: 44px;}


.services-banner h2 {font-size: 44px;}
.services-banner .service-btn { padding: 12px 12px 12px 24px;}
.services-banner .service-btn .icon { margin-left: 12px; width: 25px; height: 25px;}




.project-banner h2 { font-size: 44px;}
.project-wrapp .project-tabs ul {gap: 20px;}

.blog-wrapp h2 {font-size: 44px;}
.blog-wrapp h3 { font-size: 20px;}
.blog-wrapp .blog-btn { padding: 12px 12px 12px 24px;}
.blog-wrapp .blog-btn .icon { margin-left: 12px; width: 25px; height: 25px;}

.content-wrapp h2 {font-size: 38px;}
.content-wrapp .content-col1 {width: 66%;}
.content-wrapp .content-col2 { width: 30%;}

.contact-wrapp h2 {font-size: 44px;}
.contact-wrapp h3 { font-size: 32px;}

.case-wrapp h2 { font-size: 44px;}
.case-wrapp .case-tabs ul li {margin: 0 10px;}
.case-wrapp .case-row { grid-template-rows: repeat(4, 100px);}


.overlay ol li { font-size: 48px;}

.inner-banner .inner-content .bg-img img { max-width: inherit; width: 120%; left: 50%; position: relative; transform: translateX(-50%);}
.inner-banner .inner-content .bg-img { overflow: hidden;}


.service-inner-wrapp h2 { font-size: 44px;}
.service-inner-wrapp .service-inner-col3 { width: 100%; margin: 0 0 20px;}
.service-inner-wrapp .contact-btn { padding: 12px 12px 12px 24px;}
.service-inner-wrapp .contact-btn .icon { margin-left: 12px; width: 25px; height: 25px;}


.procedure-wrapp h2 { font-size: 44px;}
.procedure-wrapp p { font-size: 14px;}

.default-banner h1 { font-size: 44px;}

}

@media screen and (max-width:767px) {

.quality-wrapp .quality-row {position: relative; top: 0; transform: none; padding: 0 0 0;}
.quality-wrapp { height: auto; padding: 70px 0 43px; display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
.quality-wrapp .quality-col .quality-col1 { margin: 0 0 27px !important; width: 100%; background: linear-gradient(180deg, #171717 0%, #323335 0%, rgba(90, 90, 90, 0) 49%, #171717 100%);  padding: 20px;}
.quality-wrapp .quality-col:last-child { text-align: left; align-items: start;}
.quality-wrapp .quality-col:last-child h3 { margin: 0 0 16px;}
.quality-wrapp .robot-wrapp { display: none;}

.service-wrapp .service-head .service-left {width: 100%; margin: 0 0 20px;}
.service-wrapp h2 { font-size: 38px;}

.start-project .rocket { position: relative; width: 164px; top: 0; left: 0;}
.start-project { justify-content: center; margin: 70px 0 0;}
.start-project .start-project-col1 { width: 100%;}

.slogan-wrapp { padding: 25px 0 50px;}
.slogan-wrapp h1 { font-size: 40px;}


.portfolio-wrapp h2 { font-size: 38px;}
.portfolio-wrapp { padding: 70px 0;}
.portfolio-wrapp .portfolio-head { margin: 0 0 30px;}
.portfolio-wrapp .portfolio-col1:nth-child(1) { margin: 60px 0 0;}
.portfolio-wrapp .portfolio-col1 .portfolio-col2 { margin: 0 0 50px;}

.testi-wrapp { padding: 100px 0 70px;}
.testi-wrapp h2 {font-size: 38px;}
.testi-wrapp .testi-col1 .author-detail .author-name h3 { font-size: 14px;}

.industries-wrapp { padding: 70px 0 40px;}
.industries-wrapp h2 { font-size: 38px;}
.industries-wrapp .industries-col1 { width: 48%; padding: 0 0 20px; margin: 0 0 30px;}
.industries-wrapp .industries-col1:before { display: none;}
.industries-wrapp .industries-row { justify-content: space-between;}
.industries-wrapp .industries-col1:after { opacity: 1; visibility: visible; left: 0 !important; bottom: 0; top: inherit !important;}

.collaboration-wrapp { padding: 70px 0;}
.collaboration-wrapp .bg-img { display: none;}
.collaboration-wrapp:after { background: linear-gradient(90deg, rgba(238, 42, 104, 1) 16%, rgba(120, 112, 177, 1) 100%);}
.collaboration-wrapp .collaboration-col1 { width: 100%;}


.footer-wrapp .footer-col1 { width: 100%; margin: 0 0 34px;}
.footer-wrapp .logo { margin: 0 auto 20px;}
.footer-wrapp .footer-col4 { width: 100%;}
.footer-wrapp .newsletter { margin: 0 auto;  width: 100%;  max-width: 400px;}
.footer-wrapp .footer-row1 p { font-size: 14px;}
.footer-wrapp .footer-row1 ul li { font-size: 14px;}
.footer-wrapp { text-align: center;}
.footer-wrapp .newsletter input {  height: 60px;}
.footer-wrapp .newsletter .submit-btn { width: 30px; height: 30px;}
.footer-wrapp .footer-col2 {  width: 100%; margin: 0 0 12px;}
.footer-wrapp ul li { display: inline-block;  margin: 0 8px 5px;}
.footer-wrapp .footer-col3 {  width: 100%;  margin: 0 0 12px;}
.footer-wrapp .social-icons ul { justify-content: center;}
.footer-wrapp .footer-row1 { flex-direction: column; justify-content: center;}

.about-banner .about-banner-col1 { width: 100%; margin: 0 0 50px;}
.about-banner .about-banner-col2 { width: 100%;}
.about-banner h2 { font-size: 38px;}

.about-wrapp .about-col1 { width: 100%;}
.about-wrapp h2 { font-size: 38px;}
.about-wrapp .about-col2 { width: 100%; margin: 50px 0 0;}

.about-wrapp .about-col5 .about-col6 { width: 100%; margin: 0 0 50px;}


.whychoose-wrapp h2 { font-size: 38px;}
.whychoose-wrapp h3 { font-size: 14px;}
.whychoose-wrapp .whychoose-col1 { width: 100%; margin: 0 0 30px; padding-left: 35%;}
.whychoose-wrapp .whychoose-col2 { width: 100%;}
.whychoose-wrapp .shape { width: 32%;}


.faq-wrapp h2 {font-size: 38px;}
.faq-wrapp .accordion .accordion-col1 { width: 100%;}
.faq-wrapp { padding: 0 0 20px;}

.services-banner h2 {font-size: 38px;}
.services-banner .services-banner-col1 { width: 100%;}
.services-banner .services-banner-col2 { width: 100%;}
.services-banner .services-banner-col2 img { height: inherit;}

.services-wrapp h2 { font-size: 38px;}
.services-wrapp .services-col1 {width: 100%;}
.services-wrapp .services-col2 { width: 100%; margin: 0 0 50px;}
.services-wrapp .services-row { flex-direction: column-reverse;}
.services-wrapp { padding: 30px 0 50px;}
.services-wrapp .services-col1 img { height: inherit;}

.services-wrapp .service-col3 {width: 48%; margin: 0 4% 30px 0;}
.services-wrapp .service-col3:nth-child(3n) { margin-right: 4%;}
.services-wrapp .service-col3:nth-child(2n) { margin-right: 0;}
.services-wrapp .shape {top: 58px;}


.project-banner h2 { font-size: 38px;}
.project-slider .swiper-slide { width: 350px;}

.project-wrapp { padding: 0 0 50px;}
.project-wrapp .project-col1 { width: 48%; margin: 0 4% 30px 0; height: 39vw;}
.project-wrapp .project-col1:nth-child(3n) { margin-right: 4%;}
.project-wrapp .project-col1:nth-child(2n) { margin-right: 0;}


.blog-wrapp h2 {font-size: 38px;}
.blog-wrapp .blog-head { margin: 0 0 45px;}
.blog-wrapp .blog-col1 { width: 48%; margin: 0 4% 50px 0;}
.blog-wrapp .blog-col1:nth-child(3n) { margin-right: 4%;}
.blog-wrapp .blog-col1:nth-child(2n) { margin-right: 0;}
.blog-wrapp { padding: 150px 0 0;}

.content-wrapp { padding: 150px 0 20px;}
.content-wrapp .content-col1 { width: 100%; margin: 0 0 50px;}
.content-wrapp .content-col2 { width: 100%;}
.content-wrapp .recent-blog .recent-blog-row { display: flex; flex-wrap: wrap; justify-content: space-between;}
.content-wrapp .recent-blog .recent-blog-col1 { width: 48%;}
.content-wrapp .recent-blog .recent-blog-col1:last-child { border-bottom: 1px solid var(--global); padding: 0 0 10px; margin: 0 0 14px;}
.content-wrapp h2 { font-size: 34px;}

.contact-wrapp { padding: 150px 0 20px;}
.contact-wrapp h2 {font-size: 38px;}
.contact-wrapp h3 { font-size: 30px;}
.contact-wrapp .contact-col1 {width: 100%;}
.contact-wrapp .contact-col2 { width: 100%; padding: 30px 10px;}

.case-wrapp .case-tabs { margin: 0 0 30px;}
.case-wrapp { padding: 60px 0 20px;}
.case-wrapp h2 { font-size: 38px;}
.case-wrapp .case-tabs ul li {margin: 0 5px 10px; padding: 10px 14px;}
.case-wrapp .case-row { grid-template-rows: repeat(7, 100px); grid-template-columns: repeat(6, 1fr);}
.case-wrapp .grid1 {grid-area: 1 / 1 / 3 / 4;}
.case-wrapp .grid2 {grid-area: 1 / 4 / 3 / 8;}
.case-wrapp .grid3 {grid-area: 8 / 1 / 5 / 8;}
.case-wrapp .grid4 {grid-area: 3 / 1 / 5 / 8;}

.inner-banner .inner-content .inner-imgs { width: 100%; position: relative;}
.inner-banner .inner-content { display: flex; flex-wrap: wrap; justify-content: center;}
.inner-banner .service-title { position: relative; top: 0; left: 0;  transform: none; order: -1;}
.inner-banner { padding: 120px 0 20px;}

.service-inner-wrapp .service-inner-col1 { width: 100%; margin: 0 0 30px;}
.service-inner-wrapp .service-inner-col2 { width: 100%;}
.service-inner-wrapp .service-inner-col3 { width: 48%; margin: 0 4% 20px 0;}
.service-inner-wrapp h2 { font-size: 38px;}
.service-inner-wrapp { padding: 70px 0;}

.procedure-wrapp .procedure-col1 { width: 100%;}
.procedure-wrapp .procedure-col2 { width: 100%;  margin: 0 0 30px;}
.procedure-wrapp .procedure-row { flex-direction: column-reverse;}
.procedure-wrapp { padding: 70px 0 50px;}
.procedure-wrapp h2 { font-size: 38px;}

.faq-wrapp2 { padding: 70px 0 20px;}

.footer-wrapp .newsletter .tnp.tnp-subscription input {height: 60px;}
.footer-wrapp .newsletter .tnp.tnp-subscription .tnp-field.tnp-field-button {width: 30px; height: 30px;}

.blog-wrapp .blog-col1 .blog-img img { height: 26vw;}

.error-page-section .search-form input { height: 60px;}
.error-page-section .search-form .search-submit { width: 30px; height: 30px;}


.search-page-section .search-page-card { width: 48%; margin: 0 4% 30px 0;}
.search-page-section .search-page-card:nth-child(3n) { margin-right: 4%;}
.search-page-section .search-page-card:nth-child(2n) { margin-right: 0;}

.default-banner h1 { font-size: 38px;}

.search-page-section h1{font-size: 38px;}

.review-top { width: 100%; padding: 0; background: url(../images/google-text.svg) no-repeat center / contain; height: 26px; background-position-x: left;}
.review-top img.google-icon { display: none;}
.review-widget { width: 117px;padding: 10px;left: 15px;}
.review-txt { display: none;}
.whatsapp-iconbtn { left: 15px;}

}

@media screen and (max-width:600px) {
.banner-wrapp { height: 480px;}

.project-slider .swiper-slide { width: 300px;}

.project-wrapp .project-tabs ul { gap: 4%;}
.project-wrapp .project-tabs ul li { flex: 0 0 48%; width: 48%; margin: 0 0 17px;}
.project-wrapp .project-tabs { margin: 0 0 20px;}

}

@media screen and (max-width:480px) {
.banner-wrapp .video-wrapp.mobile-banner { display: block;}
.banner-wrapp .video-wrapp { display: none;}
  
.quality-wrapp .quality-col {width: 100%;}

.service-wrapp h2 { font-size: 35px;}
.service-wrapp { padding-top: 230px;}
.service-wrapp .service-col1 .service-cont { transform: translateY(0); opacity: 1;}

.start-project { padding: 20px;}
.start-project .rocket { width: 130px;}
.start-project h2 { font-size: 32px;}
.start-project .enquire-btn {  padding: 20px 24px;}


.slogan-wrapp h1 { font-size: 32px;}

.portfolio-wrapp h2 { font-size: 35px;}
.portfolio-wrapp .portfolio-col1 { width: 100%;}
.portfolio-wrapp .portfolio-col1:nth-child(1) { margin: 20px 0 0;}
.portfolio-wrapp .portfolio-col1:nth-child(2) .portfolio-col2:nth-child(1) { margin-left: auto;}

.testi-wrapp h2 {font-size: 35px; margin: 0 0 30px;}
.testi-wrapp .element { width: 38%;right: -9%;}

.industries-wrapp h2 { font-size: 35px;}
.industries-wrapp .industries-col1 { width: 100%;}

.collaboration-wrapp .collaboration-col1 { padding: 25px;}
.collaboration-wrapp h2 { font-size: 32px;}


.about-banner h2 { font-size: 35px;}

.about-wrapp h2 { font-size: 35px;}

.whychoose-wrapp h2 { font-size: 35px;}
.whychoose-wrapp .whychoose-col1 .whychoose-icon { width: 19%;}

.faq-wrapp h2 {font-size: 35px;}

.services-banner h2 {font-size: 35px;}

.services-wrapp h2 { font-size: 35px;}
.services-wrapp .shape { width: 43%;}
.services-wrapp .service-col3 { width: 100%; margin: 0 0 30px !important;}

.project-banner h2 { font-size: 35px;}
.project-slider .swiper-slide { width: 250px;}

.project-wrapp .project-col1 { border-radius: 10px;}

.blog-wrapp h2 {font-size: 35px;}
.blog-wrapp .blog-col1 {width: 100%; margin: 0 0 50px !important;}

.content-wrapp h2 { font-size: 28px;}
.content-wrapp h4 { font-size: 22px;}
.content-wrapp .recent-blog .recent-blog-col1 { width: 100%;}

.contact-wrapp h2 {font-size: 35px;}
.contact-wrapp .contact-col2 .text-fields .text-field { width: 100%;}
.contact-wrapp h3 { font-size: 28px;}
.contact-wrapp .contact-detail ul li { font-size: 14px;}


.case-wrapp h2 { font-size: 35px;}
.case-wrapp .case-row { grid-template-rows: repeat(7, 70px);}

.overlay ol li { font-size: 38px;}

.inner-banner h2 { font-size: 22px;}

.service-inner-wrapp h2 { font-size: 35px;}
.service-inner-wrapp .service-inner-col3 { width: 100%;  margin: 0 0 20px;}

.procedure-wrapp h2 { font-size: 35px;}

.blog-wrapp .blog-col1 .blog-img img { height: 53vw;}

.search-page-section .search-page-card { width: 100%; margin: 0 0 30px 0 !important;}

.default-banner h1 { font-size: 35px;}

.search-page-section h1{font-size: 35px;}

.whatsapp-iconbtn {left: 15px;}

.review-popup { width: 100%;}

}