* {
  margin: 0;

  padding: 0;

  box-sizing: border-box;
}

@font-face {
  font-family: poppins;

  src: url(../fonts/Poppins-Regular.ttf);
}

@font-face {
  font-family: poppins-medium;

  src: url(../fonts/Poppins-Medium.ttf);
}

@font-face {
  font-family: poppins-bold;

  src: url(../fonts/Poppins-Bold.ttf);
}

@font-face {
  font-family: poppins-thin;

  src: url(../fonts/Poppins-Thin.ttf);
}

@font-face {
  font-family: ibmplexsans;

  src: url(../fonts/IBMPlexSans-Regular.ttf);
}

@font-face {
  font-family: ibmplexsans-medium;

  src: url(../fonts/IBMPlexSans-Medium.ttf);
}

@font-face {
  font-family: ibmplexsans-bold;

  src: url(../fonts/IBMPlexSans-Bold.ttf);
}

@font-face {
  font-family: domine;

  src: url(../fonts/Domine-Regular.ttf);
}

@font-face {
  font-family: domine-bold;

  src: url(../fonts/Domine-Bold.ttf);
}

@font-face {
  font-family: neuehaasdisplay-light;

  src: url(../fonts/NeueHaasDisplayLight.ttf);
}

@font-face {
  font-family: neuehaasdisplay;
  src: url(../fonts/NeueHaasDisplayRoman.ttf);
}

@font-face {
  font-family: neuehaasdisplay-medium;

  src: url(../fonts/NeueHaasDisplayMediu.ttf);
}

@font-face {
  font-family: neuehaasdisplay-bold;

  src: url(../fonts/NeueHaasDisplayBold.ttf);
}

@font-face {
  font-family: opensans;

  src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
  font-family: opensans-semibold;

  src: url(../fonts/OpenSans-SemiBold.ttf);
}

:root {
  --primary-color: #e51f2d;

  --secondary-color: #10244f;

  --white-color: #fff;

  --black-color: #000;
}

.bg-primary {
  background: var(--primary-color) !important;

  color: white !important;

  border-radius: 50px;
}

.bg-primary:hover {
  background: var(--secondary-color) !important;

  color: white !important;
}

.btn-secondary {
  background-color: var(--secondary-color) !important;

  color: var(--white-color);

  border-radius: 50px;
}

.btn-secondary:hover {
  background-color: var(--primary-color) !important;

  color: var(--white-color);
}

ul {
  list-style-type: none;

  margin: 0;

  padding: 0;

  font-family: "Poppins";
}

a {
  text-decoration: none;

  font-family: neuehaasdisplay-medium;
}

h1,
h2 {
  font-family: neuehaasdisplay-bold;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 40px;
}

h3,
h4,
h5,
h6 {
  font-family: neuehaasdisplay-bold;
}

label {
  font-family: poppins;
}

input,
select,
textarea,
li {
  color: #575757;

  font-family: neuehaasdisplay;
}

p {
  font-family: neuehaasdisplay;

  letter-spacing: 1px;

  color: #575757;
}

img {
  height: auto;

  width: 100%;
}

.header {
  width: 100%;
}

.header-text h1 {
  font-size: 45px;

  color: white;
}

.header-text span {
  font-size: 24px;

  color: white;
}

.header-text p {
  color: #919191;

  width: 60%;

  margin-top: 16px;
}

.header-top {
  width: 100%;

  padding: 4px 0;

  background-color: var(--primary-color);
}

.header-info {
  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;
}

.header-contact {
  width: 100%;
}

.header-contact ul {
  display: flex;

  align-items: center;

  justify-self: space-between;
}

.header-contact ul li {
  margin: 0;
}

.header-contact ul li:first-child {
  width: 80%;

  text-align: center;

  padding: 0 0 0 15%;
}

.header-contact ul li:last-child {
  margin: 0;

  text-align: right;

  width: 20%;
}

.info-text {
  margin: 0 0 0 10px;
}

.info-text p {
  margin: 0;

  font-size: 15px;

  color: #fff;

  font-family: neuehaasdisplay;
}

.info-text a {
  font-family: ibmplexsans;

  color: var(--white-color);
}

.info-text i {
  color: #fff;

  margin: 0 10px 0 0;
}

.head-icon {
  width: 50%;

  display: flex;

  justify-content: flex-end;

  align-items: center;
}

.head-icon p {
  margin: 0 20px 0 0;

  color: #363737;

  font-size: 15px;
}

.head-icon p i {
  color: var(--primary-color);

  margin: 0 10px 0 0;

  font-size: 20px;
}

.head-icon ul {
  display: inline-block;

  padding: 0;

  margin: 0;
}

.head-icon ul li {
  display: inline-block;

  margin: 0 10px 0 0;
}

.head-icon ul li:last-child {
  margin: 0;
}

.head-icon ul li a {
  display: inline-block;

  font-size: 20 px;

  color: var(--primary-color);

  transition: all 0.5s;

  cursor: pointer;
}

.head-icon ul li a:hover {
  color: var(--secondary-color);
}

.header-box {
  width: 100%;

  background: white;
}

.nav-bar {
  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  background: var(--tertiary-color);

  padding: 5px 0;
}

.logo {
  width: 15%;
}

.logo img {
  width: 100%;
}

.menu {
  width: 65%;

  text-align: right;
}

.menu ul {
  display: inline-block;

  padding: 0;

  margin: 0;
}

.menu ul li {
  display: inline-block;

  margin: 0 25px 0 0;

  position: relative;
}

.menu ul li:last-child {
  margin: 0;
}

.menu ul li a {
  display: inline-block;

  color: #363737;

  font-size: 15px;

  transition: all 0.5s;

  cursor: pointer;

  font-family: ibmplexsans-bold;
}

.menu ul li i {
  font-size: 13px;
}

.menu ul li a.active {
  color: var(--primary-color);
}

.menu ul li a:hover {
  color: var(--primary-color);
}

.menu ul li ul {
  position: absolute;

  left: 0;

  top: 100%;

  width: 350px;

  text-align: left;

  padding: 18px 0 0 0;

  opacity: 0;

  z-index: -1;

  display: none;
}

@keyframes slidemenu {
  from {
    transform: translateY(20px);
  }

  to {
    transform: translateY(0);
  }
}

.menu ul li ul li {
  display: block;

  width: 100%;
}

.menu ul li ul li a {
  display: block;

  padding: 10px;

  background: var(--primary-color);

  color: var(--white-color);

  width: 100%;

  border-bottom: 1px solid var(--white-color);

  transition: all 0.5s;
}

.menu ul li ul li a:hover {
  background: var(--secondary-color);

  color: var(--white-color);

  border: transparent;
}

.menu ul li:hover > ul {
  opacity: 1;

  z-index: 9999;

  display: block;

  animation: slidemenu 0.5s linear;
}

.menu-btn {
  width: 20%;

  text-align: right;
}

.menu-btn a {
  display: inline-block;

  background: #298cdd;

  padding: 5px 20px;

  border-radius: 20px;

  color: var(--white-color);

  font-family: opensans-semibold;

  font-size: 15px;

  text-transform: uppercase;
}

.menu-btn a i {
  margin: 0 0 0 5px;
}

.sticky {
  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999;

  background-color: #fff;

  animation: slidetop 1s ease-in;

  border-bottom: 1px solid #298cdd;
}

