@import url("_what-do-logos.css");
:root {
  --black: #000000;
  --black-10: rgb(0 0 0 / 10%);
  --black-20: rgb(0 0 0 / 20%);
  --black-25: rgb(0 0 0 / 25%);
  --black-50: rgb(0 0 0 / 50%);
  --black-80: rgb(0 0 0 / 80%);
  --black-90: rgb(0 0 0 / 90%);
  --white: #ffffff;
  --white-20: rgb(255 255 255 / 10%);
  --white-20: rgb(255 255 255 / 20%);
  --white-30: rgb(255 255 255 / 30%);
  --white-40: rgb(255 255 255 / 40%);
  --white-50: rgb(255 255 255 / 50%);
  --white-70: rgb(255 255 255 / 70%);
  --white-75: rgb(255 255 255 / 75%);
  --white-80: rgb(255 255 255 / 80%);
  --white-90: rgb(255 255 255 / 90%);
  --light-gray: #727272;
  --red: #E63636;
  --light-blue: #59B6B6;
  --blue: #105B6E;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline;}
html.js{margin-top: 0 !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; max-width: 100%;}
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; height: 100%; box-sizing: border-box; scroll-behavior: smooth;}
body{margin: 0; font-size: 1.125rem; line-height: 1.75rem; font-family: "Montserrat", sans-serif; background-color: var(--white); position: relative; overflow: hidden;}
a{color: var(--light-blue); text-decoration: none; transition-duration: .75s; transition-property: all; transition-timing-function: cubic-bezier(.075,.82,.165,1);}
a:focus {outline: none;}
a:hover, a:active {outline: 0;}
a:hover{color: var(--text-100);}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{clear: both; margin: 0 0 1.5rem; font-weight: 800; font-family: "Montserrat", sans-serif; text-transform: none;}
.h1, h1{font-size: 4rem; line-height: 4.8rem; margin-bottom: 2rem;}
.h2, h2{font-size: 2.5rem; line-height: 3rem;}
.h3, h3{font-size: 2rem; line-height: 2.5rem;}
.h4, h4{font-size: 1.5rem; line-height: 2rem;}
.h5, h5{font-size: 1.25rem; line-height: 2rem; }
.h6, h6{font-size: 1.125rem; line-height: 1.625rem;}

a:active, a:focus, button:active, button:focus, *:focus, *:active { outline: none; }

.font-light{font-weight: 300;}
.font-regular{font-weight: 400;}
.font-medium{font-weight: 500;}
.font-semibold{font-weight: 600;}
.font-bold{font-weight: 700;}
.fs-0{font-size: 0; line-height: 0;}
.fs-9{font-size: 9px; line-height: 10px; letter-spacing: 3.15px; font-weight: 600; font-family: "Instrument Sans", sans-serif;}
.fs-10{font-size: 0.625rem; line-height: 0.875rem;}
.fs-12{font-size: 12px; line-height: 22px;}
.fs-14{font-size: 0.875rem; line-height: 1.375rem;}
.fs-16{font-size: 1rem; line-height: 1.5rem;}
.fs-18{font-size: 1.125rem; line-height: 1.5rem;}
.fs-20{font-size: 1.25rem; line-height: 1.65;}
.fs-22{font-size: 1.35rem; line-height: 1.5;}
.fs-24{font-size: 1.5rem; line-height: 2.25rem;}
.radius-10, .radius-img-10 img{border-radius: 10px;}
.radius-20, .radius-img-20 img{border-radius: 20px;}
.radius-50, .radius-img-50 img{border-radius: 50%;}
.radius-100{border-radius: 100px;}
figure {margin: 0;}
fieldset {border: none; margin: 0; padding: 0;}
img {-ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; font-style: italic;}
figure.object-fit{width: 100%; height: 100%; display: block;}
picture.object-fit{width: 100%; height: 100%; display: block;}
.object-fit img, .object-fit-img img{width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%;border-radius: 20px; }

.relative{position: relative; z-index: 1;}
.absolute{position: absolute;}
.background-bg{width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -1;}
.o-hidden{overflow: hidden;}
.z-0{z-index: 0;}
.z-1{z-index: 1;}
.z-2{z-index: 2;}
.z-3{z-index: 3;}
.z-4{z-index: 4;}

/* Input fields */
input, select, textarea{outline: 0; width: 100%; color: var(--black-80); font-size: 1.125rem; font-weight: 500; line-height: 1.5; letter-spacing: 0; box-shadow: none; padding: 12px 40px 12px 16px; vertical-align: middle; height: auto; transition-duration: .75s; transition-property: all; transition-timing-function: cubic-bezier(.075,.82,.165,1); border: solid 1px rgba(94, 103, 131, 0.25); background-color: var(--white); border-radius: 10px; font-family: "Montserrat", sans-serif;}
textarea {width: 100%; resize: none; height: 118px;}
input:focus, textarea:focus{outline: 0; border-color: var(--black-50);}
input[type="button"], input[type="reset"], input[type="submit"] {display: inline-block; font-size: 0.875rem; line-height: normal; padding: 17px 35px 16px 36px; vertical-align: middle; cursor: pointer; border: none; border-radius: 0; background-color: var(--blue); font-weight: bold; letter-spacing: normal; position: relative; text-transform: uppercase; text-align: center; color: #FFFFFF; transition-duration: .75s; transition-property: all; transition-timing-function: cubic-bezier(.075,.82,.165,1);}
input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {background-color: var(--black); color: var(--white);}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {outline: none;}

/* Placeholder text color -- selectors need to be separate to work. */ 
input::-webkit-input-placeholder {color: var(--black-50); font-family: 'Montserrat', sans-serif;}
input:-moz-placeholder {color: var(--black-50); font-family: 'Montserrat', sans-serif; opacity: 1; }
input::-moz-placeholder {color: var(--black-50); font-family: 'Montserrat', sans-serif; opacity: 1;}
input:-ms-input-placeholder {color: var(--black-50); font-family: 'Montserrat', sans-serif; opacity: 1;}

/* Buttons */
.button, button{ font-family: 'Montserrat', sans-serif; display: inline-block; background: var(--light-blue); color: var(--white); border: 0; border-radius: 4px; cursor: pointer; font-size: 20px; line-height: 24px; font-weight: 600; padding: 16px 32px 16px; vertical-align: middle; letter-spacing: normal; text-decoration: none; text-transform: none; text-align: center; outline: 0; position: relative; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb; text-orientation: mixed; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; transition: all 0.3s ease-in-out; z-index: 1;text-transform: uppercase;}
.button:hover, button:hover{ background: var(--light-blue); color: var(--white);}
button::before, .button::before{width: 0%; height: 100%; top: 0; left: 0; position: absolute; content: ""; display: block; transition: width 0.5s ease; z-index: -1; background: var(--black); border-radius: 4px;}
button:hover::before, .button:hover::before{width: 100%;}

.button.btn-transparent{background: transparent; color: var(--light-blue); border: 2px solid var(--light-blue);}
.button.btn-transparent:hover{color: var(--white);}
.button.btn-transparent::before{border-radius: 0;background: var(--light-blue);}
.button.btn-transparent.red{color: var(--red); border-color: var(--red);}
.button.btn-transparent.red:hover{color: var(--white);}
.button.btn-transparent.red::before{background: var(--red);}

.button.white{background-color: var(--white); color: var(--blue);}
.button.white:hover{color: var(--white);}
.button.btn-red{background-color: var(--red);}
.button.btn-red::before{background-color: var(--light-blue);}


/*-- flex css starts here --*/
.flex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; }
.flex-vcenter{-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.flex-content-center{-ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }
.flex-center{-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }
.flex-nowrap{flex-wrap: nowrap; }
.flex-end{align-items: flex-end;}
.flex-start{align-items: flex-start;}
.row-reverse{flex-direction: row-reverse;}

/* Alignment */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.hide {display: none;}

blockquote, q {-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
blockquote{margin: 0; font-size: 1.5rem; line-height: 1.75; font-weight: 500; position: relative; letter-spacing: normal; color: var(--black-80); font-style: italic;}
blockquote cite, blockquote small {font-size: 1rem;}
blockquote em, blockquote i, blockquote cite {font-style: normal;}

/* Genericons */
.clearfix {clear: both;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
p{margin-bottom: 24px;}
p:last-child{margin-bottom: 0;}
hr{width: 100%; height: 1px; display: block; margin: 0 0 1rem; border: none; background-color: var(--light-gray);}

ul.slick-dots{width: 100%; margin: 0; padding-top: 2rem; gap: 8px; display: flex; flex-wrap: wrap; justify-content: center;}
ul.slick-dots li::before{display: none;}
ul.slick-dots li{ width: 14px; height: 14px; padding: 0; margin: 0; cursor: pointer; font-size: 0; line-height: 0; background: var(--light-blue); border-radius: 50%; }
ul.slick-dots li button{display: none;}
ul.slick-dots li.slick-active{background-color: var(--red);}
.clutch-lists ul.slick-dots {padding-top: 0.5rem;}
.clutch-lists ul.slick-dots li{background-color: var(--light-gray);}
.clutch-lists ul.slick-dots li.slick-active{background-color: var(--blue);}
header.main-header{width: 100%; top: 0; left: 0; transition-delay: 0s; transition-duration: .5s; transition-property: transform; transition-timing-function: cubic-bezier(.075,.82,.165,1); position: fixed; z-index: 800; background-color: var(--white); box-shadow: 0px 4px 4px 0px rgba(55, 68, 89, 0.05);}

.header{gap: 0 30px;}
.scroll-nav-up .header{box-shadow: 0px 4px 4px 0px rgba(55, 68, 89, 0.1);}
.scroll-nav-down{transform: translateY(-100%);}
.scroll-nav-up{transform: translateY(0);}


.logo{transition: all 1s ease;}
.logo a{width: 100%; display: block;}
.logo img{width: 100%; height: auto; object-fit: contain;}

.logo svg{ width: 166px; height: 39px;}
.logo svg path{ transition: all 0.4s ease-in-out;}
.scroll-nav-up .logo-path path{transform: translate(8px, 6px) scale(0.75);}

.copyright a {
  color: #00b8b7;
  text-decoration: none;
}
a.submit {
  line-height: 69px;
  text-decoration: none;
}

.youtube_icon {
  display: block;
  max-width: 100px;
  margin: 0 auto;
}

.questions-wrapper .usa:before {
  background: url(../images/astronaut-ua.6f22d22adb6c3b94e1aa4bc9c8fda625.svg)
    no-repeat center center;
}

.mobile-menu ul .active a {
  color: red;
}

.mobile-menu ul .active .nav-what-we-do:before {
  background-position: 100% 0;
}

.alert_style {
  position: fixed;
  top: 3vw;
  right: -100vw;
  color: #fff;
  z-index: 1000000000000000000;
  padding: 1vw;
  font-size: 13px;
  transition: right 0.5s ease-in-out 0.2s;
  background: #e83636;
  box-shadow: 0 6px 25px rgba(232, 54, 54, 0.7);
  border-radius: 2px;
}

.alert_style > * {
  margin: 0;
  font-family: Overpass-regular, Roboto-regular;
}

.mobile-menu #lang-select .holder a {
  padding-left: 0px;
  font-size: 1.4vw;
}

.mobile-menu ul li.connect_us {
  width: 200px;
  font-size: 14px;
  margin-left: 14px;
}

.mobile-menu ul li.connect_us a {
  padding: 0 0 0 0px;
  display: inline;
  color: #b6cecd;
  font-size: 14px;
}

.mobile-menu ul li.connect_us a:hover {
  color: #000;
}

.clutch-star .col {
  width: 19%;
  display: inline-block;
}

.clutch-star .col img {
  max-width: 100%;
}

.c-slider__slide span {
  background: #ffffff;
  border-radius: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
}

.content .slider {
  max-width: 70pc;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (280px) [auto-fit];
  grid-template-columns: repeat(auto-fit, 280px);
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10vh auto 0;
}

.content .slider > .slider-item-wrapper {
  box-sizing: border-box;
  width: 250px;
  height: 220px;
  margin: 15px;
  overflow: hidden;
  transform: perspective(100px);
  border-radius: 3px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
}

.content .slider > .slider-item-wrapper > span {
  font-size: 1pc;
  text-decoration: none;
  color: #fff;
  width: 100%;
  position: absolute;
  opacity: 0;
  z-index: 100;
  transition: all 0.3s ease-out;
  left: 0;
  height: 40px;
  display: block;
  bottom: -40px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
}

.content .slider > .slider-item-wrapper > .slider-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transform-style: preserve-3d;
  width: 250px;
  height: 220px;
  position: relative;
  border-radius: 3px;
}

.content .slider > .slider-item-wrapper > .slider-item > img {
  transition: transform 0.3s 0.2s;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 310px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translateZ(-30px) translateX(-50%) translateY(-50%);
  border-radius: 3px;
}

.content .slider > .slider-item-wrapper:hover span {
  opacity: 1;
  bottom: 0;
}

.what-we-do-description {
  font-size: 1.25vw;
  color: #3e6161;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .questions-wrapper .career:before {
    left: 0px;
  }

  .mobile-menu #lang-select .holder a {
    font-size: 4.4vw;
    padding: 0px;
  }

  .mobile-menu a span {
    padding-left: 25px;
  }

  a.submit {
    line-height: 45px;
  }

  .mobile-menu ul li.connect_us {
    display: none;
    width: 40px;
    padding-left: 20px;
  }
}

