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

/* CSS Document © 2024 ProWebPrism */

::-moz-selection {
  background: #7b7d7f;
  color: #000;
  text-shadow: none;
}
::selection {
  background: #7b7d7f;
  color: #000;
  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: "Roboto", sans-serif;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  color: #464444;
  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 {
  --primary-color: #2382B3;
  --secondary-color: #263779;
  --global-color: #000;
}
a {
  text-decoration: none;
  transition: all 0.25s ease-out 0s;
  outline: none;
  box-shadow: none;
   font-family: "Roboto", sans-serif;
}
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: "Roboto", sans-serif;
}
p,
p span {
  font-family: "open", sans-serif;
}
img {
  border: 0px;
}
ol,
ul,
li {
  list-style: none;
  font-family: "open", sans-serif;
}
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;
}
button {
  border: none;
}

.burger-btn{display: none;}
.overlay{display: none;}

/* -------header-wrap----------------- */

.header-wrap { padding: 10px 0; background: linear-gradient(       to right,    #ffffff 0px,    #ffffff 300px,    var(--primary-color) 100%);}
.header-row { display: flex;  justify-content:space-between; align-items: center;}
.header-logo { width: 180px;position: relative;z-index: 3;}

.header-wrap .header-menu ul {width: auto;display: flex; flex-wrap: wrap; align-items: center;}
.header-wrap  .header-menu ul li {display: inline-block; font-size: 16px; color: var(--primary); font-weight: 600; margin: 0 0 0 15px;}
.header-wrap  .header-menu ul li a { color:#010c38; padding: 10px; display: block;position: relative;}
.header-wrap  .header-menu ul  li a:hover { color: #fff; }

.header-wrap.sticky{position: fixed;top: 0;z-index: 999;animation: 0.5s slide-down;}
@keyframes slide-down {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

/* .header-menu .nav-menu li a.active::after { width: 100%;} */
.header-menu .header-menu li a:after {content: "";position: absolute;width: 0;height: 2px;left: 50%;transform: translateX(-50%);bottom:-2px;background:#010c38;transition: all .25s ease-in-out;border-radius: 100px;} */
.header-menu .header-menu li a:hover::after { width: 100%;}
.header-menu .header-menu li .nav-link{padding : 0 !important}



.header-wrap ul li .sub-menu.dropdown-menu { display: none; position: absolute; width: 200px; background: linear-gradient(rgb(165, 225, 255), rgb(255, 255, 255)); top: 100%; left: 0px; opacity: 0; visibility: hidden; transition: 0.25s ease-in-out; padding: 10px 0px; border: none; height: 260px;overflow-y: auto; }
.header-wrap  ul li .sub-menu.dropdown-menu li { display: block;}
.header-wrap  ul li.dropdown { position: relative; background: url(../images/chevron-down-svgrepo-com.svg) no-repeat center / 20px; background-position-x: 100%; padding-right: 12px;}
.header-wrap  ul li .sub-menu.dropdown-menu li a { color: #000; padding: 10px 15px;}
.header-wrap  ul li .sub-menu.dropdown-menu li a:hover {  color:var(--primary-color);}
.sub-menu.dropdown-menu li a:after{display: none;}
.header-wrap  ul li:hover .sub-menu.dropdown-menu { display: block; opacity: 1; visibility: visible;}








/* -----------------banner-wrap----------------- */
.banner-wrap { position: relative;height: 100vh; width: 100%;overflow: hidden;}
.banner-wrap .banner-bg { position: absolute; object-fit: cover; z-index: 0; top: 0;  left: 0; width: 100%; height: 100%;}
.banner-wrap .banner-video {position: absolute; top: 0; left: 0; width: 100%;  height: 100%; object-fit: cover;}
.banner-video video{width: 100%; height: 100%; object-fit: cover;}
.banner-wrap .banner-bg img{object-fit: cover;width: 100%; height: 100%;}
.banner-wrap::after { content: ""; top: 0; left: 0; background-color: #00000056; position: absolute; z-index: 1; height: 100%; width: 100%;}
.banner-row h1{font-size: 50px;color: #fff; font-weight:700; text-transform:capitalize; margin: 0 0 20px;}
.banner-content{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff;width: 100%; height: 100%; z-index: 10; display: flex;flex-direction: column; justify-content: center; align-items: center;}


.bubbles { 
  padding: 12px 30px;
  font-size:16px;
  background-color:#fff;
  border:1px solid var(--primary-color);
  border-radius: 0.2em;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  transition: 300ms cubic-bezier(0.83, 0, 0.17, 1);
  display: inline-flex;
  z-index: 1;
}

.bubbles > .text {
  font-weight: 700;
  color: var(--primary-color);
  position: relative;
  z-index: 1;
  transition: color 700ms cubic-bezier(0.83, 0, 0.17, 1);
  display: inline-block;
}

.bubbles::before {
  top: 0;
  left: 0;
}

.bubbles::after {
  top: 100%;
  left: 100%;
}

.bubbles::before,
.bubbles::after { content: "";width: 150%;aspect-ratio: 1/1; scale: 0; transition: 1000ms cubic-bezier(0.76, 0, 0.24, 1);background-color: var(--primary-color); border-radius: 50%;
 position: absolute; translate: -50% -50%;
}

.bubbles:hover {
  & > span {
    color: #fff;
  }
  &::before,
  &::after {
    scale: 1;
  }
 }
.bubbles:hover .text {color: #fff;}
.bubbles:active {scale: 0.98;filter: brightness(0.9);}





.default-banner{position: relative;height:90vh;}
.default-banner .default-image{width: 100%;height: 100%;overflow: hidden;}
.default-banner .default-image img{width: 100%;height: 100%;object-fit: cover;display: block;}
.default-banner .default-row{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 30px; text-align: center;}
.default-banner .default-row h2{font-size: 48px;color:#fff;font-weight: 600;text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);}
.default-banner .default-row p{color: #fff;font-size: 16px;line-height: 1.56;}
.default-banner::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.237); z-index: 0;}











.about-wrap{padding: 60px 0; background-color: #fff;overflow: hidden;}
.about-row{display: flex;flex-wrap: wrap;justify-content:space-between;align-items: center;}
.about-col1{width: 48%;}
.about-col2{display: flex; flex-wrap: wrap;justify-content: center;align-items: center;width: 48%;}
.about-four-column{display: flex; flex-wrap: wrap;justify-content: center;align-items: center;}
.about-col2 .about-img{width: 100%; height: 100%;}
.about-col1 h6{font-size: 18px; text-transform: uppercase;color: var(--primary-color); margin: 0 0 20px;font-weight: 600;}
.about-col1 h2{font-size: 48px;color:#000; font-weight: 600; margin: 0 0 20px;}
.description p{font-size: 16px; line-height: 1.56;color:#666; margin: 0 0 20px; text-align: justify;}
.about-col1 .description p{text-align: justify;}
.about-col{width: 50%;height:280px;}
.about-col.green h2{font-size: 58px; color: #000; font-weight: 700; margin: 0 0 10px;text-align: right;line-height:0.90;}
.about-col.green P{font-size: 18px; line-height: 1.56; color: #000;text-align:right;}
.about-col.blue h2{font-size: 58px; color: #000; font-weight: 700; margin: 0 0 10px;text-align:left;line-height:0.90;}
.about-col.blue P{font-size: 18px; line-height: 1.56; color:#000;text-align:left;}
.about-col.red img{width: 100%;height: 100%;object-fit: cover;display: block;}
.about-col.green{background-color:#e0f2ff; border-bottom-left-radius:200px ;border-top-left-radius:200px;padding: 20px;overflow: hidden;display: flex;flex-direction: column;justify-content:center;align-items: end; position: relative;}
.about-col.blue{background-color:#f3faff;  border-bottom-right-radius:200px ;border-top-right-radius:200px;padding: 20px;overflow: hidden; display: flex;flex-direction: column;justify-content: center;}
.about-col.yellow img{width: 100%;height: 100%;object-fit: cover;display: block;}
.about-col .icon{margin: 0 0 10px;}
.about-col .icon img{width: 100px; animation: spin 5s linear infinite;}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.about-col .icon svg {  width: 100px;  height: 100px;  stroke: #2382B3;}



.industry-wrap{padding: 100px 0;background-color:#0000004e !important;position: relative;overflow: hidden;}
.industry-wrap h6{font-size: 18px; text-transform: uppercase;color:var(--primary-color); margin: 0 0 20px; text-align: center;font-weight: 600;}
.industry-row{display: flex;flex-wrap: wrap;}
.industry-row.industry-slider{display: unset;}
.industry-slider .slick-slide{margin: 0 10px;}
.industry-col1{height: 300px; width: 23.5%;margin: 0 2% 20px 0 ;transition: all 0.5s;position: relative;border-radius:10px;overflow: hidden;}
.industry-slider .industry-col1{margin: 0;}
.industry-col1:nth-child(4n){margin: 0;}
.industry-col1 .image{width: 100%;height: 100%;overflow: hidden;}
.industry-col1 .image img{width: 100%;height: 100%;object-fit: cover;display: block;transition: all 0.5s;}
.industry-col1 .content{position: absolute; bottom:0; left: 0px;padding: 20px;z-index: 2;}
.industry-col1 .content h3{ color: #fff; font-size: 18px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);text-transform: uppercase; font-weight: 600;}
.industry-col1:hover img{transform: scale(1.2);}
.industry-col1::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.237); z-index: 1;}
.industry-col1:hover .image{filter: blur(5px);}
.industry-col1:hover .content{top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;text-align:center;width: 100%;flex-direction: column;}
.industry-wrap::before { content: ""; height: 200px;width: 200px;position: absolute;top: -40%;left: -20%;border-radius: 50%;border: 35px solid #2383b388;transition: all .8s ease; filter: blur(.5rem);}
.industry-wrap:hover::before { width: 800px; height: 800px; top: -30%; left: 50%; filter: blur(1rem);}



.solution-wrap{padding: 100px 0;background-color:#0000004e;}
.solution-wrap h6{font-size: 18px; text-transform: uppercase;color:#fff; margin: 0 0 40px; text-align: center;font-weight: 600;}
.solutions-row{display: flex;flex-wrap: wrap;}
.solutions-row.solution-slider{display: unset;}
.solution-wrap .solutions-col1 { position: relative; width: 23.5%; height: 300px;background-color: #fff;border-radius:10px;border: 1px solid #000;overflow: hidden; transition: all 0.5s;}
.solution-wrap .solutions-col1 img{width: 100%; height: 100%; object-fit: cover;}
.solution-wrap .solutions-col1 .content{position: absolute; bottom: 0; left: 0; padding: 20px; z-index: 2; width: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: space-between; gap:10px; align-items: center;}
.solution-wrap .solutions-col1 .content h3{ color: #fff; font-size: 16px;text-transform: uppercase; font-weight: 600; text-align:left;margin-right: 2%;}
.solution-slider .slick-slide{margin: 0 10px;}
.solution-wrap .solutions-col1 .icon{height: 35px;width: 35px;flex-shrink: 0; transition: all 0.5s;}
.solution-wrap .solutions-col1:hover .icon{ transform: rotate(-45deg);}
.solution-wrap .solutions-col1:hover .content { background-color:var(--primary-color); }



.product-wrap{padding: 60px 0; background-color: #fff;overflow: hidden;}
.product-row{display: flex;flex-wrap: wrap;justify-content: center;}
.product-wrap h6{font-size: 18px; text-transform: uppercase;color: var(--primary-color); margin: 0 0 20px; text-align: center;font-weight: 600;}
.e-card {background:#000;  box-shadow: 0px 8px 28px -9px rgba(0,0,0,0.45);  position: relative;  width:100%;  height: 330px;  border-radius: 16px;overflow: hidden;}
.wave {  position: absolute;  width:100%;  height: 700px;  opacity: 0.6;  left: 0;  top: 0;  margin-left:-40%;  margin-top:-40%;  background: linear-gradient(744deg,#ffffff,#2382B3 60%, #263779);}
.infotop {  position: absolute;  top:50%;  left:50%;right: 50%;  transform: translate(-50%, -50%);  width: 100%;  height: 100%;  display: flex;align-items: center;justify-content: center;text-align:center;padding: 20px;}
.infotop h3{color: rgb(255, 255, 255);font-weight: 600;font-size: 28px;animation: textMove 3s ease-in-out infinite alternate;}
@keyframes textMove {
    0% {
      opacity: 0;
      transform: translateY(20px);
      color: #e0ffe0;
    }
    50% {
      opacity: 1;
      transform: translateY(0);
      color: #2382B3;
    }
    100% {
      opacity: 1;
      transform: translateY(-20px);
      color: #48dbfb;
    }
  }

.wave:nth-child(2),
.wave:nth-child(3) {
  top: 510px;
}

.playing .wave {
  border-radius: 40%;
  animation: wave 3000ms infinite linear;
}

.wave {
  border-radius: 40%;
  animation: wave 55s infinite linear;
}
.playing .wave:nth-child(2) {
  animation-duration: 4000ms;
}
.wave:nth-child(2) {
  animation-duration: 50s;
}
.playing .wave:nth-child(3) {
  animation-duration: 5000ms;
}
.wave:nth-child(3) {
  animation-duration: 45s;
}
@keyframes wave {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}



.partners-wrap{padding: 60px 0; background-color: #fff;overflow: hidden;}
.partners-wrap h6{font-size: 18px; text-transform: uppercase;color: var(--primary-color); margin: 0 0 20px; text-align: center;font-weight: 600;}
.partners-slider .slick-slide{margin:0 10px;}
.partner-col{display: flex !important;justify-content: center !important;align-items: center !important;width: 200px;height: 150px;}
.partner-col img{width: 150px;}
.slick-dotted.slick-slider{margin: 0;}

.service-wrap{padding: 60px 0;background-color:#cce9fa;width:100%;overflow: hidden;}
.service-wrap  .circle {   position: absolute;   border-radius: 9999px;   filter: blur(8px);   transition: 0.5s; }
.service-wrap:hover .circle { filter: blur(0);   transform: translate(3rem, 3rem); }
.service-wrap:hover .circle4 {transform: translate(-3rem, 0);}
.service-content{position: relative; z-index: 5;}     
.service-content h6{font-size: 18px; text-transform: uppercase;color: var(--primary-color); margin: 0 0 20px; text-align: center;font-weight: 600;}
.service-wrap .description p{color: #000;text-align: center;}
.service-row{display: flex;flex-wrap: wrap;}
.service-col1{width: 23.5%; background-color: transparent;border: 1px solid #ccc; padding: 20px;transition: all 0.1s;display: flex;flex-direction: column;position: relative;border-radius:10px;background-color: #000;margin: 0 2% 20px 0;}
.service-col1:nth-child(4n){margin-right: 0;}
.service-col1:last-child{margin-right: 0;}
.service-col1 h3{font-size:20px; color:var(--primary-color); text-transform:capitalize; font-weight: 600; margin: 0 0 20px; text-align: center;}
.service-col1:hover h3{color:#fff; }
.service-col1 .icon{width:100%;margin: 0 0 20px;object-fit: contain;display: flex;justify-content: center;align-items: center;}
.service-col1 .icon img{width: 50px;}
.service-col1 ul{text-align: left;}
.service-col1 ul li{color: #fff;font-size: 16px;margin: 0 0 8px; line-height: 1.56; padding-left: 20px; position: relative;}
.service-col1 ul li::before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; background-color:#fff; border-radius: 50%;}
.service-col1:hover ul li::before{background-color: #fff;}
.service-col1::before,
.service-col1::after {position: absolute;content: ""; width: 20%; height: 20%; display: flex; align-items: center; justify-content: center;  font-size: 25px;  font-weight: bold; background-color:var(--primary-color); transition: all 0.5s; z-index: -1;}
.service-col1::before { top: 0; right: 0; border-radius: 0 10px 0 100%;}
.service-col1::after {bottom: 0;left: 0;border-radius: 0 100%  0 10px;}
.service-col1:hover::before,
.service-col1:hover:after {width: 100%;height: 100%; color: #fff; border-color: var(--primary-color); border-radius: 10px; transition: all 0.5s;}

.fixed-image-wrap { position: fixed; top: 0; left: 0;  width: 100%;  height: 100%;  z-index: -6;  overflow: hidden;}
.banner-images { height: 100vh;  width: 100%;}
.banner-images img { width: 100%; height: 100%; object-fit: cover;object-position: top;}


.testimonials-wrap{padding: 60px 0;background-color: #fff;overflow: hidden;}
.testimonials-wrap h6{font-size: 18px; text-transform: uppercase;color: var(--primary-color); margin: 0 0 20px; text-align: center;font-weight: 600;}
.testimonials-wrap .slick-slide{margin: 0 10px;}
.testi-col1{background-color:#e0f2ff; padding: 20px; display: flex !important;flex-direction: column;justify-content: center;align-items: center;}
.testi-col1 h4{font-size: 20px; color: var(--primary-color); font-weight: 600;text-align: center;}
.testi-col1 p{font-size: 16px; line-height: 1.56; color: #000; margin: 0 0 20px; text-align: center;}
.top-content{display: flex;justify-content: space-between;align-items: center;margin: 0 0 20px; width: 100%;}
.profile img{width: 50px; height: 50px; border-radius: 50%; object-fit: cover; margin-right: 10px;}
.testi-col1 .rating{width: 80px;}


.contact-wrap{padding: 60px 0;background-color: #fff;overflow: hidden;}
.contact-row{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact-col1{width: 48%;}
.contact-col2{width: 48%;}
.contact-col1 h6{font-size: 18px;color:var(--primary-color);font-weight: 600;margin: 0 0 10px;}
.contact-col1 h2{font-size: 35px;font-weight: 600;margin: 0 0 20px;line-height: 1.26;color:#000;}
.contact-col1 p{font-size: 16px;line-height: 1.56;margin: 0 0 20px;color: #000;}
.contact-form input{width: 100%;height: 50px;border:1px solid #ccc;border-image: initial;border-radius: 4px;padding: 20px;margin: 0 0 20px;font-size: 14px; color: #fff !important; background:transparent;}
.contact-form textarea{width: 100%;height: 150px;border:1px solid #ccc;border-radius: 4px;padding:  20px;margin: 0 0 20px;font-size: 14px; color: #fff !important; background: transparent;}
.contact-content{display: flex;flex-wrap: wrap;}
.contact-content .contact-info{width: 49%;margin: 0 2% 20px 0; background-color: #f3faff;padding: 10px;}
.contact-content .contact-info h5{font-weight: 600;font-size: 20px;color: #000;}
.contact-content .contact-info .text{width: 100%;text-align: left;}
.contact-content .contact-info .text a{color:#524b4b;font-size:14px}
.contact-content .contact-info .text p{font-size: 14px;color:#524b4b;margin: 0;}
.contact-content .contact-info .icon{width: 50px;margin-right: 10px;}
.contact-content .contact-info .top-row{width: 100%;display: flex;align-items: center;margin: 0 0 10px;}
.contact-content .contact-info:nth-child(2n){margin-right:0}
.social-icons{display: flex;flex-wrap: wrap;gap: 20px;}
.social-icons .icon-col1{width: 30px; transition: all 0.3s;}
.social-icons .icon-col1:hover{transform: scale(1.2);}
.heading{font-weight: 600;font-size: 20px;color: #000;margin: 0 0 10px;}


.contact-form input{width: 100% !important;border:1px solid #ccc !important;border-image: initial !important;border-radius: 4px !important;padding: 20px !important;margin: 0 0 20px !important;font-size: 14px !important; color: #000 !important;}
.contact-form textarea{width: 100% !important;height: 150px !important;border:1px solid #ccc !important;border-radius: 4px !important;padding:  20px !important;margin: 0 0 20px !important;font-size: 14px !important; color: #000 !important;}

.everest-forms-submit-button.button.evf-submit{border-radius: 5px !important; padding: 12px 30px !important;background-color: var(--secondary-color) !important;color: #fff !important;font-size: 14px !important;font-weight: 600 !important;display: inline-block !important;transition: all 0.5s !important;text-transform: uppercase !important;}
.everest-forms-submit-button.button.evf-submit:hover{background-color: var(--primary-color) !important;}
.evf-submit-container {padding:0 !important}
.input-text { margin: 0 !important;}
.evf-field.evf-field-text.form-row.validate-required {margin:0 !important;}
.evf-container.default{margin:0 !important;}
.evf-field.evf-field-email.form-row.validate-required.validate-email{margin:0 !important}
.evf-frontend-grid.evf-grid-1 {padding:0 !important}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field, .wp-block-everest-forms-form-selector .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field { margin-bottom: 0;}




.footer-wrap{background-color:#000;padding:60px 0 30px;position: relative;}
.footer-row{display: flex;flex-wrap: wrap;padding-bottom:20px ;border-bottom: 1px solid #ccc;margin: 0 0 20px;}
.footer-col1{width: 18.4%;margin: 0 2% 0 0 ;}
.footer-col1:nth-child(5n){margin-right: 0;}
.footer-col1 h3{font-size: 22px; color:var(--primary-color); font-weight: bold; margin: 0 0 20px;}
.footer-logo{width: 180px;}
.footer-logo img{object-fit: contain;width: 100%;height: 100%;}
.footer-col1 li{color: #fff;font-size: 14px;margin: 0 0 8px;}
.footer-col1 li a{color: #fff;}
.footer-col1 li a:hover{color:var(--primary-color);}
.image{width: 20px;}
.footer-col1  .contact-info{margin: 0 0 8px; display: flex;align-items:center;flex-shrink: 0; gap:10px;}
.footer-col1 .contact-info  .icon{width: 18px;flex-shrink: 0;}
.footer-col1 .contact-info p{font-size: 14px;color: #fff;}
.footer-col1 .contact-info a{color: #fff;}
.footer-col1 .contact-info a:hover{color: var(--primary-color);}
.footer-row1{display: flex;justify-content: space-between;}
.footer-row1 p{font-size: 14px;color: #fff;}
.footer-row1 p a{color: var(--primary-color);}
.footer-row1 p a:hover{color:#fff;}


.solution-wrap-2{padding: 60px 0;background-color:#e9f8ff}
.solution-row{display: flex;flex-wrap: wrap;}
.solution-wrap-2 .solution-col1 { position: relative; width: 32%;overflow: hidden; transition: all 0.5s;margin: 0 2% 30px 0;}
.solution-wrap-2 .solution-col1::after{content: "";bottom: 0;height: 3px; border-radius: 50px;left:50%;right: 50%;transform: translate(-50%,-50%);width: 20%;background:linear-gradient(to right, #2382B3,#000);position: absolute;transition: all 0.5s;}
.solution-wrap-2 .solution-col1:hover::after{width: 100%;}
.solution-wrap-2 .solution-col1  .solution-image{height: 200px;width: 100%;overflow: hidden; transition: all 0.5s;margin:0 0 20px;border-radius: 10px;overflow: hidden;border: 1px solid #ccc;}
.solution-wrap-2 .solution-col1 .solution-image img{width: 100%; height: 100%; object-fit: cover;}
.solution-col1:nth-child(3n){margin-right: 0;}
.solution-content h3{ color:#000; font-size: 20px; text-transform: uppercase; font-weight: 700; margin: 0 0 20px;}
.solution-content p{font-size: 16px; line-height: 1.56; color: #000; margin: 0 0 30px;text-align: justify;}
.solution-content  .primary-btn a{font-size: 14px ;color:#000; padding: 8px 20px; border-radius: 4px; border: 1px solid #000; background: transparent;display: inline-block;margin: 0 0 20px;}
.solution-content  .primary-btn a:hover{background: #000; color: #fff; border-color: #000;}
.solution-col1:hover{transform: translateY(-5px);}
.solution-col1:hover .solution-image img{transform: scale(1.2); transition: all 0.5s;}




.mission-wrap{padding: 200px 0;position: relative;}
.mission-wrap .bg-image{width: 100%;height: 100%;position: absolute; top: 0;left: 0;z-index: -1;}
.mission-wrap .bg-image img{width: 100%;height: 100%;object-fit: cover;}
.mission-row{width: 100%;}
.missioncol-row{display: flex;flex-wrap: wrap;justify-content: center; width: 100%;z-index: 10;position: relative;}
.mission-wrap::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.237); z-index:2;}
.mission-col1{width: 33.3%;background-color: #ffffffcb;padding: 30px;}
.mission-col1:nth-child(3n){margin-right: 0;}
.mission-col1 h2{font-size:42px;color:#000; font-weight: 700; margin: 0 0 20px;position: relative;}
.mission-col1 h2 span{color: var(--primary-color);}
.mission-col1 h2::after{content: ""; position: absolute; bottom: -10px; left: 0; width: 50px; height: 4px; background: linear-gradient(to right,#2382B3, #000); border-radius: 2px;transition: all 0.6s ease-in-out;}
.mission-col1:hover h2::after{width: 100%;}
.mission-col1 .description p{margin: 0 ;}

.whychoose-wrap{padding: 60px 0;}
.why-choose-row{display: flex;flex-wrap: wrap;justify-content: center;}
.whychoose-wrap h6{font-size: 18px; text-transform: uppercase;color: var(--primary-color); margin: 0 0 20px; text-align: center;}
.why-choose-col1{width: 23.5%; border: 1px solid #ccc;padding: 20px;display: flex;flex-direction: column; align-items: center; transition: all 0.5s;text-align: center;margin: 0 2% 20px 0; background-color: #fff;justify-content: center;}
.why-choose-col1 .icon{width: 70px;margin: 0 0 20px;}
.why-choose-col1 h4{font-size: 20px; color:var(--secondary-color);  margin: 0 0 10px;font-weight: 600;}
.why-choose-col1 p{font-size: 16px; line-height: 1.56; color: #000;font-weight: 600;}
.why-choose-col1:nth-child(4n){margin-right: 0;}



.team-wrap{padding: 60px 0; background-color:#c7e2f0;overflow: hidden;}
.team-row{display: flex;flex-wrap: wrap;}
.team-wrap h2{font-size: 42px; color:#000; font-weight: 700; margin: 0 0 20px; text-align:left;}
.team-col1{width: 23.5%; margin: 0 2% 20px 0; border: 1px solid #ccc; transition: all 0.5s; border-radius:10px;position: relative;height: 400px;overflow: hidden; transition: all 0.3s;}
.team-col1:nth-child(4n){margin-right: 0;}
.team-member-image{width: 100%; height: 100%; transition: all 0.5s; overflow: hidden;}
.team-member-image img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.team-col1 .team-member-info{content: "";position: absolute; bottom: 0;left: 0; background-color: transparent;width: 100%;padding: 10px;opacity: 0;z-index: 5;}
.team-col1:hover .team-member-info{opacity: 1; transition: all 0.5s;}
.team-col1 .team-member-info h4{color: #fff; font-size: 20px; font-weight: 600; margin: 0 0 10px;}
.team-col1 .team-member-info .position{color:#fff; font-size: 14px; margin:0 0 10px;}
.team-col1 .team-member-info .about-content{font-size: 14px; color: #f7f2f2;line-height: 1.26;text-align: justify;}
.team-col1::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; /* shadow height */background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);}
.team-col1:hover .team-member-image{transform: scale(1.2);}




.service-wrap-2{padding: 60px 0; background-color: #fff;overflow: hidden;}
.service-row{display: flex;flex-wrap: wrap;justify-content: center;}
.service-cols{width: 48%; margin: 0 2% 20px 0; display: flex;flex-wrap: wrap;justify-content: space-between;border:1px solid #ccc;border-radius: 20px;overflow: hidden;}
.service-cols:nth-child(2n){margin-right: 0;}
.service-row1{width:38%;}
.service-row1 .image{width: 100%; height: 100%; overflow: hidden;}
.service-row1 .image img{width: 100%; height: 100%; object-fit: cover;}
.service-row2{width: 58%;padding: 30px 10px 30px 0;}
.service-row2 h6{font-size: 22px; text-transform: uppercase;color: var(--primary-color); margin: 0 0 20px;font-weight: 700;}
.service-row2 ul{text-align: left;margin: 0 0 20px;}
.service-row2 ul li{color: #000;font-size: 16px;margin: 0 0 8px; line-height: 1.56; padding-left: 20px; position: relative;}
.service-row2 ul li::before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; background-color:#000; border-radius: 50%;}
.service-row2 .primary-btn a{font-size: 14px ;color:#fff; padding: 8px 20px; border-radius: 4px; border: 1px solid var(--primary-color); background:var(--primary-color);display: inline-block;}
.service-row2 .primary-btn a:hover{background:transparent; color:var(--primary-color);}




.industry-wrap-2{padding: 60px 0; background-color: #fff;overflow: hidden;}
.industry-wrap-2 .industry-col1:hover .content h3{margin: 0 0 20px;}
.industry-wrap-2 .industry-col1 .content h3{ font-size: 18px; }
.industry-col1 .content .icon{width: 35px;display: none;rotate: 320deg;}
.industry-col1:hover .content .icon{display: block;}


.location-wrap iframe{width: 100%; height: 350px; border:0;}



/* ===================== Oil & Gas Industry Page Styles ===================== */

/* Industry Overview Section */

.industry-overview { padding: 60px 0; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);overflow: hidden;}
.industry-overview-row { display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap;}
.industry-overview-col1 {width: 48%;}
.industry-overview-col1 h6 {color: var(--primary-color);font-size: 16px;font-weight: 600; text-transform: uppercase;letter-spacing: 1px;margin-bottom: 15px;}
.industry-overview-col1 h2 {font-size: 42px;font-weight: 700;color: #1a1a1a;line-height: 1.2;margin: 0 0 20px;}
.industry-overview-col1 .description p { font-size: 16px;line-height: 1.56;color: #666;margin: 0 0 20px;}
.industry-overview-col1 .description strong {color: var(--primary-color); font-weight: 600;}
.stats-row {display: flex;flex-wrap: wrap; }
.stat-item {text-align:left;width: 32%;margin: 0 2% 0 0;}
.stat-item:nth-child(3n){margin-right: 0;}
.stat-item h3 {font-size: 32px;font-weight: 700;color: var(--primary-color);margin: 0 0 10px;}
.stat-item p { font-size: 14px; color: #666; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px;}
.industry-overview-col2 {width:48%;position: relative;}
.industry-image { border-radius: 20px;overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);}
.industry-image img {width: 100%;height: 400px;object-fit: cover;}
.floating-card { position: absolute; bottom: -20px;right: -20px; background: white; padding: 25px; border-radius: 15px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); max-width: 250px;}
.card-icon { width: 50px;height: 50px;background: var(--primary-color);border-radius: 12px;display: flex;align-items: center; justify-content: center; margin-bottom: 15px;}
.card-icon svg { width: 24px; height: 24px; color: white;}
.floating-card h4 {font-size: 18px;font-weight: 600;color: #1a1a1a;margin-bottom: 8px;}
.floating-card p {font-size: 14px;color: #666;line-height: 1.5;}

/* OTON Services Section */
.oton-services { padding: 60px 0; background: #ffffff;overflow: hidden;}
.section-header {text-align: center;margin-bottom: 60px;}
.section-header h6 {color: var(--primary-color);font-size: 16px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 15px;}
.section-header h2 {font-size: 42px;font-weight: 700;color: #1a1a1a;line-height: 1.2;margin-bottom: 20px;}
.section-header p {font-size: 16px;color: #666;line-height: 1.6;max-width: 600px;margin: 0 auto;}
.services-grid {display:flex;flex-wrap: wrap;}
.service-card {width: 32%;margin:0 2% 20px 0 ; background: white; padding: 40px 30px; border-radius: 20px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);border: 1px solid #f0f0f0;transition: all 0.3s ease;position: relative;overflow: hidden;}
.service-card:nth-child(3n){margin-right: 0;}
.service-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%;height: 7px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));}
.service-card:hover {  transform: translateY(-10px);  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);}
.service-icon {width: 70px;height: 70px;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));border-radius: 15px; display: flex;align-items: center;justify-content: center; margin-bottom: 25px;}
.service-icon svg {width: 32px;height: 32px;color: white;}
.service-card h3 {  font-size: 24px;  font-weight: 600;  color: #1a1a1a;  margin-bottom: 15px;}
.service-card p { font-size: 16px;color: #666;  line-height: 1.6;  margin-bottom: 20px;}
.service-card ul {  list-style: none;  padding: 0;}
.service-card ul li {font-size: 14px; color: #666;margin-bottom: 8px; position: relative; padding-left: 20px;}
.service-card ul li::before { content: '✓'; position: absolute; left: 0; color: var(--primary-color); font-weight: 600;}




.technology-focus {  padding: 60px 0; background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: white; overflow: hidden;}
.tech-focus-row { display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap;}
.tech-focus-col1 {width: 48%;}
.tech-focus-col1 h6 {color: var(--primary-color);font-size: 16px;font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin:0 0 20px;}
.tech-focus-col1 h2 {font-size: 42px; font-weight: 700; color: white; line-height: 1.2; margin:0 0 20px;}
.tech-focus-col1 .description p { font-size: 18px; color: #cccccc; line-height: 1.8; margin:0 0 20px;}
.tech-features {display: flex; flex-direction: column; gap: 30px;}
.tech-feature {display: flex;gap: 20px;align-items: flex-start;}
.feature-icon { width: 50px;height: 50px; background: var(--primary-color);border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.feature-icon svg { width: 24px; height: 24px; color: white;}
.feature-content h4 {font-size: 20px; font-weight: 600; color: white; margin:0 0 10px;}
.feature-content p {font-size: 16px; color: #cccccc;  line-height: 1.6;}

.tech-focus-col2 {width: 48%;}
.tech-visual {  position: relative;  border-radius: 20px;  overflow: hidden;}
.tech-visual img {width: 100%; height: 400px;  object-fit: cover;}
.tech-overlay { position: absolute; bottom: 0; left: 0;right: 0;background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));padding: 30px;}
.overlay-item { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); padding: 15px 20px; border-radius: 10px;  margin-bottom: 15px; border: 1px solid rgba(255, 255, 255, 0.2);}
.overlay-item h4 {font-size: 16px; font-weight: 600; color: white; margin:0 0 10px;}
.overlay-item p {font-size: 14px; color: #cccccc; margin: 0;}


.cta-section { padding: 100px 0; background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%); text-align: center; color: white; overflow: hidden;}
.cta-content h2 { font-size: 42px; font-weight: 700;margin:0 0 20px;color: white;}
.cta-content p { font-size: 18px; line-height: 1.6; margin:0 0 30px; color: rgba(255, 255, 255, 0.9);max-width: 600px;margin-left: auto;margin-right: auto;}
.cta-buttons {display: flex;gap: 20px;justify-content: center;align-items: center;}
.cta-buttons .bubbles.secondary { background: rgba(255, 255, 255, 0.1);  border: 1px solid rgba(255, 255, 255, 0.3);}
.cta-buttons .bubbles.secondary:hover { background: white; border-color: var(--primary-color);}
.cta-buttons .bubbles.secondary .text {color: white;}
.cta-buttons .bubbles.secondary:hover .text {color:#fff !important;}



/* -------------------------Whatsapp------------------ */

.whatsapp-icon {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #25d366;
  overflow: hidden;
}
.whatsapp-image {
  width: 30px;
  height: 30px;
  transition: all 0.3s ease;
}
.whatsapp-icon .whatsapp-float img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.whatsapp-icon:hover .whatsapp-image {
  transform: scale(1.1);
}

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

/* -------------Error-page-------------------- */

.error-page-section {
  padding: 60px 0;
  text-align: center;
}
.error-page-section h1 {
  font-size: 60px;
  color: #000;
  margin: 0 0 20px;
  font-weight: 500;
}
.error-page-section h2 {
  font-size: 28px;
  margin: 0 0 20px;
  color: var(--primary-color);
}
.error-page-section p {
  font-size: 16px;
  line-height: 1.56;
  margin: 0 0 20px;
  color: #000;
}
.error-page-section .search-form {
  width: auto;
  max-width: 420px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.error-page-section .search-form input {
  width: 100%;
  height: 50px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--secondary-color);
  border-image: initial;
  border-radius: 8px;
  padding: 0px 20px;
  background: no-repeat;
  margin: 0 10px 0 0;
  flex: 1 0 0;
}
.error-page-section .search-form .search-submit {
  display: inline-block;
  font-size: 14px;
  color: var(--secondary-color);
  margin: 0 0 0 auto;
  position: relative;
  padding: 14px 28px 14px 28px;
  font-weight: 500;
  background: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  border-radius: 50px;
  font-family: "Poppins", serif;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}

.error-page-section .search-form .search-submit:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  transform: scale(1.05);
}
.error-page-section .search-form .search-submit .screen-reader-text {
  font-size: 16px;
  clip: inherit;
  clip-path: inherit;
  position: relative !important;
  transition: all 0.5s ease-in-out;
  color: #fff;
}


/* ---------------Privacy-wrap-------------- */

.defualt-page-section {
  padding: 60px 0 ;
}
.defualt-page-section h2 {
  font-size: 28px;
  margin: 0 0 20px;
  color: var(--primary-color);
  font-weight: 600;
}
.defualt-page-section p {
  font-size: 16px;
  line-height: 1.56;
  margin: 0 0 20px;
  word-break: break-all;
  color: #000;
}
.defualt-page-section p:last-child{margin: 0 0 0;}


/*----------------search-page-wrap-------------- */

.search-page-section {
  padding: 60px 0 ;
}
.search-page-section h1 {
  font-size: 32px;
  margin: 0 0 20px;
  color:#000;
  font-weight: 600;
}
.search-page-section .search-page-card {
  width: 100%;
}
.search-page-section h3 {
  font-size: 28px;
  margin: 0 0 20px;
  color: var(--primary-color);
  font-weight: 600;
}
.search-page-section p {
  font-size: 16px;
  line-height: 1.56;
  margin: 0 0 20px;
}
.search-page-section .search-btn1 {
  display: inline-block;
  background: var(--secondary-color);
  padding: 12px 26px 12px;
  color: var(--global-color);
  font-size: 13px;
  text-transform: uppercase;
  border: 1px solid var(--secondary-color);
  border-radius: 50px;
  color: #fff;
}
.search-page-section .search-btn1:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  transform: scale(1.05);
}







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

.container{max-width: 94%;}

}

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

.industry-overview-col1 h2{font-size: 40px;}

}

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


/* ----about-wrap---- */
.about-col.green h2{font-size: 56px;}
.about-col.blue h2{font-size: 56px;}
.about-col1 h2{font-size: 45px;}
.about-col .icon img{width: 90px;height: 90px;}
.about-col .icon svg{width: 90px;height: 90px;}


.mission-wrap{padding: 150px 0;}

.industry-overview-col1 h2{font-size: 35px;}
.section-header h2{font-size: 35px;}
}



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

.about-col1 h2{font-size: 45px;}

.service-col1{width: 32%;}
.service-col1:nth-child(3n){margin-right: 0;}
.service-col1:nth-child(4n){margin-right: 2%;}

.mission-wrap{padding: 130px 0;}


.industry-overview-col1 h2{font-size: 30px;}
.section-header h2{font-size: 30px;}
.service-card{padding: 40px 20px;}

}

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

.default-banner .default-row h2{font-size: 40px;}

/* header-wrap---- */
.header-menu ul li a
.header-logo{width: 160px;}

/* ---banner-wrap--- */
.banner-wrap{height: 70vh;}
.banner-row h1{font-size: 40px;}

/* ----about-wrap---- */
.about-col1 h2{font-size: 40px;}
.about-col.green h2{font-size: 52px;}
.about-col.blue h2{font-size: 52px;}

/* --contact-wrap-- */
.contact-col1 h2{font-size:30px;}


/* --footer-wrap-- */
.footer-logo{width: 150px;}


/* --industry-page-- */
.industry-col1{width: 32%;height: 280px;}
.industry-col1:nth-child(3n){margin-right: 0}
.industry-col1:nth-child(4n){margin-right: 2%;}



/* --dolution-page-- */
.solution-content h3{font-size: 18px;}
.solution-wrap-2 .solution-col1{width: 49%;}
.solution-wrap-2 .solution-col1:nth-child(2n){margin-right:0;}
.solution-wrap-2 .solution-col1:nth-child(3n){margin-right: 2%;}
.solution-wrap-2 .solution-col1:nth-child(6n){margin-right:0;}

/* --about-page--- */
.mission-col1 h2{font-size: 38px;}
.mission-wrap{padding: 100px 0;}


.service-row2 h6{font-size: 20px;}

.stat-item h3{font-size: 28px;}

.industry-overview-col1 h2{font-size: 30px;}

.section-header h2{font-size: 30px;}


.tech-focus-col1 h2{font-size:30px;}


.cta-content h2{font-size: 30px;}

}


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


/* --header-wrap--- */
.header-wrap .header-menu{display: none;}
.header-wrap .primary-btn{display: none;}

.burger-btn {display: block;position: fixed; width: 50px; height: 30px; right: 5%;top: 32px; z-index:1000;overflow: hidden;cursor: pointer;}
.burger-btn span { display: block; width: 100%; height: 3px; background:#fff; background-size: 300% 100%;border-radius: 5px; transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.burger-btn .burger-toggle { display: flex; flex-wrap: wrap; justify-content: right;}
.header-menu {  display: none;}
.burger-btn span:nth-child(2n) {margin: 9px 0;transition: all 0.5s cubic-bezier(0.22, 0.68, 0, 1.71);}
.burger-btn span:first-child {width: 70%;}
.burger-btn span:last-child { width: 70%;}
.overlay { display: block;position: fixed;  right: 0;  top: 0;width: 350px; height: 100%;  background-color: #fff; background-size: 300% 100%; z-index: 999; padding: 110px 5% 50px; transform: translateX(100%); opacity: 0;  visibility: hidden;  transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.overlay ul li a { color:#000; display: block; padding: 20px 0;}
.overlay ul li a:hover{color: var(--primary-color);font-weight: 600;}
.overlay ul li { font-size: 18px;border-bottom: 1px solid var(--primary-color);font-weight: 500;}
.overlay.show { transform: translateX(0); opacity: 1; visibility: visible;}
.burger-btn .active span:first-child {  transform: translateY(13px) rotate(-45deg);background: var(--primary-color) !important;}
.burger-btn .active span:last-child { transform: translateY(-11px) rotate(45deg);background: var(--primary-color) !important;}
.burger-btn .active span:nth-child(2n) {transform: translateX(-100%);}

/* --banner-wrap--- */
.banner-row h1{font-size: 34px;}
.default-banner .default-row h2{font-size: 34px;}

/* ----about-wrap---- */

.about-col{height: 230px;}
.about-col.green h2{font-size: 45px;}
.about-col.blue h2{font-size: 45px;}
.about-col .icon svg{height: 80px;width: 80px;}
.about-col .icon img{height: 80px;width: 80px;}
.about-col.blue{padding: 10px;}
.about-col.green{padding: 10px;}
.about-col.green P{font-size: 14px;}
.about-col.blue P{font-size: 14px;}
.about-col1 h2{font-size: 26px;}
.about-col1 .description p{font-size: 14px;}


/* ---service-wrap--- */
.service-col1 h3{font-size: 18px;}
.service-col1{padding:20px 10px;}
.service-col1 ul li{font-size: 14px;}
.service-col1 .icon img{width: 35px;}


/* --contact-wrap--- */
.contact-col1 h2{font-size: 28px;}

/* --footer-wrap-- */
.footer-col1{width: 32%;margin: 0 2% 30px 0;}
.footer-col1:nth-child(3n){margin-right: 0;}
.footer-col1:last-child{margin-right: 0;}


/* --industry-page-- */
.industry-col1{height: 230px;}
.industry-wrap-2 .industry-col1 .content h3{font-size: 16px;}
.industry-col1 .content .icon{width: 30px;}
.solution-content h3{font-size: 16px;}

.mission-col1{padding: 20px;}
.mission-col1 h2{font-size: 36px;}
.mission-col1 .description p{font-size: 14px;}
.mission-wrap{padding: 60px 0;}


.why-choose-col1{width: 32%;}
.why-choose-col1:nth-child(3n){margin-right: 0;}
.why-choose-col1:nth-child(4n){margin-right: 2%;}
.why-choose-col1:last-child{margin-right: 0;}

.service-row2 .primary-btn a{padding:6px 10px;}
.service-cols{font-size: 49%;}
.service-row2{padding: 20px 0 10px 0;}
.service-row2 h6{font-size: 18px;}
.service-row2 ul li{font-size: 14px;}

.industry-overview-col1{width: 100%; margin: 0 0 20px;}
.industry-overview-col2{width: 100%;}
.floating-card{padding: 15px;}
.industry-image{border-radius: 10px;}
.industry-overview-col1 h2{font-size: 28px;}
.stat-item h3{font-size: 26px;}
.industry-image img{height: 350px;}

.section-header h2{font-size: 28px;}
.service-card{width: 49%;}
.service-card:nth-child(2n){margin-right: 0;}
.service-card:nth-child(3n){margin-right: 2%;}

.cta-section{padding: 60px 0;}
.cta-content h2{font-size: 28px;}
.cta-content p{font-size: 16px;}

.tech-focus-col1{width: 100%;margin: 0 0 30px;}
.tech-focus-col2{width: 100%;}
.tech-focus-col1 h2{font-size:28px;}


.wave:nth-child(2), .wave:nth-child(3){top: 480px;}



.default-banner h1{font-size:36px}
.error-page-section h1{font-size: 36px;}
}

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

.banner-row h1{font-size: 32px;}
.default-banner .default-row h2{font-size: 32px;}

.default-banner-wrap{height: 45vh;}
.overlay ul li{font-size: 16px;}
.everest-forms-submit-button.button.evf-submit{padding: 10px 20px !important;font-size: 14px !important;}

.about-wrap{padding: 30px 0;}
.industry-wrap{padding: 60px 0 30px;}
.solution-wrap{padding: 60px 0;}
.partners-wrap{padding: 30px 0;}
.service-wrap{padding: 30px 0;}
.contact-wrap{padding: 30px 0;}
.footer-wrap{padding: 30px 10px 30px 0}
.industry-wrap-2{padding: 30px 0;}
.solution-wrap-2{padding: 30px 0;}
.service-wrap-2{padding: 30px 0;}
.industry-overview{padding: 30px 0 60px;}
.oton-services{padding: 30px 0;}
.technology-focus{padding: 30px 0;}


/* ----about-wrap---- */
.about-col1 h6{font-size: 16px;}
.about-col1 h2{font-size: 24px;}
.about-col1{width: 100%; margin: 0 0 20px;}
.about-col2{width:100%}
.bubbles{padding: 10px 20px; font-size: 14px;}
.about-four-column{width: 70%;}

/* --service-wrap--- */
.service-col1{width: 42%;}
.service-col1:nth-child(2n){margin-right: 0;}
.service-col1:nth-child(3n){margin-right: 2%;}
.service-col1:nth-child(6n){margin-right:0}



/* --contact-wrap--- */
.contact-col1 h2{font-size: 26px;}
.contact-col1{width: 100%;}
.contact-col2{width: 100%;}
.contact-col1 h2{font-size: 28px;}

/* --industry-page-- */
.footer-wrap{padding: 30px 0 0;}
.footer-row1{flex-direction: column;justify-content: center;align-items: center;}
.footer-row1 p{margin: 0 0 10px;text-align: center;}

/* --industry-page-- */
.industry-col1{height: 200px;}
.industry-col1 .content{padding: 10px;}
.industry-wrap-2 .industry-col1 .content h3{font-size: 14px;}
.industry-col1 .content .icon{width: 25px;}

/* ---mission-wrap--- */
.mission-col1 h2{font-size: 28px;}
.mission-col1{padding: 10px;}

/* --why-choose-wrap--- */
.whychoose-wrap{padding: 30px 0;}
.why-choose-col1{padding: 10px;}
.why-choose-col1 .icon{width: 50px;}
.why-choose-col1 p{font-size: 14px;}

/* --industry-wrap--- */
.industry-overview-col1 h2{font-size: 26px;}
.service-card{padding: 30px 10px;}
.service-icon{width: 55px; height: 55px;}
.service-icon svg{width: 28px; height: 28px;}
.section-header{margin: 0 0 30px;}
.service-card h3{font-size: 22px;}


/* --service-page-- */
.service-cols{width: 100%;}
.service-cols:nth-child(n){margin-right: 0;}
.service-cols:last-child{margin: 0;}



.industry-overview-col1 h2{font-size: 26px;}
.industry-overview-col1{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.stat-item{text-align: center;}
.stat-item h3{font-size: 24px;}

.section-header h2{font-size: 26px;}


.tech-focus-col1 h2{font-size:26px;}

.cta-content h2{font-size: 26px;}

.wave:nth-child(2), .wave:nth-child(3){top: 300px;}
.wave{height: 600px;}

.default-banner h1{font-size:34px}
.search-page-section{padding: 30px 0;}
.defualt-page-section{padding: 30px 0;}
.error-page-section{padding: 30px 0;}
.search-page-section .search-btn1{padding: 10px 30px;}
.error-page-section h1{font-size: 50px;}
}


@media screen and (max-width: 600px) {
.banner-row h1{font-size: 30px;}
.default-banner .default-row h2{font-size: 30px;}


.about-four-column{width: 90%;}

/* --service-wrap--- */
.service-col1{width: 49%;}

/* --partners-wrap--- */
.partner-col img{width: 130px;}

/* --footer-wrap-- */
.footer-col1{width:49%;}
.footer-col1:nth-child(3n){margin-right:2%;}
.footer-col1:nth-child(2n){margin-right:0;}
.footer-col1:last-child{margin-right: 0;}


/* --industry-page---- */
.industry-col1{width: 49%;}
.industry-col1:nth-child(2n){margin-right: 0;}
.industry-col1:nth-child(3n){margin-right: 2%;}
.industry-col1:nth-child(6n){margin-right: 0;}



.solution-wrap-2 .solution-col1{width:100%}


.mission-col1 h2{font-size: 24px;}
.mission-col1{width: 49%;}

.service-card{width: 100%;}
.service-card:nth-child(n){margin-right: 0;}
.service-card:last-child{margin: 0;}

.section-header h2{font-size: 24px;}
.industry-overview-col1 h2{font-size: 24px;}
.tech-focus-col1 h2{font-size:24px;}
.cta-content h2{font-size: 24px;}


.wave:nth-child(2), .wave:nth-child(3){top: 200px;}
.wave{height: 500px;}

.default-banner h1{font-size:32px}
.defualt-page-section h2{font-size: 26px;}
.search-page-section h3{font-size:26px ;}
.error-page-section h1{font-size: 32px;}
}


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



.default-banner-wrap{height: 45vh;}
.everest-forms-submit-button.button.evf-submit{padding: 8px 10px !important;font-size: 12px !important;}

.overlay { width: 100%;}
.burger-btn{top: 25px;width: 40px; }
.burger-btn span{height:2px}
.burger-btn .active span:first-child { transform: translateY(12px) rotate(-45deg); }
.burger-btn .active span:last-child { transform: translateY(-10px) rotate(45deg);}
.overlay ul li{font-size: 14px;}

.description p{font-size: 14px;}


/* header-wrap--- */
.header-logo{width: 140px;}
.header-wrap {background: linear-gradient(       to right,    #ffffff 0px,    #ffffff 20%,    var(--primary-color) 100%);}

/* --banner-wrap-- */
.banner-wrap{height: 50vh;}
.banner-row h1{font-size: 28px;}
.default-banner .default-row h2{font-size: 28px;}

/* ----about-wrap---- */
.about-col1 h6{font-size: 16px;text-align: center;}
.about-col1 h2{font-size: 22px;text-align: center;}
.about-col{height: 200px;}
.about-col.green h2{font-size: 36px;}
.about-col.blue h2{font-size: 36px;}
.about-col .icon svg{height: 60px;width: 60px;}
.about-col .icon img{height: 60px;width: 60px;}
.about-four-column{width: 100%;}


/* --industry-wrap--- */
.industry-wrap h6{font-size: 16px;}
.industry-col1 .content h3{font-size: 16px;}
.industry-slider .slick-slide{margin: 0 5px;}


/* --solution-wrap--- */
.solution-wrap h6{font-size: 16px}
.solution-wrap .solutions-col1 .content{padding: 10px;}
.solution-wrap .solutions-col1 .content h3{font-size: 14px;}
.solution-wrap .solutions-col1 .icon{width: 25px; height: 25px;flex-shrink: 0;}
.solution-slider .slick-slide{margin: 0 5px;}

/* --service-wrap--- */
.service-content h6{font-size: 16px;}
.service-col1{width: 100%;}
.service-col1:nth-child(n){margin-right: 0;}
.service-col1:last-child{margin: 0;}

/* --partners-wrap-- */
.partners-wrap h6{font-size: 16px}
.partner-col img{width: 100px;}

/* --contact-wrap--- */
.contact-col1 h2{font-size: 22px;text-align: center;}
.contact-col1 h6{font-size: 16px;text-align: center;}
.contact-col1 .description p{text-align: center;}
.contact-content .contact-info h5{font-size: 16px;}
.contact-content .contact-info .icon{width: 28px;}
.social-icons .icon-col1{width: 22px;}
.contact-form input{padding: 10px;margin: 0 0 10px;}
.contact-form textarea{padding: 10px;height: 100px;margin: 0 0 10px;}

.contact-form input{padding: 10px !important;margin: 0 0 10px !important;}
.contact-form textarea{padding: 10px !important;height: 100px !important;margin: 0 0 10px !important;}

/* --footer-wrap--- */
.footer-col1{width:100%;}
.footer-col1:nth-child(n){margin-right:0;}
.footer-col1:last-child{margin: 0;}
.footer-logo{width: 130px;}
.footer-col1 h3{font-size: 20px;}

/* --industry-page---- */
.industry-wrap-2 .industry-col1 .content h3{font-size: 12px;}


.mission-col1 h2{font-size: 22px;}
.mission-col1{width: 100%; border-right: none; border-bottom:1px solid #c5bebe ;}


.why-choose-col1{width: 49%;}
.why-choose-col1:nth-child(2n){margin-right: 0;}
.why-choose-col1:nth-child(3n){margin-right: 2%;}


.service-row1{width: 100%;height: 200px;}
.service-row2{width: 100%; padding: 20px;}
.service-row2 h6{font-size: 14px;}

.industry-overview-col1 h2{font-size: 22px;}
.stat-item{width: 100%; margin: 0 0 20px;}
.stat-item:last-child{margin: 0;}
.industry-image img{height: 280px;}
.card-icon{width: 40px; height: 40px; margin: 0 0 10px;}
.floating-card h4{font-size: 16px;}
.stat-item h3{font-size: 22px;}

.service-card h3{font-size: 20px;}


.section-header{margin: 0 0 20px;}
.section-header h2{font-size: 22px;}
.section-header h6{font-size: 14px;}

.feature-content h4{font-size: 18px;}
.tech-focus-col1 .description p{font-size: 14px;}
.feature-icon{width: 45px; height: 45px;}

.tech-focus-col1 h2{font-size:22px;}
.cta-content h2{font-size: 22px;}
.cta-content p{font-size: 14px;}
.bubbles{padding: 8px 20px; font-size: 12px;}


.wave:nth-child(2), .wave:nth-child(3){top: 100px;}
.infotop h3{font-size: 24px;}

.default-banner{height: 60vh;}
.default-banner h1{font-size:30px}
.defualt-page-section p{font-size: 14px;}
.defualt-page-section h2{font-size: 24px;}
.search-page-section h1{font-size: 30px;}
.search-page-section h3{font-size: 24px;}
.search-page-section .search-btn1 {padding: 8px 20px;font-size: 12px;}
.error-page-section h1{font-size: 30px;}
.error-page-section h2{font-size: 24px;}
.error-page-section .search-form .search-submit{padding: 10px 25px;}
.error-page-section .search-form .search-submit .screen-reader-text{font-size: 14px;}
.error-page-section .search-form input{height: 40px;}
}


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

.header-logo{width: 120px;}
.burger-btn{top: 22px;}
.banner-row h1{font-size: 26px;}
.default-banner .default-row h2{font-size: 26px;}


.about-col1 h2{font-size: 20px;}

/* --contact-wrap--- */
.contact-col1 h2{font-size: 20px;}
.contact-content .contact-info h5{font-size: 16px;}
.contact-content .contact-info{width: 100%; margin: 0 0 20px;}


.industry-col1{height: 160px;}


.why-choose-col1{width: 100%;}
.why-choose-col1:nth-child(n){margin-right: 0;}
.why-choose-col1:last-child{margin: 0;}




.default-banner-wrap{height: 40vh;}
.default-banner h1{font-size:28px}
.defualt-page-section h2{font-size: 22px;}
.search-page-section h1{font-size: 26px;}
.search-page-section h3{font-size: 22px;}
.error-page-section h2{font-size: 22px;}
}

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

.header-logo{width: 100px;}
.burger-btn{top: 17px;}
.banner-row h1{font-size: 24px;}
.default-banner .default-row h2{font-size: 24px}

/* --contact-wrap--- */
.contact-col1 h2{font-size: 20px}

.contact-content .contact-info .text a{font-size:12px;}
.contact-content .contact-info .text p{font-size: 12px;}

.search-page-section h1{font-size: 24px;}
.search-page-section h3{font-size: 20px;}
}