@keyframes slidetop {
  from {
    transform: translateY(-100%);
  }

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

.sticky .header-top {
  display: none;
}

.sticky .menu ul li ul {
  padding: 19px 0 0 0;
  /* display: none; */
}

section.header-main {
  position: relative;
}

.slider {
  width: 100%;
}

.prev-banner {
  content: "";

  position: absolute;

  left: 8%;

  bottom: 8%;

  width: 40px;

  height: 40px;

  color: var(--primary-color);

  background: var(--white-color);

  font-size: 22px;

  z-index: 1;

  display: grid;

  place-items: center;

  cursor: pointer;

  transition: all 0.5s;
}

.next-banner {
  content: "";

  position: absolute;

  left: 12%;

  bottom: 8%;

  width: 40px;

  height: 40px;

  color: var(--primary-color);

  background: var(--white-color);

  font-size: 22px;

  z-index: 1;

  display: grid;

  place-items: center;

  cursor: pointer;

  transition: all 0.5s;
}

.prev-banner:hover {
  background: var(--primary-color);

  color: var(--white-color);
}

.next-banner:hover {
  background: var(--primary-color);

  color: var(--white-color);
}

.banner {
  position: relative;

  width: 100%;

  height: 650px;
}

.banner img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.banner-cont {
  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  padding: 13% 0 0 0;
}

.banner-cont h1 {
  color: var(--white-color);
}

.banner-cont span {
  font-size: 20px;

  font-family: ibmplexsans-medium;

  color: var(--white-color);
}

.banner-cont p {
  width: 50%;

  font-size: 15px;

  margin: 30px 0 20px 0;

  color: var(--white-color);
}

.banner-cont a {
  font-size: 15px;

  display: inline-block;

  /*background: var(--primary-color);*/

  color: var(--white-color);

  letter-spacing: 1px;

  text-transform: uppercase;

  padding: 10px 20px;

  border-radius: 20px;

  margin: 10px 0 0 0;

  transition: all 0.5s;

  position: relative;

  z-index: 1;

  overflow: hidden;
}

/* .banner-cont a:hover {

  background: var(--white-color);

  color: var(--primary-color);

} */

.banner-cont a::before {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 0;

  transition: all 0.5s;

  background: var(--white-color);

  border-radius: 20px;

  z-index: -1;
}

.banner-cont a::after {
  content: "";

  position: absolute;

  right: 0;

  top: 0;

  height: 100%;

  width: 0;

  transition: all 0.5s;

  background: var(--white-color);

  border-radius: 20px;

  z-index: -1;
}

.banner-cont a:hover {
  color: var(--primary-color);
}

.banner-cont a:hover::before {
  width: 50%;

  border-radius: 20px 0 0 20px;
}

.banner-cont a:hover::after {
  width: 50%;

  border-radius: 0 20px 20px 0;
}

@keyframes move-lr {
  0% {
    transform: rotate(0);
  }

  10% {
    transform: rotate(-15deg);
  }

  20% {
    transform: rotate(20deg);
  }

  30% {
    transform: rotate(-24deg);
  }

  40% {
    transform: rotate(21deg);
  }

  50% {
    transform: rotate(-18deg);
  }

  60% {
    transform: rotate(14deg);
  }

  70% {
    transform: rotate(-11deg);
  }

  80% {
    transform: rotate(7deg);
  }

  90% {
    transform: rotate(-3deg);
  }

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

.sticky-top {
  top: 100px;
}

.btn.bg-primary a {
  color: white;
}

.result-iconflex {
  width: 48%;
}

/* ===============    testimonial    =======================  */

.testimonial-wrapper1 {
  overflow: hidden;

  padding: 70px 0px;
}

h5.dz-title.m-b10 a {
  color: black;

  font-size: 22px;

  font-weight: 800;
}

.section-head .sub-title {
  text-transform: uppercase;

  color: #666;

  font-size: 18px;

  font-weight: 400;

  margin-bottom: 5px;
}

.section-head .title {
  margin-bottom: 15px;
}

.Challenges-box .icon {
  width: 70px;

  height: 70px;

  display: grid;

  place-items: center;

  background-color: #edf2fc;

  border-radius: 50%;

  margin: auto;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  transition: all 1s;
}

.Challenges-box .icon img {
  width: 70%;
}

.Challenges-box {
  background: white;

  text-align: center;

  height: 260px;

  margin-bottom: 14px;

  border-radius: 20px;

  padding: 20px;

  width: 100%;

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.Challenges-text h5 {
  font-size: 18px;

  color: var(--primary-color);
}

.Challenges-text h2 {
  color: var(--secondary-color);

  font-size: 36px;
}

section.Challenges-sec .row {
  display: flex;

  align-items: center;
}

.Challenges-box h5 {
  font-size: 16px;

  margin-top: 16px;

  color: var(--secondary-color);
}

.Challenges-box:hover .icon {
  background-color: var(--secondary-color);

  transform: rotateY(360deg);
}

.Challenges-box:hover h5 {
  color: var(--primary-color);
}

.Challenges-box:hover .icon img {
  filter: brightness(0) invert(1);
}

.Challenges-box p {
  margin: 0;
}

.Challenges-text .btn {
  padding: 10px 30px;
}

/* --------------Approach-sec-------- */

.Approach-sec {
  position: relative;

  padding: 60px 0px 130px 0;
}

.left-content {
  position: relative;

  margin-top: 35px;
}

.right-content {
  margin-top: 60px;

  margin-left: 30px;
}

section.Approach-sec {
  background: url(../images/Untitled-18.jpg);

  height: auto;

  background-repeat: no-repeat;
}

.right-content h3 {
  font-size: 22px;

  color: var(--secondary-color);
}

.left-content h5:first-child {
  top: 70px;

  position: absolute;

  left: 21%;
}

.left-content h5:nth-child(2) {
  top: 165px;

  position: absolute;

  left: 21%;
}

.left-content h5:nth-child(3) {
  top: 245px;

  position: absolute;

  left: 0;
}

.left-content h5:nth-child(4) {
  top: 340px;
  position: absolute;
  left: 7%;
}

.left-content h5 {
  cursor: pointer;
  font-size: 18px;
  margin: 0;
}

.left-content h5.left-active {
  color: var(--primary-color);
}

.right-content .right-display {
  display: none;
}

.right-content .left-active {
  display: block;

  animation: moving 1s ease;

  padding: 70px 0 0 0;
}

@keyframes moving {
  from {
    transform: translateY(50px);

    opacity: 0;
  }

  to {
    transform: translateX(0px);

    opacity: 1;
  }
}

.Approach-sec .col-lg-5:nth-child(2) {
  margin: 0 0 0 auto;
}

/* -------Results------------ */

section.Results {
  background-image: url(../images/img-sec-2.jpg);
  background-repeat: no-repeat;
  padding: 60px 0;
  background-size: cover;
}

.Results-text {
  text-align: center;

  color: white;
}

.Results-box .icon {
  width: 80px;

  height: 80px;
}

.Results-box .icon img {
  width: 70px;

  margin-right: 20px;
}

.Results-box {
  background: white;

  display: flex;

  height: 150px;

  margin-bottom: 25px;

  border-radius: 20px;

  padding: 18px;

  align-items: center;
}

.Results-text .btn.bg-primary a {
  padding: 10px 20px;

  display: inline-block;
}

.Results-text .btn.bg-primary a i {
  padding-left: 30px;
}

section.Results .row {
  align-items: center;
}

.Results-text h2 {
  width: 70%;

  margin: 0 auto 15px auto;
}

.result-flex {
  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.result-iconflex {
  width: 48%;

  padding: 20px;

  background: var(--white-color);

  display: flex;

  justify-content: space-between;

  border-radius: 10px;

  margin: 0 0 30px 0;
}

.result-iconflex:hover {
  background: var(--secondary-color);
}

.result-icon {
  width: 50px;
}

.result-icon img {
  width: 100%;
}

.result-icontext {
  width: 75%;
}

.result-icontext p {
  color: var(--secondary-color);

  margin: 0;
}

.result-iconflex:hover p {
  color: var(--white-color);
}

.fact-box {
  width: 100%;

  padding: 60px 0;
}

.fact-box .col-lg-2:first-child {
  margin: 0 0 0 8%;
}

.fact {
  width: 100%;
  padding: 15px;
  text-align: center;
  box-shadow: 0 0 10px #b2b2b2;
  border-radius: 10px;
  text-align: center;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.fact:hover {
  background: var(--primary-color);

  color: var(--white-color);
}

.fact-box .col-lg-2:nth-child(3) .fact.active {
  background: var(--primary-color);

  color: var(--white-color);
}

.fact-box .col-lg-2:nth-child(4) .fact.active {
  background: var(--primary-color);

  color: var(--white-color);
}

.fact:hover p {
  color: var(--white-color);
}

.fact.active p {
  color: var(--white-color);
}

.fact h2 {
  margin: 0;
  width: 100%;
}

.fact p {
  /* margin: 10px 0 0 0; */
  margin: 0;
  width: 100%;

  color: #737171;
}

.common-box {
  width: 100%;

  padding: 60px 0;

  background: var(--secondary-color);

  color: var(--white-color);

  text-align: center;
}

.common-box h5 {
  font-size: 18px;

  color: var(--primary-color);

  text-transform: uppercase;
}

.common-box h2 {
  margin: 0;
}

.common {
  width: 100%;

  padding: 20px;

  border: 1px solid var(--white-color);

  border-radius: 10px;

  margin: 40px 0 0 0;
  /* height: 170px; */
}

.common img {
  width: 50px;
}

.common h4 {
  font-size: 24px;

  margin: 15px 0 0 0;

  font-family: neuehaasdisplay-medium;
}

.review-box {
  width: 100%;

  padding: 60px 0;

  background: #edf2fc;
}

.review-flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.review-cont {
  width: 22%;
}

.review {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.review-cont:nth-child(2) .review{
  align-items: center;
  justify-content: center;
}

.review-cont:nth-child(3) .review{
  align-items: end;
  justify-content: flex-end;
}

.review-cont:nth-child(4) .review{
  align-items: end;
  justify-content: flex-end;
}

.review img {
  width: 70%;
}

.review p {
  margin: 10px 0 0 0;

  color: #000;

  font-size: 15px;
}

.review-btn-icon {
  margin: 10px 0 0 0;

  display: flex;
}

.review-btn-icon i {
  display: grid;

  place-items: center;

  width: 30px;

  height: 30px;

  margin: 0 10px 0 0;

  font-size: 17px;

  color: var(--primary-color);
}

.testimonial-box {
  width: 100%;

  text-align: center;

  margin: 60px 0;

  position: relative;
}

.testimonial-box h5 {
  font-size: 18px;

  color: var(--primary-color);

  text-transform: uppercase;
}

.testimonial-box h2 {
  margin: 0;
}

.test {
  width: 100px;

  height: 100px;

  margin: auto;

  border-radius: 50%;
}

.test img {
  width: 100%;

  height: 100%;

  object-position: top;

  object-fit: cover;

  border-radius: 50%;
}

.testimonial-flex {
  margin: 40px auto 0 auto;

  width: 70%;

  position: relative;
}

.client {
  width: 100px;

  height: 100px;

  margin: auto;

  border-radius: 50%;
}

.client img {
  width: 100%;

  height: 100%;

  object-position: top;

  object-fit: cover;

  border-radius: 50%;
}

.client-text {
  margin: 20px 0 0 0;
}

.client-text p {
  width: 80%;

  margin: 0 auto 15px auto;
}

.prev-btn {
  content: "";

  display: grid;

  place-items: center;

  transform: skew(-20deg);

  width: 30px;

  height: 30px;

  z-index: 99;

  color: var(--white-color);

  background: var(--primary-color);

  font-size: 17px;

  position: absolute;

  left: 45%;

  bottom: -60px;

  cursor: pointer;

  transition: all 0.5s;
}

.next-btn {
  content: "";

  display: grid;

  place-items: center;

  transform: skew(-20deg);

  width: 30px;

  height: 30px;

  z-index: 99;

  color: var(--white-color);

  background: var(--primary-color);

  font-size: 17px;

  position: absolute;

  left: 50%;

  bottom: -60px;

  cursor: pointer;

  transition: all 0.5s;
}

.prev-btn:hover {
  background: var(--secondary-color);
}

.next-btn:hover {
  background: var(--secondary-color);
}

.brand-box {
  width: 100%;

  padding: 60px 0;

  background: #edf2fc;

  margin: 100px 0 0 0;
}

.brand-box h2 {
  text-align: center;

  margin: 0 auto;

  color: var(--secondary-color);

  width: 90%;
}

.brand-flex {
  margin: 40px 0 0 0;
}

.blog-box {
  width: 100%;

  margin: 60px 0;
}

.blog-box h2 {
  color: var(--secondary-color);

  margin: 0;

  text-align: center;
}

.blog {
  margin: 40px 0 0 0;

  width: 100%;
}

.blog-image {
  width: 100%;

  height: 250px;

  position: relative;

  border-radius: 10px;

  overflow: hidden;
}

.blog-image::before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 10px;
}

.blog-image img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 10px;

  transition: all 0.5s;
}

.blog-image:hover img {
  transform: scale(1.1);

  filter: grayscale(100%);
}

.blog-head {
  display: inline-block;

  border-radius: 10px 0 0 0;

  background: var(--primary-color);

  position: absolute;

  z-index: 1;

  left: 0;

  top: 0;

  padding: 3px 10px;
}

.blog-head p {
  margin: 0;

  color: var(--white-color);

  text-transform: uppercase;

  font-family: neuehaasdisplay-medium;

  font-size: 14px;
}

.blog-cont {
  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  padding: 12% 20px 0 20px;

  position: absolute;

  border-radius: 10px;

  z-index: 99;
}

.blog-cont h3 {
  font-size: 20px;
}

.blog-cont h3 a {
  color: #fff;

  transition: all 0.5s;
}

.blog-cont h3 a:hover {
  color: var(--primary-color);
}

.blog-cont p {
  margin: 0 0 10px 0;

  color: var(--white-color);

  font-size: 14px;
}

.blog-cont-btn {
  font-family: neuehaasdisplay-medium;

  display: inline-block;

  position: relative;

  padding: 0 20px 0 0;

  color: var(--primary-color);

  text-transform: uppercase;

  font-size: 14px;

  transition: all 0.5s;
}

.blog-cont-btn::before {
  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 100%;

  width: 30px;

  height: 2px;

  background-color: var(--primary-color);

  transition: all 0.5s;
}

.blog-cont-btn:hover {
  color: var(--white-color);
}

.blog-cont-btn:hover::before {
  background: var(--white-color);
}

.blog-btn {
  width: 100%;

  text-align: center;

  margin: 30px 0 0 0;
}

.blog-btn a {
  display: inline-block;

  padding: 10px 70px 10px 20px;

  border-radius: 25px;

  border: 1px solid #575757;

  color: var(--primary-color);

  font-size: 14px;

  transition: all 0.5s;

  position: relative;
}

.blog-btn a::before {
  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 60%;

  width: 30px;

  height: 2px;

  background-color: var(--primary-color);

  transition: all 0.5s;
}

.blog-btn a:hover {
  color: var(--secondary-color);
}

.blog-btn a:hover::before {
  background: var(--secondary-color);
}

.newsletter {
  padding: 60px 0;

  background: var(--secondary-color);

  text-align: center;

  width: 100%;
}

.news-text {
  width: 100%;
}

.news-text h2 {
  color: var(--white-color);

  margin: 0;
}

.news-text a {
  display: inline-block;

  padding: 5px 30px;

  background: var(--primary-color);

  color: var(--white-color);

  border-radius: 20px;

  transition: all 0.5s;

  cursor: pointer;

  margin: 15px 0;
}

.news-text a i {
  margin: 0 0 0 10px;
}

.news-text a:hover {
  background: var(--white-color);

  color: var(--primary-color);
}

.news-text p {
  font-family: neuehaasdisplay-medium;

  margin: 0;

  color: var(--white-color);
}

.footer {
  width: 100%;

  padding: 60px 0;

  background: #edf2fc;
}

.footer_box img {
  width: 70%;
}

.footer_box p {
  color: var(--tertiary-color);

  padding: 10px 0 0 0;

  width: 100%;
}

.footer_icon {
  width: 100%;

  margin: 20px 0;
}

.footer_icon ul {
  display: inline-block;

  padding: 0;

  margin: 0;
}

.footer_icon ul li {
  display: inline-block;

  margin: 0 10px 0 0;
}

.footer_icon ul li:last-child {
  margin: 0;
}

.footer_icon ul li a {
  display: grid;

  place-items: center;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background-color: var(--primary-color);

  font-size: 15px;

  color: var(--white-color);

  transition: all 0.5s;

  cursor: pointer;
}

.footer_icon ul li a:hover {
  background-color: var(--secondary-color);
}

.footer-second {
  padding: 0 0 0 15%;
}

.footer_box h4 {
  display: inline-block;

  font-weight: 500;

  font-size: 20px;

  padding: 0 0 10px 0;

  margin: 0 0 20px 0;

  position: relative;

  color: var(--secondary-color);
}

.footer_box h4::after {
  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 40%;

  height: 3px;

  background-color: var(--primary-color);
}

.footer_links {
  padding: 0;
}

.footer_links li {
  position: relative;

  padding: 0 0 0 10px;
}

.footer_links li::before {
  position: absolute;

  content: "➤";

  left: 0;

  top: 0;

  color: var(--secondary-color);
}

.footer_links li a {
  color: var(--tertiary-color);

  display: inline-block;

  font-size: 15px;

  margin: 0 0 10px 15px;

  font-family: neuehaasdisplay-light;

  transition: all 0.5s;
}

.footer_links li a:hover {
  color: var(--primary-color);
}

.footer_contact {
  padding: 0;
}

.footer_contact li {
  display: flex;

  justify-self: space-between;

  font-size: 15px;

  margin: 10px 0 10px 0;
}

.link-icon {
  color: var(--secondary-color);

  width: 30px;
}

.link-text {
  width: 85%;
}

.link-text span {
  color: var(--tertiary-color);

  font-size: 15px;

  font-family: neuehaasdisplay-light;
}

.link-text a {
  color: var(--tertiary-color);

  font-size: 15px;

  font-family: neuehaasdisplay-light;

  transition: all 0.5s;
}

.link-text a:hover {
  color: var(--primary-color);
}

.footer_copyright {
  width: 100%;

  text-align: center;

  background: var(--primary-color);
}

.footer_copyright p {
  font-size: 16px;

  color: var(--white-color);

  padding: 10px 0;

  margin: 0;
}

.scroll_top {
  width: 40px;

  height: 40px;

  background-color: var(--secondary-color);

  font-size: 17px;

  color: var(--white-color);

  border-radius: 50%;

  display: grid;

  place-items: center;

  position: fixed;

  right: 20px;

  bottom: 20px;

  z-index: 9999;

  transition: all 0.4s;

  cursor: pointer;
}

.scroll_top:hover {
  background-color: var(--primary-color);
}

/* =================services==================== */

.single-services {
  position: relative;

  width: 100%;

  border-radius: 20px;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin: 40px 0 0 0;
}

.single-services .icon {
  position: absolute;

  background: #fc1111;

  left: 8%;

  top: 150px;

  padding: 4px;

  border-radius: 50%;

  width: 75px;

  height: 78px;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.single-services .icon img {
  width: 75%;
}

.services-content {
  background: white;
  margin-bottom: 0;
  padding: 60px 24px 32px;
  height: 315px;
}

.Services-text h3 {
  line-height: 1;
}

.Services-text h3 a {
  color: var(--secondary-color);

  font-size: 19px;

  font-family: neuehaasdisplay-bold;
}

.single-services .icon:hover {
  background-color: var(--secondary-color);
}

.services-image {
  border-radius: 10px 10px 0px 0px;

  width: 100%;

  height: 180px;

  overflow: hidden;
}

.services-image img {
  border-radius: 10px 10px 0px 0px;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all 0.5s;
}

.section-title h2 {
  font-size: 36px;

  text-transform: capitalize;
  margin: 0;
}

.section-title {
  text-align: center;

  width: 70%;

  margin: auto;
}

.services-area {
  padding: 60px 0px;
}

.services-area p {
  width: 50%;

  text-align: center;

  margin: 0;
}

.single-services:hover .icon {
  background-color: var(--secondary-color);
}

.single-services:hover .Services-text h3 a {
  color: var(--primary-color);
}

.single-services:hover .services-image img {
  transform: scale(1.1);
}

.Services-text p {
  width: 100%;

  text-align: left;
}

.single-services:hover img {
  transform: scale(1.09);
}

.services-image {
  overflow: hidden;
}

.img-section {
  padding: 80px;

  background-attachment: fixed;
}

.img-section-text h3 {
  font-size: 38px;

  color: white;

  font-weight: 900;

  margin-bottom: 40px;
}

.img-section-text {
  text-align: center;

  margin: auto;
}

.img-section-text p {
  color: white;
}

section.Challenges-sec {
  padding: 80px 0px;

  background-color: #edf2fc;
}

/* ----------------Challenges-box-------------- */

/* index css ends */

.about_banner {
  width: 100%;

  height: 450px;

  position: relative;
}

.about_banner img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.about_banner_cont {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding: 15% 0 0 8%;

  background-color: rgba(0, 0, 0, 0.4);

  text-align: center;
}

.about_banner_cont h2 {
  color: var(--white-color);
}

.about_banner_cont ul {
  display: inline-block;

  /* padding: 10px 30px; */

  /* background-color: #ffffff21; */
}

.about_banner_cont ul li {
  display: inline-block;

  font-size: 15px;

  color: var(--white-color);
}

.about_banner_cont ul li a {
  color: var(--white-color);

  transition: all 0.5s;
}

.about_banner_cont ul li a:hover {
  color: var(--primary-color);
}

.about_banner_cont ul li i {
  margin: 0 10px;

  font-size: 12px;
}

/* inside banner ends */

.test-card {
  width: 100%;

  border: 1px solid #575757;

  border-radius: 10px;

  padding: 20px;

  margin: 40px 0 0 0;
  height: 420px;
}

.test-card .client-text p {
  width: 100%;
}

/* testimonial page ends */

.about-box {
  width: 100%;

  margin: 60px 0;
}

.content-image {
  width: 90%;

  margin: auto;

  height: 400px;

  border-radius: 10px;

  position: relative;
}

.content-image img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 10px;
}

.content-text h5 {
  font-size: 20px;

  color: var(--primary-color);

  position: relative;

  display: inline-block;

  padding: 0 0 0 35px;
}

.content-text h5::before {
  top: 0;

  left: 0;

  line-height: 0;

  color: var(--secondary-color);

  font-size: 30px;

  content: "...";

  position: absolute;
}

.content-text h5::after {
  left: 0;

  bottom: 7px;

  width: 22px;

  height: 3px;

  content: "";

  position: absolute;

  border-radius: 10px;

  background-color: var(--secondary-color);
}

.content-text h4 {
  font-size: 20px;

  margin: 10px 0 0 0;
}

.about-flex-text {
  width: 100%;

  margin: 30px 0 0 0;
}

.about-flex-text ul {
  margin: 0;

  padding: 0;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.about-flex-text ul li {
  margin: 0 0 10px 0;

  width: 48%;
}

.about-flex-text ul li i {
  color: var(--secondary-color);

  margin: 0 10px 0 0;
}

.about-flex-text ul li:last-child {
  margin: 0;
}

.customer-box {
  width: 100%;

  margin: 0 0 60px 0;

  padding: 60px 0;

  background: linear-gradient(180deg, #dde5fa, #dde5fa);
}

.customer-box h2 {
  text-align: center;

  margin: 0;
}

.customer {
  width: 100%;

  border-radius: 10px;

  margin: 40px 0 0 0;

  background: #fff;

  height: 410px;
}

.customer-head {
  padding: 20px;

  background: linear-gradient(to bottom right, #e51f2d, #10244f);

  border-radius: 10px 10px 0 0;

  color: #fff;
}

.customer-head h4 {
  font-size: 25px;

  margin: 0 0 0;
}

.customer-box .col-lg-4:nth-child(2) .customer-head {
  height: 81px;
}

.customer-box .col-lg-4:nth-child(2) .customer-head h4 {
  width: 70%;
}

.customer-head h5 {
  font-size: 17px;

  margin: 0;
}

.customer-text {
  width: 100%;

  padding: 20px;
}

.customer-text h3 {
  font-size: 22px;

  margin: 0;
}

.customer-text ul {
  margin: 20px 0 0 0;
}

.customer-text ul li {
  margin: 0 0 10px 0;

  display: flex;

  align-items: center;
  padding: 0 0 0 10px;
  position: relative;
}

.customer-text ul li::before {
  position: absolute;
  top: 0;
  right: 100%;
  color: var(--primary-color);
  font-size: 12px;
  content: "●";
}

.customer-text ul li:last-child {
  margin: 0;
}

.customer-text ul li i {
  color: var(--primary-color);

  margin: 0 10px 0 0;

  font-size: 6px;
}

.customer-text a {
  font-family: poppins;

  color: #000;

  margin: 20px 0 0 0;

  display: inline-block;

  transition: all 0.5s;
}

.customer-text a:hover {
  color: var(--secondary-color);
}

.customer-text a i {
  margin: 0 0 0 10px;

  color: var(--primary-color);
}

.customer-text a:hover i {
  color: var(--secondary-color);
}

.about-team {
  width: 100%;

  margin: 0 0 60px 0;
}

.about-team-image {
  width: 300px;

  height: 300px;

  border-radius: 50%;
}

.about-team-image img {
  width: 100%;

  height: 100%;

  border-radius: 50%;

  object-fit: cover;

  object-position: top;
}

.about-team-text {
  width: 100%;
}

.about-team-text h2 {
  margin: 0 0 10px 0;
}

.about-team-text span {
  color: var(--secondary-color);

  font-family: poppins;

  font-size: 17px;
}

.about-team-text p {
  margin: 10px 0 0 0;
}

.about-counter-box {
  width: 100%;

  margin: 0 0 60px 0;

  background: #f9f9f9;

  padding: 60px 0;
}

/* .about-counter {
  width: 100%;

  text-align: center;
}

.about-counter-head {
  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--primary-color);
}

.about-counter-head h2 {
  margin: 0;

  position: relative;

  padding: 0 5px 0 0;

  display: inline-block;
}

.about-counter-head span {
  font-family: poppins-bold;

  font-size: 40px;
}

.about-counter-head h2::before {
  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 2px;

  background: var(--secondary-color);
}

.about-counter p {
  margin: 10px 0 0 0;

  color: #000;

  font-family: poppins-medium;
} */

.counter-items {
  width: 100%;
}

.counter-info {
  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--primary-color);
}

.counter {
  margin: 0;

  position: relative;

  padding: 0 5px 0 0;

  display: inline-block;

  font-family: poppins-bold;

  font-size: 40px;
}

.counter::before {
  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 2px;

  background: var(--secondary-color);
}

.count-after {
  font-family: poppins-bold;

  font-size: 40px;
}

.counter-items p {
  margin: 10px 0 0 0;
  letter-spacing: 0.2;
}

.certificate-box {
  width: 100%;

  margin: 0 0 60px 0;
}

.certificate-box h2 {
  text-align: center;

  margin: 0;
}

.certificate-flex {
  margin: 40px 0 0 0;

  padding: 30px 0;

  border-top: 1px solid #666;

  border-bottom: 1px solid #666;
}

.certificate-flex .slick-slide {
  height: auto;
}

.certificate {
  padding: 0 10px 0 0;
}

/* company page css ends */

/* about css ends */

.subscribe {
  width: 100%;

  padding: 50px 0;

  background-image: url(../images/newsletter.jpg);

  background-attachment: fixed;

  background-position: center;

  background-repeat: repeat-x;

  background-size: cover;

  position: relative;
}

.subscribe::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.7);

  width: 100%;

  height: 100%;
}

.sub-text {
  width: 100%;

  margin: 0 0 20px 0;

  position: relative;

  color: var(--white-color);
}

.sub-text h2 {
  margin: 0 0 10px 0;
}

.sub-text p {
  margin: 0;

  color: var(--white-color);
}

.sub-mail {
  width: 100%;

  position: relative;
}

.sub-flex {
  width: 100%;

  display: flex;

  justify-content: space-between;
}

.sub-input {
  width: 48%;

  margin: 0 0 15px 0;
}

.sub-input input {
  width: 100%;

  height: 50px;

  padding: 20px;

  background: var(--white-color);

  border: 1px solid #dddddd;

  outline: none;

  border-radius: 6px;
}

.sub-input input::placeholder {
  color: var(--black-color);

  opacity: 1;
}

.sub-btn {
  width: 100%;
}

.sub-submit {
  width: 100%;

  padding: 10px 0;

  background: var(--primary-color);

  border: none;

  outline: none;

  transition: all 0.5s;

  cursor: pointer;

  color: var(--white-color);

  border-radius: 6px;
}

.sub-submit i {
  margin: 0 10px 0 0;
}

.sub-submit:hover {
  background: var(--secondary-color);
}

/* newsletter ends */

.contact-box {
  width: 100%;

  margin: 60px 0;
}

.contact-box h5 {
  font-size: 18px;

  color: var(--primary-color);

  text-transform: uppercase;
}

.contact-box h2 {
  margin: 0;
}

.contact-text p {
  margin: 10px 0 0 0;
  font-size: 18px;
}

.contact-flex {
  width: 100%;

  margin: 30px 0 0 0;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.contact-icon {
  width: 60px;

  height: 60px;

  display: grid;

  place-items: center;

  border-radius: 5px;

  font-size: 30px;

  color: var(--white-color);

  background-color: var(--primary-color);

  transition: all 0.5s;
}

.contact-icontext {
  width: 85%;
}

.contact-icontext p {
  margin: 5px 0 0 0;
  font-size: 15px;
}

.contact-icontext a {
  margin: 5px 0 0 0;

  color: #575757;

  font-family: poppins;
}

.contact-icontext a:hover {
  color: var(--secondary-color);
}

.contact-icontext h3 {
  font-size: 22px;

  margin: 0;

  transition: all 0.5s;
}

.contact-flex:hover .contact-icon {
  background-color: var(--secondary-color);
}

.contact-flex:hover .contact-icontext h3 {
  color: var(--primary-color);
}

.form-box {
  width: 100%;
}

.form-flex {
  width: 100%;

  display: flex;

  justify-content: space-between;

  margin: 30px 0 0 0;

  flex-wrap: wrap;
}

.form-info {
  width: 48%;
}

.form-info input {
  width: 100%;

  border: none;

  outline: none;

  height: 50px;

  padding: 10px;

  border-radius: 5px;

  background-color: #eff2f6;

  /* font-family: poppins; */

  font-size: 15px;
}

.form-area {
  width: 100%;

  height: 100px;

  padding: 10px;

  border: none;

  outline: none;

  border-radius: 5px;

  background-color: #eff2f6;

  /* font-family: poppins; */

  font-size: 15px;

  margin: 30px 0 0 0;
}

.contact-submit {
  position: relative;

  padding: 10px 15px;

  font-size: 15px;

  transition: all 0.5s;

  margin: 30px 0 0 0;

  cursor: pointer;

  font-family: poppins-bold;

  border-radius: 20px;

  background-color: var(--primary-color);

  color: var(--white-color);

  cursor: pointer;

  border: none;

  outline: none;
}

.contact-submit:hover {
  background-color: var(--secondary-color);
}

.map-box {
  width: 100%;

  height: 400px;
}

.map-box iframe {
  width: 100%;

  height: 100%;
}

.contact-text p {
  margin: 10px 0 0 0;

  font-size: 15px;
}

/* contact page css ends */

.service-banner {
  width: 100%;

  height: 450px;

  position: relative;
}

.service-banner::before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.3);
}

.service-banner img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.service-cont {
  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 1;

  padding: 10% 0 0 0;
}

.service-cont h2 {
  color: var(--white-color);
}

.service-cont p {
  color: var(--white-color);

  padding: 0 0 0 40px;

  position: relative;

  width: 40%;

  font-size: 18px;

  margin: 20px 0 0 0;
}

.service-cont p::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 3px;

  height: 100%;

  border-radius: 5px;

  background: var(--primary-color);
}

.service-red {
  /* margin: 0 0 60px 0; */
}

.service-manage {
  margin: 80px 0;
}

.service-red h5 {
  font-size: 18px;

  color: var(--primary-color);

  text-transform: uppercase;
}

.service-red h2 {
  margin: 0;

  color: var(--secondary-color);
}

.service-red p {
  margin: 10px 0 0 0;
}

.service-center {
  width: 100%;

  padding: 80px 0;

  text-align: center;
}

.service-center h2 {
  color: var(--secondary-color);

  margin: 0 auto 10px auto;
  width: 60%;
}

.center-text {
  width: 100%;
}

.center-text p {
  margin: 15px auto 0 auto;

  width: 100%;
}

.service-red-choose {
  width: 100%;

  height: auto;

  margin: 0 0 80px 0;

  position: relative;
}

.service-red-choose .service-head {
  text-align: center;
}

.service-red-choose h2 {
  padding: 0 20px;

  position: relative;

  display: inline-block;
}

.service-red-choose h2::before {
  content: "";

  width: 100%;

  height: 2px;

  background: var(--primary-color);

  left: 100%;

  top: 50%;

  position: absolute;
}

.service-red-choose h2::after {
  content: "";

  width: 100%;

  height: 2px;

  background: var(--primary-color);

  right: 100%;

  top: 50%;

  position: absolute;
}

.service-red-choose img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.service-red-cont {
  width: 100%;

  height: 100%;

  /* position: absolute; */

  /* top: 0;

  left: 0; */

  background-color: #fff;
}

.service-red-cont .service-choose-icon {
  width: 40px;
}

.service-red-cont .service-choose-icon img {
  height: auto;

  transition: all 0.5s;

  cursor: pointer;
}

.service-choose-icon:hover img {
  transform: rotateY(360deg);
}

.service-red-cont .service-choosetext {
  width: 90%;
}

.process-box {
  width: 100%;

  margin: 0 0 80px 0;

  text-align: center;
}

.process-box h2 {
  color: var(--secondary-color);

  padding: 0 30px;

  display: inline-block;

  position: relative;

  margin: 0;
}

.process-box h2::before {
  content: "";

  width: 40px;

  height: 2px;

  background: var(--primary-color);

  left: 100%;

  top: 50%;

  position: absolute;
}

.process-box h2::after {
  content: "";

  width: 40px;

  height: 2px;

  background: var(--primary-color);

  right: 100%;

  top: 50%;

  position: absolute;
}

.process-image {
  width: 100%;

  margin: 40px 0 0 0;
}

.process-image img {
  width: 100%;
}

.process-box p {
  margin: 10px 0 0 0;
}

.process-text {
  width: 100%;

  margin: 60px 0 0 0;
}

.process-tab {
  width: 100%;

  background: #f4f4f4;

  position: relative;
}

.process-prev {
  position: absolute;

  content: "";

  width: 30px;

  height: 100%;

  display: grid;

  place-items: center;

  background: var(--secondary-color);

  color: #fff;

  transition: all 0.5s;

  left: 0;

  top: 0;

  font-size: 15px;

  z-index: 99;

  cursor: pointer;
}

.process-next {
  position: absolute;

  content: "";

  width: 30px;

  height: 100%;

  display: grid;

  place-items: center;

  background: var(--secondary-color);

  color: #fff;

  transition: all 0.5s;

  right: 0;

  top: 0;

  font-size: 15px;

  z-index: 99;

  cursor: pointer;
}

.process-prev:hover {
  background: var(--primary-color);

  color: #fff;
}

.process-next:hover {
  background: var(--primary-color);

  color: #fff;
}

.process h3 {
  margin: 0;

  padding: 10px 20px;

  font-size: 16px;

  font-family: poppins-medium;

  cursor: pointer;
}

.process h3.process-active {
  border-top: 2px solid var(--primary-color);
}

.process-tab-content {
  width: 100%;
}

.process-display {
  width: 100%;
}

.process-cont-image {
  width: 100%;

  height: 350px;

  position: relative;
}

.process-cont-image img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.process-cont-text {
  width: 100%;

  position: absolute;

  height: 100%;

  top: 0;

  left: 0;

  padding: 60px 0 60px 30px;

  color: #fff;

  text-align: left;
}

.process-cont-text h3 {
  display: inline-block;

  position: relative;

  padding: 0 0 10px 0;

  font-family: poppins-medium;

  font-size: 25px;
}

.process-cont-text h3::after {
  width: 90%;

  height: 2px;

  background: var(--primary-color);

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;
}

.process-cont-text p {
  color: #fff;

  width: 50%;
}

.process-cont-text a {
  display: inline-block;

  padding: 10px 30px;

  color: #fff;

  background: var(--primary-color);

  border-radius: 20px;

  transition: all 0.5s;

  margin: 30px 0 0 0;
}

.process-cont-text a:hover {
  background: #fff;

  color: var(--primary-color);
}

.process-tab-content .process-display {
  display: none;
}

.process-tab-content .process-display.process-active {
  display: block;

  animation: moving 1s ease;
}

@keyframes moving {
  from {
    transform: translateY(50px);

    opacity: 0;
  }

  to {
    transform: translateX(0px);

    opacity: 1;
  }
}

.service-benefit {
  width: 100%;

  /* height: 600px; */

  /* position: relative; */

  background-image: url(../images/benefit-bg.jpg);
  background-size: cover;
  /* background-repeat: no-repeat; */
}

/* .service-benefit img {
  width: 100%;

  height: 100%;

  object-fit: cover;
} */

.service-benefit-cont {
  width: 100%;

  /* position: absolute; */

  /* top: 0;

  left: 0; */

  padding: 80px 0;
}

.service-benefit-text {
  width: 100%;

  color: #fff;
}

.service-benefit-text h2 {
  margin: 0 0 20px 0;
}

.service-benefit-text ul li {
  margin: 15px 0 0 0;

  color: #fff;
  padding: 0 0 0 10px;
  position: relative;
}

.service-benefit-text ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 100%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary-color);
}