.our-clients {
  padding: 0 5%;
}

.item {
  max-width: 200px;
  padding: 25px 20px;
  display: block;
  height: 110px;
  background: #ffffff;
  border-radius: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.item object {
  max-width: 100%;
  vertical-align: middle;
  line-height: 110px;
  display: inline-block;
  height: 110px;
}

.item img {
  max-width: 100%;
}

@media screen and (max-width: 480px) {
  .item img {
    max-width: 100%;
    vertical-align: middle;
    line-height: 110px;
    display: inline-block;
    height: 110px;
  }
}

.form-modal {
  display: flex;
  justify-content: space-between;
}

.modal-image {
  flex-basis: 45%;
}

.form-section-modal {
  flex-basis: 55%;
}

#slidebox {
  max-width: 400px;
  background-color: #fff;
  padding: 35px 10px 10px;
  position: fixed;
  box-shadow: 1px 1px 10px #0000004a;
  bottom: 6px;
  right: -430px;
  z-index: 10;
  transition: 0.5s ease-in-out;
  border-top: 1px solid #dee4ed;
  border-left: 1px solid #dee4ed;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s;
}

#slidebox.show {
  left: 0;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s;
}

.show {
  display: block;
}

.popuplogo img {
  width: 100%;
  display: block;
  max-width: 14pc;
  height: auto;
}

.popupcontent h3 {
  font-size: 1.3vw;
}

.popupcontent p {
  color: #3e6161;
  font-size: 1vw;
}

@media screen and (orientation: landscape) {
  .visit {
    text-transform: uppercase;
    display: block;
    width: 50%;
    text-align: center;
    color: #fff;
    background: #e83636;
    box-shadow: 0 6px 1pc rgb(232 54 54 / 20%);
    border: none;
    height: 2vw;
    border-radius: 4px;
    z-index: 1;
    cursor: pointer;
    user-select: none;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s;
  }
}

@media screen and (orientation: landscape) {
  .visit:before {
    height: 600%;
    width: 400%;
    left: -50vw;
    top: -50vw;
  }
}

.visit:before {
  content: "";
  position: absolute;
  left: -100vw;
  top: -80vw;
  background-color: hsla(0, 0%, 100%, 0.25);
  height: 500%;
  width: 300%;
  transform: rotate(-22deg);
  transition: all 0.4s;
}

.sidepopup {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  margin-top: -20px;
}

#slidebox a.close {
  background: transparent url(../img/close.png) no-repeat top left;
  width: 13px;
  height: 13px;
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 10px;
  background-size: 100%;
}

#login a.close {
  background: transparent url(../img/cls.png) no-repeat top left;
  width: 30px;
  height: 30px;
  position: absolute;
  cursor: pointer;
  top: 12px;
  right: 15px;
  background-size: 100%;
}

.show.hide {
  display: none;
}

.modal-body {
  position: relative;
}

.modalclose {
  background: #eaf0f0;
  transform: scale(1.2);
  position: absolute;
  right: 5%;
  cursor: pointer;
  top: 14px;
}

.modal-content {
  background: linear-gradient(to bottom right, #f87e7b, #b05574);
  background: #eaf0f0;
}

.form-control {
  margin: 1em 0;
}

.popupheader {
  font-size: 26px;
  font-weight: 700;
  padding: 30px 0 0;
  margin: 0px;
  text-align: left;
  line-height: 40px;
}

.form-control:hover,
.form-control:focus {
  box-shadow: none;
  border-color: #fff;
}

.username,
.password {
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 2px solid #eee;
  padding-left: 0;
  font-weight: normal;
  background: transparent;
}

.form-control::-webkit-input-placeholder {
  color: #eee;
}

.form-control:focus::-webkit-input-placeholder {
  font-weight: bold;
  color: #fff;
}

.login {
  padding: 6px 20px;
  border-radius: 20px;
  background: none;
  border: 2px solid #fab87f;
  background: #eaf0f0;
  font-weight: bold;
  transition: all 0.5s;
  margin-top: 1em;
}

.login:hover {
  background: #fab87f;
  color: #fff;
}

.overlay {
  position: absolute;
}

#login {
  width: 49%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999999999999999999999999;
}

.modal .modal-content {
  padding: 20px 20px 20px 20px;
  -webkit-animation-name: modal-animation;
  -webkit-animation-duration: 0.5s;
  animation-name: modal-animation;
  animation-duration: 0.5s;
}

.modal-dialog {
  vertical-align: middle;
}

