@charset "utf-8";

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Medium.eot');
  src: url('../fonts/Raleway-Medium.eot') format('embedded-opentype'),
      url('../fonts/Raleway-Medium.woff2') format('woff2'),
      url('../fonts/Raleway-Medium.woff') format('woff'),
      url('../fonts/Raleway-Medium.ttf') format('truetype'),
      url('../fonts/Raleway-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Roman.eot');
  src: url('../fonts/HelveticaNeue-Roman.eot') format('embedded-opentype'),
      url('../fonts/HelveticaNeue-Roman.woff2') format('woff2'),
      url('../fonts/HelveticaNeue-Roman.woff') format('woff'),
      url('../fonts/HelveticaNeue-Roman.ttf') format('truetype'),
      url('../fonts/HelveticaNeue-Roman.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Skema Pro News Md';
  src: url('../fonts/SkemaProNews-MediumItalic.eot');
  src: url('../fonts/SkemaProNews-MediumItalic.eot') format('embedded-opentype'),
      url('../fonts/SkemaProNews-MediumItalic.woff2') format('woff2'),
      url('../fonts/SkemaProNews-MediumItalic.woff') format('woff'),
      url('../fonts/SkemaProNews-MediumItalic.ttf') format('truetype'),
      url('../fonts/SkemaProNews-MediumItalic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



/* CSS Document */

::-moz-selection {
  background: #7b7d7f;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #7b7d7f;
  color: #fff;
  text-shadow: none;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  font-family: "Raleway";
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  color: #000000;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow: hidden;
  font-family: "Raleway";
  background-color: #ffff;
}

:root {
  overflow-y: scroll;
}

a {
  text-decoration: none;
  transition: all 0.25s ease-out 0s;
}

p,
p span {
  font-family: "Helvetica Neue";
}

img {
  border: 0;
}

li,
ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: #fff;
}

::-moz-placeholder {
  color: #fff;
}

:-ms-input-placeholder {
  color: #fff;
}

:-moz-placeholder {
  color: #fff;
}

/*------------------- common style ---------------------------*/
a,
button,
input,
select,
textarea {
  outline: 0;
}

*,
:after,
:before {
  outline: 0;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  border: 0;
}

a:focus,
a:hover {
  outline: 0;
  text-decoration: none;
}

a,
button {
  transition: ease all 0.5s;
  -webkit-transition: ease all 0.5s;
}

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


.header-wrapp { position: relative; top: 0;  left: 0; padding: 10px 0; z-index: 9; box-shadow: 0px 4px 4px 0px #A6A6A640;}
.header-wrapp .header-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
.header-wrapp .brand-logo { width: 172px;}
.header-wrapp .header-right { width: auto;}
.header-wrapp .header-right ul { display: block; width: 100%;}
.header-wrapp .header-right ul li { display: inline-block; margin: 0 60px 0 0;}
.header-wrapp .header-right ul li a {  color: #000000;  padding: 10px 0; font-size: 18px; font-weight: 500;  font-family: "Helvetica Neue"; position: relative;}
.header-wrapp .header-right ul li a:hover {color: #b6b6b6;}
.header-wrapp .header-right ul li a:after { content: "";  position: absolute;  width: 0; height: 2px;  background: #000000; bottom: 0; left: 0;  transition: all .25s ease-in-out;}
.header-wrapp .header-right ul li a:hover:after { width: 100%;}
.header-wrapp .header-right ul li:last-child { margin-right: 0;}

.header-wrapp .header-right ul li ul.dropdown-menu { display: block !important; position: absolute;  top: 25px;  left: -2px; padding: 0 20px; width: 260px;  border: none; border-radius: 0; box-shadow: 0px 4px 4px 0px #A6A6A640; transition: all .25s ease-in-out; opacity: 0; height: 0; overflow: hidden;}
.header-wrapp .header-right ul li ul.dropdown-menu li a { display: block; padding: 12px 0;}
.header-wrapp .header-right ul li ul.dropdown-menu li { display: block; margin: 0;}
.header-wrapp .header-right ul li.dropdown > a { padding-right: 25px; background: url(../images/chevron-down-solid.svg) no-repeat center / 14px; background-position-x: 100%; }
.header-wrapp .header-right ul li.dropdown:hover ul.dropdown-menu { opacity: 1; height: auto; padding: 20px;}
.header-wrapp .header-right ul li.dropdown > a::after { display: none;}

.banner-wrapp {position: relative;}
.banner-wrapp .banner-img {width: 100%; position: relative;}
.banner-wrapp .banner-img img { width: 100%;display: block;object-fit: cover;}
.banner-wrapp .slick-prev { width: 50px; height: 50px; left: 0;z-index: 1;}
.banner-wrapp .slick-prev:before { content: ""; position: absolute;  width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: url(../images/slide-left.svg) no-repeat center / 100%; opacity: 1;}
.banner-wrapp .slick-next { width: 50px; height: 50px; right: 0;z-index: 1;}
.banner-wrapp .slick-next:before { content: "";position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: url(../images/slide-right.svg) no-repeat center / 100%; opacity: 1;}
.banner-wrapp .banner-slider{width: 100%; margin: 0; height: 100%;}
.banner-wrapp .banner-content { width: 100%;position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.banner-wrapp .banner-content .banner-row { width: 47%;}
.banner-wrapp h1 {font-size: 68px; font-weight: 500; color: #fff; font-family: "Helvetica Neue"; margin: 0 0 20px;}
.banner-wrapp h1 span { display: block;}
.banner-wrapp p { font-size: 20px; font-weight: 500; color: #ffff; margin: 0 0 20px; line-height: 1.56;}
.banner-wrapp .banner-btn { display: block; background: #FFFFFF; width: fit-content; border: 1px solid #FFFFFF; padding: 18px 29px; color: #000; font-size: 15px; font-weight: 500; font-family: "Helvetica Neue";}
.banner-wrapp .banner-btn .arrow { display: inline-block;position: relative; width: 20px; margin: 0 0 0 10px;}
.banner-wrapp .banner-btn .arrow span { position: absolute;top: 0; left: 0; opacity: 0; transition: all .25s ease-in-out;}
.banner-wrapp .banner-btn .arrow > img { transition: all .25s ease-in-out;}
.banner-wrapp .banner-btn:hover { color: #FFFFFF; background: #000000; border-color: #000;}
.banner-wrapp .banner-btn:hover .arrow > img { opacity: 0;}
.banner-wrapp .banner-btn:hover .arrow span { opacity: 1;}
.banner-wrapp .banner-img:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0 0 0 / 30%);}
.banner-wrapp .banner-slider .slick-list {height: 100%;}
.banner-wrapp .banner-slider .slick-list .slick-track {display: flex; flex-wrap: wrap; height: 100%;}
.banner-wrapp .banner-slider .slick-list .slick-track .slick-slide {height: 100%;}
.banner-wrapp .banner-slider .slick-list .slick-track .slick-slide > div {height: 100%;}
.banner-wrapp .banner-slider .slick-list .slick-track .slick-slide .banner-img { height: 100%;}
.banner-wrapp .banner-slider .slick-list .slick-track .slick-slide .banner-img img { height: 100%;}
.banner-wrapp .banner-slider .slick-list {height: 100%;}
.banner-wrapp .banner-slider .slick-list .slick-track {display: flex; flex-wrap: wrap; height: 100%;}
.banner-wrapp .banner-slider .slick-list .slick-track .slick-slide {height: 100%;}
.banner-wrapp .banner-slider .slick-list .slick-track .slick-slide > div {height: 100%;}
.banner-wrapp .banner-slider .slick-list .slick-track .slick-slide .banner-img {height: 100%;}
.banner-wrapp .banner-slider .slick-list .slick-track .slick-slide .banner-img img {height: 100%;}
.banner-wrapp .banner-img .banner-tagline {z-index: 9;width: 100%;display: block;position: absolute;bottom: 0;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto 0;text-align: center;max-width: 1200px;}
.banner-wrapp .banner-img .banner-tagline h2 {width: fit-content; font-size: 38px; color: #29486D; font-family: 'Skema Pro News Md'; line-height: 1.4; font-style: italic; font-weight: 500; margin: 0 auto; background-color: #ffffff; padding: 10px 18px;}


.abouts-wrapp {padding: 100px 0; position: relative;}
.abouts-wrapp .abouts-row {width: 100%;display: flex;flex-wrap: wrap; justify-content: space-between;}
.abouts-wrapp .abouts-col1 {width: 39%;}
.abouts-wrapp h5 {font-size: 18px; font-weight: 500;  font-family: "Helvetica Neue"; margin: 0 0 20px;}
.abouts-wrapp h2 {font-size: 61px; font-weight: 500; margin: 0 0 20px;}
.abouts-wrapp h2 span {display: block;}
.abouts-wrapp p { font-size: 20px; color: #6B6B6B; line-height: 1.56;  margin: 0 0 26px;}
.abouts-wrapp .learn-more-btn {  font-size: 18px;  color: #000000;  display: inline-block;}
.abouts-wrapp .learn-more-btn .arrow {display: inline-block; margin: 0 0 0 10px; transition: all .25s ease-in-out;}
.abouts-wrapp .learn-more-btn:hover .arrow { margin: 0 0 0 20px;}
.abouts-wrapp .abouts-col2 {  width: 50%;}
.abouts-wrapp .abouts-col2 .abouts-img {  width: 100%; position: relative;}
.abouts-wrapp .abouts-col2 .abouts-img img { width: 100%; display: block;}
.abouts-wrapp .abouts-col2 .abouts-img:after { content: ""; position: absolute; width: 100%; height: 100%; background: #25343C; right: -20px; bottom: -20px;z-index: -1;}



.mission-wrapp {padding: 94px 0; background: #20282D;}
.mission-wrapp .mission-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.mission-wrapp .mission-row .mission-col1 {width: 36%;}
.mission-wrapp .mission-row .mission-col1 h2 {font-size: 61px;color: #fff; margin: 0 0 28px;}
.mission-wrapp .mission-row .mission-col1 h2 span {display: block;}
.mission-wrapp .mission-row .mission-col1 p {font-size: 20px;color: #fff; font-weight: 400; line-height: 1.6;}
.mission-wrapp .mission-row .mission-col2 { width: 59%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.mission-wrapp .mission-row .mission-col2 .mission-col3 { width: 47%; background: #25343C; padding: 43px;}
.mission-wrapp .mission-row .mission-col2 .mission-col3 .icon { width: 80px; margin: 0 0 26px;}
.mission-wrapp .mission-row .mission-col2 .mission-col3 h3 { font-size: 24px; color: #fff; margin: 0 0 20px;}
.mission-wrapp .mission-row .mission-col2 .mission-col3 p { font-size: 18px; color: #fff; line-height: 1.7;}



.services-wrapp {padding: 100px 0;}
.services-wrapp .services-row {width: 100%; display: flex; flex-wrap: wrap;  justify-content: space-between;  align-items: center;}
.services-wrapp h5 {font-size: 18px; font-weight: 500; font-family: "Helvetica Neue";  margin: 0 0 20px;}
.services-wrapp h2 { font-size: 61px; font-weight: 500;  margin: 0 0 20px;}
.services-wrapp h2 span {display: block;}
.services-wrapp .services-col1 {width: 40%;}
.services-wrapp .services-col2 { width: 50%;}
.services-wrapp p { font-size: 20px; color: #000000;  line-height: 1.56; margin: 0 0 26px;}
.services-wrapp .learn-more-btn {font-size: 18px; color: #000000; display: inline-block;}
.services-wrapp .learn-more-btn .arrow {display: inline-block; margin: 0 0 0 10px; transition: all .25s ease-in-out;}
.services-wrapp .learn-more-btn:hover .arrow { margin: 0 0 0 20px;}
.services-wrapp .services-row1 {width: 100%; display: flex; flex-wrap: wrap; margin: 60px 0 0;}
.services-wrapp .services-row1 .services-box { width: 33.33%; padding: 30px 30px 55px; border: 1px solid #dbdbdb; border-right: 0; cursor: pointer; transition: all .25s ease-in-out; position: relative;}
.services-wrapp .services-row1 .services-box:last-child { border-right: 1px solid #dbdbdb;}
.services-wrapp .services-row1 .services-box .service-icon { width: 51px; height: 51px; margin: 0 0 28px;}
.services-wrapp .services-row1 .services-box h3 { font-size: 22px; font-weight: 600;  margin: 0 0 16px; transition: all .25s ease-in-out;}
.services-wrapp .services-row1 .services-box p { font-size: 21px; color: #7A7A7A; margin: 0 0 20px; transition: all .25s ease-in-out;}
.services-wrapp .services-row1 .services-box:hover {background: #20282D;}
.services-wrapp .services-row1 .services-box:hover .service-icon img { filter: invert(1);}
.services-wrapp .services-row1 .services-box:hover  h3 {  color: #ffff;}
.services-wrapp .services-row1 .services-box:hover p {  color: #fff;}
.services-wrapp .services-row1 .services-box .service-icon img {  width: 100%; transition: all .25s ease-in-out;}
.services-wrapp .services-row1 .services-box .learn-more {position: absolute; left: 30px; bottom: 30px; color: #000000; font-size: 23px;transition: all .25s ease-in-out;}
.services-wrapp .services-row1 .services-box:hover .learn-more { color: #fff;}


.wroks-wrapp { padding: 50px 0 70px;}
.wroks-wrapp h5 {  font-size: 18px; font-weight: 500; font-family: "Helvetica Neue"; margin: 0 0 20px;}
.wroks-wrapp  h2 { font-size: 61px; font-weight: 500; margin: 0 0 50px;}
.wroks-wrapp h2 span { display: block;}
.wroks-wrapp .works-row { width: 100%; display: flex; flex-wrap: wrap;}
.wroks-wrapp .work-box {width: 32%;margin: 0 2% 2% 0;}
.wroks-wrapp .work-box:nth-child(3n) { margin-right: 0;}
.wroks-wrapp .work-box .work-img { width: 100%;}
.wroks-wrapp .work-box .work-img img { width: 100%; display: block;}
.wroks-wrapp .work-box .wrok-conten {  width: 100%;  padding: 20px 0;}
.wroks-wrapp .work-box .wrok-conten h3 { font-size: 22px; font-weight: 600; margin: 0 0 20px;}
.wroks-wrapp .work-box .wrok-conten p { font-size: 16px;  color: #7A7A7A; line-height: 1.56;}
.wroks-wrapp .work-box .wrok-conten p span {  display: block;}



.industry-wrapp { padding: 70px 0;}
.industry-wrapp h2 {font-size: 36px; font-weight: 500; font-family: "Helvetica Neue"; text-align: center; margin: 0 0 50px;}
.industry-wrapp .industry-row { width: 100%;}
.industry-wrapp .nav-pills { justify-content: center; margin: 0 0 50px !important;}
.industry-wrapp .nav-pills .nav-link { background: none; border: 1px solid #CFCFCF; border-radius: 0; margin: 0 10px; font-size: 18px; color: #25343C;  font-family: "Helvetica Neue";  padding: 14px 26px;}
.industry-wrapp .nav-pills .nav-link.active { background: #25343C;  color: #ffff; border: 1px solid #25343C;}
.industry-wrapp .tab-content {width: 100%;}
.industry-wrapp .tab-content .tab-pane { width: 100%;}
.industry-wrapp .tab-content .industry-row1 { width: 100%; display: flex; flex-wrap: wrap;}
.industry-wrapp .tab-content .industry-row1 .industry-col1 { width: 32%; margin: 0 2% 2% 0; position: relative; cursor: pointer;}
.industry-wrapp .tab-content .industry-row1 .industry-col1:nth-child(3n) { margin-right: 0;}
.industry-wrapp .tab-content .industry-row1 .industry-col1 .industry-title { position: absolute; left: 20px; top:83%; transition: all .5s ease-in-out; }
.industry-wrapp .tab-content .industry-row1 .industry-col1 .industry-title h2 { font-size: 18px; color: #fff; margin: 0;  text-align: left; font-family: "Helvetica Neue"; transition: all .5s ease-in-out; }
.industry-wrapp .tab-content .industry-row1 .industry-col1 .industry-img { width: 100%;}
.industry-wrapp .tab-content .industry-row1 .industry-col1 .industry-img img { width: 100%;display: block; height: 100%; object-fit: cover;}
.industry-wrapp .tab-content .industry-row1 .industry-col1:hover .industry-title {top: 50%;  left: 50%; transform: translate(-50%, -50%);}
.industry-wrapp .tab-content .industry-row1 .industry-col1:hover .industry-title h2 { font-size: 30px;}
.industry-wrapp .tab-content .industry-row1 .industry-col1 .industry-img:after {content: "";position: absolute; width: 100%; height: 100%; top: 0;left: 0; background: rgb(32 40 45 / 30%); transition: all .5s ease-in-out; opacity: 0;}
.industry-wrapp .tab-content .industry-row1 .industry-col1:hover .industry-img:after{opacity: 1;}
.industry-wrapp .tab-content .industry-row1 .industry-img {width: 100%;}
.industry-wrapp .tab-content .industry-row1 .industry-img img { width: 100%;}





.getintouch-wrapp {padding: 100px 0; background: #20282D; position: relative;}
.getintouch-wrapp .getintouch-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 1;}
.getintouch-wrapp .getintouch-col1 { width: 46%;}
.getintouch-wrapp h5 { font-size: 18px;font-weight: 500; font-family: "Helvetica Neue"; margin: 0 0 20px; color: #fff;}
.getintouch-wrapp h2 { font-size: 61px; color: #fff; font-weight: 500; font-family: "Helvetica Neue"; margin: 0 0 36px;}
.getintouch-wrapp p { font-size: 18px; color: #fff; margin: 0 0 44px; font-family: "Raleway"; line-height: 1.56;}
.getintouch-wrapp .getintouch-col1 .form-wrapp {  width: 100%;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .text-fields { width: 100%; display: flex; flex-wrap: wrap;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .text-fields .text-field { width: 48%; margin: 0 4% 4% 0;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .text-fields .text-field:nth-child(2n) { margin-right: 0;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .text-fields .text-field input { width: 100%; height: 60px; background: none; border: 1px solid #fff; color: #fff; padding: 15px; font-size: 16px;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .text-fields .text-field input::placeholder{ color: #fff;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .text-fields .text-field:last-child { width: 100%;  margin-right: 0;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .text-fields .text-field textarea { width: 100%; height: 165px; background: none; border: 1px solid #fff;  color: #fff;  padding: 15px;  font-size: 16px;  resize: none;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .text-fields .text-field textarea::placeholder{  color: #fff;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .submit-btn { background: #FFFFFF ;border: 1px solid #FFFFFF;  padding: 15px 60px 14px 60px;  font-size: 16px;  font-weight: 600; color: #000;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .submit-btn .arrow { width: 20px; display: inline-block; position: relative; margin-left: 10px;  transition: all .25s ease-in-out;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .submit-btn .arrow span { position: absolute; width: 100%;  height: 100%;  left: 0; top: 0; opacity: 0; transition: all .25s ease-in-out;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .submit-btn:hover { background: none;  color: #ffff;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .submit-btn:hover .arrow > img {opacity: 0;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .submit-btn:hover .arrow span { opacity: 1;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .submit-btn .arrow img { transition: all .25s ease-in-out;}
.getintouch-wrapp .getintouch-col2 {width: 48%;padding: 12% 0 0;}
.getintouch-wrapp .bg-element {position: absolute; right: 0; bottom: 0;width: 47%;}
.getintouch-wrapp .map-wrapp { width: 100%;}
.getintouch-wrapp .map-wrapp iframe { width: 100%; height: 380px;}



.helps-wrapp {padding: 60px 0; background: url(../images/Group\ 952.png) no-repeat center / cover;}
.helps-wrapp .helps-row { width: 100%; display: flex; flex-wrap: wrap;  justify-content: space-between;  align-items: center;}
.helps-wrapp .helps-col1 { width: 40%;}
.helps-wrapp h5 { font-size: 18px; font-weight: 500; color: #49AD67; font-family: "Helvetica Neue"; margin: 0 0 26px;}
.helps-wrapp h2 { font-size: 40px; color: #FFFFFF;  font-family: "Helvetica Neue"; line-height: 1.4;}
.helps-wrapp h2 span { display: block;}
.helps-wrapp .contact-btn { display: inline-block; color: #FFFFFF; border: 1px solid #FFFFFF; padding: 16px 27px; border-radius: 30px; font-size: 20px; font-family: "Helvetica Neue"; margin: 0 0 0 0;}
.helps-wrapp .contact-btn .arrow { display: inline-block; width: 25px; position: relative; margin-left: 10px;}
.helps-wrapp .contact-btn .arrow span { position: absolute; top: 0;  left: 0;  opacity: 0; transition: all .25s ease-in-out;}
.helps-wrapp .contact-btn:hover { background: #FFFFFF;  color: #000;}
.helps-wrapp .contact-btn .arrow img {  transition: all .25s ease-in-out;}
.helps-wrapp .contact-btn:hover .arrow span { opacity: 1;}
.helps-wrapp .contact-btn:hover .arrow > img {  opacity: 0;}
.helps-wrapp .wtsp-btn { display: inline-block; color: #FFFFFF; background: #49AD67; border: 1px solid #49AD67; padding: 16px 27px; border-radius: 30px; font-size: 20px; font-family: "Helvetica Neue";}
.helps-wrapp .wtsp-btn .icon { display: inline-block; width: 25px; position: relative; margin: 0 6px -4px 0;}
.helps-wrapp .wtsp-btn .icon .hover-icon {  position: absolute; top: 0; left: 0; opacity: 0; transition: all .25s ease-in-out;}
.helps-wrapp .wtsp-btn .icon img { display: block; transition: all .25s ease-in-out;}
.helps-wrapp .wtsp-btn:hover .icon > img { opacity: 0;}
.helps-wrapp .wtsp-btn:hover .icon .hover-icon { opacity: 1;}
.helps-wrapp .wtsp-btn:hover { background: none; color: #49AD67;}



.footer-wrapp {  padding: 70px 0;}
.footer-wrapp .footer-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-wrapp .footer-logo { width: 206px;}
.footer-wrapp .footer-col { width: 30%;}
.footer-wrapp .footer-col1 { width: 21%;}
.footer-wrapp .footer-col2 { width: 23%;}
.footer-wrapp .footer-col3 { width: 26%;}
.footer-wrapp h3 { font-size: 18px;  font-weight: 600; margin: 0 0 20px;}
.footer-wrapp ul { width: 100%;}
.footer-wrapp ul li {  display: block;  margin: 0 0 20px;}
.footer-wrapp ul li a {  font-size: 16px;  color: #000; font-family: "Helvetica Neue";}
.footer-wrapp .text-field { width: 100%;  position: relative;}
.footer-wrapp .text-field input {width: 100%;height: 52px;border: 1px solid #000000;padding: 12px 65px 12px 12px;}
.footer-wrapp .text-field input::placeholder { color: #000000;}
.footer-wrapp .text-field .submit { position: absolute;  height: 52px; width: 50px; background: none; border: none; right: 0; top: 0; padding: 0 18px 0 0;}
.footer-wrapp .social-icons { margin: 53px 0 0;}
.footer-wrapp .social-icons .social-btn {  display: inline-block;  width: 25px;  margin: 0 27px 0 0;}
.footer-wrapp ul li a:hover { color: #8a8a8a;}
.footer-wrapp .social-icons .social-btn img{ transition: all .25s ease-in-out;}
.footer-wrapp .social-icons .social-btn:hover img { opacity: .5;}



.inner-page .header-wrapp {position: relative; box-shadow: 0px 4px 4px 0px #A6A6A640;}
.inner-page  .header-wrapp .header-right ul li a { color: #000000;}
.inner-page .header-wrapp .header-right ul li a:after { background: #000;}
.inner-page .header-wrapp .header-right ul li a:hover {color: #b6b6b6;}

.inner-banner { width: 100%; position: relative;}
.inner-banner .banner-img { width: 100%;height: 100%;}
.inner-banner .banner-img img {  width: 100%; display: block; object-fit: cover;height: 100%;}
.inner-banner .inner-banner-content {width: 100%;  position: absolute;  top: 50%; transform: translateY(-50%); text-align: center;}
.inner-banner h2 { font-size: 40px; color: #FFFFFF; font-weight: 500;}


.about-wrapp {  padding: 100px 0;}
.about-wrapp .about-row { width: 100%;}
.about-wrapp h5 { font-size: 18px; font-weight: 500; font-family: "Helvetica Neue"; margin: 0 0 20px;}
.about-wrapp h2 { font-size: 32px; font-weight: 500; margin: 0 0 20px;}
.about-wrapp p { font-size: 20px; color: #6B6B6B; line-height: 1.56; margin: 0 0 22px;}
.about-wrapp h3 {font-size: 22px;font-weight: 500;margin: 0 0 20px;}


.why-choose-wrapp {background: #F7F7F7; padding: 80px 0;}
.why-choose-wrapp h2 {font-size: 36px; font-weight: 500; text-align: center; margin: 0 0 50px;}
.why-choose-wrapp .why-choose-row {width: 100%; display: flex;flex-wrap: wrap; margin: 0 0 75px;}
.why-choose-wrapp .why-choose-row .why-choose-col1 {width: 32%;margin: 0 2% 0 0; border: 1px solid #CCCCCC; padding: 20px;}
.why-choose-wrapp .why-choose-row .why-choose-col1:nth-child(3n) { margin-right: 0;}
.why-choose-wrapp .why-choose-row .why-choose-col1 .why-choose-icon {width: 100px;height: 100px;margin: 0 0 25px;}
.why-choose-wrapp .why-choose-row .why-choose-col1 h3 {font-size: 20px; font-weight: 600;margin: 0 0 20px;}
.why-choose-wrapp p {font-size: 20px;color: #6B6B6B; line-height: 1.56;}
.why-choose-wrapp .why-choose-row1 { width: 100%;}


.inner-footer {padding: 30px 0 0;}
.inner-footer .footer-row {width: 100%; display: flex; flex-wrap: wrap;justify-content: space-between; align-items: center;}
.inner-footer .footer-logo { width: 206px;}
.inner-footer .footer-col1 {width: auto;}
.inner-footer .footer-col1 ul { width: 100%;}
.inner-footer .footer-col1 ul li { display: inline-block; margin: 0 15px;}
.inner-footer .footer-col1 ul li a { font-size: 16px; font-weight: 400; color: #000; font-family: "Helvetica Neue";}
.inner-footer .footer-col1 ul li a:hover { color: #8a8a8a;}
.inner-footer .footer-col2 { width: auto;}
.inner-footer .footer-col2 .social-icons { width: 100%;}
.inner-footer .footer-col2 .social-icons .social-btn { display: inline-block;  width: 25px; margin: 0 27px 0 0;}
.inner-footer .footer-col2 .social-icons .social-btn:last-child { margin-right: 0;}
.inner-footer .footer-col2 .social-icons .social-btn img {  transition: ease all 0.5s;}
.inner-footer .footer-col2 .social-icons .social-btn:hover img { opacity: .5;}
.inner-footer .footer-row1 { width: 100%; padding: 20px 0; margin: 30px 0 0;  text-align: center; border-top: 1px solid #D5D5D5;}
.inner-footer p { font-size: 15px; font-weight: 400;}


.service-detail-wrapp {padding: 100px 0;position: relative;}
.service-detail-wrapp .service-detail-row { width: 100%;  display: flex;  flex-wrap: wrap;  justify-content: space-between;}
.service-detail-wrapp  .service-detail-col1 {  width: 30%;}
.sidebar-wrapp {   width: 100%;}
.sidebar-wrapp .service-category { width: 100%; padding: 0 0 70px; margin: 0 0 70px; border-bottom: 5px solid #25343C;}
.sidebar-wrapp .service-category h3 {font-size: 20px; font-weight: 700; margin: 0 0 20px; color: #25343C;}
.sidebar-wrapp .service-category ul li { font-size: 18px; font-weight: 500;  margin: 0 0 20px; padding-left: 28px; background: url(../images/Arrow\ 8.svg) no-repeat center / 16px; background-position-x: left; font-family: "Helvetica Neue";}
.sidebar-wrapp .service-category ul li a { color: #6B6B6B;}
.sidebar-wrapp .service-category ul li.active a {  color: #25343C;}
.sidebar-wrapp .service-category ul li a:hover { color: #25343C;}

.sidebar-wrapp .service-slider-wrapp {width: 100%;}
.sidebar-wrapp .service-slider-wrapp .slick-prev {left: 0;width: 34px;height: 34px;z-index: 1;}
.sidebar-wrapp .service-slider-wrapp .slick-prev:before {width: 100%;height: 100%;display: block; content: ""; background: url(../images/Group\ 964.svg) no-repeat center / 100%; opacity: 1;}
.sidebar-wrapp .service-slider-wrapp .slick-next { width: 34px; height: 34px; right: 0; z-index: 1;}
.sidebar-wrapp .service-slider-wrapp .slick-next:before {width: 100%;height: 100%;display: block; content: ""; background: url(../images/Group\ 965.svg) no-repeat center / 100%; opacity: 1;}
.service-detail-wrapp .service-detail-col2 { width: 65%;}
.service-detail-wrapp  h2 {font-size: 24px;font-weight: 700; color: #000000; margin: 0 0 20px;}
.service-detail-wrapp p {font-size: 20px; color: #6B6B6B; line-height: 1.6; margin: 0 0 20px;}
.sidebar-wrapp .service-slider-row { width: 100%;}
.sidebar-wrapp  .service-slider-col1 { width: 100%; margin: 0 0 20px;}
.sidebar-wrapp .service-slider-col1 .practice1-bar1 { display: block; width: 100%; height: 100%; padding: 10px; border: 1px solid #b6b6b6;}
.sidebar-wrapp .service-slider-col1 .practice1-bar1 img { width: 100%; display: block;}
.service-detail-wrapp .service-detail-img {width: 100%; display: flex; flex-wrap: wrap;}
.service-detail-wrapp .service-detail-img .service-detail-col3 {width: 49%; margin: 0 2% 0 0;}
.service-detail-wrapp .service-detail-img .service-detail-col3:last-child { margin-right: 0;}
.service-detail-wrapp .service-detail-img .service-detail-col3 .practice1-bar1 {display: block;width: 100%;height: 100%; padding: 10px; border: 1px solid #b6b6b6;}
.service-detail-wrapp .service-detail-img .service-detail-col3 img { width: 100%; display: block; height: 100%; object-fit: cover;}
.sidebar-wrapp .service-slider-col1.mob {display: none;}


.portfolio-wrapp { padding: 100px 0;}
.portfolio-wrapp h2 {font-size: 32px;  margin: 0 0 30px;}


.slider-banner-wrapp { padding: 60px 0; background: #27343d;}
.slider-banner-wrapp .slider-banner-row { width: 100%;}
.slider-banner-wrapp .slider-banner-row .slick-slide { padding: 0 10px;}
.slider-banner-wrapp .slider-banner-row .slick-slide .slider-img { position: relative;}
.slider-banner-wrapp .slider-banner-row .slick-slide .slider-img:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0;  left: 0; background: #25343CCC; z-index: 1; transition: all .25s ease-in-out;}
.slider-banner-wrapp .slider-banner-row .slick-slide.slick-center .slider-img:after { opacity: 0;}
.slider-banner-wrapp .slick-prev { width: 50px; height: 50px; left: 0;z-index: 1;}
.slider-banner-wrapp .slick-prev:before { content: ""; position: absolute;  width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: url(../images/slide-left.svg) no-repeat center / 100%; opacity: 1;}
.slider-banner-wrapp .slick-next { width: 50px; height: 50px; right: 0;z-index: 1;}
.slider-banner-wrapp .slick-next:before { content: "";position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: url(../images/slide-right.svg) no-repeat center / 100%; opacity: 1;}
.slider-banner-wrapp .slider-banner-row  .slider-img .slider-content { position: absolute;  left: 35px; bottom: 35px; background: #fff; width: 60%; padding: 30px; opacity: 0; transition: all .25s ease-in-out;}
.slider-banner-wrapp .slider-banner-row .slick-slide.slick-center .slider-img .slider-content{ opacity: 1;}
.slider-banner-wrapp .slider-banner-row .slider-img .slider-content h6 { font-size: 15px; font-weight: 500; margin: 0 0 16px; font-family: "Helvetica Neue";}
.slider-banner-wrapp .slider-banner-row .slider-img .slider-content h3 { font-size: 24px; font-weight: 700; color: #29486D;  font-family: "Helvetica Neue";}


.service-wrapp { padding: 100px 0; background: #F7F7F7;}
.service-wrapp h2 { font-size: 36px; color: #000000; margin: 0 0 50px; text-align: center;}
.service-wrapp .service-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.service-wrapp .service-row .service-col1 {max-width: 321px; width: 31.33%; margin: 0 3% 0 0;}
.service-wrapp .service-row .service-col1:last-child { margin-right: 0;}
.service-wrapp .service-row .service-col1 .service-img { padding: 10px; border: 5px solid #FFFFFF; margin: 0 0 20px;}
.service-wrapp .service-row .service-col1 h3 { font-size: 18px; font-weight: 500; color: #25343C;  padding: 0 10px; font-family: "Helvetica Neue";}
.service-wrapp .service-row .service-col1 .service-img img { width: 100%;}

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


.err-msg {color: #dd0000; font-size: 12px; margin: 10px 0 0; display: block;}


.industry-wrapp2 {background: none; padding: 70px 0 100px;}
.industry-wrapp2 h2 { font-size: 36px; font-weight: 500; font-family: "Helvetica Neue"; text-align: center; margin: 0 0 50px;}
.industry-wrapp2 .slider-banner-row .slider-img .slider-content { left: 50%; transform: translateX(-50%); text-align: center; max-width: 350px;}
.industry-wrapp2 .slider-banner-row .slick-slide .slider-img:after {display: none;}
.industry-wrapp2 .slider-banner-row .slick-slide .slider-img .img {width: 100%; position: relative;}
.industry-wrapp2 .slider-banner-row .slick-slide .slider-img .img:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0;  left: 0; background: #ffffff9c; z-index: 1; transition: all .25s ease-in-out;}
.industry-wrapp2 .slider-banner-row .slick-slide.slick-center .slider-img .img:after { opacity: 0;}
.industry-wrapp2 .slick-next:before{background: url(../images/slide-right1.svg) no-repeat center / 100%;}
.industry-wrapp2 .slick-prev:before{background: url(../images/slide-left1.svg) no-repeat center / 100%;}
.industry-wrapp2 .slider-banner-row .slider-img .slider-content h3 { font-size: 32px;}


@media screen and (min-width:1400px) {
.slider-banner-wrapp .slider-banner-row .slick-slide .slider-img img {min-height: 600px;}
}

@media screen and (max-width:1500px) {
.banner-wrapp .slick-prev {width: 35px; height: 35px;}
.banner-wrapp .slick-next {width: 35px; height: 35px;}
.slider-banner-wrapp .slick-prev { width: 35px; height: 35px;}
.slider-banner-wrapp .slick-next { width: 35px; height: 35px;}
}


@media (max-width:1399px){
.banner-wrapp h1 { font-size: 55px;}
.banner-wrapp .banner-content .banner-row { width: 54%;}
.abouts-wrapp h2 {  font-size: 55px;}
.mission-wrapp .mission-row .mission-col1 h2 { font-size: 55px;}
.services-wrapp h2 { font-size: 55px;}
.getintouch-wrapp h2 { font-size: 54px;}

/*.slider-banner-wrapp .slider-banner-row .slick-slide .slider-img { max-width: 800px;}*/

}

@media (max-width:1199px){
.banner-wrapp h1 {font-size: 45px;}
.banner-wrapp p {font-size: 16px;}
.banner-wrapp .banner-content .banner-row { padding: 0 0 0 20px;}
.header-wrapp .header-right ul li {margin: 0 50px 0 0;}
.header-wrapp .header-right ul li a { font-size: 16px;}
.header-wrapp .header-right ul li.dropdown > a {background-size: 12px;}
.abouts-wrapp h5 {font-size: 16px;}
.abouts-wrapp h2 { font-size: 45px;}
.abouts-wrapp p {font-size: 16px;}
.abouts-wrapp .learn-more-btn { font-size: 16px;}
.abouts-wrapp .learn-more-btn .arrow { width: 20px;}
.mission-wrapp .mission-row .mission-col1 h2 {font-size: 45px;}
.mission-wrapp .mission-row .mission-col1 p { font-size: 18px;}
.mission-wrapp .mission-row .mission-col2 .mission-col3 {padding: 30px;}
.mission-wrapp .mission-row .mission-col2 .mission-col3 p { font-size: 16px;}
.services-wrapp { padding: 70px 0 30px;}
.services-wrapp h2 { font-size: 45px;}
.getintouch-wrapp h2 { font-size: 45px;}
.getintouch-wrapp p { font-size: 16px;}
.helps-wrapp h5 { font-size: 16px;}
.helps-wrapp h2 {font-size: 32px;}
.helps-wrapp .contact-btn { font-size: 16px;}
.helps-wrapp .contact-btn .arrow { width: 20px;}
.helps-wrapp .wtsp-btn { font-size: 16px;}
.helps-wrapp .wtsp-btn .icon { width: 20px;}
.services-wrapp .services-row1 .services-box p {font-size: 18px;}
.services-wrapp .services-row1 .services-box .learn-more {font-size: 20px;}

.about-wrapp p { font-size: 16px;}
.about-wrapp h5 { font-size: 16px;}
.why-choose-wrapp p { font-size: 18px;}

.service-detail-wrapp p {font-size: 16px;}
.sidebar-wrapp .service-category ul li { font-size: 16px;}
.inner-banner { height: 150px;}

.slider-banner-wrapp .slider-banner-row .slick-slide .slider-img { max-width: 800px;}
.slider-banner-wrapp { padding: 50px 0;}
.slider-banner-wrapp .slider-banner-row .slider-img .slider-content h3 { font-size: 22px;}
.slider-banner-wrapp .slider-banner-row .slider-img .slider-content { padding: 20px;}

.service-wrapp { padding: 70px 0;}

.sidebar-wrapp .service-category {   padding: 0 0 40px;   margin: 0 0 40px;}

.industry-wrapp2 h2 { font-size: 34px;}

.banner-wrapp .banner-img .banner-tagline {width: 94%;}
.banner-wrapp .banner-img .banner-tagline h2 {font-size: 34px;}

}


@media (max-width:991px){
.header-wrapp .header-right ul li { margin: 0 20px 0 0;}
.banner-wrapp {height: 300px;}
.banner-wrapp h1 { font-size: 32px;}
.banner-wrapp .banner-content .banner-row { width: 72%;}
.abouts-wrapp h2 { font-size: 32px;}
.mission-wrapp .mission-row .mission-col1 h2 { font-size: 32px;}
.mission-wrapp .mission-row .mission-col1 p { font-size: 16px;}
.services-wrapp h2 { font-size: 32px;}
.services-wrapp .services-row1 .services-box p { font-size: 16px;}
.services-wrapp .services-row1 .services-box h3 {font-size: 20px;}
.services-wrapp .services-row1 .services-box .learn-more { font-size: 18px;}
.industry-wrapp h2 { font-size: 32px;}
.industry-wrapp .nav-pills .nav-link { font-size: 16px;}
.getintouch-wrapp h2 { font-size: 32px; margin: 0 0 20px;}
.getintouch-wrapp p { margin: 0 0 20px;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .submit-btn { padding: 15px 30px;}
.helps-wrapp h2 { font-size: 25px;}
.helps-wrapp .contact-btn { font-size: 14px;  padding: 14px 20px;}
.helps-wrapp .wtsp-btn { font-size: 14px; padding: 12px 20px;}
.inner-footer .footer-logo { width: 170px;}
.inner-footer .footer-col1 ul li { margin: 0 10px;}
.inner-footer .footer-col1 ul li a { font-size: 14px;}
.inner-footer .footer-col2 .social-icons .social-btn { width: 20px; margin: 0 16px 0 0;}
.inner-footer p { font-size: 13px;}
.inner-footer .footer-row1 { margin: 30px 0 0;}
.inner-footer { padding: 30px 0 0;}

.why-choose-wrapp h2 {font-size: 32px; margin: 0 0 35px;}

.why-choose-wrapp p { font-size: 16px;}
.why-choose-wrapp .why-choose-row .why-choose-col1 h3 { font-size: 18px;}
.why-choose-wrapp .why-choose-row { margin: 0 0 50px;}
.about-wrapp { padding: 70px 0;}
.why-choose-wrapp {  padding: 60px 0;}
.why-choose-wrapp .why-choose-row .why-choose-col1 .why-choose-icon {  width: 70px; height: 70px;}

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

.slider-banner-wrapp .slider-banner-row .slick-slide .slider-img { max-width: 700px;}

.service-wrapp h2 { font-size: 32px;}

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

.banner-wrapp .banner-img .banner-tagline h2 {font-size: 28px;}

}


@media (max-width:767px){
.overlay { display: block;  position: fixed; top: 0; left: 0; width: 300px;  height: 100vh;  background: #fff;  z-index: 99;  padding: 85px 5%;  margin-left: -100%;  opacity: 0; transition: all .25s ease-in-out}
.overlay .menu {   width: 100%;}
.overlay .menu li {   display: block;  border-bottom: 1px solid #dbdbdb;}
.overlay .menu li a {   color: #000; padding: 20px 0;  display: block;}

.header-wrapp .header-right {display: none;}
.overlay-btn {display: block; width: 30px; height: 30px; position: fixed; right: 4%; top: 27px; z-index: 999;}
.header-wrapp .header-right {display: none;}
.overlay-btn .line { display: inline-block; width: 100%; height: 2px; background: #000; position: relative; transition: all .25s ease-in-out;}
.overlay-btn .line:before { content: ""; position: absolute; width: 100%; height: 2px; background: #000;  transition: all .25s ease-in-out; top: -10px;}
.overlay-btn .line:after { content: ""; position: absolute;  width: 100%; height: 2px; background: #000; transition: all .25s ease-in-out; top: 10px;}

.overlay.show { margin-left: 0; opacity: 1;}
.overlay-btn .active .line { background: transparent;}
.overlay-btn .active .line:before { transform: rotate(-45deg); top: 0;}
.overlay-btn .active .line:after { transform: rotate(45deg);  top: 0;}
body:after { content: ""; position: fixed; width: 100%; height: 100%; top: 0;  left: 0; background: rgb(0 0 0 / 20%); margin-left: -100%;opacity: 0;transition: all .25s ease-in-out; z-index: 9;}
body.menu-open:after { display: block; margin-left: 0; opacity: 1;}
.overlay .menu li.dropdown a {padding-right: 25px; background: url(../images/chevron-down-solid.svg) no-repeat center / 12px; background-position-x: 100%;}
.overlay .menu li.dropdown ul.dropdown-menu {display: block; position: relative; border: none; padding: 0 0 4px 15px !important; width: 100% !important;}
.overlay .menu li.dropdown ul.dropdown-menu li { border: none;}
.overlay .menu li.dropdown ul.dropdown-menu li a { background: none; font-size: 14px; padding: 12px 0;}
.dropdown-toggle::after{display: none;}

.header-wrapp .brand-logo {width: 135px;}

.banner-wrapp .banner-content .banner-row {width: 100%; text-align: center; padding: 0 10px;}
.banner-wrapp .banner-btn { font-size: 14px; padding: 13px 20px; margin: 0 auto;}
.abouts-wrapp .abouts-col1 {  width: 100%; text-align: center; margin: 0 0 30px;}
.abouts-wrapp h2 span { display: inline-block;}
.abouts-wrapp .abouts-col2 { width: 90%; margin: 0 auto;}
.abouts-wrapp {  padding: 50px 0;}
.mission-wrapp .mission-row .mission-col1 { width: 100%; margin: 0 0 30px;}
.mission-wrapp .mission-row .mission-col1 h2 span { display: inline;}
.mission-wrapp .mission-row .mission-col1 h2 { margin: 0 0 20px;}
.mission-wrapp .mission-row .mission-col2 { width: 100%;}
.services-wrapp .services-row1 .services-box {width: 100%;border: 1px solid #dbdbdb;border-bottom: 0;}
.services-wrapp .services-row1 .services-box:last-child {   border-bottom: 1px solid #dbdbdb;}
.industry-wrapp .nav-pills .nav-link {   font-size: 14px;  padding: 10px 18px;  margin: 0 4px;}
.mission-wrapp { padding: 60px 0;}
.services-wrapp {padding: 50px 0 30px;}
.services-wrapp .services-row1 { margin: 0 0 0;}
.industry-wrapp h2 { margin: 0 0 20px;}
.industry-wrapp .nav-pills { margin: 0 0 20px !important;}
.industry-wrapp { padding: 25px 0 50px;}
.getintouch-wrapp { padding: 60px 0;}
.getintouch-wrapp .getintouch-col1 { width: 100%; margin: 0 0 36px;}
.getintouch-wrapp .getintouch-col2 { width: 100%; padding: 0 0 0;}
.helps-wrapp .helps-col1 {  width: 100%; margin: 0 0 30px;}
.helps-wrapp {padding: 50px 0; text-align: center;}
.helps-wrapp h2 span { display: inline;}
.helps-wrapp .helps-col2 {  width: 100%;}
.inner-footer { text-align: center;}
.inner-footer .footer-col {width: 100%; margin: 0 0 20px;}
.inner-footer .footer-logo {  margin: 0 auto;}
.inner-footer .footer-col1 { width: 100%; margin: 0 0 20px;}
.inner-footer .footer-col2 { width: 100%;}

.inner-banner { height: 120px;}


.why-choose-wrapp .why-choose-row .why-choose-col1 { width: 100%; margin: 0 0 20px;}
.about-wrapp { padding: 50px 0;}
.why-choose-wrapp { padding: 50px 0;}
.why-choose-wrapp .why-choose-row { margin: 0 0 30px;}

.service-detail-wrapp .service-detail-col1 { width: 100%;}
.service-detail-wrapp .service-detail-col2 { width: 100%; margin: 0 0 30px;}
.service-detail-wrapp .service-detail-row {flex-direction: column-reverse;}
.sidebar-wrapp .service-category {  padding: 0 0 20px; margin: 0 0 20px;}
.service-detail-wrapp { padding: 50px 0;}
.sidebar-wrapp .service-slider-col1.mob {display: block;}
.service-detail-wrapp .service-detail-img{display: none;}


.slider-banner-wrapp .slider-banner-row .slick-slide .slider-img {  max-width: 510px;}
.slider-banner-wrapp .slider-banner-row .slick-slide { padding: 0 15px;}
.slider-banner-wrapp .slider-banner-row .slider-img .slider-content h3 { font-size: 20px;}

.service-wrapp { padding: 50px 0;}
.service-wrapp h2 { margin: 0 0 30px;}

.industry-wrapp2 h2 { font-size: 26px; margin: 0 0 26px;}

.banner-wrapp .banner-img .banner-tagline h2 {font-size: 28px;}

}


@media (max-width:600px){
.banner-wrapp h1 { font-size: 28px;}
.banner-wrapp .banner-content .banner-row { padding: 0 6%;}
.abouts-wrapp h2 { font-size: 28px;}
.mission-wrapp .mission-row .mission-col1 h2 {font-size: 28px;}
.mission-wrapp .mission-row .mission-col2 .mission-col3 { width: 100%; margin: 0 0 20px;}
.services-wrapp h2 { font-size: 28px;}
.industry-wrapp h2 { font-size: 28px;}
.industry-wrapp .nav-pills .nav-link { margin: 0 7px 15px;}
.getintouch-wrapp h2 { font-size: 28px;}
.helps-wrapp h2 { font-size: 22px;}


.about-wrapp h2 { font-size: 28px;}
.why-choose-wrapp h2 {font-size: 28px; margin: 0 0 30px;}

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

.slider-banner-wrapp .slider-banner-row .slick-slide .slider-img { max-width: 390px;}

.service-wrapp .service-row .service-col1 { width: 48%; margin: 0 4% 4% 0; max-width: inherit;}
.service-wrapp .service-row .service-col1:nth-child(2) { margin-right: 0;}
.service-wrapp h2 {  font-size: 28px;}

.banner-wrapp .banner-img .banner-tagline h2 {font-size: 26px; line-height: 1.2;}

}

@media (max-width:480px){
.banner-wrapp {height: 330px;}
.getintouch-wrapp .getintouch-col1 .form-wrapp .text-fields .text-field {width: 100%;margin: 0 0 20px;}
.helps-wrapp .contact-btn {font-size: 13px;}
.helps-wrapp .wtsp-btn {font-size: 13px;}
.helps-wrapp .wtsp-btn .icon {margin: 0 0 -5px 0;}
.inner-footer .footer-col1 ul li {margin: 0 10px 15px;}
.inner-footer .footer-row1 {padding: 20px 10px;}
.overlay { width: 80%;}

.slider-banner-wrapp .slider-banner-row .slick-slide .slider-img { max-width: 300px;}
.slider-banner-wrapp .slider-banner-row .slider-img .slider-content h3 { font-size: 18px; color: #FFFFFF;}
.slider-banner-wrapp .slider-banner-row .slider-img .slider-content {  padding: 0; text-align: center; position: relative; bottom: inherit; left: inherit; width: 100%; margin: 20px 0 0; background: none;}
.service-wrapp .service-row .service-col1 { width: 100%; margin: 0 0 30px; max-width: 250px;}
.slider-banner-wrapp {padding: 30px 0 20px;}

.industry-wrapp2 .slider-banner-row .slider-img .slider-content { transform: none;}
.industry-wrapp2 .slider-banner-row .slider-img .slider-content h3 { color: #29486D;}
.industry-wrapp2 { padding: 50px 0;}

.banner-wrapp .banner-img .banner-tagline h2 {font-size: 22px; line-height: 1.2; padding: 7px 14px;}

}