.service-benefit-text ul li i {
  color: var(--primary-color);

  margin: 0 10px 0 0;
}

.service-benefit-text p {
  color: #fff;

  margin: 0;
}

.process-defence {
  width: 100%;

  margin: 40px 0 0 0;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.defence {
  width: 19%;
}

.defence img {
  width: 60px;

  transition: all 0.5s;
}

.defence:hover img {
  transform: translateY(-10px);
}

.defence h3 {
  font-size: 15px;

  font-family: poppins-medium;

  margin: 10px 0 0 0;
}

.center-flex {
  width: 100%;
}

.center-flex h2 {
  text-align: center;

  margin: 0;
}

.service-center-flex {
  margin: 40px 0 0 0;

  display: flex;

  justify-content: space-between;
}

.center-cont {
  width: 33%;

  padding: 0 20px 0 0;
}

.center-icon {
  margin: 0 0 10px 0;
}

.center-icon img {
  width: 50px;
}

.center-cont h3 {
  font-size: 25px;

  font-family: neuehaasdisplay-medium;
}

.center-cont p {
  margin: 10px 0 0 0;
}

.prev-center {
  content: "";

  position: absolute;

  left: -5%;

  top: 50%;

  transform: translateY(-50%);

  width: 30px;

  height: 30px;

  color: var(--primary-color);

  border: 1px solid var(--primary-color);

  border-radius: 50%;

  font-size: 15px;

  z-index: 1;

  display: grid;

  place-items: center;

  cursor: pointer;

  transition: all 0.5s;
}

.next-center {
  content: "";

  position: absolute;

  right: -5%;

  top: 50%;

  transform: translateY(-50%);

  width: 30px;

  height: 30px;

  color: var(--primary-color);

  border: 1px solid var(--primary-color);

  border-radius: 50%;

  font-size: 15px;

  z-index: 1;

  display: grid;

  place-items: center;

  cursor: pointer;

  transition: all 0.5s;
}

.prev-center:hover {
  background: var(--primary-color);

  color: var(--white-color);

  border: transparent;
}

.next-center:hover {
  background: var(--primary-color);

  color: var(--white-color);

  border: transparent;
}

.service-certify {
  width: 100%;

  padding: 80px 0;

  background: var(--secondary-color);
}

.service-analyze-box {
  padding: 80px 0;

  background: linear-gradient(180deg, #dde5fa, #dde5fa);
}

.service-analyze-box h2{
    margin:0 0 30px 0;
}

.certify-text {
  width: 100%;

  color: var(--white-color);
}

.certify-icon {
  margin: 0 0 10px 0;
}

.certify-icon img {
  width: 50px;

  transition: all 0.5s;
}

.certify-text:hover img {
  transform: translateY(-10px);
}

.certify-text h3 {
  position: relative;

  display: inline-block;

  font-size: 25px;

  font-family: neuehaasdisplay-medium;

  margin: 0;

  padding: 0 0 15px 0;
}

.certify-text h3::before {
  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 80px;

  height: 2px;

  background: var(--white-color);
}

.certify-text p {
  color: var(--white-color);

  margin: 10px 0 0 0;
}

.analyze-flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.service-analyze {
  width: 32%;

  padding: 20px 20px 30px 20px;

  background: var(--white-color);

  border-radius: 10px;

  height: auto;
}

.service-analyze h3 {
  font-size: 22px;

  font-family: neuehaasdisplay-medium;

  color: var(--primary-color);

  margin: 0;
}

.service-analyze ul {
  list-style-type: disc;

  padding: 0 0 0 20px;
}

.service-analyze ul li {
  margin: 10px 0 0 0;
}

.feature-box {
  width: 100%;

  margin: 80px 0;
}

.feature-box h2 {
  margin: 0;

  text-align: center;

  color: var(--secondary-color);
}

.feature-flex {
  width: 100%;

  display: flex;

  justify-content: space-between;

  margin: 40px 0 0 0;
}

.feature {
  width: 33%;

  padding: 30px 20px 80px 20px;

  background: var(--secondary-color);

  color: var(--white-color);

  text-align: center;
}

.feature:nth-child(even) {
  background-color: var(--primary-color);
}

.feature-icon {
  width: 100px;

  margin: 0 auto 50px auto;
}

.feature-icon img {
  width: 100%;

  transition: all 0.5s;
}

.feature:hover img {
  transform: rotateY(360deg);
}

.feature h3 {
  font-size: 22px;

  font-family: neuehaasdisplay-medium;

  margin: 0;
}

.feature p {
  color: var(--white-color);

  margin: 20px 0 0 0;

  width: 100%;
}

.service-choosebox {
  width: 100%;

  background: var(--secondary-color);

  padding: 80px 0;
}

.service-choosebox h2 {
  margin: 0;

  color: #fff;
}

.service-head {
  width: 80%;

  margin: auto;

  text-align: center;

  color: var(--white-color);
}

.service-head p {
  margin: 10px auto 0 auto;

  color: var(--white-color);

  width: 70%;
}

.service-choose {
  width: 100%;

  margin: 40px 0 0 0;

  display: flex;

  justify-content: space-between;
}

.service-choose-icon {
  width: 60px;
}

.service-choose-icon img {
  width: 100%;

  height: auto;

  transition: 0.5s;
}

.service-choose:hover img {
  transform: translateY(-10px);
}

.service-choosetext {
  width: 85%;
}

.service-choosetext h3 {
  font-size: 22px;

  font-family: neuehaasdisplay-medium;

  margin: 0;

  color: var(--white-color);
}

.service-choosetext p {
  margin: 10px 0 0 0;

  color: var(--white-color);
}

.service-expertise {
  width: 100%;

  padding: 80px 0;

  background: #f5f5f5;
}

.service-expertise h2 {
  margin: 0;

  color: var(--secondary-color);

  text-align: center;
}

.expertise-flex {
  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin: 40px 0 0 0;

  align-items: center;
}

.expertise {
  width: 230px;
  text-align: center;
}

.expertise img {
  width: 70%;
}

.service-talk {
  padding: 80px 0;

  background: #d8e5f2;
}

.talk-image {
  width: 95%;

  height: 300px;
}

.talk-image img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.talk-text {
  width: 100%;
}

.talk-text h2 {
  margin: 0 0 20px 0;

  color: var(--primary-color);
}

.talk-text p {
  width: 60%;

  margin: 0 0 20px 0;
}

.talk-text a {
  color: #fff;

  background: var(--secondary-color);

  cursor: pointer;

  display: inline-block;

  padding: 10px 30px;
}

.talk-text a:hover {
  background: var(--primary-color);
}

.service-accordion {
  width: 100%;

  margin: 120px 0 80px 0;
}

.service-testimonial {
  margin: 80px 0 120px 0;
}

.service-accordion h5 {
  font-size: 18px;

  color: var(--primary-color);

  text-transform: uppercase;

  text-align: center;
}

.service-accordion h2 {
  margin: 0 0 10px 0;

  text-align: center;

  color: var(--secondary-color);
}

.service-faqbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.faq-item {
  margin: 30px 0 0 0;
  width: 48%;
}

.question {
  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-radius: 5px;
}

.question-text {
  width: 92%;

  font-size: 20px;

  font-family: neuehaasdisplay-medium;
}

.question.clicked {
  color: var(--secondary-color);
}

.answer {
  display: none;

  padding: 10px;

  border-top: none;

  border-radius: 0 0 5px 5px;

  padding: 10px 0 0 8%;
}

.answer p {
  margin: 0;
}

.toggle-icon {
  transition: all 0.5s;

  width: 20px;

  height: 20px;

  font-size: 12px;

  display: grid;

  place-items: center;

  background: var(--primary-color);

  color: #fff;

  border-radius: 50%;
}

.question.clicked .toggle-icon {
  background: #99d1ff;

  color: var(--primary-color);
}

.service-faq {
  padding: 0 0 0 15%;
}

.service-blog {
  width: 100%;

  margin: 0 0 80px 0;
}

.service-blog h2 {
  text-align: center;

  margin: 0;
}

.service-become-box {
  padding: 80px 0;

  background: #d8e5f2;
}

.become-imagebox {
  width: 95%;
}

.become-imagebox h2 {
  margin: 0;

  color: var(--secondary-color);
}

.become-imagebox p {
  margin: 15px 0 0 0;
}

.become-image {
  margin: 40px 0 0 0;

  width: 100%;

  height: 385px;
}

.become-image img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.service-become-flex .become-input {
  width: 100%;
}

.become-select {
  width: 100%;
}

.become-select select {
  width: 100%;

  height: 50px;

  padding: 10px;

  border: 1px solid #666;

  outline: none;

  background: none;
}

.become-select select option {
  color: #b2b2b2;
}

/* service-details css ends */

.form-info-input {
  width: 100%;

  margin: 30px 0 0 0;
}

.form-info-input .form-info{
    width:100%;
}

.form-info-input select {
  width: 100%;

  border: none;

  outline: none;

  height: 50px;

  padding: 10px;

  border-radius: 5px;

  background-color: #eff2f6;

  /* font-family: poppins; */

  font-size: 15px;

  color: #9c9d9f;
}

.form-info select {
  width: 100%;

  border: none;

  outline: none;

  height: 50px;

  padding: 10px;

  border-radius: 5px;

  background-color: #eff2f6;

  /* font-family: poppins; */

  font-size: 15px;

  color: #9c9d9f;
}

.form-box p {
  margin: 0;
}

.form-box p input {
  margin: 30px 10px 0 0;
}

.become-service-input {
  width: 100%;
}

/* service details css ends */

.career-box h2 {
  margin: 0;

  text-align: center;

  color: var(--secondary-color);
}

.career-box p {
  margin: 10px 0 0 0;

  text-align: center;
}

.career-text {
  width: 100%;

  margin: 40px 0 0 0;
}

.career-text h3 {
  font-size: 25px;

  margin: 0;

  font-family: poppins-medium;
}

.reset-btn {
  width: 80%;

  text-align: right;
}

.reset-btn button {
  display: inline-block;

  background: none;

  border: none;

  outline: none;

  transition: all 0.5s;

  font-family: poppins;
}

.reset-btn button i {
  margin: 0 5px 0 0;
}

.reset-btn button:hover {
  color: var(--primary-color);
}

.search-box {
  width: 80%;

  height: 40px;

  position: relative;

  margin: 20px 0 0 0;
}

.search-box input {
  padding: 10px 74px 9px 20px;

  background-color: #fff;

  color: #494949;

  border: 1px solid #666;

  outline: 0;

  width: 100%;

  height: 100%;

  /* font-family: poppins-medium; */

  font-size: 16px;
}

.search-box input::placeholder {
  color: #000;

  opacity: 1;
}

.search-btn {
  position: absolute;

  top: 50%;

  right: 50px;

  transform: translateY(-50%);

  border: none;

  outline: none;

  background: none;

  transition: all 0.5s;

  font-size: 16px;
}

.time-btn {
  position: absolute;

  top: 50%;

  right: 20px;

  transform: translateY(-50%);

  border: none;

  outline: none;

  background: none;

  transition: all 0.5s;

  font-size: 18px;
}

.search-btn:hover,
.time-btn:hover {
  color: var(--primary-color);
}

.job-flex {
  width: 100%;

  display: flex;

  justify-content: space-between;

  margin: 40px 0 0 0;

  transition: all 0.5s;
}

.job-text {
  width: 24%;

  padding: 10px;

  border: 1px solid #666;
}

.job-text p {
  margin: 0;

  /* font-family: poppins; */

  font-size: 20px;

  color: #000;

  display: flex;

  align-items: center;

  justify-content: space-between;
}

.job-text i {
  font-size: 17px;
}

.job-detail {
  margin: 40px 0 0;

  border-left: 4px solid #666;
}

.job-list-flex {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 10px 20px 10px 20px;

  border-bottom: 1px solid #666;
}

.job-list-flex:hover {
  background: #f2f2f2;
}

.job-list-flex:last-child {
  padding: 10px 20px 0 20px;

  border-bottom: none;
}

.job-list-info {
  width: 25%;
}

.job-list-info h5 {
  font-size: 15px;

  font-family: poppins-medium;

  margin: 0;
}

.job-info {
  display: flex;

  justify-content: space-between;
}

.job-info span {
  background: var(--secondary-color);

  padding: 5px;

  font-size: 13px;

  /* font-family: poppins; */

  color: #fff;

  border-radius: 5px;
}

.job-list-info p {
  margin: 0;

  text-align: left;

  font-size: 15px;

  font-family: poppins-medium;
}

.job-type {
  width: 15%;
}

.job-type p {
  margin: 0;

  font-size: 15px;

  font-family: poppins-medium;
}

.job-title {
  width: 30%;
}

.job-title p {
  margin: 0;

  font-size: 15px;

  font-family: poppins-medium;
}

.job-post {
  width: 25%;
}

.job-post p {
  margin: 0;

  font-size: 15px;

  font-family: poppins-medium;
}

.job-btn {
  width: 10%;

  text-align: right;
}

.job-btn a {
  /* pointer-events: none; */

  padding: 10px 15px;

  background: var(--primary-color);

  color: #fff;

  transition: all 0.5s;

  cursor: pointer;
}

.job-btn a:hover {
  background: var(--secondary-color);
}

.job-pagination {
  text-align: center;

  margin: 40px 0 0 0;
}

.job-pagination button {
  display: inline-block;

  background: #f2f2f2;

  font-family: poppins-medium;

  padding: 10px 15px;

  transition: all 0.5s;

  cursor: pointer;

  border: none;

  outline: none;
}

.job-pagination ul {
  display: inline-block;
}

.job-pagination ul li {
  display: inline-block;

  background: #f2f2f2;

  font-family: poppins-medium;

  padding: 10px 15px;

  transition: all 0.5s;

  cursor: pointer;

  color: #000;
}

.prev-job i {
  margin: 0 5px 0 0;
}

.next-job i {
  margin: 0 0 0 5px;
}

.job-pagination ul li.active {
  background: var(--primary-color);

  color: #fff;
}

.next-job:hover {
  background: var(--secondary-color);

  color: #fff;
}

.prev-job:hover {
  background: var(--secondary-color);

  color: #fff;
}

/* career page css ends */

/* career sidebar css starts */

.job-sidebar-overlay {
  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.6);

  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999999;

  transform: translateX(100%);

  transition: all 1s;
}

.job-sidebar-show {
  transform: translateX(0);
}

.job-sidebar {
  width: 50%;

  height: 100vh;

  background: #fff;

  position: fixed;

  top: 0;

  right: 0;

  overflow-x: hidden;

  overflow-y: auto;

  z-index: 999;

  /* -ms-overflow-style: none;

  scrollbar-width: none;  */
}

.job-close {
  width: 50%;

  text-align: right;

  padding: 10px 20px 10px 0;

  position: fixed;

  top: 0;

  right: 0;

  background: #fff;

  z-index: 999;
}

.job-close i {
  width: 40px;

  height: 40px;

  margin: 0 0 0 auto;

  background: var(--primary-color);

  color: #fff;

  font-size: 22px;

  display: grid;

  place-items: center;

  transition: all 0.5s;

  cursor: pointer;
}

.job-close i:hover {
  background: var(--secondary-color);
}

.job-slider {
  width: 100%;

  margin: 60px 0 0 0;
}

.job-slide {
  width: 100%;

  height: 300px;
}

.job-slide img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.job-content {
  width: 100%;

  padding: 30px 20px 70px 20px;
}

#job-content-1 {
  padding: 0;
}