@-webkit-keyframes modal-animation {
  from {
    top: -100px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}

@keyframes modal-animation {
  from {
    top: -100px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}

.popupsubmit {
  margin-top: 12%;
  margin-bottom: 5%;
  height: 3vw;
  padding: 10px;
  font-size: 15px;
}

.modal.fade {
  display: none;
}

.popupform {
  background-color: #ffffff;
  padding: 0px 16px 1px 19px;
}

.input-popup input {
  background-color: #ffffff;
  padding: 5px;
  width: 87%;
  padding-left: 0px;
  font-size: 14px;
}

.input-popup input::placeholder {
  color: var(--black-80);
}

.input-popup input::-webkit-outer-spin-button,
.input-popup input::-webkit-inner-spin-button {
  display: none;
}

.recaptcha-input-wrapper {
  margin: auto;
  text-align: center;
}

@-webkit-keyframes slideIn {
  from {
    left: -300px;
    opacity: 0;
  }

  to {
    left: 0;
    opacity: 1;
  }
}

@keyframes slideIn {
  from {
    left: -300px;
    opacity: 0;
  }

  to {
    left: 0;
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.overlay {
  height: 100vh;
  width: 100%;
  position: fixed;
  backdrop-filter: blur(10px);
  top: 0;
  z-index: 999999;
}

.overlay.hide {
  display: none;
}

.modal-image {
  flex-basis: 45%;
}

.modal-image {
  background-image: url(../images/popuptwo.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;

  width: 100%;
}

.input-popup input:invalid {
  background-color: #ffffff;
}

.form-section-modal {
  flex-basis: 55%;
}

#login hr {
  width: 44px;
  height: 2px;
  background-color: #e83736;
  border: 1px solid #e83739;
  margin: 21px 0 0px;
}

.logo-main-heaader {
  font-size: 30px;
}

.connect_us ul ul.two-numbars {
  display: block;
  margin: 0 0 0 10px;
}

.connect_us ul ul.two-numbars .two-numbar {
  color: #000;
  font-size: 17px;
}

.connect_us ul ul.two-numbars .two-numbar:hover {
  color: red;
}

.connect_us ul ul.what-we-do-number {
  display: block;
}

.connect_us ul ul.what-we-do-number .what-we-do {
  color: #000;
  font-size: 17px;
}

.connect_us ul ul.what-we-do-number .what-we-do:hover {
  color: red;
}




.what-we-section{background-image: url(../images/red-1.abb3fd3975bf45d12d3e9a9080ebf104.svg), url(../images/red-2.32549ad26e8fc11cb8518c48f2f21ca3.svg), url(../images/blue-1.069a9b03ed4bf3e2abf87edea7efdee3.svg), url(../images/blue-2.1850a6863d0326c9d749eb39a69cb287.svg), url(../images/red-3.730d18c3bee80303d94559f904155d36.svg), linear-gradient(to bottom, #949f9f, transparent 30%); background-color: rgba(220, 230, 230, .7); background-repeat: no-repeat; background-position: 76% -25vw, 3% 1%, 8% 35%, 2% 75%, 110% 40%, 0 0; background-size: 45%, 10%, 25%, 8%, 20%, 100%; height: auto; }
.what-we-main{ max-width: 650px;}
.what-we-logo{max-width: 440px; margin-bottom: 3rem;}
.what-we-logo img{-webkit-filter: drop-shadow(0 1vw 1vw black); filter: drop-shadow(0 1vw 1vw black);}

/*-- contact css starts here --*/
.contact-bg{clip-path: polygon(0 0, 100% 0%, 100% 48%, 0% 100%); background-color: var(--light-blue); width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
.contact-main{padding: 178px 0 6rem;}
.contact-text{color: var(--white); font-size: 1.25rem; line-height: 1.5rem;}
.clutch-list{padding: 1.75rem 1rem 1.5rem; box-shadow: 0px 3px 20px #00000029; border-radius: 17px; background-color: var(--white); text-align: center;}
figure.clutch-thumb{max-width: 124px; margin: 0 auto;}
.clutch-text{padding: 16px 0 0; color: var(--black-50);}
.clutch-text h3{color: var(--black); margin-bottom: 1rem;}
.contact-right{padding: 2rem 2rem 3rem; background-color: var(--white); color: var(--black); box-shadow: 0px 0px 50px #00000029; border: 1px solid #FBFEFE; border-radius: 31px;}
form.contact-form{display: block; width: 100%;}
form.contact-form button[type="submit"]{width: 100%; color: var(--white);}
.frm_field{margin-bottom: 1.5rem;}
.frm_field.agree-terms{display: flex;gap: 10px;}
.frm_field.agree-terms input{width: 15px;}
.frm_field.agree-terms span{font-size:12px;font-weight: 600;}
.our-clients-logos{padding-top: 2rem;}
.our-clients-logo{min-height: 140px;border-right: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9; position: relative; z-index: 1;}
.our-clients-logo::before { content: ""; position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; transition: ease-in-out .4s; z-index: -1;}
.our-clients-logo:hover::before{ transform: scale(1.1); box-shadow: 0 7px 25px #0000001a; background-color: var(--white);}
/* .our-clients-thumb img{max-width: 150px;} */
/*-- contact css starts here --*/



/*-- footer css starts here --*/
.main-footer{background-color: #105B6E; color: var(--white);}
.footer-logo{padding: 4px 0 21px;}
.footer-logo img{max-width: 300px;}
.footer h4{color: var(--white);}
.footer-left{font-size: 20px; line-height: 24px;}
ul.footer-links{list-style: none;}
ul.footer-links li{margin: 0 0 11px;}
ul.footer-links li a{font-size: 1rem; line-height: 1.5; color: var(--white); display: inline-block; position: relative; overflow: hidden;}
ul.footer-links li.current_page_item a, ul.footer-links li a:hover{color: var(--light-blue);}
form.footer-form{margin: 28px 0 28px;}
form.footer-form input{background-color: var(--white); border-radius: 8px;}
form.footer-form button[type="submit"]{padding: 13px 32px 13px; height: 100%; color: var(--white); border-radius: 0px 8px 8px 0px; top: 0; right: 0; position: absolute;}
form.footer-form button[type="submit"]::before{border-radius: 0px 8px 8px 0px;}
span.subscribe-id{border-bottom: 2px solid var(--white-80); padding-bottom: 0.75rem; display: block;}
.clutch_lst{justify-content: space-between;}
.clutch-review-span{gap: 0.5rem;}
.clutch-review-span img{width: 20px; height: 20px;}
.clutch-review-span svg{width: 1rem;}
.clutch-review-span svg path{fill: var(--white);}
/*-- footer css ends here --*/

.strategy-bg { clip-path: polygon(100% 30%, 100% 100%, 0 100%, 0 90%); background-color: var(--light-blue); width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }
.strategy-text .button{margin-top: 0.5rem;}
.engaging-main{color: var(--light-gray);}
.engaging-main h2{color: var(--black);}
.what-do-section{color: var(--white);}
.what-do-bg{background-color: #105B6E; height: calc(100% - 275px); width: 100%; top: 0; left: 0; z-index: -1;}
.glosary-svg{top: -60px; left: 0; right: 0; margin: 0 auto;}
.glosary-svg path:nth-child(2){animation: scrollDown 2s ease-in-out infinite;}
@keyframes scrollDown {
    0% {
      transform: translateY(-20px);
    }
    50% {
      transform: translateY(0px);
    }
    100% {
      transform: translateY(-20px);
    }
  }

.client-tools-main h3{letter-spacing: 10px;}
hr.blue{margin: 0 0 5rem; height: 2px; background-color: #27849B;}

.testimonial-main{border-radius: 39px; background-color: var(--white); color: var(--black);}
/* .testimonial-thumb-bg{width: 100%; height: calc(100%); top: 60px; left: -60px; z-index: -1; border-radius: 39px; background-color: var(--light-blue);} */

.avatar-text{color: var(--light-gray);}
.avatar-text h2{margin-bottom: 0; color: var(--black);}

.accordion-list.white{background-color: var(--white);}
.accordion-list{margin-bottom: 0; border-bottom: solid 1px #d6dae5;}
.accordion-list:last-child{margin-bottom: 0;}
.accordion-header{padding: 13px 0 13px; color: var(--black); font-size: 1.125rem; line-height: 1.5; letter-spacing: normal; cursor: pointer; position: relative;}
.accordion-header::after { width: 0; height: 0; right: 0; top: 50%; transform: translateY(-50%); border-top: 10px solid var(--black); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: block; position: absolute; }
.accordion-header.open{color: var(--light-blue);}
.accordion-header.open::after{border-top-color: var(--light-blue); transform: translateY(-50%) rotate(180deg);}
.accordion-header span{color: var(--light-blue); padding-right: 10px;}
.accordion-content{display: none; padding: 2px 0 30px;}
.accordion-content p a{font-weight: 500;}
.accordion-content p{font-size: 0.875rem; line-height: 1.375rem;text-align: justify;}
.accordion-thumb-small{left: -60px; top: 50%; transform: translateY(-50%); max-width: 172px;}

.related-service-main{padding: 6rem 0 6rem;}
.related-service-row{padding: 2rem 0 0;}
.related-service-list{color: var(--light-gray);}
.related-service-list h2{color: var(--black);}

.feature-project-wrap h2.aligncenter{letter-spacing: 10px; margin-bottom: 2rem;}
.feature-project-main{background-color: #ECECEC;border-radius: 10px;box-shadow: 0 0 2px #000000a3;}
/* .feature-project-main::after{width: 100%; height: 100%; top: 0; left: 100%; background-color: #ECECEC; content: ""; display: block; position: absolute; z-index: -1;} */
.feature-project-desc{margin-bottom: 3rem;}
.feature-project-list p{margin-bottom: 0; color: var(--light-gray);}


.lets-make-wrap{padding: 6rem 0;}
.lets-make-main{padding: 62px 60px 70px; background-color: var(--white); color: var(--light-gray); box-shadow: 0px 0px 50px #00000029; border: 1px solid #FBFEFE; border-radius: 41px;}
.lets-make-desc h2{color: var(--black);}

.popup-modal-wrap { padding: 1rem; max-width: 800px; margin: 0 auto; border-radius: 19px; background-color: var(--white);  animation: fadeIn 1s; animation: fadeOut 0.8s;}
.popup-modal-wrap button.mfp-close{top: -60px; background: var(--light-blue); color: var(--white); opacity: 1;}
.popup-modal-text{padding: 20px; background-color: #E1F2F2; border-radius: 14px;}
.popup-modal-text h2{margin-bottom: 1rem; font-weight: 700;}
.popup-field{margin-bottom: 1rem;}
.popup-clutch-logos{gap: 1rem;}
.popup-clutch{flex: 0 0 calc(33.3333% - 11px);}

.awards-section{padding: 6rem 0 6rem;}
.awards-section h2{max-width: 312px;}
.awards-list{padding: 2rem; background-color: #E1F2F2; border-radius: 17px; text-align: center; transition: all 0.3s ease-in;display: flex;align-items: center; width: 440px;height: 240px;}
.awards-list.hover{background-color: #ECECEC;}
.awards-text h2{margin-bottom: 0.5rem;}
.awards-image{max-width: 150px; margin-bottom: 1rem;}
.awards-top{gap: 2rem; margin-bottom: 2rem;}
.awards-head{flex: 1;}
.awards-reviews{max-width: 250px; padding: 2rem; background-color: var(--white);box-shadow: 0px 0px 86px rgb(89 182 182 / 30%); border-radius: 14px; text-align: center;}
.awards-review{gap: 0.5rem; margin-bottom: 1rem;}
figure.nopath img{max-width: 40px;}
span.awards-value{margin: 0;}
.awards-review-span{gap: 0.5rem;}
.awards-review-span svg path{fill: var(--light-blue);}

.what-our-section{color: var(--black); padding: 0rem 0 6rem; overflow: hidden;}
.what-our-bg { clip-path: polygon(100% 11%, 100% 100%, 0 100%, 0 50%); transform: skew(0, 1deg); background: linear-gradient(rgba(96, 178, 188, .9), rgba(114, 207, 207, .9)), url(../images/blue-3.e2e7a3a415e8c0ccb1512cd44835f85e.svg); width: 100%; height: 100%; z-index: -1; background-repeat: no-repeat; background-position: right bottom, 100% 8vw; background-size: 100%, 55%; overflow: hidden; animation-name: crystal_fall; animation-duration: 25s; animation-delay: 1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes crystal_fall { 0% { background-position: right bottom, 100% 0vw; } 100% { background-position: right bottom, 100% 8vw; } } 
.what-our-icon{max-width: 162px; top: -120px; left: -220px; width: 100%;}
.what-our-text{z-index: inherit;}
.what-our-desc{max-width: 600px; color: #162424;}
.what-our-desc a{color: #ffffff; border-bottom: 1px solid #000;}
.what-our-desc a:hover{border-bottom-color: transparent;}

.our-work-main{padding: 6rem 0 6rem;}
.our-work-head{max-width: 750px; margin-bottom: 2rem; color: var(--light-gray);}
.our-work-head h2{color: var(--black);}
.our-work-text{padding: 60px; background-color: #6e1062; color: var(--white); }
.our-work-image{padding: 70px; background-color: #b4b243;width: 100%;}
.our-work-btn{margin-top: 2rem;}
.our-work-list p{margin-bottom: 0;}
.our-work-small{max-width: 170px; top: 100px;}

.certification-main{padding: 6rem 0 6rem;}
.certification-head{max-width: 720px; margin-bottom: 3rem; color: var(--light-gray);}
.certification-head h2{color: var(--black);}
.certification-list{padding: 40px; background-color: #ECECEC; border-radius: 17px; text-align: center; transition: all 0.3s ease-in-out;}
.certification-list:hover{background-color: var(--light-blue); color: var(--white);}
.certification-image{max-width: 150px; margin-bottom: 1.5rem;}

.get-in-main{padding: 6rem 0 6rem;}
.get-in-text h2.h1{color: var(--light-blue);}
.get-in-text h2.h4{margin-bottom: 1rem;}
.get-in-text p{color: var(--light-gray);}
.get-in-info{padding-top: 2rem;}
.get-in-right{padding: 4rem; background-color: var(--white); box-shadow: 0px 0px 50px var(--black-25); border: 1px solid #FBFEFE; border-radius: 41px;}
.get-in-field{margin-bottom: 1rem;}
.mobile-number{position: relative;}
.mobile-number::before { content: "+91"; left: 62px; top: 50%; transform: translateY(-50%); font-size: 1.125rem; font-weight: 500; color: var(--black-50); display: block; position: absolute; }
.mobile-number::after { content: "|"; left: 100px; top: calc(50% - 1px); transform: translateY(-50%); font-size: 1.125rem; font-weight: 500; color: var(--black-50); display: block; position: absolute; }
.mobile-number input{padding-left: 115px; background-size: 32px; background-position: 18px 50%; background-image: url('../images/india-flag-icon.webp'); background-repeat: no-repeat;}
ul.get-in-list{margin: 0; list-style: none;}
ul.get-in-list li{margin: 0 0 8px;}
ul.get-in-list li a{color: var(--black); gap: 0.5rem; font-size: 1rem;}
ul.get-in-list li a:hover{color: var(--blue);}
ul.get-in-list li a img{width: 24px;}

.slick-arrow{top: 50%; width: 44px; height: 44px; position: absolute; background-image: url('../images/arrow-right.svg'); background-repeat: no-repeat; background-size: contain; display: block; z-index: 1; cursor: pointer; transition: opacity 0.5s ease-in-out;}
.slick-prev{left: -0.5rem; transform: rotate(-180deg);}
.slick-next{right: -0.5rem;}
.slick-arrow:hover{opacity: 0.75;}
.slick-arrow.slick-disabled{opacity: 0.25; pointer-events: none;}

ul.nav-menu > li > a{position: relative;}
ul.nav-menu > li > a::before{left: 0; top: calc(50% - 4px); transform: translateY(-50%); width: 2rem; height: 2rem; content: ""; background-size: cover; background-position: 0; background-repeat: no-repeat; display: block; position: absolute;}
ul.nav-menu > li.service-nav-item > a::before{background-image: url(../images/what_we_do-basic_hover.e52314faf8c78c194782701c0d271918.svg);}
ul.nav-menu > li.service-nav-item:hover > a::before, ul.nav-menu > li.service-nav-item > a:hover::before{background-position: 100% 0;}
ul.nav-menu > li.industries-nav-item > a::before{top: calc(50% - 2px); background-image: url(../images/our_work-hover_basic.3845512d85a1d610966d7647c21a6c29.svg);}
ul.nav-menu > li.industries-nav-item > a:hover::before{background-position: 100% 0;}
ul.nav-menu > li.portfolio-nav-item > a::before{background-image: url(../images/what_we_do-basic_hover.e52314faf8c78c194782701c0d271918.svg);}
ul.nav-menu > li.portfolio-nav-item > a:hover::before{background-position: 100% 0;}
ul.nav-menu > li.team-nav-item > a::before{top: calc(50% - 1px); background-image: url(../images/gambling-hover_basic.1e53539774fd1625ec4d8df9a5b6ed37.svg);}
ul.nav-menu > li.team-nav-item > a:hover::before{background-position: 100% 0;}
ul.nav-menu > li.contact-nav-item > a::before{top: 50%; background-image: url(../images/get_in_touch-basic_hover.3a65f2367ce6b70510fdcc8964508194.svg);}
ul.nav-menu > li.contact-nav-item > a:hover::before{background-position: 100% 0;}
ul.nav-menu > li.menu-item-has-children > a{padding-right: 38px;}
ul.nav-menu > li.menu-item-has-children > a::after{width: 30px; height: 30px; top: 26px; right: 0; content: ""; display: block; position: absolute; background-image: url('../images/sort-up.png');transform: rotate(180deg);}
ul.nav-menu > li.menu-item-has-children:hover > a::after, ul.nav-menu > li.menu-item-has-children > a:hover::after{transform: rotate(0deg);background-image: url('../images/sort-down.png');}

.why-us-main{padding: 6rem 0 6rem;}
.why-us-bg{clip-path: polygon(0% 0%, 100% 0%, 100% 35%, 0% 100%); background-color: #eaf0f0; width: 100%; height: 110%; top: 0; left: 0; z-index: -1;}
.why-us-left h2{margin-bottom: 2rem;}
.why-us-left p{color: #3e6161;}
.why-us-left h3{padding-top: 1.5rem;}

.benfits-slider-wrap{padding: 6rem 0 6rem; text-align: center;}
.benfits-for-slide{flex: 0 0 33.3333%; padding: 1rem;}
figure.benfits-thumb{max-width: 90px; margin: 0 auto 2rem; cursor: pointer; transition: all 0.45s ease;}
.benfits-for-slide.open figure.benfits-thumb{transform: scale(1.5); top: -1rem;} 
.benfits-for-slide h3{color: #d3d3d3; text-transform: uppercase;}
.benfits-for-slide.open h3{color: #000;}
.benfits-nav-slide{display: none;}
.benfits-nav-slide.open{display: block;}
.benfits-nav-desc{max-width: 500px; margin: 0 auto; min-height: 130px; color: #3e6161;}

.slider-lines-wrapper{max-width: 928px; margin: 0 auto 2.5rem;}
.slider-inner-line{ width: 100%; height: 2px; background: #bacdcd; position: absolute; left: 0; right: 0; top: 0; z-index: -1; }
.slider-line { flex: 0 0 33.333%; position: relative; transition: width .3s ease-in-out; }
.slider-line:nth-child(1) .slider-line-dot{left: 0;}
.slider-line:nth-child(2) .slider-line-dot{left: 50%;}
.slider-line:nth-child(3) .slider-line-dot{left: 100%;}
.slider-line-dot{ height: 18px; width: 18px; border-radius: 50%; background: #bacdcd; position: absolute; top: -8px; margin: 0 auto; cursor: pointer; }
.slider-line-move{ height: 23px; width: 23px; border-radius: 50%; background: #18b5b5; box-shadow: 0 3px 15px #18b5b5; position: absolute; top: 0; bottom: 0; margin: auto; transition: all .45s ease; }
.slider-line:nth-child(1) ~ .slider-line-move{left: 0;}
.slider-line:nth-child(2).active ~ .slider-line-move{left: 50%;}
.slider-line:nth-child(3).active ~ .slider-line-move{left: 100%;}


.clutch-gear-bg { top: 17%; left: -40%; width: 200%; height: 250px; transform: skew(50deg, -20deg); background-color: #eaf0f0; z-index: -1; }
.clutch-gear-review{gap: 0.5rem;}
span.reviewed-text{padding-top: 3px; color: #6a797e; display: block; font-size: 11px; letter-spacing: 1px; margin: 0; text-transform: uppercase; }
.clutch-review-rates{flex: 1; gap: 0.25rem;}
.clutch-review-rates svg{fill: red; width: 16px;}
.clutch-gear-review{margin-bottom: 0.5rem;}
.clutch-gear-avatar{margin-bottom: 2rem; text-transform: uppercase; color: #6a797e;}
.clutch-gear-icon{flex: 0 0 100px;}


.anim{animation-delay: 0.15s; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; animation-iteration-count: infinite;}
.fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn;  }
@-webkit-keyframes fadeIn { 0% { opacity: 0; transform: scale(1.1);} 50% { opacity: 0.5; transform: scale(1.5);} 100% { opacity: 1; transform: scale(1);} }
@keyframes fadeIn { 0% { opacity: 0; transform: scale(1.1);} 50% { opacity: 0.5; transform: scale(1.5);} 100% { opacity: 1; transform: scale(1);} }

.zoom-out { -webkit-animation-name: zoomOut; animation-name: zoomOut; }
@-webkit-keyframes zoomOut { 0% { transform: scale(1.1); } 100% { transform: scale(1); } }
@keyframes zoomOut { 0% { transform: scale(1.1); } 100% { transform: scale(1); } }

/* Scroll Down */
.scroll-down { animation: scrollDown 2s ease-in-out infinite; }
@keyframes scrollDown { 0% { transform: translateY(-20px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-20px); } }

body.team_page{background-color: #eaf0f0;}

/*-- media css starts here --*/
@media only screen and (min-width: 1400px) {
  .container{max-width: 1366px; margin: 0 auto; width: 100%;}
  .container.md{max-width: 1266px;}
  .container.lg{max-width: 1920px;}
  .container.sm{max-width: 900px;}
  .footer{gap: 0 4rem;}
  .footer-left{flex: 0 0 300px;}

  .footer-lists{gap: 0 2rem; flex: 1;}
  .footer-list:nth-child(2){flex: 0 0 265px;}
  .f-subscribe{flex: 0 0 345px;}
}
@media only screen and (min-width: 1300px) {
  .accordion-head{max-width: 380px;}
  .accordion-text{flex: 1;}
  .accordion-image{flex: 0 0 787px; transform: translateX(40px);}
  .related-service-row{gap: 2rem 5rem;}
  .related-service-list{flex: 0 0 calc(25% - 60px);}
  .feature-project-text{flex: 1; padding: 73px;}
  .feature-project-list{flex: 0 0 50%;}

  .awards-row{gap: 1rem;}
  /* .awards-list{flex:  0 0 calc(16.66666% - 14px);} */

  .certification-lists{gap: 1rem;}
  .certification-list{flex: 0 0 calc(20% - 13px);}
  
  .get-in-main{gap: 0 220px;}
  .get-in-text{flex: 0 0 480px;}
  .get-in-right{flex: 1;}

  .what-our-section .container{max-width: 1000px;}
}
@media only screen and (min-width: 1024px) {
  
  
  .hide-desktop{display: none;}
  .wrap-height{height: 100vh;}
  .what-we-section{height: 100vh; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
  .what-we-main{padding: 4.5rem 0 4.5rem;}
  .header{align-items: center; position: relative;}
  header.no_sticky{position: relative; top: -80px;}
  .logo{flex: 0 0 146px; max-width: 146px;}
  .no_sticky .logo{transform: translateX(-100%); visibility: hidden; opacity: 0; left: 0; position: absolute;}
  .main-header.no_sticky ul.nav-menu{justify-content: flex-end;}
  .no_sticky nav.navigation{transform: translateX(-164px);}
  nav.navigation{flex: 1; gap: 0 30px; flex-wrap: nowrap; transition: all 1s ease;}
  ul.nav-menu{margin: 0; gap: 0 30px; flex: 1; flex-wrap: nowrap; justify-content: center; list-style: none;}
  ul.nav-menu > li{margin: 0; position: static;}
  ul.nav-menu > li::before{display: none;}
  ul.nav-menu > li > a{padding: 28px 0 28px 2.25rem; white-space: nowrap; color: var(--black-90); display: block; font-size: 1.25rem; font-weight: 700; text-transform: uppercase;}
  ul.nav-menu > li.current-menu-parent > a, ul.nav-menu > li.current_page_item > a, ul.nav-menu > li.current_page_ancestor > a, ul.nav-menu > li > a:hover, ul.nav-menu > li:hover > a{color: var(--red);}
  ul.nav-menu > li:hover > ul { opacity: 1; visibility: visible; top: 100%;}
  ul.nav-menu > li > ul{margin: 0; padding: 50px 60px 30px; min-width: 267px; width: 70%; top: calc(100% + 6px); left: 50%; transform: translate(-50%, 0); position: absolute; background-color: var(--white); border-radius: 0 0 2px 2px; box-shadow: 0 4px 44px 0 rgba(1, 32, 237, 0.15); opacity: 0; visibility: hidden; transition-duration: .7s; transition-property: all; transition-timing-function: ease-in-out; list-style: none; display: flex; flex-wrap: wrap;}
  ul.nav-menu > li > ul > li{margin: 0 0 20px; padding: 0 20px; flex: 0 0 50%;}
  ul.nav-menu > li > ul > li::before{display: none;}
  ul.nav-menu > li > ul > li.hide-nav-item{display: none;}
  ul.nav-menu > li > ul > li > a{color: var(--black); font-size: 1rem; line-height: 1.5rem; font-weight: 500; text-transform: uppercase; display: flex; gap: 20px; align-items: center;}
  ul.nav-menu > li > ul > li > a img{width: 35px; height: 35px;}
  ul.nav-menu > li > ul > li.current-menu-parent > a, ul.nav-menu > li > ul > li.current-menu-item > a, ul.nav-menu > li > ul > li.current_page_item > a, ul.nav-menu > li > ul > li > a:hover{color: var(--red);}
  .toggle-icon{display: none;}
  .nav-phone{gap: 1rem; flex: 0 0 195px;}
  .nav-phone-icon img{width: 30px;}
  .nav-phone-text a{align-items: center; display: flex; flex-wrap: wrap; gap: 10px; color: var(--black-90); font-size: 1.125rem; font-weight: 700; text-transform: uppercase;}
  .nav-phone-text a:hover{color: var(--red);}

  .contact-main{gap: 0 50px; align-items: flex-start;}
  .contact-left{flex: 1;}
  .contact-text{max-width: 665px; margin-bottom: 6rem;}
  .contact-right{flex: 0 0 500px; margin-top: 16px;}
  .clutch-lists{gap: 20px;}
  .clutch-slide{flex: 1;}
  .our-clients-main{padding: 0 0 6rem;}
  .our-clients-logo{flex: 0 0 16.6666%;}
  .our-clients-logo:nth-child(6n+6){border-right: none;}
  .our-clients-logo:nth-last-child(-n+6){border-bottom: none;}
  .footer{padding-top: 4.15rem;}
  .footer h4{margin-bottom: 2.15rem;}
  .clutch_lst{justify-content: space-evenly; margin-top: 2rem;}
  .footer-list{flex: 1;}
  ul.footer-links li a::after{width: 0; height: 1px; bottom: 0; left: 0;  content: ""; display: block; background-color: var(--light-blue); position: absolute;}
  ul.footer-links li a:hover::after{width: 100%; transform: translateX(100%); transition: all 0.5s linear;}
  .strategy-main{gap: 0 4rem; padding: 10rem 0 82px;}
  .strategy-text{flex: 0 0 554px; padding-bottom: 140px;}
  .strategy-image{flex: 1;}

  .engaging-main{gap: 2rem 8rem; padding: 6rem 0 6rem;}
  .engaging-text{flex: 0 0 331px;}
  .engaging-lists{flex: 1; gap: 3rem 6rem;}
  .engaging-list{flex: 0 0 calc(50% - 3rem);}

  
  .what-do-main{padding: 6rem 0 0;}
  .what-do-head{gap: 0 100px; margin-bottom: 8rem;}
  .what-do-title{flex: 0 0 447px;}
  .what-do-title h2{margin-bottom: 0;}
  .what-do-desc{flex: 1; padding-left: 100px;}
  .what-do-desc::before{left: 0; top: 0; position: absolute; content: ''; display: block; background-color: #18B5B5; width: 6px; height: 100%; border-radius: 2px;}
  .what-do-row{gap: 2rem 4rem; padding-bottom: 8rem;}
  .what-do-list{flex: 1;}
  
  .client-tools-main{padding-bottom: 4rem;}
  .client-tools{ gap: 32px 64px; padding: 3rem 0 3rem;}
  .tools-image{flex: 0 0 calc(16.6666% - 54px); text-align: center;}

  .testimonial-main{gap: 0 60px; align-items: flex-start;}
  .testimonial-image{flex: 0 0 401px; 
    /* transform: translate(60px, -60px); */
  }
  .testimonial-text{flex: 1; padding: 60px;}
  .avatar-main{gap: 2rem;}
  .avatar-img{flex: 0 0 148px;}
  .avatar-text{flex: 1; padding-left: 2rem; border-left: 2px solid var(--light-gray);}
  .accordion-main{gap: 0 6rem; padding: 6rem 0 0rem; align-items: flex-start;}

  .feature-project-rows{gap: 0;padding: 20px;}
  .feature-project-image{flex: 0 0 638px; padding: 80px 0;}
  figure.feature-project-big { top: 0; left: -50%; height: 100%; width: 100%; max-width: 858px; z-index: -1; }
  .view-btn{margin-top: 3rem;}
  .lets-make-desc{max-width: 920px;}
  /* .lets-make-desc .button{margin-top: 10px;} */
  .popup-modal-main{gap: 20px;}
  .popup-modal-text{flex: 0 0 334px;}
  .popup-modal-right{flex: 1;}

  .our-work-text{flex: 0 0 50%;}
  .our-work-lists{gap: 0 1rem; padding: 3rem 0 2rem;}
  .our-work-list{flex: 0 0 calc(50% - 14px);}
  .our-work-image{flex: 0 0 50%;}
  

  .why-us-main{gap: 20px; align-items: flex-end;}
  .why-us-left{flex: 0 0 550px;}
  .why-us-right{flex: 1; max-width: 362px;}

  .clutch-gear-main{padding: 6rem 0 6rem;}
  .clutch-gear-crystal{max-width: 400px; width: 100%; top: 0; left: 0; position: absolute;}

  .clutch-gear-left{margin-left: 394px; padding-top: 50px;}
  .clutch-gear-images{gap: 1rem;}
  .clutch-gear-thumb{flex: 1; max-width: 182px;}

}
@media only screen and (max-width: 1399px) and (min-width: 1024px){
  .container{padding: 0 1.5rem;}
  .footer { gap: 0 2rem; }
  .footer-left { flex: 0 0 calc(50% - 1rem); max-width: 300px;}
  .f-subscribe { flex: 0 0 calc(50% - 1rem); margin-left: auto;}
  .footer-lists { gap: 0 2rem; margin-top: 4rem; flex: 0 0 100%; order: 3; }
}
@media only screen and (max-width: 1299px) and (min-width: 1024px){
  .header-main{gap: 0 20px;}
  .logo{margin-left: 20px;}
  nav.navigation{gap: 0 24px;}
  ul.nav-menu{gap: 0 20px; }
  ul.nav-menu > li > a{font-size: 1rem;}
  .nav-phone{display: none;}

  .contact-main{gap: 1.5rem;}
  .contact-text{margin-bottom: 60px;}
  .engaging-main{gap: 2rem;}
  .engaging-text{flex: 0 0 315px;}
  .engaging-lists{gap: 3rem 2rem;}
  .engaging-list{flex: 0 0 calc(50% - 1rem);}
  .what-do-head{gap: 0 60px;}
  .what-do-title{flex: 0 0 400px;}
  .what-do-desc{padding-left: 60px;}
  .testimonial-text{padding: 30px;}
  .what-do-row{gap: 3rem; padding-bottom: 7rem;}
  .what-do-list{flex: 0 0 calc(33.3333% - 2rem);}
  .accordion-main{display: block;}
  .accordion-text{margin-bottom: 4rem;}
  .accordion-image { text-align: center; max-width: 976px; }
  .accordion-thumb-small{left: 60px;}
  .related-service-row{gap: 2rem;}
  .related-service-list{flex: 0 0 calc(25% - 1.5rem);}
  .feature-project-image{flex: 0 0 438px;}
  .feature-project-text{flex: 1; padding: 43px;}

  .awards-row{gap: 1rem;}
  .awards-list{flex:  0 0 calc(33.33333% - 11px);}

  .certification-lists{gap: 1rem;}
  .certification-list{flex: 0 0 calc(25% - 12px);}

  
  .get-in-main{gap: 0 60px;}
  .get-in-text{flex: 0 0 380px;}
  .get-in-right{flex: 1;}
  .contact-left{flex: 0 0 474px;}
  .clutch-slide:last-child{flex: 0 0 100%;}
  .contact-right{flex: 1;}

}
@media only screen and (max-width: 1023px) and (min-width: 200px){
  figure.testimonial-thumb{
    display: flex;
    justify-content: center;
  }
  .container{padding: 0 1.25rem;}
  .header-main{transition: all 0.45s linear; display: block; margin-top: 12px; padding: 18px 29px 14px 25px; position: relative; } 
  .logo{max-width: 125px; padding: 15px 0; position: relative; z-index: 1850; transition: max-width 0.4s ease-in;}
  .scroll-nav-up .logo{max-width: 115px;}
  .toggle-icon{width: 4rem; height: 100%; right: 10px; top: 0; z-index: 1850; position: absolute; cursor: pointer; transition-duration: .75s; transition-property: all; transition-timing-function: cubic-bezier(.075,.82,.165,1);}

  .toggle-icon .toggle-burger-ico { height: 13px; width: 13px; position: absolute; top: 13px; left: 10px; background-image: url(../images/burger-ico.0f1fec251278443675bea1c6cee0b720.png); background-size: 13px 13px; background-repeat: no-repeat; background-position: top left; opacity: 1 }
  .toggle-icon span { position: relative; display: block; width: 40px; height: 3px; background: #222; transition: all .2s ease-in-out }
  .toggle-icon span:before { top: -13px; right: 0; display: block; width: 20px }
  .toggle-icon span:after, .toggle-icon span:before { position: absolute; background: #222; content: ''; height: 3px; transition: all .3s ease }
  .toggle-icon span:after { top: 13px; width: 40px }
  .toggle-icon.open .toggle-burger-ico{ opacity: 0 }
  .toggle-icon.open span { background: transparent }
  .toggle-icon.open span:before { width: 40px; transform: rotate(45deg) translate(12px, 6px) }
  .toggle-icon.open span:after { transform: rotate(-45deg) translate(12px, -6px) }
    
 
  nav.navigation{width: 100%; height: 1000vh; min-height: 100dvh; top: 0; left: 0; padding: 120px 1.25rem 29px; position: absolute; z-index: 1800; background-color: var(--white); border-radius: 0; box-shadow: 0 4px 150px 0 rgba(0, 0, 0, 0.3); overflow-y: auto; -webkit-overflow-scrolling: touch; flex-direction: column; visibility: hidden; opacity: 0; transform: scale(1.05); transition-duration: .75s; transition-property: all; transition-timing-function: cubic-bezier(.075,.82,.165,1); -webkit-overflow-scrolling: touch; display: block;}
  nav.navigation.open{visibility: visible; opacity: 1; transform: scale(1);}  
  ul.nav-menu{margin: 0; padding: 0; display: block; list-style: none;}
  ul.nav-menu > li{margin: 0 0 3rem;}
  ul.nav-menu > li::before{display: none;}
  ul.nav-menu > li > a{padding: 0 0 0 3rem; color: var(--black-90); display: block; font-size: 1.25rem; line-height: 1.5rem; font-weight: 700; position: relative; text-transform: uppercase;}
  ul.nav-menu > li > a:hover{color: var(--red);}
  ul.nav-menu > li > ul{margin: 0; padding: 0; display: none; list-style: none;}
  ul.nav-menu > li > ul > li:first-child{margin-top: 0; padding-top: 32px;}
  ul.nav-menu > li > ul > li:last-child{margin-bottom: 0; padding-bottom: 32px;}
  ul.nav-menu > li > ul > li{margin: 0 0 15px;}
  ul.nav-menu > li > ul > li > a{color: var(--black); display: block; font-size: 1.125rem; line-height: 1.5rem; font-weight: 500; }
  ul.nav-menu > li > ul > li.current-menu-item > a, ul.nav-menu > li > ul > li > a:hover{color: var(--blue);}
  ul.nav-menu > li > ul > li > a img{width: 60px;}
  ul.nav-menu > li.menu-item-has-children > a::after{top: -3px; background-size: 24px; background-repeat: no-repeat; background-position: center; }

  .logo svg { width: 120px; height: 26px; }

  .nav-phone{gap: 1rem; flex: 0 0 195px;}
  .nav-phone-icon img{width: 30px;}
  .nav-phone-text a{align-items: center; display: flex; flex-wrap: wrap; gap: 10px; color: var(--black-90); font-size: 1.125rem; font-weight: 700; text-transform: uppercase;}
  .nav-phone-text a:hover{color: var(--red);}

}  
@media only screen and (max-width: 1023px) and (min-width: 768px){
  .hide-tablet{display: none;}
  nav.navigation{padding: 150px 4rem 29px;}
  
  .contact-main{padding: 110px 0 57px; display: block;}
  .contact-left {margin-bottom: 2rem; }
  .contact-text{margin-bottom: 2rem;}
  .clutch-lists{gap: 1rem;}
  .clutch-slide{flex: 0 0 calc(33.3333% - 11px);}
  .clutch-list{ padding: 1rem;}
  figure.clutch-thumb{max-width: 124px;}
  .contact-right{border-radius: 17px; padding: 1.5rem;}
  .frm_field{margin-bottom: 1rem;}


  .our-clients-main{padding: 0 0 4rem;}
  .our-clients-logo{flex: 0 0 25%;}
  .our-clients-logo:nth-child(4n+4){border-right: none;}
  .our-clients-logo:nth-last-child(-n+4){border-bottom: none;}
  .our-clients-thumb img{max-width: 110px;}

  .footer{padding-top: 4rem; display: block;}
  .footer-list-1{padding-bottom: 4rem;}
  .footer-left{margin-bottom: 3rem;}
  .footer-lists{gap: 1rem; margin-bottom: 2rem;}
  .footer-list{flex: 0 0 calc(50% - 8px);}
  .clutch_lst{margin: 3rem 0 3rem;}

  .strategy-bg{clip-path: polygon(100% 42%, 100% 100%, 0 100%, 0 94%);}
  .strategy-main{padding: 4rem 0 4rem; display: block;}
  .strategy-text{margin-bottom: 3rem;margin-top: 3rem;}
  .engaging-main{display: block; padding: 4rem 0;}
  .engaging-text{margin-bottom: 3rem;}
  .engaging-lists{gap: 2rem;}
  .engaging-list{flex: 0 0 calc(33.33333% - 22px);}
  
  .what-do-main{padding: 8rem 0 0;}
  .what-do-head{display: block; margin-bottom: 6rem;}
  .what-do-title{margin-bottom: 4rem;}
  .what-do-title h2{margin-bottom: 0;}
  .what-do-desc{padding-left: 50px;}
  .what-do-desc::before{left: 0; top: 0; position: absolute; content: ''; display: block; background-color: #18B5B5; width: 6px; height: 100%; border-radius: 2px;}
  .what-do-row{gap: 2rem; padding-bottom: 6rem;}
  .what-do-list{flex: 0 0 calc(33.3333% - 22px);}

  .client-tools-main{padding-bottom: 4rem;}
  .client-tools{ gap: 32px; padding: 3rem 0;}
  .tools-image{flex: 0 0 calc(25% - 24px); text-align: center;}

  .testimonial-main{display: block;}
  /* .testimonial-image{text-align: center; top: -60px;} */
  .testimonial-thumb-bg{left: 0;}
  .testimonial-text{flex: 1; padding: 0px;}
  .avatar-main{gap: 2rem; padding: 32px; display: flex;justify-content: center;}
  .avatar-img{flex: 0 0 148px;}
  .avatar-text{flex: none; padding-left: 2rem; border-left: 2px solid var(--light-gray);}
  .accordion-thumb-small{left: 0;}

  .related-service-row{gap: 3rem 4rem;}
  .related-service-list{flex: 0 0 calc(50% - 32px);}

  .accordion-main{display: block; padding: 6rem 0 2rem;}
  .accordion-text{margin-bottom: 4rem;}

  .feature-project-main{display: block;}
  .feature-project-image{padding: 4rem;}
  figure.feature-project-big { top: 0; left: -50%; height: 100%; width: 100%; max-width: 858px; z-index: -1; }
  .feature-project-rows{display: block;}
  .feature-project-text{padding: 3rem 2rem 4rem;}
  .feature-project-lists{gap: 0 2rem;}
  .feature-project-list{flex: 0 0 calc(50% - 1rem);}
  .view-btn{margin-top: 1rem;}
  .feature-project-main::after { width: 1000%; left: -100%; }
  .popup-modal-main{gap: 1rem;}
  .popup-modal-text{flex: 0 0 334px;}
  .popup-modal-right{flex: 1;}

  
  .awards-row{gap: 1rem;}
  .awards-list{flex:  0 0 calc(50% - 8px);}

  .certification-lists{gap: 1rem;}
  .certification-list{flex:  0 0 calc(50% - 8px);}

  .get-in-main{display: block;}
  .get-in-text{margin-bottom: 4rem;}
  .get-in-right{padding: 3rem;}

  .what-our-globe{display: none;}
  .what-our-bg { clip-path: polygon(100% 16%, 100% 100%, 0% 100%, 0% 50%); transform: skew(0, 41deg); top: 7%; background: #72cfcf;}
  .what-our-section::after{width: 100%; height: 50%; z-index: -1; background: #72cfcf; bottom: 0; left: 0; position: absolute; content: ""; display: block;}
  .clutch-gear-crystal{max-width: 200px;}
  .clutch-gear-main{padding: 0 0 3rem;}
  .clutch-gear-thumb{flex: 0 0 33.333%; padding: 0.5rem;}
  .our-work-slider .slick-arrow{top: calc(100% - 344px);}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
  .small-line{
    display: none;
  }
  .fixed-top{
    position: fixed  !important;
  }
  body{font-size: 1rem; line-height: 1.5rem;}
  .hide-mobile{display: none;}
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0 0 1rem;}
  .h1, h1{font-size: 3rem; line-height: 3.5rem;}
  .h2, h2 { font-size: 2rem; line-height: 2.5rem; }
  .h3, h3{font-size: 1.75rem; line-height: 2rem;} 
  blockquote { padding: 24px; font-size: 1.25rem; line-height: 1.75; }
  .button, button{font-size: 18px; line-height: 22px; padding: 16px 32px 14px;}

  .contact-bg{clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);}
  .contact-main{padding: 115px 0 4rem;}
  .contact-left { margin-top: 3rem; order: 3; flex: 0 0 100%; width: 100%;}
  .contact-text{margin-bottom: 2rem; font-size: 1.15rem; line-height: 1.5rem;}
  .contact-right{border-radius: 17px; padding: 1.5rem; order: 2; flex: 0 0 100%;}
  .frm_field{margin-bottom: 1rem;}

  .clutch-lists{display: block;}
  .clutch-list{max-width: 85%; margin: 0 auto 1rem;}
  .clutch-text p br{display: none;}

  .our-clients-main{padding: 3rem 0 2rem;}
  .our-clients-logo{flex: 0 0 50%;}
  .our-clients-logo:nth-child(2n+2){border-right: none;}
  .our-clients-logo:nth-last-child(-n+2){border-bottom: none;}
  .our-clients-thumb img{max-width: 110px;}

  .footer{padding-top: 4rem; display: block;}
  .footer-list-1{padding-bottom: 4rem;}
  .footer-logo img{max-width: 200px;}
  .footer-left{margin-bottom: 2rem; font-size: 18px; line-height: 22px;}
  .footer-lists{display: block; margin-bottom: 34px;}
  .footer-list h4 { border-bottom: 1px solid var(--white-20); padding: 12px 0; cursor: pointer; position: relative; }
  .footer-list h4::after { width: 20px; height: 14px; right: 0; top: calc(50% + 4px); transform: translateY(-50%); content: ""; display: block; background-image: url("../images/angle-down-solid.svg"); background-repeat: no-repeat; background-size: contain; position: absolute; }
  .footer-list h4.open::after{transform: translateY(-50%) rotate(180deg);}
  ul.footer-links{display: none;}
  ul.footer-links.open{display: block;}
  .clutch_lst{margin: 4rem 0 3rem;}

  .strategy-bg{clip-path: polygon(100% 42%, 100% 100%, 0 100%, 0 94%);}
  .strategy-main{padding: 7rem 0 4rem; display: block;}
  .strategy-text{margin-bottom: 3rem;}
  .engaging-main{display: block; padding: 4rem 0;}
  .engaging-text{margin-bottom: 3rem; font-size: 1.15rem; line-height: 1.5rem;}
  .engaging-lists{display: block;}
  .engaging-list{margin-bottom: 2rem;}

  .what-do-bg{height: calc(100% - 380px);}
  .what-do-main{padding: 6rem 0 0;}
  .what-do-head{display: block; margin-bottom: 4rem;}
  .what-do-title{margin-bottom: 4rem;}
  .what-do-title h2{margin-bottom: 0;}
  .what-do-desc{padding-left: 50px;}
  .what-do-desc::before{left: 0; top: 0; position: absolute; content: ''; display: block; background-color: #18B5B5; width: 6px; height: 100%; border-radius: 2px;}
  .what-do-row{padding-bottom: 3rem; display: block;}
  .what-do-list{margin-bottom: 2rem;}

  .client-tools-main{padding-bottom: 4rem;}
  .client-tools{ gap: 32px; padding: 3rem 0;}
  .tools-image{flex: 0 0 calc(33.33333% - 24px); text-align: center;}

  .testimonial-main{display: block;}
  .testimonial-image{text-align: center;}
  .testimonial-thumb-bg{display: none;}
  .testimonial-text{flex: 1; padding: 0px;}
  .avatar-main{display: block; text-align: center;}
  .avatar-img{flex: 0 0 148px; display: flex;justify-content: center;}
  .avatar-text:before{width: 100px; height: 2px; margin: 2rem auto; background-color: var(--light-gray); content: ""; display: block;}
  .accordion-thumb-small{left: 0;}

  .related-service-main { padding: 4rem 0; }
  .lets-make-wrap{padding: 4rem 0;}
  .related-service-row{display: block;}
  .related-service-list:not(:last-child){margin-bottom: 2rem;}

  .accordion-main{display: block; padding: 4rem 0 0rem;}
  .accordion-text{margin-bottom: 2rem;}

  .feature-project-main{display: block;}
  .feature-project-image{padding: 20px;}
  figure.feature-project-big { top: 0; left: -50%; height: 100%; width: 100%; max-width: 858px; z-index: -1; }
  .feature-project-rows{display: block;}
  .feature-project-text{padding:20px;}
  .feature-project-lists{gap: 0 2rem;}
  .feature-project-list{flex: 0 0 calc(50% - 1rem);}
  .view-btn{margin-top: 1rem;}
  .feature-project-main::after { width: 1000%; left: -100%; }

  .lets-make-main{padding: 2rem;}
  .popup-modal-main{display: block;}
  .popup-modal-text{margin-bottom: 1rem; padding: 25px 20px 5px;}
  .popup-modal-text p{margin-bottom: 1rem; display: none;}
  .popup-clutch-logos{display: none;}

  .awards-top{display: block;}
  .awards-head{margin-bottom: 2rem;}
  .awards-row{gap: 1rem;}
  .awards-list{flex:  0 0 calc(50% - 8px); padding: 1rem 1rem 1.5rem;}
  .awards-text{max-width: 175px; margin: 0 auto;}
  .our-work-text{padding: 2.5rem 1.5rem 3.5rem;}
  .our-work-section .container{padding: 0;}
  .our-work-head{padding: 0 1.25rem; margin-bottom: 2rem; font-size: 1rem; line-height: 1.5rem;}
  .our-work-lists{gap: 0 1rem; padding: 3rem 0 2rem;}
  .our-work-list{flex: 0 0 calc(50% - 14px);}
  .our-work-desc{font-size: 1rem; line-height: 1.5rem;}
  .our-work-small{max-width: 75px;}
  
  .certification-main{padding: 3rem 0 2rem;}
  .certification-lists{gap: 1rem;}
  .certification-list{flex:  0 0 calc(50% - 8px); padding: 1rem;}

  .get-in-main{display: block; padding: 3rem 0 2rem;}
  .get-in-info{padding-top: 0;}
  .get-in-text{margin-bottom: 4rem;}
  .get-in-right{padding: 1.5rem; border-radius: 17px;}
  .get-in-right h2{font-size: 1.5rem;}
  .slick-arrow{bottom: 145px; top: auto;}
  .burger-svg-menu{margin-right: 10px;}

  .what-our-section{padding: 3rem 0 2rem;}
  .what-our-desc{font-size: 1rem; line-height: 1.5;}
  .what-our-bg { clip-path: polygon(100% 41%, 100% 100%, 0 100%, 0 50%); transform: skew(0, 2.5deg); top: -292px; background: #72cfcf;}
  .why-us-left{font-size: 1rem; line-height: 1.5;}
  .what-our-section::after{width: 100%; height: 50%; z-index: -1; background: #72cfcf; bottom: 0; left: 0; position: absolute; content: ""; display: block;}

  .benfits-for-slide h3{display: none;}
  .benfits-nav-desc{font-size: 1rem; line-height: 1.5;}
  figure.benfits-thumb{max-width: 60px;}
  .benfits-for-slide.open figure.benfits-thumb{top: 0;}
  .clutch-gear-crystal{max-width: 50%;}

  .clutch-gear-main{padding: 3rem 0 2rem;}
  .clutch-gear-thumb{flex: 0 0 33.333%; padding: 0.5rem;}
  header.main-header{position: absolute;}
  body.home header.main-header{background-color: transparent;}
  .what-we-section{min-height: 600px; background-image: url(../images/red-1.abb3fd3975bf45d12d3e9a9080ebf104.svg), url(../images/red-2.32549ad26e8fc11cb8518c48f2f21ca3.svg), url(../images/blue-1.069a9b03ed4bf3e2abf87edea7efdee3.svg), url(../images/blue-2.1850a6863d0326c9d749eb39a69cb287.svg), url(../images/red-3.730d18c3bee80303d94559f904155d36.svg), linear-gradient(to bottom, #eaf0f0, transparent 30%); background-position: 114% -8vw, 3% -15%, -15% 35%, -12% 75%, 130% 40%, 0 0;}
  .what-we-main{max-width: 100%; padding: 10rem 0 3rem;}
  .what-we-logo img{max-width: 260px;}
  
  .awards-section{padding: 3rem 0 2rem;}
  .our-work-main{padding: 3rem 0 2rem;}
  .why-us-main{padding: 3rem 0 2rem;}
  .benfits-slider-wrap{padding: 3rem 0 2rem;}
  .awards-reviews{max-width:100%;}
  .awards-text{max-width: 275px;}
  .text-left-mobile{text-align: left;}
  .full-height{padding: 0 !important}
  .our-clients-thumb img{max-width: 100%;}
  .slider-line{
    flex: 0 0 31.9%;
  }
  .slider-inner-line{
    width: 96%;
  }
  .slider-line:nth-child(2).active ~ .slider-line-move{
    left: 46%  !important; 
  }
  .slider-line:nth-child(3).active ~ .slider-line-move{
    left: 94% !important;
  }
}
@media only screen and (max-width: 370px) and (min-width: 200px){
  .feature-project-lists{display: block; margin-bottom: 2rem;}
  .lets-make-wrap{padding: 60px 0;}
}
@media only screen and (max-width: 1000px) {
  #slidebox {
    max-width: 240px;
  }

  .visit {
    text-transform: uppercase;
    display: block;
    width: 50%;
    text-align: center;
    color: #fff;
    background: #e83636;
    box-shadow: 0 6px 1pc rgb(232 54 54 / 20%);
    border: none;
    height: 2vw;
    border-radius: 4px;
    z-index: 1;
    cursor: pointer;
    user-select: none;
    width: 94%;
    height: 4vh;
  }
}

@media only screen and (max-width: 800px) {
  .popupcontent p {
    font-size: 1.9vw;
  }

  .popupcontent h3 {
    font-size: 1.9vw;
  }
}

@media only screen and (max-width: 438px) {
  .lets-make-desc.aligncenter{
    text-align: left;
  }
  #slidebox {
    max-width: 200px;
  }

  .popupcontent p {
    font-size: 2.5vw;
  }

  .popupcontent h3 {
    font-size: 2.5vw;
  }
}

@media only screen and (max-width: 400px) {
  #slidebox {
    max-width: 180px;
  }
}

@media only screen and (max-width: 380px) {
  #slidebox {
    max-width: 160px;
  }
}

@media screen and (orientation: landscape) {
  .submit.visitbutton {
    height: 2vw !important;
    font-size: 1vw !important;
  }
}

@media screen and (orientation: landscape) {
  .submit.visitbutton:before {
    height: 994%;
    width: 801%;
    transform: rotate(-119deg);
  }
}

@media screen and (orientation: landscape) {
  .submit.popupsubmit:before {
    height: 670%;
    width: 469%;
    transform: rotate(-74deg);
  }
}
@media only screen and (max-width: 414px) {
  .logo-main-header h1 {
    font-size: 28px;
    margin-top: 160px;
    padding-left: 2.5%;
    padding-right: 2.5%;
  }

  .we-are-content p {
    font-size: 16px;
    margin-top: 38px;
    padding-left: 2.5%;
    padding-right: 2.5%;
  }

  .we-are {
    padding-bottom: 48.7%;
  }

  .what-we-do h2 {
    font-size: 28px;
  }

  .index-heading {
    font-size: 28px;
  }

  .our-work h3 {
    font-size: 18px;
  }

  .our-work p {
    font-size: 15px;
  }

  .why-us p {
    font-size: 15px;
  }

  .benefits p {
    font-size: 25px;
  }

  .benefits .benefits-background-rock {
    bottom: -20%;
  }

  .get-in-touch {
    margin-top: 0%;
  }

  .our-clients h2 {
    font-size: 28px;
  }

  .benefits {
    padding-bottom: 15vw;
    top: -21vw;
  }

  .benefits .benefits-background-rock {
    top: 85%;
  }

  .get-in-touch-inner-wrapper header * {
    font-size: 28px;
  }

  .clutch-rating {
    padding-left: 4.5%;
    padding-right: 4.5%;
    position: relative;
    left: 14%;
    top: -24px;
    z-index: 99999999999999999;
  }

  .benefits-inner-wrapper h3 {
    font-size: 18px;
  }

  .get-in-touch {
    padding-top: 9%;
    padding-bottom: 15%;
  }

  .questions-wrapper a {
    font-size: 15px;
  }

  .questions .copyright {
    font-size: 15px;
  }

  .content h1 {
    font-size: 32px;
  }

  .content {
    width: 100%;
  }

  .what-we-do-description {
    font-size: 15px;
  }

  .questions-wrapper .header {
    font-size: 28px;
  }

  .input-wrapper input {
    padding-right: 11%;
  }

  .recaptcha-input-wrapper {
    margin-left: 10.5%;
    margin-top: 5%;
  }

  .connect_us img {
    margin-left: 73px;
  }

  .submit {
    margin-top: 7%;
    margin-bottom: 7%;
  }

  .rc-anchor-normal-footer {
    margin-left: -9%;
  }
}

@media only screen and (max-width: 382px) {
  .recaptcha-input-wrapper {
    margin-left: 5.5%;
    margin-top: 5%;
  }
}

@media only screen and (max-width: 370px) {
  .recaptcha-input-wrapper {
    margin-left: 3.5%;
    margin-top: 5%;
  }

  .benefits .benefits-background-rock {
    top: 87%;
  }
}

@media only screen and (max-width: 1300px) {
  .popupsubmit {
    padding: 0px;
  }

  .popupheader {
    font-size: 29px;
  }
}

@media only screen and (max-width: 1200px) {
  .modal-image {
    display: none;
  }

  .form-modal {
    display: block;
  }

  .popupheader {
    font-size: 32px;
  }

  .popupsubmit {
    height: 7vw;
  }
}

@media only screen and (max-width: 414px) {
  .lets-make-desc.aligncenter{
    text-align: left;
  }
  .modal-image {
    display: none;
  }

  .form-modal {
    display: block;
  }

  .popupform {
    padding: 0px;
    padding-bottom: 6px;
  }

  .input-popup input {
    padding-right: 0%;
  }

  #login {
    width: 95%;
    top: 37%;
  }

  #login hr {
    margin: 21px 32px 22px;
  }

  .popupheader {
    font-size: 30px;
    padding: 64px 0 0;
    margin: 32px;
    margin: 36px 28px 31px;
  }

  .input-popup input {
    font-size: 16px;
    padding: 13px;
    width: 76%;
    margin-left: 8%;
  }

  .popupsubmit {
    height: 12vw;
    position: relative;
    left: 2%;
  }
  ul.nav-menu > li > ul > li > a img{
    width: 40px;
    margin: 0 10px 0 0;
  }
}
@media only screen and (max-width: 400px) {
  .popupheader {
    font-size: 29px;
  }
}
@media only screen and (max-width: 380px) {
  .popupheader {
    margin: 36px 26px 31px;
  }
  .popupheader {
    font-size: 26px;
  }
  .input-popup input {
    width: 76%;
  }
  #login hr {
    margin: 21px 29px 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .full-height{height: auto !important}
  ul.nav-menu > li > ul > li > a img{
    margin: 0 10px 0 0;
  }
}
.thank-btn-btm{
  margin-bottom: 9%;
}
.page-not-btn{
  color: white !important;
}

@keyframes popup-modal-wrap {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.social-links a i{
  color: white;
}
.social-links a:hover{
  margin-top:  5px;
  transition-duration: 1s;
}
header.no_sticky ul.nav-menu > li:hover > ul{
  opacity: 1;
  visibility: visible;
  top: -415%;
  /* margin: 0;
    padding: 50px 60px 30px;
    min-width: 267px;
    width: 70%;
    top: calc(100% + 6px);
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
    background-color: var(--white);
    border-radius: 0 0 2px 2px;
    box-shadow: 0 4px 44px 0 rgba(1, 32, 237, 0.15);
    opacity: 0;
    visibility: hidden;
    transition-duration: .75s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    list-style: none;
    display: flex;
    flex-wrap: wrap; */
}
main.content.thank-btn-btm h1{
  margin-top: 20%;
  text-align: center;
}
a.submit.to-touch{
  display: flex;
    justify-content: center;
    align-items: center;
}
.capital{
  text-transform: capitalize;
}
.blog-small-para{
  line-height: 2 !important;
}
.main-clutch-text{
  padding: 0 20px;
}
.full-height{
  height: 650px;
  padding: 0 10px;
}
#services-arrow {
  transition: transform 0.3s;
}

#services-arrow.rotated {
  transform: rotate(180deg);
}
.set-text-jusify{
  text-align: justify;
}
.mfp-fade-in.mfp-bg {
  opacity: 0;
  transition: opacity 0.9s ease-in-out;
}

.mfp-fade-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
 .error {
 
  color: red;

  /* font-size: 12px; */
}
.coprright-footer{
  text-align: left;
  padding: 0 0 1rem;
}
.footer-list-1{
  flex: 0 0 100%;
padding-bottom: 2.15rem;
}
p.heading-para{
margin-bottom: 1.5rem;
}
.mar1-rem-bottom{
  margin-bottom: 1rem;
}
.mar2-rem-bottom{
  margin-bottom: 2rem;
}
.lets-make-desc.aligncenter p{
  margin-bottom: 1.5rem;
}