#job-content-4 {
  padding: 0;
}

.job-content h3 {
  font-size: 22px;
  margin: 20px 0 0 0;
}

.job-side-flex {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.first-list {
  display: inline-block;

  font-size: 17px;
}

.first-list li {
  display: inline-block;

  margin: 0 5px 0 0;
}

.first-list li:last-child {
  margin: 0;
}

.second-list {
  display: inline-block;
}

.second-list li {
  margin: 0 10px 0 0;

  display: inline-block;
}

.second-list li a {
  font-size: 17px;

  color: #000;

  transition: all 0.5s;
}

.second-list li a:hover {
  color: var(--primary-color);
}

.job-content h2 {
  font-size: 35px;

  color: var(--secondary-color);

  margin: 30px 0 0 0;

  font-family: poppins-medium;

  text-transform: capitalize;
}

.job-info-cont {
  margin: 30px 0 0 0;
}

.job-info-cont h3 {
  margin: 10px 0 0 0;

  color: #666;

  font-family: poppins-medium;

  font-size: 20px;
}

.job-info-cont p {
  margin: 10px 0 0 0;
}

.job-info-cont ul li {
  margin: 10px 0 0 0;
}

.job-info-cont ul li i {
  margin: 0 10px 0 0;

  color: var(--secondary-color);
}

.job-info-cont span {
  font-family: poppins-bold;

  color: var(--secondary-color);

  margin: 0 10px 0 0;
}

.job-info-cont h2 {
  font-size: 25px;
}

.job-desc {
  display: grid;

  grid-template-columns: auto 1fr;

  column-gap: 1rem;

  row-gap: 4px;
}

.job-desc-info {
  font-family: poppins-bold;
}

.job-info-btn {
  margin: 30px 0 0 0;

  display: inline-block;

  padding: 10px 30px;

  background-color: var(--primary-color);

  color: #fff;

  transition: all 0.5s;

  cursor: pointer;
}

.job-info-btn:hover {
  background-color: var(--secondary-color);
}

.job-info-btn i {
  margin: 0 0 0 10px;
}

.print-btn {
  margin: 40px 0 0 0;

  display: inline-block;

  font-size: 18px;

  color: #000;

  transition: all 0.5s;

  font-family: poppins-medium;
}

.print-btn i {
  margin: 0 10px 0 0;
}

.print-btn:hover {
  color: var(--secondary-color);
}

.job-content p {
  margin: 20px 0 0 0;
}

.job-content ul {
  margin: 20px 0 0 0;
}

.job-content ul li {
  margin: 0 0 10px 0;
  position: relative;
  padding: 0 0 0 10px;
}

.job-content ul li:last-child {
  margin: 0;
}

.job-content ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 100%;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: var(--primary-color);
}

.first-list {
  margin: 0 !important;
}

.first-list li {
  padding: 0;
}

.first-list li::before {
  display: none;
}

.second-list {
  margin: 0 !important;
}

.second-list li {
  padding: 0;
}

.second-list li::before {
  display: none;
}

/* career-sidebar css ends */

.part-box {
  width: 100%;

  margin: 80px 0 0 0;
}

.part-box h2 {
  text-align: center;

  margin: 0;

  color: var(--secondary-color);
}

.part-box p {
  text-align: center;

  width: 70%;

  margin: 15px auto 0 auto;
}

.partner {
  width: 100%;

  border-radius: 15px;

  position: relative;

  margin: 40px 0 0 0;

  height: 250px;
}

.partner img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 15px;
}

.partner-cont {
  width: 100%;

  height: 100%;

  border-radius: 15px;

  padding: 40px 30px;

  color: #fff;

  text-align: center;

  position: absolute;

  top: 0;

  left: 0;

  object-fit: none;
}

.partner-cont img {
  width: 80px;

  height: auto;

  transition: all 0.8s;

  border-radius: 0;
}

.partner-cont:hover img {
  transform: rotateY(360deg);
}

.partner-cont h3 {
  margin: 20px 0 0 0;

  font-size: 22px;

  font-family: poppins-medium;
}

.offer-flex {
  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.offer {
  width: 19%;

  margin: 40px 0 0 0;

  text-align: center;
}

.offer img {
  width: 80px;

  transition: all 0.5s;
}

.offer:hover img {
  transform: translateY(-10px);
}

.offer h3 {
  font-size: 22px;

  font-family: poppins-medium;

  color: var(--secondary-color);

  margin: 20px 0 0 0;
}

.offer p {
  margin: 20px 0 0 0;

  width: 100%;
}

.part-btn {
  display: inline-block;

  padding: 10px 30px;

  background: var(--primary-color);

  color: #fff;

  transition: all 0.5s;

  margin: 30px 0 0 0;

  text-transform: uppercase;
}

.part-btn i {
  margin: 0 0 0 10px;
}

.part-btn:hover {
  background: var(--secondary-color);
}

.benefit-box {
  width: 100%;

  margin: 80px 0;
}

.benefit-box h5 {
  font-size: 20px;

  text-align: center;

  color: var(--primary-color);
}

.benefit-box h2 {
  color: var(--secondary-color);

  margin: 0;

  text-align: center;
}

.offer-choose {
  padding: 20px;

  padding: 30px 30px;

  border-radius: 10px;

  box-shadow: 0 0 10px #e9e6e6;

  /* height: 150px; */
}

.offer-choose .service-choosetext h3 {
  color: #000;
}

.offer-choose .service-choosetext {
  width: 80%;
}

.offer-choose .service-choosetext p {
  color: #000;
}

.challenge-box {
  width: 100%;

  padding: 80px 0;

  color: #fff;

  background: var(--secondary-color);
}

.challenge-box h5 {
  text-align: center;

  color: var(--primary-color);
}

.challenge-box h2 {
  text-align: center;
}

.challenge-box p {
  color: #fff;

  text-align: center;

  width: 80%;

  margin: 10px auto 40px auto;
}

.challenge-box .service-choose {
  padding: 30px;

  border-radius: 5px;

  margin: 0;

  transition: all 0.5s;
}

.challenge-box .service-choose:hover {
  background: #0077fa;
}

.challenge-box .service-choose p {
  width: 100%;

  text-align: left;

  margin: 10px 0 0 0;
}

.challenge-box .service-choose-icon {
  width: 40px;
}

.challenge-box .service-choosetext {
  width: 85%;
}

.part-service {
  width: 100%;

  padding: 80px 0;

  background: #f9fafb;
}

.part-service h5 {
  text-align: center;

  color: var(--primary-color);
}

.part-service h2 {
  color: var(--secondary-color);

  text-align: center;

  margin: 0;
}

.part-service p {
  text-align: center;

  margin: 20px auto 0 auto;

  width: 80%;
}

.part-service-box {
  width: 100%;

  background: #fff;

  border-radius: 5px;

  box-shadow: 0 0 5px #e9e6e6;

  margin: 40px 0 0 0;

  padding: 30px;
  height: 450px;
}

.part-service-image {
  width: 100%;

  /* height: 300px; */
}

.part-service-image img {
  width: 100%;

  /* height: 100%; */

  object-fit: cover;
}

.part-service-text {
  width: 100%;

  text-align: center;
}

.part-service-text h5 {
  font-size: 13px;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.part-service-text h3 {
  font-family: neuehaasdisplay-medium;

  font-size: 20px;
}

.part-service-text a {
  padding: 10px 30px;

  border: 2px solid #000;

  color: #000;

  margin: 20px 0 0 0;

  display: inline-block;

  transition: all 0.5s;
}

.part-service-text a i {
  color: var(--primary-color);

  margin: 0 0 0 10px;
}

.part-service-text a:hover {
  background: var(--primary-color);

  border: transparent;

  color: #fff;
}

.part-service-text a:hover i {
  color: #fff;
}

.become-box {
  width: 100%;

  background-image: url(../images/kroll-bg.png);
  background-repeat: no-repeat;
  background-size: cover;

  /* height: 630px;

  position: relative; */
}

/* .become-box img {
  width: 100%;

  height: 100%;

  object-fit: cover;
} */

.become-cont {
  /* width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0; */

  padding: 60px 0;

  z-index: 9;

  color: #fff;
}

.become-text {
  width: 100%;
}

.become-text h2 {
  font-size: 70px;

  text-transform: uppercase;

  font-family: neuehaasdisplay-medium;

  margin: 0 0 40px 0;
}

.become-text h3 {
  font-size: 25px;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.become-text p {
  color: #fff;

  font-size: 20px;

  margin: 30px 0 0 0;

  line-height: 2;
}

.become-form {
  width: 100%;

  padding: 30px;

  background: #fff;
}

.become-form p {
  margin: 0;
}

.become-form label {
  color: #000;
}

.become-form label span {
  color: var(--primary-color);
}

.become-form-text {
  width: 100%;

  margin: 15px 0 0 0;
}

.become-form-text:first-child {
  margin: 0;
}


.become-label {
  display: block;

  margin: 0 0 10px 0;

  font-family: neuehaasdisplay-medium;

  font-size: 18px;
}

.become-flex {
  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.become-input {
  width: 48%;
}

.become-input input {
  width: 100%;

  height: 40px;

  padding: 10px;

  border: 1px solid #666;

  outline: none;
}

.become-input input::placeholder {
  color: #575757;
  opacity: 1;
}

.become-input span {
  color: #575757;

  font-family: poppins;

  display: inline-block;
}

.become-input label {
  display: block;

  margin: 0 0 10px 0;

  font-family: neuehaasdisplay-medium;

  font-size: 18px;
}

.become-input-first{
    width:100%;
}

.become-area {
  width: 100%;
  margin:0 0 15px 0;
}

.become-area textarea {
  width: 100%;

  height: 100px;

  padding: 10px;

  border: 1px solid #666;

  outline: none;
}

.become-area textarea::placeholder {
  color: #575757;
  opacity: 1;
}

.become-check {
  width: 100%;

  margin: 15px 0 0 0;

  display: flex;

  align-items: first baseline;
}

.become-check input {
  margin: 0 10px 0 0;
}

.become-check label {
  color: #575757;

  font-family: poppins;

  font-weight: 100;

  font-size: 16px;
}

.become-submit {
  display: inline-block;

  margin: 15px 0 0 0;

  padding: 10px 30px;

  background: #000;

  color: #fff;

  transition: all 0.5s;

  border: none;

  outline: none;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.become-submit:hover {
  background: var(--primary-color);
}

/* partner box ends */

.become-service-input {
  width: 100%;
}

.service-popup-btn {
  padding: 10px 30px;

  background: var(--primary-color);

  color: #fff;

  margin: 40px 0 0 0;

  display: inline-block;

  transition: all 0.5s;

  cursor: pointer;
}

.service-popup-btn i {
  margin: 0 0 0 10px;
}

.service-popup-btn:hover {
  background: var(--secondary-color);
}

/* service popup css */

.service_popup {
  width: 70%;

  position: fixed;

  left: 50%;

  top: 58%;

  opacity: 0;

  transform: translate(-50%, -50%) scale(1.25);

  width: 400px;

  padding: 20px 30px 30px 30px;

  background-color: #fff;

  border-radius: 5px;

  box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.15);

  transition: top 0ms ease-in-out 200ms, opacity 200ms ease-in-out 0ms,
    transform 200ms ease-in-out 0ms;

  z-index: -1;
}

.service_popup.active {
  top: 58%;

  opacity: 1;

  z-index: 9999;

  transform: translate(-50%, -50%) scale(1);

  transition: top 0ms ease-in-out 0ms, opacity 200ms ease-in-out 0ms,
    transform 200ms ease-in-out 0ms;
}

.service-close-btn {
  position: absolute;

  top: 10px;

  right: 10px;

  color: var(--secondary-color);

  text-align: center;

  line-height: 15px;

  border-radius: 15px;

  cursor: pointer;
}

.service_popup h2 {
  font-size: 30px;

  margin: 20px 0 0 0;

  color: var(--primary-color);
}

.service-input {
  width: 100%;

  height: 40px;

  position: relative;

  border: 1px solid #c2c2c2;

  margin: 10px 0 0 0;
}

.service-input i {
  position: absolute;

  left: 10px;

  top: 50%;

  transform: translateY(-50%);

  font-size: 15px;

  color: #298cdd;
}

.service-input input {
  width: 100%;

  height: 100%;

  border: none;

  outline: none;

  font-size: 15px;

  padding: 10px 0 10px 40px;
}

.service-area {
  width: 100%;

  height: 70px;

  position: relative;

  border: 1px solid #c2c2c2;

  margin: 10px 0 0 0;
}

.service-area i {
  position: absolute;

  left: 10px;

  top: 15px;

  font-size: 15px;

  color: #298cdd;
}

.service-area textarea {
  width: 100%;

  height: 100%;

  border: none;

  outline: none;

  font-size: 15px;

  padding: 10px 0 10px 40px;
}

.service-block{
    margin:15px 0 0 0;
}

.service-submit {
  display: block;

  margin: 15px 0 0 0;

  width: 100%;

  height: 40px;

  border-radius: 10px;

  border: none;

  outline: none;

  font-size: 15px;

  background-color: var(--primary-color);

  color: #fff;

  cursor: pointer;

  transition: all 0.5s;

  font-family: neuehaasdisplay-medium;

  letter-spacing: 1px;
}

.service-submit:hover {
  background-color: var(--secondary-color);
}

/* service popup css ends */

/* career popup css */

.career-popup {
  width: 70%;

  position: fixed;

  left: 50%;

  top: 58%;

  opacity: 0;

  transform: translate(-50%, -50%) scale(1.25);

  width: 400px;

  padding: 20px 30px 30px 30px;

  background-color: #fff;

  border-radius: 5px;

  box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.15);

  transition: top 0ms ease-in-out 200ms, opacity 200ms ease-in-out 0ms,
    transform 200ms ease-in-out 0ms;

  z-index: -1;
}

.career-popup.active {
  top: 50%;

  opacity: 1;

  z-index: 9999999;

  transform: translate(-50%, -50%) scale(1);

  transition: top 0ms ease-in-out 0ms, opacity 200ms ease-in-out 0ms,
    transform 200ms ease-in-out 0ms;
}

.career-close-btn {
  position: absolute;

  top: 10px;

  right: 10px;

  color: var(--secondary-color);

  text-align: center;

  line-height: 15px;

  border-radius: 15px;

  cursor: pointer;
}

.career-popup h2 {
  font-size: 30px;

  margin: 20px 0 0 0;

  color: var(--primary-color);
}

.career-input {
  width: 100%;

  height: 40px;

  position: relative;

  border: 1px solid #c2c2c2;

  margin: 20px 0 0 0;

  outline: none;

  color: #000;

  padding: 10px;

  font-size: 15px;
}

.career-file {
  width: 100%;

  text-align: center;

  padding: 15px;

  border: 3px dashed var(--secondary-color);

  margin: 20px 0 0 0;
}

.career-file input {
  display: none;
}

.career-file label {
  font-family: neuehaasdisplay-medium;

  letter-spacing: 1px;

  color: var(--secondary-color);
}

.career-file label i {
  margin: 0 10px 0 0;

  color: var(--primary-color);
}

.career-addr {
  height: 50px;
}

.career-area {
  width: 100%;

  height: 70px;

  position: relative;

  border: 1px solid #c2c2c2;

  margin: 20px 0 20px 0;

  outline: none;

  color: #000;

  padding: 10px;
}

/* career-popup css ends */

#job-content-3{
    padding:0;
}

.blog-detail {
  text-align: left;

  margin: 80px 0;
}

.detail-box {
  width: 95%;

  text-align: left;
}

.detail-box h5 {
  font-size: 15px;

  color: var(--primary-color);
}

.detail-image {
  width: 100%;

  height: 400px;

  margin: 30px 0 0 0;

  border-radius: 10px;
}

.detail-image img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 10px;
}

.detail-text {
  width: 100%;
}

.blog-detail-text h4 {
  margin: 20px 0 0 0;
  color: var(--secondary-color);
  font-size: 25px;
}

.blog-detail-text ul li {
  margin: 20px 0 0 0;
  font-family: neuehaasdisplay-light;
  letter-spacing: 1px;
  color: #575757;
}

.blog-detail-text ul li strong {
  color: var(--primary-color);
}

.blog-detail-text blockquote {
  margin: 20px 0 0 0;
  background: var(--secondary-color);
  padding: 20px;
  font-size: 17px;
  position: relative;
}

.blog-detail-text blockquote p {
  margin: 0;
  color: #fff;
}

.blog-detail-text h3 {
  font-size: 18px;

  color: var(--primary-color);

  margin: 20px 0 0 0;
}

.blog-info {
  margin: 20px 0 0 0;
  background: var(--secondary-color);
  padding: 20px;
}

.blog-info p {
  font-size: 17px;

  font-style: italic;

  color: #fff;
}

.fa-quote-left {
  margin: 0 10px 0 0;

  font-size: 25px;
}

.fa-quote-right {
  margin: 0 0 0 10px;

  font-size: 25px;
}

.blog-info h3 {
  font-size: 18px;

  color: var(--primary-color);

  margin: 20px 0 0 0;
}

.blog-detail-text p {
  margin: 20px 0 0 0;
}

.blog-flex {
  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin: 30px 0 0 0;
}

.blog-icon {
  width: 80px;

  height: 80px;

  border-radius: 50%;
}

.blog-icon img {
  width: 100%;

  height: 100%;

  border-radius: 50%;

  object-fit: cover;
}

.blog-icontext {
  width: 65%;
}

.blog-icontext ul {
  display: block;

  margin: 5px 0 0 0;

  padding: 0;
}

.blog-icontext ul li {
  display: block;

  font-size: 14px;
}

.blog-icontext ul li:last-child {
  margin: 0;

  color: var(--primary-color);
}

.blog-icontext ul li:first-child {
  color: var(--secondary-color);
}

.blog-icontext ul li i {
  margin: 0 5px 0 0;
}

.blog-icontext a {
  font-family: poppins-medium;

  font-size: 15px;

  color: var(--black-color);
}

.blog-icontext a:hover {
  color: var(--secondary-color);
}

.service-sidebar {
  width: 100%;

  position: sticky;

  position: -webkit-sticky;

  top: 50px;
}

.blog-list {
  width: 100%;

  border-radius: 10px;

  background: #f4f4f4;

  padding: 30px;
}

.blog-list h3 {
  font-size: 25px;

  margin: 0;

  color: var(--secondary-color);
}

.blog-top-detail {
  margin: 20px 0 0 0;

  padding: 0;

  display: inline-block;
}

.blog-detail-text .blog-top-detail li {
  display: inline-block;

  margin: 0 10px 0 0;

  font-size: 17px;
  letter-spacing: normal;
  font-family: neuehaasdisplay;
}

.blog-top-detail li i {
  color: var(--secondary-color);

  margin: 0 5px 0 0;
}

.service-formbox {
  width: 100%;

  padding: 20px;

  margin: 40px 0 0 0;

  position: relative;

  background-image: url(../images/blog-formbox.jpg);

  background-position: center;

  background-repeat: no-repeat;

  text-align: left;

  border-radius: 6px;
}

.service-formbox::before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.6);

  border-radius: 6px;
}

.service-formbox h3 {
  color: #fff;

  font-size: 25px;

  text-transform: capitalize;

  margin: 0;
}

.service-formbox h5::after {
  display: none;
}

.blog-cont-form {
  position: relative;
}

.blog-cont-form form {
  margin: 20px 0 0 0;
}

.blog-input {
  width: 100%;

  height: 40px;

  background: #fff;

  color: #000;

  border: none;

  outline: none;

  border-radius: 6px;

  margin: 0 0 20px 0;

  padding: 10px;
}

.blog-submit {
  width: 100%;

  background: var(--primary-color);

  color: #fff;

  border: none;

  outline: none;

  border-radius: 6px;

  padding: 10px 0;

  cursor: pointer;

  transition: all 0.5s;

  margin: 0 0 20px 0;
}

.blog-submit:hover {
  background: var(--secondary-color);
}

/* blog-details css ends */

.service-choose-box-cont .service-choose {
  height: auto;
}

.service-red-cont .service-choose {
  height: auto;
}

.click-btn {
  display: none;
}

.service-menu {
  position: relative;
}

.service-red-cont .col-lg-3 {
  padding: 0;
}

.special-service-slider .slick-slide:nth-child(even) .service-choose {
  background: var(--primary-color);
}

.special-service-slider .slick-slide:nth-child(odd) .service-choose {
  background: var(--secondary-color);
}

.service-red-cont .col-lg-3 .service-choose {
  display: block;
  text-align: center;
  padding: 30px;
  height: 530px;
  margin: 35px 0 0 0;
}

.service-red-cont .col-lg-3 .service-choose-icon {
  width: 80px;
  margin: 0 auto 30px auto;
}

.service-red-cont .col-lg-3 .service-choosetext {
  width: 100%;
}

.service-red-cont .col-lg-3 .service-choosetext h3 {
  font-size: 22px;
}

.service-red-cont .container {
  position: relative;
}

.prev-service {
  content: "";

  position: absolute;

  left: -50px;

  top: 50%;

  transform: translateY(-50%);

  width: 40px;

  height: 40px;

  color: #fff;

  background: var(--primary-color);

  font-size: 22px;

  z-index: 1;

  display: grid;

  place-items: center;

  cursor: pointer;

  transition: all 0.5s;
  z-index: 999;
}

.next-service {
  content: "";

  position: absolute;

  right: -50px;

  top: 50%;

  transform: translateY(-50%);

  width: 40px;

  height: 40px;

  color: #fff;

  background: var(--primary-color);

  font-size: 22px;

  z-index: 1;

  display: grid;

  place-items: center;

  cursor: pointer;

  transition: all 0.5s;
  z-index: 999;
}

.prev-service:hover {
  background: var(--secondary-color);
}

.next-service:hover {
  background: var(--secondary-color);
}

.service-red-cont h2 {
  color: var(--secondary-color) !important;
}

.service-red-cont .service-head p {
  width: 70%;
  color: #575757;
}

.menu-btn-2 {
  display: none;
}



.footer-phone{
  display: none;
}

.footer-phone a{
  display: none;
}

/* thank you page css starts*/

.thankyoucontent{
    background:#fff;
    padding:0;
}

.thank-box{ 
    width: 100%;
  display: flex;
  flex-direction: column;
  height: initial;
 max-width: 620px;
  margin: 0 auto;
  padding-top: 50px;
}

.thank-inner{
    padding: 30px;
  text-align: center;
  margin-bottom: 50px;
  background: var(--primary-color);
  border-radius: 10px;
}

.thank-inner img{
  width: 60px;
 

}

.thank-inner h1{
    margin:20px 0 0 0;
    color:#fff;
}

.thank-inner p{
    color:#fff;
    margin:10px 0 0 0;
    font-size:20px;
}

.thank-inner a{
    display:inline-block;
    border-radius:5px;
    background:#fff;
    color:var(--secondary-color);
    transition:all 0.5s;
    margin:20px 0 0 0;
    font-size:16px;
    padding:10px 30px;
    
}

.thank-inner a:hover{
    background:var(--secondary-color);
    color:#fff;
}

.thank-inner a i{
    margin: 0 0 0 10px;
}

/*thank you page css ends*/

@media only screen and (max-width: 1500.2px) {
  .left-content h5:nth-child(4) {
    top: 345px;
    left: 9%;
  }

  .left-content h5:nth-child(3) {
    top: 253px;
  }
}

@media only screen and (max-width: 1475.2px) {
  .left-content h5:nth-child(4) {
    top: 345px;
    left: 13%;
  }
}

@media only screen and (max-width: 1450.2px) {
  .left-content h5:nth-child(3) {
    top: 255px;
    position: absolute;
    left: 10%;
  }

  .left-content h5:nth-child(4) {
    top: 345px;
    left: 15%;
  }

  h1 {
    font-size: 45px;
  }

  .right-content {
    margin-left: 70px;
  }
}

@media only screen and (max-width: 1420.2px) {
  .left-content h5:nth-child(4) {
    top: 345px;
    left: 18%;
  }
}

@media only screen and (max-width: 1399.2px) {
  .container {
    max-width: 90%;
    margin: 0 auto;
  }

  .left-content h5:nth-child(4) {
    left: 15%;
  }

  .result-icon {
    width: 45px;
  }

  .become-text p {
    font-size: 18pxp;
  }

  .become-text h2 {
    font-size: 60px;
  }

  .service-red-cont .col-lg-3 .service-choose {
    height: 560px;
  }

  .fact {
    padding: 12px;
  }

  .services-content {
    height: 340px;
  }

  .Approach-sec {
    padding: 60px 0 80px 0;
  }
}

@media only screen and (max-width: 1390.2px) {
  .fact {
    padding: 10px;
  }
}

@media only screen and (max-width: 1375.2px) {
  .common h4 {
    font-size: 23px;
  }
}

@media only screen and (max-width: 1365.2px) {
  .right-content {
    margin-left: 100px;
  }

  .customer {
    height: 435px;
  }
}

@media only screen and (max-width: 1361.2px) {
  .fact {
    height: 155px;
  }
}

@media only screen and (max-width: 1337.2px) {
  .service-red-cont .col-lg-6 .service-choose {
    height: 380px;
  }
}

@media only screen and (max-width: 1329.2px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 580px;
  }

  .common {
    height: 160px;
  }
}

@media only screen and (max-width: 1320.2px) {
  .right-content {
    margin-left: 120px;
  }
}

@media only screen and (max-width: 1300.2px) {
  .left-content h5 {
    font-size: 17px;
  }

  .result-icontext {
    width: 70%;
  }
}

@media only screen and (max-width: 1296.2px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 610px;
  }

  .left-content {
    margin-top: -10px;
  }
}

@media only screen and (max-width: 1275.2px) {
  .right-content {
    margin-left: 140px;
  }
}

@media only screen and (max-width: 1273.2px) {
  .customer {
    height: 460px;
  }
}

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

  .next-banner {
    left: 15%;
  }

  h1 {
    font-size: 40px;
  }

  .banner-cont span {
    font-size: 18px;
  }

  .banner-cont p {
    width: 70%;
  }

  h2 {
    font-size: 35px;
  }

  .Approach-sec {
    padding: 60px 0;
  }

  .section-title h2 {
    font-size: 35px;
  }

  .single-services .icon {
    width: 60px;
    height: 60px;
    top: 150px;
  }

  .services-area {
    padding: 40px 0;
  }

  .services-content {
    padding: 40px 20px 20px 20px;
    height: 315px;
  }

  .Services-text h3 {
    font-size: 22px;
    margin: 0 0 10px 0;
  }

  .img-section-text h3 {
    font-size: 35px;
    margin: 0 0 30px 0;
  }

  .img-section {
    padding: 40px 0;
  }

  .img-section-text p {
    margin: 0;
  }

  section.Challenges-sec {
    padding: 40px 0;
  }

  .Challenges-text h5 {
    font-size: 15px;
    margin: 0 0 10px 0;
  }

  .Challenges-box {
    width: 300px;
    height: 250px;
  }

  .Challenges-box .icon {
    height: 60px;
    width: 60px;
  }

  .Challenges-box h5 {
    font-size: 15px;
  }

  .right-content {
    margin: 0 0 0 150px;
  }

  section.Approach-sec {
    height: auto;
  }

  .left-content h5 {
    font-size: 16px;
  }

  .left-content h5:nth-child(4) {
    left: 20%;
    top: 350px;
  }

  .left-content h5:nth-child(2) {
    top: 170px;
  }

  section.Results {
    padding: 40px 0;
  }

  .fact p {
    font-size: 15px;
  }

  .fact-box {
    padding: 40px 0;
  }

  .common-box {
    padding: 40px 0;
  }

  .common-box h5 {
    font-size: 15px;
    margin: 0 0 10px 0;
  }

  .common {
    height: 160px;
  }

  .common img {
    width: 40px;
  }

  .common h4 {
    font-size: 22px;
  }

  .review-box {
    padding: 40px 0;
  }

  .review img {
    width: 60%;
  }

  .review-btn-icon i {
    font-size: 15px;
    margin: 0 5px 0 0;
  }

  .testimonial-box {
    margin: 40px 0;
  }

  .testimonial-box h5 {
    font-size: 15px;
    margin: 0 0 10px 0;
  }

  .client {
    height: 80px;
    width: 80px;
  }

  .client-text p {
    width: 100%;
  }

  .brand-box {
    padding: 40px 0;
  }

  .brand-flex {
    margin: 30px 0 0 0;
  }

  .blog-box {
    margin: 40px 0;
  }

  .blog {
    margin: 30px 0 0 0;
  }

  .blog-cont {
    padding: 15% 20px 0 20px;
  }

  .newsletter {
    padding: 40px 0;
  }

  .footer {
    padding: 40px 0;
  }

  .menu ul li ul {
    padding: 15px 0 0 0;
  }

  .menu ul li i {
    font-size: 12px;
  }

  .sticky .menu ul li ul {
    padding: 16px 0 0 0;
  }

  .single-services {
    width: 100%;
  }

  .Challenges-box {
    width: 100%;
  }

  .footer_box img {
    width: 90%;
  }

  .Challenges-text h2 {
    font-size: 35px;
    margin: 0 0 15px 0;
  }

  .service-banner {
    height: 400px;
  }

  .service-cont p {
    width: 70%;
  }

  .content-text h5 {
    font-size: 15px;
  }

  .content-text h5::after {
    bottom: 0;
  }

  .about-box {
    margin: 40px 0;
  }

  .content-image {
    height: 450px;
  }

  .customer-box {
    padding: 40px 0;
    margin: 0 0 40px 0;
  }

  .customer-box .col-lg-4:nth-child(2) .customer-head {
    height: auto;
  }

  .about-team {
    margin: 0 0 40px 0;
  }

  .about-counter-box {
    margin: 0 0 40px 0;
    padding: 40px 0;
  }

  .counter {
    font-size: 35px;
  }

  .count-after {
    font-size: 35px;
  }

  .certificate-box {
    margin: 0 0 40px 0;
  }

  .certificate-flex {
    margin: 30px 0 0 0;
    padding: 20px 0;
  }

  .career-text {
    margin: 30px 0 0 0;
  }

  .career-text h3 {
    font-size: 22px;
  }

  .job-close i {
    width: 30px;
    height: 30px;
    font-size: 15px;
  }

  .job-slider {
    margin: 50px 0 0 0;
  }

  .job-content {
    padding: 30px 20px 30px 20px;
  }

  .job-info-btn {
    margin: 20px 0 0 0;
  }

  .print-btn {
    margin: 20px 0 0 0;
  }

  .test-card {
    margin: 30px 0 0 0;
  }

  .client {
    height: 60px;
    width: 60px;
  }

  .client-text h4 {
    font-size: 22px;
    margin: 0 0 5px 0;
  }

  .client-text h5 {
    font-size: 15px;
    margin: 0;
  }

  .blog-detail {
    margin: 40px 0;
  }

  .blog-list h3 {
    font-size: 22px;
  }

  .service-formbox h3 {
    font-size: 22px;
  }

  .blog-top-detail li {
    margin: 0 5px 0 0;
  }

  .blog-top-detail li {
    font-size: 15px;
  }

  .part-box {
    margin: 40px 0 0 0;
  }

  .partner-cont img {
    width: 60px;
  }

  .partner-cont h3 {
    font-size: 22px;
  }

  .offer img {
    width: 60px;
  }

  .offer {
    width: 48%;
  }

  .benefit-box {
    margin: 40px 0;
  }

  .benefit-box h5 {
    font-size: 15px;
    margin: 0 0 10px 0;
  }

  .service-choose-icon {
    width: 50px;
  }

  .offer-choose {
    margin: 30px 0 0 0;
  }

  .challenge-box {
    padding: 40px 0;
  }

  .challenge-box h5 {
    font-size: 15px;
    margin: 0 0 10px 0;
  }

  .challenge-box p {
    margin: 10px auto 30px auto;
  }

  .part-service {
    padding: 40px 0;
  }

  .part-service h5 {
    font-size: 15px;
    margin: 0 0 10px 0;
  }

  .part-service-box {
    margin: 30px 0 0 0;
  }

  .become-text h3 {
    font-size: 22px;
  }

  .become-cont {
    padding: 40px 0;
  }

  .contact-box {
    margin: 40px 0;
  }

  .contact-box h5 {
    font-size: 15px;
    margin: 0 0 10px 0;
  }

  .map-box {
    height: 350px;
  }

  .service-manage {
    margin: 40px 0;
  }

  .service-red h5 {
    margin: 0 0 10px 0;
    font-size: 15px;
  }

  .service-certify {
    padding: 40px 0;
  }

  .certify-text h3 {
    font-size: 22px;
  }

  .service-red-choose {
    margin: 0 0 40px 0;
  }

  .service-red-cont {
    /* padding: 40px 0; */
  }

  .service-red-cont .service-choosetext {
    width: 85%;
  }

  .process-box {
    margin: 0 0 40px 0;
  }

  .process-image {
    margin: 30px 0 0 0;
  }

  .process-text {
    margin: 30px 0 0 0;
  }

  .process-cont-text {
    padding: 60px 30px 40px 30px;
  }

  .process-cont-image {
    height: 330px;
  }

  .process-cont-text h3 {
    font-size: 22px;
  }

  .process-cont-text p {
    width: 80%;
  }

  .defence img {
    width: 50px;
  }

  .service-benefit-cont {
    padding: 40px 0;
  }

  .feature-box {
    margin: 40px 0;
  }

  .feature-icon {
    width: 70px;
    margin: 0 auto 30px auto;
  }

  .service-choosebox {
    padding: 40px 0;
  }

  .service-expertise {
    padding: 40px 0;
  }

  .service-talk {
    padding: 40px 0;
  }

  .service-accordion {
    margin: 90px 0 40px 0;
  }

  .service-accordion h5 {
    font-size: 15px;
    margin: 0 0 10px 0;
  }

  .service-become-box {
    padding: 40px 0;
  }

  .service-center {
    padding: 40px 0;
  }

  .part-service-box {
    height: 420px;
  }

  .blog-detail-text h4 {
    font-size: 22px;
  }

  .service-red-cont .col-lg-3 .service-choose-icon {
    width: 60px;
  }
}

@media only screen and (max-width: 1230.2px) {
  .left-content h5 {
    font-size: 15px;
  }

  .right-content {
    margin-left: 170px;
  }
}

@media only screen and (max-width: 1228.2px) {
  .customer {
    height: 480px;
  }
}

@media only screen and (max-width: 1225.2px) {
  .job-side-flex {
    flex-wrap: wrap;
  }

  .first-list {
    width: 100%;
  }

  .second-list {
    width: 100%;
    text-align: left;
  }
}

@media only screen and (max-width: 1223.2px) {
  .service-choose {
    height: 195px;
  }

  .challenge-box .service-choose {
    height: auto;
  }

  .service-red-choose {
    height: auto;
  }
}

@media only screen and (max-width: 1215.2px) {
  .blog-image {
    height: 300px;
  }
}

@media only screen and (max-width: 1211.2px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 625px;
  }
}

@media only screen and (max-width: 1200.2px) {
  h1 {
    font-size: 35px;
  }

  h2 {
    font-size: 30px;
  }

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

  .img-section-text h3 {
    font-size: 30px;
  }

  .menu ul li ul {
    padding: 14px 0 0 0;
  }

  .sticky .menu ul li ul {
    padding: 15px 0 0 0;
  }

  .Challenges-text h2 {
    font-size: 30px;
  }

  .counter {
    font-size: 30px;
  }

  .count-after {
    font-size: 30px;
  }

  .job-content h2 {
    font-size: 30px;
    margin: 20px 0 0 0;
  }

  .part-service-image {
    width: 100%;
    /* height: 250px; */
  }

  .left-content {
    margin-top: 35px;
  }

  .left-content h5:nth-child(3) {
    top: 262px;
  }

  .left-content h5:nth-child(4) {
    top: 355px;
  }
}

@media only screen and (max-width: 1199.2px) {
  .services-content {
    height: 340px;
  }
}

@media only screen and (max-width: 1198.2px) {
  .test-card {
    height: 450px;
  }
}

@media only screen and (max-width: 1185.2px) {
  .left-content h5:nth-child(4) {
    left: 21%;
  }
}

@media only screen and (max-width: 1180.2px) {
  .services-content {
    padding: 45px 20px 20px 20px;
  }

  .job-list-info {
    width: 30%;
  }

  .job-list-info h5 {
    margin: 0 0 5px 0;
  }
}

@media only screen and (max-width: 1170.2px) {
  .right-content {
    margin-left: 200px;
  }

  .next-btn {
    left: 52%;
  }
}

@media only screen and (max-width: 1165.2px) {
  .services-content {
    height: 370px;
  }
}

@media only screen and (max-width: 1161.2px) {
  .services-content {
    height: 415px;
  }
}

@media only screen and (max-width: 1150.2px) {
  .menu ul li ul {
    padding: 13px 0 0 0;
  }

  .sticky .menu ul li ul {
    padding: 14px 0 0 0;
  }

  .blog-icon {
    width: 60px;
    height: 60px;
  }

  .become-text h2 {
    font-size: 50px;
  }

  .contact-icontext {
    width: 82%;
  }
}

@media only screen and (max-width: 1140.2px) {
  .service-red-cont .col-lg-4 .service-choose {
    height: 400px;
  }
}

@media only screen and (max-width: 1132.2px) {
  section.Approach-sec {
    height: auto;
  }
}

@media only screen and (max-width: 1125.2px) {
  .services-content {
    height: 410px;
  }
}

@media only screen and (max-width: 1110.2px) {
  .part-service-text a {
    padding: 10px 15px;
  }
}

@media only screen and (max-width: 1102.2px) {
  .left-content h5:nth-child(4) {
    left: 25%;
  }
}

@media only screen and (max-width: 1101.2px) {
  .right-content {
    margin: 0 0 0 220px;
  }

  .result-iconflex {
    flex-wrap: wrap;
    padding: 20px 20px 30px 20px;
  }

  .result-icon {
    margin: 0 auto;
  }

  .result-icontext {
    margin: 10px 0 0 0;
    width: 100%;
    text-align: center;
  }

  .menu-btn a {
    font-size: 14px;
  }

  .right-content .left-active {
    padding: 60px 0 0 0;
  }

  .menu ul li ul {
    padding: 12px 0 0 0;
  }

  .sticky .menu ul li ul {
    padding: 13px 0 0 0;
  }

  .about-team-image {
    width: 280px;
    height: 280px;
  }

  .job-sidebar {
    width: 60%;
  }

  .job-close {
    width: 60%;
  }

  .challenge-box .service-choosetext {
    width: 82%;
  }

  .partner-cont h3 {
    font-size: 21px;
  }

  .service-red-cont .col-lg-3 .service-choose {
    height: 625px;
  }
}

@media only screen and (max-width: 1101.2px) {
  .menu ul li {
    margin: 0 20px 0 0;
  }
}

@media only screen and (max-width: 1090.2px) {
  .services-content {
    height: 430px;
    padding: 40px 20px 20px 20px;
  }
}

@media only screen and (max-width: 1087.2px) {
  .right-content h3 {
    font-size: 21px;
  }
}

@media only screen and (max-width: 1086.2px) {
  .left-content {
    margin-top: 2px;
  }
}

@media only screen and (max-width: 1085.2px) {
  .customer-head {
    height: 102px;
  }

  .customer-box .col-lg-4:nth-child(2) .customer-head {
    height: 102px;
  }

  .customer {
    height: 500px;
  }
}

@media only screen and (max-width: 1069.2px) {
  section.Approach-sec {
    height: auto;
  }
}

@media only screen and (max-width: 1066.2px) {
  .Challenges-box {
    height: 270px;
  }
}

@media only screen and (max-width: 1062.2px) {
  section.Approach-sec {
    height: auto;
  }

  .service-red-cont .col-lg-3 .service-choose {
    height: 685px;
  }
}

@media only screen and (max-width: 1059.2px) {
  .right-content .left-active {
    padding: 30px 0 0 0;
  }

  section.Approach-sec {
    background-size: 125%;
  }

  .left-content {
    margin: -15px 0 0 0;
  }

  .left-content h5:first-child {
    top: 85px;
  }

  .left-content h5:nth-child(2) {
    top: 175px;
  }
}

@media only screen and (max-width: 1055px) {
  .customer {
    height: 525px;
  }
}

@media only screen and (max-width: 1050.2px) {
  .sticky .menu ul li ul {
    padding: 12px 0 0 0;
  }

  .part-service-box {
    padding: 20px;
  }

  .contact-icontext {
    width: 80%;
  }

  .prev-service {
    left: -45px;
  }

  .next-service {
    right: -45px;
  }

  .menu ul li {
    margin: 0 10px 0 0;
  }
}

@media only screen and (max-width: 1049.2px) {
  section.Approach-sec {
    height: auto;
  }
}

@media only screen and (max-width: 1040.2px) {
  .left-content h5:nth-child(2) {
    top: 170px;
  }

  .left-content h5:nth-child(3) {
    top: 260px;
  }

  .left-content h5:nth-child(4) {
    top: 345px;
    left: 20%;
  }
}

@media only screen and (max-width: 1038px) {
  .customer {
    height: 550px;
  }
}

@media only screen and (max-width: 1028.2px) {
  .test-card {
    height: 500px;
  }
}

@media only screen and (max-width: 1026.2px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 705px;
  }
}

@media only screen and (max-width: 1021.2px) {
  .service-choose {
    height: 220px;
  }

  .service-red-choose {
    height: auto;
  }
}

@media only screen and (max-width: 1020.2px) {
  .partner {
    height: 280px;
  }
}

@media only screen and (max-width: 1019.2px) {
  section.Approach-sec {
    height: auto;
  }

  .left-content h5:nth-child(4) {
    top: 325px;
  }

  .left-content h5:nth-child(2) {
    top: 155px;
  }

  .left-content h5:nth-child(3) {
    top: 240px;
  }
}

@media only screen and (max-width: 1015.2px) {
  .left-content h5:nth-child(3) {
    top: 238px;
  }
}

@media only screen and (max-width: 1010.2px) {
  .job-list-info {
    width: 48%;
  }

  .job-list-flex {
    padding: 10px 0 10px 20px;
  }

  .job-list-flex:last-child {
    padding: 10px 0 0 20px;
  }

  .service-red-cont .col-lg-3 .service-choose {
    height: 730px;
  }
}

@media only screen and (max-width: 1007.2px) {
  .services-content {
    height: 460px;
  }
}

@media only screen and (max-width: 1005.2px) {
  .left-content h5:nth-child(4) {
    top: 318px;
  }

  .left-content h5:nth-child(2) {
    top: 150px;
  }

  .left-content h5:nth-child(3) {
    top: 232px;
  }

  .left-content h5:first-child {
    top: 62px;
  }
}

@media only screen and (max-width: 1002px) {
  .common {
    height: 180px;
  }
}

@media only screen and (max-width: 1000.2px) {
  .menu ul li ul {
    padding: 10px 0 0 0;
  }

  .sticky .menu ul li ul {
    padding: 11px 0 0 0;
  }
}

@media only screen and (max-width: 998.2px) {
  .services-content {
    height: 480px;
  }
}

@media only screen and (max-width: 996.2px) {
  section.Approach-sec {
    height: auto;
  }
}

@media only screen and (max-width: 994.2px) {
  .test-card {
    height: 520px;
  }
}

@media only screen and (max-width: 991.2px) {
  .banner {
    height: 500px;
  }

  .banner-cont {
    padding: 10% 0 0 0;
  }

  .banner-cont p {
    width: 80%;
    margin: 20px 0;
  }

  .banner-cont a {
    margin: 0;
  }

  .single-services .icon {
    width: 50px;
    height: 50px;
    top: 160px;
  }

  .services-content {
    height: 220px;
  }

  .challenge-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .Challenges-box {
    margin: 30px 0 0 0;
    height: 250px;
  }

  .Services-text h3 a {
    font-size: 18px;
  }

  .Services-text h3 {
    font-size: 20px;
  }

  section.Approach-sec {
    background: transparent;
    background-size: 100%;
    height: auto;
  }

  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 28px;
  }

  .section-title h2 {
    font-size: 28px;
  }

  .img-section-text h3 {
    font-size: 28px;
  }

  .Challenges-text h2 {
    font-size: 28px;
  }

  .left-content {
    margin: 30px 0 0 0;
  }

  .left-content h5:first-child {
    position: static;
  }

  .left-content h5:nth-child(2) {
    position: static;
  }

  .left-content h5:nth-child(3) {
    position: static;
  }

  .left-content h5:nth-child(4) {
    position: static;
  }

  .left-content h5 {
    display: block;
    padding: 10px 15px;
    background: var(--secondary-color);
    color: #fff;
    border-bottom: 1px solid #fff;
  }

  .left-content h5:hover {
    background: #000;
  }

  .left-content h5.left-active {
    background: var(--primary-color);
    color: #fff;
    border: none;
  }

  .right-content {
    margin: 0 0 0 20px;
  }

  .Results-text h2 {
    width: 100%;
    margin: 0 0 20px 0;
  }

  .result-iconflex {
    margin: 30px 0 0 0;
  }

  .fact-box .col-lg-2:first-child {
    margin: 0;
  }

  .fact-box {
    padding: 10px 0 40px 0;
  }

  .fact {
    margin: 30px 0 0 0;
    padding: 20px;
    height: 120px;
  }

  /* .review-btn-icon {
    justify-content: center;
  } */

  .review-cont {
    width: 22%;
  }

  .review {
    margin: 30px 0 0 0;
  }

  .review img {
    width: 50%;
  }

  .review-box {
    padding: 10px 0 40px 0;
  }

  .client-text h4 {
    font-size: 20px;
  }

  .common h4 {
    font-size: 20px;
  }

  .right-content h3 {
    font-size: 20px;
    margin: 0 0 15px 0;
  }

  .right-content p {
    margin: 0;
  }

  .header-contact ul li:first-child {
    padding: 0;
    text-align: left;
  }

  .info-text {
    margin: 0;
  }

  .info-text i {
    margin: 0 5px 0 0;
  }

  .header-box {
    height: 50px;
    position: relative;
  }

  .blog-cont {
    padding: 20% 20px 0 20px;
  }

  .footer-last {
    padding: 0 0 0 15%;
    margin: 30px 0 0 0;
  }

  .footer-third {
    margin: 30px 0 0 0;
  }

  .footer_box img {
    width: 50%;
  }

  .footer_icon {
    margin: 20px 0 0 0;
  }

  .menu {
    width: 100%;
    text-align: left;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 999;
    display: none;
  }

  .menu ul {
    display: block;
    width: 100%;
  }

  .menu ul li {
    display: block;
    width: 100%;
    margin: 0;
    position: relative;
  }

  .menu ul li i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 14%;
    z-index: 99;
  }

  .menu ul li a {
    display: block;
    width: 100%;
    padding: 10px 0 10px 7%;
    border-top: 1px solid #666;
    background: #fff;
  }

  .menu ul li a:hover {
    background: var(--secondary-color);
    color: #fff;
  }

  .menu ul li a.active {
    background: var(--primary-color);
    color: #fff;
    border: none;
  }

  .menu ul li ul {
    position: relative;
    padding: 0;
    width: 100%;
  }

  .menu ul li ul li a {
    padding: 10px 0 10px 7%;
    background: #fff;
    border-bottom: 1px solid #000;
    color: #000;
  }

  @keyframes slidemenu {
    from {
      transform: translateY(0px);
    }

    to {
      transform: translateY(0);
    }
  }

  /* .menu ul li:hover > ul {
    display: none;
  } */

  .toggle {
    display: inline-block;
    margin: 0 0 0 15px;
    cursor: pointer;
    width: 40px;
  }

  .bar {
    width: 100%;
    height: 3px;
    background: var(--secondary-color);
    border-radius: 5px;
    margin: 0 0 5px 0;
    transition: all 0.5s;
  }

  .bar2 {
    width: 100%;
    margin: 0 0 5px auto;
  }

  .bar:last-child {
    margin: 0;
  }

  .bar3 {
    background: #000;
  }

  .toggle.active .bar1 {
    transform: rotate(-45deg) translate(-3px, 0);
    background: #000;
    margin: 0;
  }

  .toggle.active .bar2 {
    display: none;
  }

  .toggle.active .bar3 {
    transform: rotate(45deg) translate(-2px, 0);
    background: var(--secondary-color);
  }

  .toggle.active .menu {
    display: block;
  }

  .menu-btn {
    width: 75%;
  }

  .testimonial-flex {
    width: 100%;
  }

  .count-after {
    font-size: 28px;
  }

  .counter {
    font-size: 28px;
  }

  .customer-head {
    height: 81px;
  }

  .customer-box .col-lg-4:nth-child(2) .customer-head {
    height: 81px;
  }

  .about-flex-text ul li {
    width: 100%;
  }

  .service-banner {
    height: 300px;
  }

  .service-cont {
    padding: 6% 0 0 0;
  }

  .service-cont h2 {
    margin: 0;
  }

  .service-cont p {
    width: 90%;
  }

  .content-text h4 {
    font-size: 18px;
  }

  .customer-text h3 {
    font-size: 20px;
  }

  .customer {
    height: 410px;
  }

  .about-team-image {
    width: 250px;
    height: 250px;
  }

  .about-counter-box {
    padding: 10px 0 40px 0;
  }

  .counter-items {
    margin: 30px 0 0 0;
  }

  .certificate {
    text-align: center;
  }

  .certificate img {
    width: 70%;
  }

  .career-text h3 {
    font-size: 20px;
  }

  .job-content h2 {
    font-size: 28px;
  }

  .job-content h3 {
    font-size: 20px;
  }

  .career-popup h2 {
    font-size: 28px;
  }

  .job-slide {
    height: 250px;
  }

  .test-card {
    height: 370px;
  }

  .client-text h4 {
    font-size: 18px;
  }

  .blog-list h3 {
    font-size: 20px;
  }

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

  .service-sidebar {
    margin: 30px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .blog-list {
    width: 48%;
  }

  .service-formbox {
    width: 48%;
    margin: 0;
    padding: 40px 20px 20px 20px;
  }

  .blog-icontext {
    width: 75%;
  }

  .menu ul li i {
    left: 14%;
  }

  .partner-cont h3 {
    font-size: 20px;
  }

  .part-box p {
    width: 80%;
  }

  .partner-cont img {
    width: 50px;
  }

  .partner-cont h3 {
    font-size: 18px;
    margin: 15px 0 0 0;
  }

  .partner {
    height: 230px;
  }

  .offer {
    margin: 30px 0 0 0;
  }

  .offer img {
    width: 50px;
  }

  .offer h3 {
    font-size: 20px;
    margin: 15px 0 0 0;
  }

  .offer p {
    width: 100%;
    margin: 15px 0 0 0;
  }

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

  .offer-choose .service-choosetext {
    width: 77%;
  }

  .challenge-box .service-choosetext {
    width: 80%;
  }

  .become-text h2 {
    font-size: 40px;
    margin: 0 0 20px 0;
  }

  .become-text h3 {
    font-size: 20px;
    margin: 0;
  }

  .become-text p {
    font-size: 15px;
    margin: 20px 0 0 0;
  }

  .become-form {
    margin: 30px 0 0 0;
  }

  .part-service-image {
    width: 100%;
    /* height: 400px; */
    text-align: center;
  }

  .part-service-image img {
    width: 70%;
  }

  .part-service-box {
    padding: 30px;
    height: 450px;
  }

  .service-choose {
    height: 210px;
  }

  .service-formbox {
    padding: 60px 20px 20px 20px;
  }

  .map-box {
    height: 300px;
  }

  .contact-icon {
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .contact-icontext {
    width: 82%;
  }

  .contact-icontext h3 {
    font-size: 20px;
  }

  .service-analyze-box {
    padding: 10px 0 40px 0;
  }

  .service-analyze {
    margin: 30px 0 0 0;
  }

  .feature-flex {
    flex-wrap: wrap;
    margin: 10px 0 0 0;
  }

  .feature {
    margin: 30px 0 0 0;
    width: 48%;
  }

  .feature-icon {
    width: 50px;
    margin: 0 auto 15px auto;
  }

  .feature p {
    margin: 15px 0 0 0;
  }

  .service-head p {
    width: 80%;
  }

  .service-choosetext {
    width: 83%;
  }

  .process h3 {
    font-size: 14px;
  }

  .process-cont-text h3 {
    font-size: 20px;
  }

  .feature h3 {
    font-size: 20px;
  }

  .expertise-flex {
    margin: 30px 0 0 0;
  }

  .talk-text p {
    width: 100%;
  }

  .service-certify {
    padding: 10px 0 40px 0;
  }

  .certify-text {
    margin: 30px 0 0 0;
  }

  .service-red-choose {
    height: auto;
  }

  .service-head p {
    width: 90%;
  }

  .center-text p {
    width: 100%;
  }

  .defence {
    width: 48%;
    margin: 30px 0 0 0;
  }

  .process-defence {
    margin: 10px 0 0 0;
  }

  .faq-item {
    width: 100%;
  }

  .service-menu i {
    display: none;
  }

  .click-btn {
    display: inline-block;
    position: absolute;
    z-index: 99;
    color: var(--secondary-color);
    right: 8%;
    top: 22px;
    cursor: pointer;
    font-size: 15px;
  }

  .service-menu:hover .click-btn {
    color: #fff;
  }

  .service-menu a.active + .click-btn {
    color: var(--secondary-color);
  }

  .service-menu:hover .click-btn:hover {
    color: var(--secondary-color);
  }

  .click-btn i {
    display: block;
  }

  .sticky .menu ul li ul {
    padding: 0;
  }

  .menu ul li i {
    font-size: 15px;
  }

  .blog-detail-text h4 {
    font-size: 20px;
  }

  .service-center h2 {
    width: 75%;
  }

  .common {
    height: 145px;
  }

  .service_popup h2 {
    font-size: 28px;
  }

  .service-red-cont .col-lg-3 .service-choose-icon {
    width: 50px;
    margin: 0 auto 20px auto;
  }

  .service-red-cont .col-lg-3 .service-choosetext h3 {
    font-size: 20px;
  }

  .service-red-cont .col-lg-3 .service-choose {
    height: 400px;
  }

  .prev-service {
    left: 46%;
    top: 10px;
    transform: translate(0, 0);
    width: 30px;
    height: 30px;
    font-size: 15px;
    display: grid;
    place-items: center;
    place-content: center;
  }

  .next-service {
    left: 52%;
    top: 10px;
    transform: translate(0, 0);
    width: 30px;
    height: 30px;
    font-size: 15px;
    display: grid;
    place-items: center;
    place-content: center;
  }

  .Challenges-box h5 {
    font-size: 20px;
  }

  .service-red-cont .col-lg-3 .service-choose {
    margin: 60px 0 0 0;
  }

  .service-red-cont .service-head p {
    width: 80%;
  }

  .prev-service {
    left: 44%;
  }

  .service-analyze-box {
    padding: 10px 0 40px 0;
  }

  .service-analyze {
    width: 48%;
    margin: 30px 0 0 0;
  }

  .logo {
    width: 18%;
  }

  .review-cont {
    width: 26%;
  }

  .review-cont:nth-child(3) .review {
    align-items: center;
    justify-content: flex-end;
  }

  .review-cont:nth-child(4) .review {
    align-items: start;
    justify-content: flex-end;
  }

}

@media only screen and (max-width: 966.2px) {
  .test-card {
    height: 400px;
  }
}

@media only screen and (max-width: 950.2px) {
  .service-red-choose {
    height: auto;
  }
}

@media only screen and (max-width: 947.2px) {
  .services-content {
    height: 240px;
  }
}

@media only screen and (max-width: 945.2px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 415px;
  }
}

@media only screen and (max-width: 909.2px) {
  .customer {
    height: 430px;
  }
}

@media only screen and (max-width: 900.2px) {
  .menu ul li i {
    left: 15%;
  }

  .about-team-text {
    width: 95%;
    margin: 0 0 0 auto;
  }

  .process h3 {
    padding: 10px 45px;
  }

  .question-text {
    width: 88%;
  }

  .part-service-image img {
    width: 80%;
  }

  .logo {
    width: 20%;
  }

  .review-cont {
    width: 30%;
  }
}

@media only screen and (max-width: 881.2px) {
  .service-choose {
    height: 230px;
  }
}

@media only screen and (max-width: 860.2px) {
  .service-red-choose {
    height: auto;
  }
}

@media only screen and (max-width: 855.2px) {
  .form-box p {
    margin: 30px 0 0 0;
    display: flex;
    font-size: 14px;
  }

  .form-box p label {
    font-size: 14px;
  }

  .form-box p input {
    margin: 0 10px 0 0;
  }
}

@media only screen and (max-width: 850.2px) {
  .logo {
    width: 21%;
  }

  .prev-btn {
    left: 43%;
  }

  .menu-btn {
    width: 70%;
  }

  .contact-icontext {
    width: 78%;
  }

  .part-service-image img {
    width: 85%;
  }

  .customer {
    height: 460px;
  }
}

@media only screen and (max-width: 838.2px) {
  .services-content {
    height: 265px;
  }
}

@media only screen and (max-width: 832.2px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 440px;
  }
}

@media only screen and (max-width: 819.2px) {
  .service-red-choose {
    height: auto;
  }

  .customer {
    height: 480px;
  }
}

@media only screen and (max-width: 816.2px) {
  .service-choose {
    height: 250px;
  }

  .offer-choose .service-choosetext {
    width: 75%;
  }

  .challenge-box .service-choosetext {
    width: 75%;
  }
}

@media only screen and (max-width: 815.2px) {
  .about-team-image {
    width: 240px;
    height: 240px;
  }
}

@media only screen and (max-width: 807.2px) {
  .services-content {
    height: 270px;
  }
}

@media only screen and (max-width: 800.2px) {
  .logo {
    width: 23%;
  }

  .menu ul li i {
    left: 16%;
  }

  .job-sidebar {
    width: 70%;
  }

  .job-close {
    width: 70%;
  }

  .blog-icontext {
    width: 70%;
  }

  .service-choosetext {
    width: 78%;
  }

  .part-service-image img {
    width: 95%;
  }
}

@media only screen and (max-width: 799.2px) {
  .test-card {
    height: 440px;
  }

  .service-formbox {
    padding: 75px 20px 20px 20px;
  }
}

@media only screen and (max-width: 792.2px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 470px;
  }
}

@media only screen and (max-width: 783.2px) {
  .service-red-choose {
    height: auto;
  }
}

@media only screen and (max-width: 774.2px) {
  .common {
    height: 160px;
  }
}

@media only screen and (max-width: 767.2px) {
  h1 {
    font-size: 28px;
  }

  .logo {
    width: 24%;
  }

  .service-center h2 {
    width: 100%;
  }

  .services-area .col-sm-12 {
    width: 50%;
  }

  .Challenges-sec .col-lg-6 {
    width: 50%;
  }

  .fact-box .col-lg-2 {
    width: 50%;
  }

  .common-box .col-sm-12 {
    width: 50%;
  }

  .review-cont {
    width: 48%;
  }

  .menu-btn {
    width: 65%;
  }

  .brand-box h2 {
    width: 100%;
  }

  .footer_box p {
    margin: 15px 0 0 0;
    padding: 0;
  }

  .footer-second {
    padding: 0;
  }

  .footer-last {
    padding: 0;
    margin: 0;
  }

  .footer-third {
    margin: 0;
  }

  .footer_box {
    margin: 30px 0 0 0;
  }

  .footer-image {
    margin: 0;
  }

  .footer_links li:last-child a {
    margin-bottom: 0;
  }

  .right-content {
    margin: 0;
  }

  .service-cont p {
    width: 100%;
    margin: 10px 0 0 0;
    font-size: 15px;
    padding: 0 0 0 15px;
  }

  .service-cont {
    padding: 10% 0 0 0;
  }

  .part-btn {
    margin: 20px 0 0 0;
  }

  .content-image {
    width: 100%;
    margin: 0 0 30px 0;
    height: 400px;
  }

  .about-flex-text {
    margin: 20px 0 0 0;
  }

  .customer-head {
    height: auto;
  }

  .customer-box .col-lg-4:nth-child(2) .customer-head {
    height: auto;
  }

  .customer {
    height: auto;
  }

  .about-team-image {
    width: 300px;
    height: 300px;
    margin: 0 auto;
  }

  .about-team-text {
    width: 100%;
    margin: 30px 0 0 0;
    text-align: center;
  }

  .about-counter-box .col-sm-12 {
    width: 50%;
  }

  .reset-btn {
    width: 100%;
  }

  .search-box {
    width: 100%;
  }

  .job-list-flex {
    flex-wrap: wrap;
  }

  .job-list-info {
    width: 48%;
  }

  .job-type {
    width: 48%;
    display: none;
  }

  .job-title {
    width: 48%;
  }

  .job-title p {
    text-align: right;
  }

  .job-post {
    width: 48%;
  }

  .job-post p {
    text-align: left;
  }

  .job-btn {
    text-align: right;
    width: 48%;
  }

  .testimonial-box .col-sm-12 {
    width: 48%;
  }

  .test-card {
    height: 470px;
  }

  .detail-image {
    height: 350px;
  }

  .blog-icontext {
    width: 65%;
  }

  .part-box .col-sm-12 {
    width: 50%;
  }

  .benefit-box .col-sm-12 {
    width: 50%;
  }

  .challenge-box .col-sm-12 {
    width: 50%;
  }

  .part-service .col-sm-12 {
    width: 50%;
  }

  .become-text h2 {
    font-size: 30px;
  }

  .service-choose {
    height: 280px;
  }

  .service-choose-icon {
    width: 40px;
  }

  .contact-icontext {
    width: 88%;
  }

  .contact-form {
    margin: 30px 0 0 0;
  }

  .service-choose-box-cont .service-choosetext {
    width: 88%;
  }

  .expertise {
    width: 48%;
  }

  .talk-image {
    width: 100%;
    margin: 0 0 30px 0;
  }

  .service-faq {
    padding: 0;
  }

  .become-imagebox {
    width: 100%;
  }

  .process-cont-text {
    padding: 40px 30px 40px 30px;
  }

  .become-image {
    margin: 30px 0 0 0;
    height: 300px;
  }

  .service-red-choose h2 {
    display: inline-block;
  }

  .service-red-choose h2::before {
    width: 40px;
    display: none;
  }

  .service-red-choose h2::after {
    width: 40px;
    display: none;
  }

  .process-box h2::before {
    width: 40px;
    display: none;
  }

  .process-box h2::after {
    width: 40px;
    display: none;
  }

  .process-box h2 {
    padding: 0;
    display: inline-block;
  }

  .part-service-image img {
    width: 100%;
  }

  .blog-image {
    height: 250px;
  }

  .blog-cont {
    padding: 10% 20px 0 20px;
  }

  .service-red-cont .service-head p {
    width: 100%;
  }

  .service-benefit .col-lg-6:nth-child(2) .service-benefit-text {
    margin: 30px 0 0 0;
  }

  .services-content {
    height: 290px;
  }

  .review-cont:nth-child(2) .review {
    align-items: end;
    justify-content: flex-end;
  }

  .review-cont:nth-child(4) .review {
    
    align-items: end;
    justify-content: flex-end;
  }

  .review-cont:nth-child(3) .review {
    align-items: start;
    justify-content: flex-end;
  }
}

@media only screen and (max-width: 737.2px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 500px;
  }
}

@media only screen and (max-width: 713.2px) {
  .test-card {
    height: 500px;
  }
}

@media only screen and (max-width: 712.2px) {
  .services-content {
    height: 315px;
  }
}

@media only screen and (max-width: 707.2px) {
  .service-choose {
    height: 310px;
  }
}

@media only screen and (max-width: 705.2px) {
  .logo {
    width: 26%;
  }

  .info-text p {
    font-size: 14px;
  }

  .info-text i {
    font-size: 14px;
  }

  .info-text a {
    font-size: 14px;
  }

  .header-contact ul li:first-child {
    width: 70%;
  }

  .header-contact ul li:nth-child(2) {
    text-align: right;
    width: 30%;
  }
}

@media only screen and (max-width: 704.2px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 515px;
  }
}

@media only screen and (max-width: 700.2px) {
  .menu ul li i {
    left: 17%;
  }

  .service-cont {
    padding: 12% 0 0 0;
  }
}

@media only screen and (max-width: 683.2px) {
  .service-red-choose {
    height: auto;
  }
}

@media only screen and (max-width: 670.2px) {
  .service-red-choose {
    height: auto;
  }
}

@media only screen and (max-width: 665.2px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 540px;
  }
}

@media only screen and (max-width: 650.2px) {
  .logo {
    width: 28%;
  }

  .next-btn {
    left: 54%;
  }

  .next-banner {
    left: 18%;
  }

  .menu ul li i {
    left: 17%;
  }

  .job-sidebar {
    width: 80%;
  }

  .job-close {
    width: 80%;
  }

  .blog-list {
    width: 100%;
  }

  .blog-icontext {
    width: 82%;
  }

  .service-formbox {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 20px;
  }

  .service-choose {
    height: auto;
  }

  .service-choose-icon {
    margin: 0 auto;
  }

  .service-choosetext {
    width: 100%;
    margin: 15px 0 0 0;
    text-align: center;
  }

  .offer-choose .service-choosetext {
    width: 100%;
  }

  .service-choose {
    flex-wrap: wrap;
  }

  .offer {
    width: 100%;
  }

  .offer img {
    width: 40px;
  }

  .part-box .col-sm-12 {
    width: 100%;
  }

  .benefit-box .col-sm-12 {
    width: 100%;
  }

  .challenge-box .col-sm-12 {
    width: 100%;
  }

  .part-service .col-sm-12 {
    width: 100%;
  }

  .partner-cont img {
    width: 40px;
  }

  .partner {
    height: 180px;
  }

  .challenge-box .service-choosetext {
    width: 100%;
  }

  .challenge-box .service-choose p {
    text-align: center;
  }

  .part-service-box {
    height: auto;
  }

  .part-service-image img {
    width: 60%;
  }

  .part-box p {
    width: 100%;
  }

  .challenge-box p {
    width: 100%;
  }

  .part-service p {
    width: 100%;
  }

  .contact-icontext {
    width: 85%;
  }

  .service-red-cont .service-choosetext {
    width: 100%;
    margin: 10px 0 0 0;
  }

  .service-choose-icon {
    margin: 0 auto;
  }

  .process-cont-image {
    height: 350px;
  }

  .service-red-choose {
    height: auto;
  }

  .feature {
    width: 100%;
  }

  .service-choose-box-cont .service-choosetext {
    width: 100%;
  }

  .next-service {
    left: 55%;
  }

  .service-analyze {
    width: 100%;
  }
}

@media only screen and (max-width: 649.2px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 560px;
  }
}

@media only screen and (max-width: 648.2px) {
  .Challenges-box {
    height: 270px;
  }

  .menu-btn {
    width: 60%;
  }

  .fact {
    height: 130px;
  }
}

@media only screen and (max-width: 629.2px) {
  .test-card {
    height: 530px;
  }
}

@media only screen and (max-width: 625.2px) {
  .services-content {
    height: 340px;
  }
}

@media only screen and (max-width: 610.2px) {
  .test-card {
    height: 560px;
  }
}

@media only screen and (max-width: 607.2px) {
  .services-content {
    height: 360px;
  }
}

@media only screen and (max-width: 606px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 580px;
  }

  .services-content {
    height: 380px;
  }
}

@media only screen and (max-width: 603px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: 600px;
  }
}

@media only screen and (max-width: 600.2px) {
  .logo {
    width: 31%;
  }

  .Challenges-box {
    height: 280px;
  }

  .review img {
    width: 70%;
  }

  .testimonial-box .col-sm-12 {
    width: 100%;
  }

  .test-card {
    height: auto;
  }

  .part-btn {
    font-size: 14px;
  }

  .service-head p {
    width: 100%;
  }

  .process-cont-text p {
    width: 100%;
  }

  .defence {
    width: 100%;
    margin: 30px 0 0 0;
  }

  .part-service-image img {
    width: 65%;
  }

  .blog-cont {
    padding: 14% 20px 0 20px;
  }
}

@media only screen and (max-width: 585.2px) {
  .service-red-choose {
    height: auto;
  }
}

@media only screen and (max-width: 581.2px) {
  .service-red-choose {
    height: auto;
  }

  .services-content {
    height: 400px;
  }
}

@media only screen and (max-width: 580.2px) {
  .menu ul li i {
    left: 19%;
  }

  .job-list-info {
    width: 50%;
  }
}

@media only screen and (max-width: 575.2px) {
  .service-red-cont .col-lg-3 .service-choose {
    height: auto;
  }
}

@media only screen and (max-width: 560.2px) {
  .Challenges-box {
    height: 300px;
  }

  .logo {
    width: 32%;
  }

  .menu-btn {
    width: 57%;
  }

  .job-list-info {
    width: 100%;
  }

  .job-type {
    width: 100%;
    display: none;
  }

  .job-title {
    width: 48%;
  }

  .job-title p {
    text-align: left;
  }

  .job-post {
    width: 48%;
  }

  .job-post p {
    text-align: left;
  }

  .job-btn {
    text-align: right;
    width: 100%;
    margin: 10px 0;
  }

  .job-info {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 551px) {
  .footer_box img {
    width: 40%;
  }

  .review img {
    width: 75%;
  }

  .blog-icontext {
    width: 78%;
  }

  .contact-icontext {
    width: 82%;
  }

  .services-content {
    height: auto;
  }

  .services-area .col-sm-12 {
    width: 100%;
  }

  .review-cont {
    width: 100%;
    text-align: center;
  }

  .review-btn-icon{
    align-items: center;
  justify-content: center;
  }

  .review{
    align-items: center;
    justify-content: center;
  }

  .review-cont:nth-child(2) .review {
    align-items: center;
    justify-content: center;
  }

  .review-cont:nth-child(4) .review {
    
    align-items: center;
    justify-content: center;
  }

  .review-cont:nth-child(3) .review {
    align-items: center;
    justify-content: center;
  }

  .header-contact ul {
    flex-wrap: wrap;
  }
  .header-contact ul li:first-child {
    width: 100%;
    overflow:hidden;

  }

.header-contact ul li:first-child .info-text{
    padding-right:20px;
}

.header-contact ul li .slidetext{
   animation: slidetext 10s linear infinite;
   display: block;
   text-align: center;
   white-space:nowrap;
   font-size:15px;
  }

@keyframes slidetext{
    from{
      transform: translateX(100%);
    }

    to{
      transform: translateX(-100%);
    }



  }

  .header-contact ul li:nth-child(2) {
    display: none;
  }

  .footer-phone{
    display: block;
    width: 40px;
    height:40px;
    border-radius: 50%;
    position: fixed;
    z-index: 9999;
    left: 20px;
    bottom: 20px;
  }

  .footer-phone a{
    display: inline-block;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    font-size: 17px;
    background: var(--primary-color);
    color: #fff;
    transition: all 0.5s;
    border-radius: 50%;
  }

  .footer-phone a:hover{
    background: var(--secondary-color);
  }



}

@media only screen and (max-width: 533.2px) {
  .Challenges-box {
    height: 320px;
  }
}

@media only screen and (max-width: 530.2px) {
  .logo {
    width: 38%;
  }

  .services-content {
    padding: 40px 20px 20px 20px;
  }
}

@media only screen and (max-width: 501px) {
  h1 {
    font-size: 25px;
  }

  h2 {
    font-size: 25px;
  }

  .contact-text p {
    font-size: 15px;
  }

  .service_popup h2 {
    font-size: 25px;
  }

  .service_popup {
    width: 85%;
    margin: 0 auto;
  }

  .counter {
    font-size: 28px;
  }

  .count-after {
    font-size: 25px;
  }

  .section-title h2 {
    font-size: 25px;
  }

  .img-section-text h3 {
    font-size: 25px;
  }

  .Challenges-text h2 {
    font-size: 25px;
  }

  .click-btn {
    right: 10%;
  }

  .menu-btn {
    width: 55%;
  }

  .banner {
    height: 450px;
  }

  .banner-cont p {
    width: 100%;
    margin: 20px 0;
  }

  .next-banner {
    width: 30px;
    height: 30px;
    font-size: 15px;
  }

  .prev-banner {
    width: 30px;
    height: 30px;
    font-size: 15px;
  }

  .section-title {
    width: 100%;
  }

  .Challenges-sec .col-lg-6 {
    width: 100%;
  }

  .result-iconflex {
    width: 100%;
  }

  .fact-box .col-lg-2 {
    width: 100%;
  }

  .common-box .col-sm-12 {
    width: 100%;
  }

  .common {
    height: auto;
  }

  .common h4 {
    font-size: 18px;
  }

  .common img {
    width: 35px;
  }

  .services-image {
    height: 250px;
  }

  .services-content {
    height: auto;
    padding: 40px 20px 20px 20px;
  }

  .single-services .icon {
    top: 225px;
  }

  .Challenges-box {
    height: auto;
  }

  .fact {
    height: auto;
  }

  .review img {
    width: 50%;
  }

  .blog-cont {
    padding: 15% 20px 0 20px;
  }

  .sticky .menu ul li ul {
    padding: 0;
  }

  .service-cont {
    padding: 14% 0 0 0;
  }

  .about-counter-box .col-sm-12 {
    width: 100%;
  }

  .content-image {
    height: 300px;
  }

  .customer-text h3 {
    font-size: 18px;
  }

  .career-text h3 {
    font-size: 18px;
  }

  .service-banner {
    height: 350px;
  }

  .job-content h2 {
    font-size: 25px;
  }

  .job-content h3 {
    font-size: 18px;
  }

  .career-popup h2 {
    font-size: 25px;
    margin: 0 0 10px 0;
  }

  .career-input {
    margin: 10px 0 0 0;
    height: 35px;
    font-size: 14px;
  }

  .career-file {
    padding: 10px;
    margin: 10px 0 0 0;
    font-size: 14px;
  }

  .career-area {
    height: 50px;
    margin: 10px 0 0 0;
  }

  .career-popup {
    width: 85%;
    margin: 0 auto;
  }

  .job-sidebar {
    width: 90%;
  }

  .job-close {
    width: 90%;
    padding: 5px 20px 5px 0;
  }

  .job-slider {
    margin: 40px 0 0 0;
  }

  .job-slide {
    height: 200px;
  }

  .blog-list h3 {
    font-size: 18px;
  }

  .service-formbox h3 {
    font-size: 18px;
  }

  .detail-image {
    height: 300px;
  }

  .partner-cont h3 {
    font-size: 18px;
  }

  .offer h3 {
    font-size: 18px;
  }

  .service-choosetext h3 {
    font-size: 18px;
  }

  .service-choosetext h3 {
    font-size: 18px;
  }

  .become-text h3 {
    font-size: 18px;
  }

  .part-service-text h3 {
    font-size: 18px;
  }

  .become-text h2 {
    font-size: 25px;
  }

  .become-input {
    width: 100%;
    margin: 15px 0 0 0;
  }

  .become-input span {
    font-size: 14px;
  }

  .become-form-text {
    margin: 0;
  }

  .become-form-area {
    margin: 15px 0 0 0;
  }

  .become-label {
    font-size: 15px;
    margin: 0;
  }

  .become-input label {
    font-size: 15px;
  }

  .become-check label {
    font-size: 15px;
  }

  .become-form-area label {
    margin: 0 0 10px 0;
  }
  

  .form-flex {
    margin: 0;
  }

  .form-info {
    width: 100%;
    margin: 20px 0 0 0;
  }

  .form-info input {
    height: 40px;
    font-size: 14px;
  }

  .form-info-input {
    margin: 20px 0 0 0;
  }

  .form-info-input select {
    height: 40px;
    font-size: 14px;
  }

  .form-area {
    margin: 20px 0 0 0;
    height: 80px;
  }

  .contact-submit {
    margin: 20px 0 0 0;
  }

  .form-box p {
    margin: 20px 0 0 0;
  }

  .map-box {
    height: 250px;
  }

  .contact-icontext h3 {
    font-size: 18px;
  }

  .contact-icon {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .contact-icontext {
    width: 85%;
  }

  .process-cont-text h3 {
    font-size: 18px;
  }

  .feature h3 {
    font-size: 18px;
  }

  .feature-icon {
    width: 40px;
  }

  .defence img {
    width: 40px;
  }

  .certify-icon img {
    width: 40px;
  }

  .become-select {
    margin: 15px 0 0 0;
  }

  .become-area {
    margin: 15px 0 0 0;
  }

  .part-service-image img {
    width: 85%;
  }

  .service-red-cont .col-lg-3 .service-choosetext h3 {
    font-size: 18px;
  }

  .service-red-cont .col-lg-3 .service-choose-icon {
    width: 40px;
  }

  .toggle {
    width: 30px;
  }

  .header-box {
    height: 60px;
  }

  .logo {
    width: 53%;
  }

  .menu {
    top: 60px;
  }
  
  .thank-inner p{
      font-size:16px;
  }
  
  
  .thank-inner a{
      margin:10px 0 0 0;
  }
  
  
}

@media only screen and (max-width: 473.2px) {
  .service-red-choose {
    height: auto;
  }

  .process-cont-image {
    height: 370px;
  }
}

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

@media only screen and (max-width: 451px) {
  .menu-btn {
    display: none;
  }

  .menu-btn-2 {
    display: block;
    text-align: left;
    width: 100%;
  }

  .menu-btn-2 a {
    display: block;
    background: #298cdd;
    padding: 10px 0 10px 7%;
    border-radius: 0px;
    font-size: 15px;
    width: 100%;
  }

  .logo {
    width: 60%;
  }

  .header-box {
    height: 70px;
  }

  .menu {
    top: 70px;
  }
}

@media only screen and (max-width: 450.2px) {
  .banner {
    height: 500px;
  }

  .blog-icontext {
    width: 73%;
  }

  .contact-icontext {
    width: 82%;
  }
}

@media only screen and (max-width: 432.2px) {
  .service-red-choose {
    height: auto;
  }
}

@media only screen and (max-width: 420.2px) {
  .banner {
    height: 520px;
  }

  .Results-text .btn.bg-primary a i {
    padding-left: 15px;
  }

  .prev-service {
    left: 42%;
  }

  .logo {
    width: 65%;
  }
}

@media only screen and (max-width: 416px) {
  .logo {
    width: 55%;
  }
}

@media only screen and (max-width: 405.2px) {
  .service-red-choose {
    height: auto;
  }

  .process-cont-image {
    height: 400px;
  }

  .blog-image {
    height: 300px;
  }
}

@media only screen and (max-width: 401px) {
  .logo {
    width: 69%;
  }
}

@media only screen and (max-width: 400.2px) {
  .footer_box img {
    width: 60%;
  }

  .services-image {
    height: 200px;
  }

  .single-services .icon {
    top: 180px;
    width: 40px;
    height: 40px;
  }

  .Services-text h3 {
    font-size: 18px;
  }

  .services-content {
    padding: 30px 20px 20px 20px;
  }

  .Challenges-box .icon {
    height: 40px;
    width: 40px;
  }

  .Results-text .btn.bg-primary a i {
    padding-left: 5px;
  }

  .result-icon {
    width: 40px;
  }

  .review img {
    width: 70%;
  }

  .footer_box h4 {
    font-size: 18px;
    margin: 0 0 15px 0;
  }

  .service-cont {
    padding: 8% 0 0 0;
  }

  .service-banner {
    height: 300px;
  }

  .content-image {
    height: 250px;
  }

  .about-team-image {
    width: 250px;
    height: 250px;
  }

  .detail-image {
    height: 250px;
  }

  .blog-icontext {
    width: 100%;
    margin: 15px 0 0 0;
  }

  .blog-detail-text p {
    margin: 15px 0 0 0;
  }

  .blog-detail-text blockquote {
    margin: 15px 0 0 0;
  }

  .blog-detail-text h3 {
    margin: 15px 0 0 0;
  }

  .part-service-image img {
    width: 100%;
  }

  .map-box {
    height: 200px;
  }

  .contact-icontext {
    width: 100%;
    margin: 15px 0 0 0;
  }

  .click-btn {
    right: 12%;
  }

  .job-title {
    width: 48%;
  }
  .job-post {
    width: 48%;
  }
}

@media only screen and (max-width: 380.2px) {
  .process-cont-image {
    height: 420px;
  }
}

@media only screen and (max-width: 375.2px) {
  .banner-cont p {
    margin: 15px 0;
  }

  .prev-btn {
    left: 40%;
  }

  .blog-cont {
    padding: 17% 20px 0 20px;
  }

  .footer_box img {
    width: 70%;
  }

  .content-image {
    height: 200px;
  }

  .detail-image {
    height: 200px;
  }

  .process-cont-image {
    height: 450px;
  }

  .logo {
    width: 73%;
  }
}

@media only screen and (max-width: 371.2px) {
  .service-red-choose {
    height: auto;
  }
}

@media only screen and (max-width: 360.2px) {
  .header-contact ul li:first-child {
    display: none;
  }

  .header-contact ul li:nth-child(2) {
    margin: 0;
  }
}

@media only screen and (max-width: 355.2px) {
  .partner {
    height: 200px;
  }
}

@media only screen and (max-width: 352.2px) {
  .service-red-choose {
    height: auto;
  }

  .process-cont-image {
    height: 470px;
  }

  .logo {
    width: 79%;
  }
}

@media only screen and (max-width: 350.2px) {
  .next-banner {
    left: 22%;
  }

  .banner {
    height: 540px;
  }

  .services-image {
    height: 180px;
  }

  .single-services .icon {
    top: 160px;
  }

  .prev-service {
    left: 40%;
  }
}

@media only screen and (max-width: 345.2px) {
  .service-red-choose {
    height: auto;
  }
}

@media only screen and (max-width: 341px) {
  .logo {
    width: 80%;
  }
}

@media only screen and (max-width: 332.2px) {
  .process-cont-image {
    height: 490px;
  }
}

@media only screen and (max-width: 330.2px) {
  .menu ul li i {
    left: 28%;
  }

  .logo {
    width: 85%;
  }
}

@media only screen and (max-width: 329.2px) {
  .service-red-choose {
    height: auto;
  }
}

@media only screen and (max-width: 321.2px) {
  .service-red-choose {
    height: auto;
  }
}