@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,700");
@font-face {
  font-family: "mv_boliregular";
  src: url("../fonts/mvboli-webfont.woff2") format("woff2"),
    url("../fonts/mvboli-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  background-color: #fff;
  font-family: "Euclid Circular A";
}
@media only screen and (max-width: 767px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-right: 20px;
    padding-left: 20px;
  }
}
h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 65px;
  line-height: 80px;
  letter-spacing: 0.01em;
  color: #000;
  font-family: "Euclid Circular A";
  margin-bottom: 40px;
}
@media only screen and (max-width: 1399px) {
  h1 {
    font-size: 54px;
    line-height: 70px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  h1 {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  h1 {
    font-size: 38px;
    line-height: 47px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 575px) {
  h1 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  h1 {
    font-size: 27px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  h1 {
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) {
  h1 br {
    display: none;
  }
}
h1 span {
  color: #2c7ffc;
}
h2 {
  font-family: "Euclid Circular A";
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: 0.01em;
  color: #222;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  h2 {
    font-size: 41px;
    line-height: 53px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  h2 {
    font-size: 34px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 991px) {
  h2 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  h2 {
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  h2 {
    font-size: 24px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 991px) {
  h2 br {
    display: none;
  }
}
h2 span {
  color: #107ded;
}
h3 {
  font-family: "Euclid Circular A";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: 0.01em;
  color: #000;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1399px) {
  h3 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  h3 {
    font-size: 26px;
    line-height: 32px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  h3 {
    font-size: 21px;
    line-height: 30px;
  }
}
h4 {
  font-family: "Euclid Circular A";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #000;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1399px) {
  h4 {
    font-size: 24px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 1199px) {
  h4 {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  h4 {
    font-size: 19px;
    line-height: 28px;
  }
}
h5 {
  font-family: "Euclid Circular A";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: 0.01em;
  color: #000;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1399px) {
  h5 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  h5 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  h5 {
    font-size: 17px;
    line-height: 26px;
  }
}
h6 {
  font-family: "Euclid Circular A";
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 32px;
  letter-spacing: 0.01em;
  color: #000;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1399px) {
  h6 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  h6 {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  h6 {
    font-size: 15px;
    line-height: 24px;
  }
}
p {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #222;
}
@media only screen and (max-width: 1399px) {
  p {
    font-size: 21px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 1280px) {
  p {
    font-size: 19px;
  }
}
@media only screen and (max-width: 1199px) {
  p {
    font-size: 17px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 991px) {
  p {
    font-size: 18px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 1399px) {
  .btn {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .btn {
    font-size: 19px;
    padding: 10px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .btn {
    padding: 7px 27px;
    font-size: 18px;
  }
}
.btn-lg {
  padding: 16px 50px;
}
.btn-lg.btn-two {
  color: #444 !important;
  border: 2px solid #444;
  padding: 14px 22px;
}
.btn-lg.btn-two .img-color {
  width: 26px;
  margin-right: 10px;
  transition: all 300ms linear;
}
.btn-lg.btn-two:hover {
  color: #fff !important;
}
.btn-lg.btn-two:hover .img-color {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(157deg)
    brightness(223%) contrast(102%);
  transition: all 300ms linear;
}
@media only screen and (max-width: 991px) {
  .btn-lg {
    padding: 10px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .btn-lg {
    padding: 7px 27px;
  }
}
.btn-primary:hover {
  color: #fff;
  background-color: #0648a7;
  border-color: #0648a7;
}
.btn-primary:focus {
  color: #fff;
  background-color: #0648a7;
  border-color: #0648a7;
}
.btn-primary:active {
  color: #fff;
  background-color: #0648a7;
  border-color: #0648a7;
}
a {
  color: #2c7ffc;
  text-decoration: none;
}
@media only screen and (max-width: 1199px) {
  .modal-video-movie-wrap {
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1199px) {
  .modal-video-close-btn {
    top: -50px;
    right: 0;
  }
}
.no-top-padding {
  padding-top: 0 !important;
}
.no-bottom-padding {
  padding-bottom: 0 !important;
}
.no-top-bottom {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.slick-dots li button:before {
  content: "";
}
form .form-full,
form .form-half {
  margin-bottom: 20px;
}
form .form-half-cont {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  form .form-half-cont {
    display: flex;
    justify-content: unset;
    flex-direction: column;
  }
}
form .form-half-cont .form-half {
  width: 49%;
}
@media only screen and (max-width: 991px) {
  form .form-half-cont .form-half {
    width: 100%;
  }
}

.learn-more:hover {
  padding-right: 40px;
  opacity: 0.7;
}
@media only screen and (max-width: 1399px) {
  .learn-more {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .learn-more {
    font-size: 19px;
    background-size: 25px;
    line-height: 34px;
    background-position: right 6px;
  }
}
.we-are-looking-for {
  padding: 120px 0;
}
@media only screen and (max-width: 1440px) {
  .we-are-looking-for {
    padding: 110px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .we-are-looking-for {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .we-are-looking-for {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .we-are-looking-for {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .we-are-looking-for {
    padding: 40px 0 80px;
  }
}
@media only screen and (max-width: 575px) {
  .we-are-looking-for {
    padding: 35px 0 70px;
  }
}
.we-are-looking-for .we-are-looking-for-img img {
  width: 100%;
  display: block;
}
.we-are-looking-for .we-are-looking-for-content {
  padding-left: 43px;
}
@media only screen and (max-width: 767px) {
  .we-are-looking-for .we-are-looking-for-content {
    padding-left: 0px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .we-are-looking-for .we-are-looking-for-content {
    padding-top: 35px;
  }
}
.we-are-looking-for .we-are-looking-for-content p {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1399px) {
  .we-are-looking-for .we-are-looking-for-content p {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .we-are-looking-for .we-are-looking-for-content p {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .we-are-looking-for .we-are-looking-for-content p {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .we-are-looking-for .we-are-looking-for-content p {
    margin-bottom: 40px;
  }
}
.leadership {
  padding: 130px 0;
}
@media only screen and (max-width: 1440px) {
  .leadership {
    padding: 120px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .leadership {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .leadership {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .leadership {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .leadership {
    padding: 70px 0 80px;
  }
}
@media only screen and (max-width: 575px) {
  .leadership {
    padding: 60px 0 70px;
  }
}
.leadership h2 {
  margin-bottom: 45px;
}
@media only screen and (max-width: 1399px) {
  .leadership h2 {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 575px) {
  .leadership h2 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .leadership h2 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .leadership .leadership-item-wraper {
    margin-bottom: 20px;
  }
}
.leadership .leadership-item-wraper .leadership-item {
  padding: 30px 30px 20px 30px;
  box-sizing: border-box;
  border-radius: 20px;
  text-align: right;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .leadership .leadership-item-wraper .leadership-item {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .leadership .leadership-item-wraper .leadership-item {
    padding: 25px;
  }
}

@media only screen and (max-width: 1399px) {
  .leadership .leadership-item-wraper .leadership-item p {
    font-size: 24px;
    line-height: 35px;
    min-height: 152px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .leadership .leadership-item-wraper .leadership-item p {
    font-size: 21px;
    line-height: 30px;
    min-height: 130px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .leadership .leadership-item-wraper .leadership-item p {
    font-size: 17px;
    line-height: 24px;
    min-height: 130px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .leadership .leadership-item-wraper .leadership-item p {
    font-size: 19px;
    line-height: 30px;
    min-height: auto;
    margin-bottom: 20px;
  }
}
.leadership .leadership-item-wraper .leadership-item a {
  color: #2c7ffc;
}
.leadership .leadership-item-wraper .leadership-item a:hover {
  color: #2c7ffc;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.leadership .leadership-item-wraper.green .leadership-item {
  background-color: #b8fcd6;
}
.leadership .leadership-item-wraper.yellow .leadership-item {
  background-color: #fff6d7;
}
.leadership .leadership-item-wraper.blue .leadership-item {
  background-color: #c8dafe;
}
@media only screen and (max-width: 767px) {
  .leadership .leadership-item-wraper:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .leadership.cannabis-segments {
    padding-bottom: 60px !important;
  }
}
.leadership.cannabis-segments .leadership-item-wraper .leadership-item {
  padding: 30px 30px 35px 30px;
}
.leadership.cannabis-segments .leadership-item-wraper .leadership-item h3 {
  font-size: 27px;
  line-height: 37px;
}
@media only screen and (max-width: 1399px) {
  .leadership.cannabis-segments .leadership-item-wraper .leadership-item h3 {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 1199px) {
  .leadership.cannabis-segments .leadership-item-wraper .leadership-item h3 {
    font-size: 19px;
    line-height: 28px;
  }
}
.leadership.cannabis-segments .leadership-item-wraper .leadership-item p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.01em;
  color: #222222;
  margin-bottom: 0;
  min-height: auto;
}
@media only screen and (max-width: 1399px) {
  .leadership.cannabis-segments .leadership-item-wraper .leadership-item p {
    font-size: 17px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1199px) {
  .leadership.cannabis-segments .leadership-item-wraper .leadership-item p {
    line-height: 26px;
  }
}
.thankyou-question {
  padding: 100px 0;
}
@media only screen and (max-width: 1440px) {
  .thankyou-question {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .thankyou-question {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .thankyou-question {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .thankyou-question {
    padding: 50px 0;
  }
}
.thankyou-question .video {
  padding: 5px;
  box-sizing: border-box;
  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.25);
}
.thankyou-question h2 {
  margin-bottom: 0;
  max-width: 500px;
}
@media only screen and (max-width: 767px) {
  .thankyou-question h2 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .thankyou-question h5 {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.btn-primary {
  color: #fff;
  background-color: #2c7ffc;
  border-color: #2c7ffc;
}
img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .why-is-joining-content-wraper {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .why-is-joining-images-wraper {
    order: 1;
    margin-bottom: 20px;
  }
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: #1e2125;
  background-color: transparent;
}
.content article {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1399px) {
  .content article {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .content article {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .content article {
    margin-bottom: 30px;
  }
}
.content article:last-child {
  margin-bottom: 100px;
}
@media only screen and (max-width: 1399px) {
  .content article:last-child {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .content article:last-child {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .content article:last-child {
    margin-bottom: 70px;
  }
}
.content article h4 {
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 50px;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #222222;
}
@media only screen and (max-width: 1399px) {
  .content article h4 {
    font-size: 36px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .content article h4 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .content article h4 {
    font-size: 27px;
    line-height: 36px;
  }
}
.content article h4 span {
  color: #2c80ff;
}
.content article ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.content article ul li {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #222;
  list-style: inside;
}
@media only screen and (max-width: 1399px) {
  .content article ul li {
    font-size: 21px;
    line-height: 32px;
  }
}
.wp-site-blocks {
  padding-top: 0;
  padding-bottom: 0;
}
body .is-layout-constrained > .alignwide {
  max-width: 1140px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  body .is-layout-constrained > .alignwide {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.wp-block-post-featured-image.alignfull img,
.wp-block-post-featured-image.alignwide img {
  width: 100%;
  height: auto !important;
}
.wp-block-group
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 {
  padding-left: 50px;
  padding-right: 50px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .wp-block-group
    .wp-block-post-template.is-flex-container.is-flex-container.columns-3 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.wp-block-group .wp-block-query-pagination.wp-container-2 {
  padding-left: 50px;
  padding-right: 50px;
  box-sizing: border-box;
}
.wp-block-group .wp-block-query-pagination.wp-container-2 a {
  color: #494949 !important;
  text-decoration: none;
  font-size: 28px;
  line-height: 40px;
}
@media only screen and (max-width: 1399px) {
  .wp-block-group .wp-block-query-pagination.wp-container-2 a {
    font-size: 22px;
  }
}
footer.wp-block-template-part {
  padding-top: 0;
  background-color: #fff;
  border-top: 0px solid #e5e5e5;
}
.wp-block-group
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3
  > li {
  width: 100%;
  border-top: 1px solid #eeeded;
  display: flex;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 30px;
}
.wp-block-group
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3
  > li
  .wp-block-post-title {
  order: 1;
}
.wp-block-group
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3
  > li
  .wp-block-post-date {
  order: 2;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #494949 !important;
  text-decoration: none;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .wp-block-group
    .wp-block-post-template.is-flex-container.is-flex-container.columns-3
    > li
    .wp-block-post-date {
    font-size: 22px;
  }
}
.wp-block-group
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3
  > li
  .wp-block-post-date
  time
  a {
  color: #494949 !important;
  text-decoration: none;
}
.wp-block-group
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3
  > li
  .wp-block-post-featured-image {
  order: 3;
  margin-bottom: 30px;
}
.wp-block-group
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3
  > li
  .wp-block-post-excerpt {
  order: 4;
}
.wp-block-group
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3
  > li
  .wp-block-post-excerpt
  .wp-block-post-excerpt__excerpt {
  margin-bottom: 0;
}
.wp-block-group
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3
  > li
  .wp-block-spacer {
  display: none !important;
}
.wp-block-group
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3
  > li
  .wp-block-post-title {
  text-align: left;
  font-weight: 600;
  max-width: unset;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  margin-top: 0;
  color: #000;
  line-height: 58px;
}
@media only screen and (max-width: 1399px) {
  .wp-block-group
    .wp-block-post-template.is-flex-container.is-flex-container.columns-3
    > li
    .wp-block-post-title {
    font-size: 41px;
    line-height: 53px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .wp-block-group
    .wp-block-post-template.is-flex-container.is-flex-container.columns-3
    > li
    .wp-block-post-title {
    margin-bottom: 15px;
    font-size: 27px;
    line-height: 40px;
    font-weight: 500;
  }
}
.wp-block-group
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3
  > li
  .wp-block-post-title
  a {
  text-align: left;
  font-weight: 600;
  max-width: unset;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  color: #000;
  line-height: 58px;
  text-decoration: none !important;
}
@media only screen and (max-width: 1399px) {
  .wp-block-group
    .wp-block-post-template.is-flex-container.is-flex-container.columns-3
    > li
    .wp-block-post-title
    a {
    font-size: 41px;
    line-height: 53px;
  }
}
@media only screen and (max-width: 575px) {
  .wp-block-group
    .wp-block-post-template.is-flex-container.is-flex-container.columns-3
    > li
    .wp-block-post-title
    a {
    font-size: 27px;
    line-height: 40px;
    font-weight: 500;
  }
}
.blog-details {
  padding: 180px 0 40px;
}
@media only screen and (max-width: 1399px) {
  .blog-details {
    padding: 160px 0 40px;
  }
}
.blog-details-date {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .blog-details-date {
    flex-direction: column;
  }
}
.blog-details-date span {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #494949 !important;
  text-decoration: none;
  margin-bottom: 0px;
}
@media only screen and (max-width: 1399px) {
  .blog-details-date span {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-date span {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-date span:last-child {
    margin-bottom: 0px;
  }
}
.blog-details-date span img {
  border-radius: 50%;
  margin-right: 15px;
}
.blog-details-img {
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .blog-details-img {
    margin-bottom: 20px;
  }
}
.blog-details-img img {
  display: block;
  width: 100% !important;
  height: auto !important;
}
@media only screen and (max-width: 767px) {
  .no-found-text {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .no-found-img {
    order: 1;
    margin-bottom: 30px;
  }
}
.error404 .banner {
  display: none;
}
@media only screen and (max-width: 767px) {
  .error404 .banner1.banner-generic {
    text-align: center;
  }
}
.error404 .banner1.banner-generic h1 {
  text-align: left;
  margin-top: 70px;
}
@media only screen and (max-width: 991px) {
  .error404 .banner1.banner-generic h1 {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .error404 .banner1.banner-generic h1 {
    text-align: center;
  }
}
.error404 .banner1.banner-generic img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .error404 .banner1.banner-generic img {
    max-width: 300px;
    margin: 0px auto;
  }
}
@media only screen and (max-width: 767px) {
  .error404 .banner1.banner-generic p {
    text-align: center;
    max-width: unset;
    margin-bottom: 30px;
  }
}
.error404 .banner1.banner-contact {
  padding: 80px 0 80px;
}
@media only screen and (max-width: 991px) {
  .error404 .banner1.banner-contact {
    padding: 70px 0 70px;
    margin-top: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .error404 .banner1.banner-contact {
    padding: 100px 0 100px;
    margin-bottom: 20px;
  }
  .error404 .banner1.banner-contact img.hide-in-mobile {
    display: none;
  }
}
.blog-details-content p span img {
  margin-bottom: 30px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .blog-details-content p span img {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.blog-details-content h2 {
  font-family: "Euclid Circular A";
  font-style: normal;
  font-weight: 500;
  font-size: 46px;
  line-height: 56px;
  letter-spacing: 0.01em;
  color: #222;
  margin-bottom: 20px;
  margin-top: 30px;
}
@media only screen and (max-width: 1399px) {
  .blog-details-content h2 {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .blog-details-content h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-details-content h2 {
    font-size: 34px;
    line-height: 49px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-details-content h2 {
    font-size: 32px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-content h2 {
    font-size: 28px;
    line-height: 37px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .blog-details-content h2 {
    font-size: 27px;
    line-height: 34px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .blog-details-content h2 {
    font-size: 24px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-details-content h2 br {
    display: none;
  }
}
.blog-details-content h2 span {
  color: #000;
}
.blog-details-content h2 b {
  font-weight: 500;
}
.blog-details-content h2 + p span img {
  margin-top: 20px;
}
.blog-details-content h3,
.blog-details-content h4,
.blog-details-content h5,
.blog-details-content h6 {
  margin-top: 30px;
}
.blog-details-content h3 + p span img,
.blog-details-content h4 + p span img,
.blog-details-content h5 + p span img,
.blog-details-content h6 + p span img {
  margin-top: 10px;
}
.blog-details-content ul,
.blog-details-content ol {
  margin-bottom: 30px;
  margin-top: 30px;
}
.blog-details-content ul li,
.blog-details-content ol li {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #222;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1399px) {
  .blog-details-content ul li,
  .blog-details-content ol li {
    font-size: 21px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 1280px) {
  .blog-details-content ul li,
  .blog-details-content ol li {
    font-size: 19px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-details-content ul li,
  .blog-details-content ol li {
    font-size: 17px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-details-content ul li,
  .blog-details-content ol li {
    font-size: 18px;
    line-height: 28px;
  }
}
.blog-details-content img {
  height: auto;
}
.wp-site-blocks .wp-block-group > h1 {
  display: none !important;
}
.navbar {
  padding-top: 23px;
  padding-bottom: 23px;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.navbar .megamenu {
  padding: 1rem;
}
.navbar .navbar-nav .nav-item {
  padding-right: 32px;
  padding-left: 32px;
  align-items: center;
  display: flex;
}
@media only screen and (max-width: 1440px) {
  .navbar .navbar-nav .nav-item {
    padding-right: 21px;
    padding-left: 21px;
  }
}
@media only screen and (max-width: 1239px) {
  .navbar .navbar-nav .nav-item {
    padding-right: 17px;
    padding-left: 17px;
  }
}
@media only screen and (max-width: 1199px) {
  .navbar .navbar-nav .nav-item {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .navbar .navbar-nav .nav-item {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e9e9e9;
    display: inline-block;
  }
}
.navbar .navbar-nav .nav-item .nav-link {
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 19px;
  letter-spacing: 0.03em;
  color: #000;
  padding-right: 0rem;
  padding-left: 0rem;
}
@media only screen and (max-width: 1440px) {
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 17px;
  }
}
@media only screen and (max-width: 1239px) {
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1199px) {
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 17px;
  }
}
@media only screen and (max-width: 991px) {
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 18px;
    display: inline-block;
    width: 100%;
  }
}
.navbar .navbar-nav .nav-item .nav-link:hover {
  color: #2c7ffc;
}
.navbar .navbar-nav .nav-item .nav-link.dropdown-toggle {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
  width: 10px;
  height: 7px;
  background-image: url(../images/icons/frame4.png);
  background-size: cover;
  border: 0 !important;
  vertical-align: 0.1em !important;
  margin-left: 0.275em;
}
.navbar .navbar-nav .nav-item .nav-link:hover.dropdown-toggle:after {
  background-image: url(../images/icons/frame4-active.png);
}
@media screen and (min-width: 991px) {
  .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    border: 0px;
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
  margin-top: 0;
  top: 52px;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  padding: 1rem 1rem;
  color: #222;
}
@media only screen and (max-width: 991px) {
  .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    padding: 0.5rem 1rem;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
  background-color: #efefef;
}
.navbar .navbar-nav .nav-item .dropdown-menu[data-bs-popper] {
  left: unset;
}
@media only screen and (max-width: 991px) {
  .navbar .navbar-nav .nav-item .dropdown-menu[data-bs-popper] {
    right: 0;
    left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    position: static;
    top: 0;
    float: none;
    border: 0px solid rgba(0, 0, 0, 0.15);
    background-color: transparent;
  }
}
.navbar .navbar-nav .nav-item.active .nav-link {
  color: #2c7ffc;
}
.navbar .navbar-nav .nav-item.nav-item-btn {
  padding-right: 0;
}
@media only screen and (max-width: 991px) {
  .navbar .navbar-nav .nav-item.nav-item-btn {
    padding-top: 30px;
    padding-bottom: 5px;
    border-bottom: 0px solid #e9e9e9;
  }
}
@media only screen and (max-width: 1199px) {
  .navbar .navbar-nav .nav-item.nav-item-btn .btn {
    padding: 15px 30px;
    font-size: 21px;
    font-weight: 500;
  }
}
@media only screen and (max-width: 991px) {
  .navbar .navbar-nav .nav-item.nav-item-btn .btn {
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 400;
  }
}
.navbar .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 991px) {
  .navbar .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .navbar .container-fluid .menu-part {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    position: absolute;
    left: 0;
    top: 60px;
    background-color: #fff;
    z-index: 3;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .navbar .container-fluid .menu-part .navbar-collapse {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 15px;
  }
}
.navbar .navbar-brand img {
  display: block;
  width: 100%;
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .navbar .navbar-brand {
    max-width: 140px;
  }
}
.navbar .navbar-brand .dark-logo {
  display: block;
}
.navbar .navbar-brand .light-logo {
  display: none;
}
.navbar .navbar-collapse {
  justify-content: flex-end;
}
.navbar .megamenu {
  margin-top: 0.5rem;
}
.navbar .megamenu.dropdown-menu {
  padding: 25px !important;
  box-sizing: border-box;
  margin: 0 20px;
  width: calc(100% - 40px);
}
@media only screen and (max-width: 991px) {
  .navbar .megamenu.dropdown-menu {
    width: calc(100% - 0px);
    margin: 0;
    padding: 15px !important;
  }
}
.navbar .megamenu.dropdown-menu .col-megamenu {
  padding-right: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 991px) {
  .navbar .megamenu.dropdown-menu .col-megamenu {
    padding-right: 0;
    box-sizing: border-box;
    padding-bottom: 20px;
  }
}
.navbar .megamenu.dropdown-menu .col-megamenu .title {
  font-family: "Euclid Circular A";
  margin-bottom: 10px;
  font-size: 19px;
}
@media only screen and (max-width: 991px) {
  .navbar .megamenu.dropdown-menu .col-megamenu .title {
    margin-bottom: 5px;
  }
}
.navbar .megamenu.dropdown-menu .col-megamenu .list-unstyled li {
  padding: 2px 0;
}
.navbar .megamenu.dropdown-menu .col-megamenu .list-unstyled li a {
  color: #222;
  text-decoration: none;
  font-size: 17px;
}
.navbar .megamenu.dropdown-menu .col-megamenu .list-unstyled li a:hover {
  color: #2c7ffc;
}
@media only screen and (max-width: 991px) {
  .navbar .megamenu.dropdown-menu .col-megamenu.last {
    padding-bottom: 0px;
  }
}
.navbar .dropdown-menu[data-bs-popper] {
  top: unset;
}
.navbar .navbar-toggler {
  padding: 0.25rem 0.5rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.navbar .navbar-toggler:focus {
  outline: none;
  box-shadow: 0 0 0 0;
}
.navbar .navbar-toggler:active {
  outline: none;
}
@media all and (min-width: 992px) {
  .navbar .has-megamenu {
    position: static !important;
  }
  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .navbar.fixed-top .navbar-collapse {
    overflow-y: auto;
    height: calc(100vh - 60px);
    margin-top: 0px;
  }
  .navbar.sticky-top .navbar-collapse {
    overflow-y: auto;
    height: calc(100vh - 60px);
    margin-top: 0px;
  }
}
#nav-icon1 {
  width: 45px;
  height: 40px;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon1 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 60%;
  background: #2c7ffc;
  border-radius: 9px;
  opacity: 1;
  left: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  transform: translate(-50%, -50%);
}
#nav-icon1 span:nth-child(1) {
  top: 10px;
}
#nav-icon1 span:nth-child(2) {
  top: 19px;
}
#nav-icon1 span:nth-child(3) {
  top: 28px;
}
#nav-icon1.open span {
  left: 20%;
}
#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.menu-fixed {
  background-color: #fff;
  box-shadow: 0px 0px 5px #dfdfdf;
}
@media only screen and (max-width: 991px) {
  .menu-fixed {
    background-color: #fff;
  }
}
.menu-fixed.navbar {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .menu-fixed.navbar .navbar-nav {
    border-top: 1px solid #e9e9e9;
  }
}
.menu-fixed.navbar .navbar-nav .nav-item {
  padding-right: 26px;
  padding-left: 26px;
}
@media only screen and (max-width: 1440px) {
  .menu-fixed.navbar .navbar-nav .nav-item {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media only screen and (max-width: 1239px) {
  .menu-fixed.navbar .navbar-nav .nav-item {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media only screen and (max-width: 1199px) {
  .menu-fixed.navbar .navbar-nav .nav-item {
    padding-right: 14px;
    padding-left: 14px;
  }
}
@media only screen and (max-width: 991px) {
  .menu-fixed.navbar .navbar-nav .nav-item {
    padding-right: 13px;
    padding-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-fixed.navbar .navbar-nav .nav-item {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-fixed.navbar .navbar-nav .nav-item.dropdown-open {
    background-color: #f5f5f5;
    border: 0px solid rgba(0, 0, 0, 0.15);
  }
}
.menu-fixed.navbar .navbar-nav .nav-item.nav-item-btn .btn {
  font-size: 20px;
  font-weight: 500;
  padding: 10px 30px;
}
.menu-fixed.navbar .navbar-nav .nav-item.nav-item-btn.nav-item-btn {
  padding-right: 0;
}
.dark-nav .navbar {
  border-bottom: 1px solid #343434;
}
.dark-nav .navbar .navbar-brand .dark-logo {
  display: none;
}
.dark-nav .navbar .navbar-brand .light-logo {
  display: block;
}
.dark-nav .navbar .navbar-nav .nav-item .nav-link {
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .dark-nav .navbar .navbar-nav .nav-item .nav-link {
    color: #000;
  }
}
.dark-nav .navbar .navbar-nav .nav-item .nav-link:hover {
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .dark-nav .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #2c7ffc;
  }
}
.dark-nav .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
  background-image: url(../images/icons/frame4-white.png);
}
@media only screen and (max-width: 991px) {
  .dark-nav .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
    background-image: url(../images/icons/frame4.png);
  }
}
.dark-nav .navbar.menu-fixed {
  border-bottom: 0px solid #343434;
}
.dark-nav .navbar.menu-fixed .navbar-brand .dark-logo {
  display: block;
}
.dark-nav .navbar.menu-fixed .navbar-brand .light-logo {
  display: none;
}
.dark-nav .navbar.menu-fixed .navbar-nav .nav-item .nav-link {
  color: #000;
}
.dark-nav .navbar.menu-fixed .navbar-nav .nav-item .nav-link:hover {
  color: #2c7ffc;
}
.dark-nav
  .navbar.menu-fixed
  .navbar-nav
  .nav-item
  .nav-link.dropdown-toggle:after {
  width: 10px;
  height: 7px;
  background-image: url(../images/icons/frame4.png);
  background-size: cover;
  border: 0 !important;
  vertical-align: 0.15em !important;
}
.dark-nav
  .navbar.menu-fixed
  .navbar-nav
  .nav-item
  .nav-link:hover.dropdown-toggle:after {
  background-image: url(../images/icons/frame4-active.png);
}
img.dark-logo,
img.light-logo {
  max-width: 140px;
}
@media only screen and (max-width: 575px) {
  img.dark-logo,
  img.light-logo {
    max-width: 120px;
  }
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
}
@media only screen and (max-width: 991px) {
  .navbar .navbar-nav .nav-item.dropdown-open {
    background-color: #f5f5f5;
    border: 0px solid rgba(0, 0, 0, 0.15);
  }
}
footer {
  padding-top: 85px;
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
}
@media only screen and (max-width: 1199px) {
  footer {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  footer {
    padding-top: 50px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  footer {
    padding-top: 30px;
  }
}
footer .container-fluid {
  padding-left: 100px;
  padding-right: 100px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1399px) {
  footer .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 991px) {
  footer .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
}
footer .footer-top {
  padding-bottom: 62px;
  border-bottom: 1px solid #e5e5e5;
}
@media only screen and (max-width: 1199px) {
  footer .footer-top {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer-top {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-top {
    flex-direction: column;
    padding-bottom: 40px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  footer .footer-top {
    padding-bottom: 30px;
  }
}
footer .footer-top .footer-top-element {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
  footer .footer-top .footer-top-element {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-top-element {
    margin-bottom: 30px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  footer .footer-top .footer-top-element {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer-top .footer-top-element.footer-top-element-partnerships {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-top-element.footer-top-element-partnerships {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  footer .footer-top .footer-top-element.footer-top-element-partnerships {
    margin-bottom: 20px;
  }
}
footer .footer-top .footer-top-element h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1399px) {
  footer .footer-top .footer-top-element h4 {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 34px;
  }
}
@media only screen and (max-width: 1199px) {
  footer .footer-top .footer-top-element h4 {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer-top .footer-top-element h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-top-element h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 7px;
  }
}
@media only screen and (max-width: 575px) {
  footer .footer-top .footer-top-element h4 {
    margin-bottom: 15px;
    margin-top: 0;
  }
}
footer .footer-top .footer-top-element address {
  max-width: 222px;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.02em;
  color: #222;
}
@media only screen and (max-width: 1399px) {
  footer .footer-top .footer-top-element address {
    font-size: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  footer .footer-top .footer-top-element address {
    max-width: 160px;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer-top .footer-top-element address {
    max-width: 120px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-top-element address {
    max-width: unset;
    font-size: 17px;
  }
}
@media only screen and (max-width: 1024px) {
  footer .footer-top .footer-top-element address br {
    display: none;
  }
}
footer .footer-top .footer-top-element p {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #222;
  margin-bottom: 0;
  max-width: 200px;
}
@media only screen and (max-width: 1199px) {
  footer .footer-top .footer-top-element p {
    font-size: 11px;
    line-height: 17px;
  }
}
@media only screen and (max-width: 575px) {
  footer .footer-top .footer-top-element p {
    font-size: 15px;
    line-height: 24px;
    max-width: unset;
    margin-bottom: 25px;
  }
}
footer .footer-top .footer-top-element .footer-brand {
  width: 160px;
  display: inline-block;
  margin-bottom: 45px;
}
@media only screen and (max-width: 1399px) {
  footer .footer-top .footer-top-element .footer-brand {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  footer .footer-top .footer-top-element .footer-brand {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-top-element .footer-brand {
    margin-bottom: 20px;
  }
}
footer .footer-top .footer-top-element .footer-brand img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  footer .footer-top .footer-top-element .footer-brand img {
    display: block;
    width: auto;
    max-width: 70%;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer-top .footer-top-element .footer-brand img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-top-element .footer-brand img {
    max-width: 80%;
  }
}
footer .footer-top .footer-top-element ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footer-top .footer-top-element ul li {
  display: block;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1399px) {
  footer .footer-top .footer-top-element ul li {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-top-element ul li {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 575px) {
  footer .footer-top .footer-top-element ul li {
    width: 49%;
    padding-right: 15px;
    box-sizing: border-box;
    display: inline-block;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  footer .footer-top .footer-top-element ul li {
    width: 100%;
  }
}
footer .footer-top .footer-top-element ul li.m-f-link {
  display: none;
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-top-element ul li.m-f-link {
    display: block;
  }
}
@media only screen and (max-width: 575px) {
  footer .footer-top .footer-top-element ul li.m-f-link {
    display: inline-block;
  }
}
footer .footer-top .footer-top-element ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-transform: capitalize;
  color: #222;
}
@media only screen and (max-width: 1399px) {
  footer .footer-top .footer-top-element ul li a {
    font-size: 15px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer-top .footer-top-element ul li a {
    font-size: 17px;
    line-height: 30px;
  }
}
footer .footer-top .footer-top-element ul li a:hover {
  color: #2c7ffc;
}
footer .footer-top .footer-top-element ul li:last-child {
  margin-bottom: 0px;
}
footer .footer-top .footer-top-element .footer-top-partner {
  display: flex;
  width: 100%;
  height: 67px;
  margin-bottom: 25px;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  footer .footer-top .footer-top-element .footer-top-partner {
    margin-bottom: 15px;
    height: 40px;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer-top .footer-top-element .footer-top-partner {
    margin-bottom: 15px;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-top-element .footer-top-partner {
    display: flex;
    width: auto;
    height: 50px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  footer .footer-top .footer-top-element .footer-top-partner {
    margin-bottom: 10px;
  }
}
footer .footer-top .footer-top-element .footer-top-partner:first-child.aws img {
  width: 100px;
}
footer .footer-top .footer-top-element .footer-top-partner img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-top-element .footer-top-partner img {
    max-width: 190px;
  }
}
footer .footer-top .footer-top-element .footer-top-partner .full {
  display: block;
  width: 100%;
}
footer .footer-top .footer-top-element .accolades-items .accolades-item {
  display: flex;
  width: 49%;
  float: left;
  height: 83px;
  margin-bottom: 20px;
  vertical-align: middle;
  align-items: center;
}
footer
  .footer-top
  .footer-top-element
  .accolades-items
  .accolades-item:nth-child(even) {
  float: right;
  max-width: 180px;
}
footer
  .footer-top
  .footer-top-element
  .accolades-items
  .accolades-item:nth-last-child(2) {
  margin-bottom: 0px;
}
footer
  .footer-top
  .footer-top-element
  .accolades-items
  .accolades-item:nth-last-child(1) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 1199px) {
  footer .footer-top .footer-top-element .accolades-items .accolades-item {
    height: 49px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer-top .footer-top-element .accolades-items .accolades-item {
    height: 80px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-top-element .accolades-items .accolades-item {
    height: 60px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 575px) {
  footer .footer-top .footer-top-element .accolades-items .accolades-item {
    height: 70px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 375px) {
  footer .footer-top .footer-top-element .accolades-items .accolades-item {
    height: 50px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 320px) {
  footer .footer-top .footer-top-element .accolades-items .accolades-item {
    height: 40px;
    margin-bottom: 10px;
  }
}
footer .footer-top .footer-top-element .accolades-items .accolades-item img {
  display: block;
  max-width: 100%;
}
@media only screen and (max-width: 1199px) {
  footer .footer-top .footer-top-element .accolades-items .accolades-item img {
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-top-element .accolades-items .accolades-item img {
    max-width: 75%;
  }
}
footer
  .footer-top
  .footer-top-element.footer-top-element-partnerships
  .row
  .col-md-4 {
  padding-right: 50px;
}
@media only screen and (max-width: 1440px) {
  footer
    .footer-top
    .footer-top-element.footer-top-element-partnerships
    .row
    .col-md-4 {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  footer
    .footer-top
    .footer-top-element.footer-top-element-partnerships
    .row
    .col-md-4 {
    padding-right: 3px;
  }
}
@media only screen and (max-width: 991px) {
  footer
    .footer-top
    .footer-top-element.footer-top-element-partnerships
    .row
    .col-md-4 {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  footer
    .footer-top
    .footer-top-element.footer-top-element-partnerships
    .row
    .col-md-4:first-child
    .footer-top-partner
    img {
    max-width: 70%;
  }
}
footer .footer-menu {
  padding: 62px 0;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  footer .footer-menu {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer-menu {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-menu {
    flex-direction: column;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  footer .footer-menu {
    padding: 30px 0;
  }
}
footer .footer-menu .footer-menu-element ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footer-menu .footer-menu-element ul li {
  display: block;
  margin-bottom: 36px;
}
@media only screen and (max-width: 1199px) {
  footer .footer-menu .footer-menu-element ul li {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer-menu .footer-menu-element ul li {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-menu .footer-menu-element ul li {
    display: inline-block;
    width: 49%;
    float: left;
    margin-bottom: 15px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  footer .footer-menu .footer-menu-element ul li {
    display: inline-block;
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-menu .footer-menu-element ul li:nth-child(even) {
    float: right;
  }
}
footer .footer-menu .footer-menu-element ul li a {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.02em;
  color: #222;
  text-decoration: none;
  display: block;
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  footer .footer-menu .footer-menu-element ul li a {
    font-weight: 400;
  }
}
footer .footer-menu .footer-menu-element ul li a span {
  background-image: url(../images/icons/frame26.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}
footer .footer-menu .footer-menu-element ul li a:hover {
  color: #2c7ffc;
}
footer .footer-menu .footer-menu-element ul li a:hover span {
  background-image: url(../images/icons/frame26-hover.png);
}
footer .footer-menu .footer-menu-element ul li:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  footer .footer-menu .footer-menu-element:last-child ul li {
    margin-bottom: 0;
  }
}
footer .footer-contact {
  padding: 40px 0 35px;
}
@media only screen and (max-width: 1199px) {
  footer .footer-contact {
    padding: 20px 0 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  footer .footer-contact {
    padding: 30px 0;
  }
}
footer .footer-contact .footer-contact-inner {
  max-width: 440px;
  margin: 0px auto;
}
@media only screen and (max-width: 767px) {
  footer .footer-contact .footer-contact-inner {
    max-width: unset;
    margin: 0px auto;
    margin-right: 0;
    margin-left: auto;
    float: left;
  }
}
@media only screen and (max-width: 575px) {
  footer .footer-contact .footer-contact-inner {
    float: none;
  }
}
footer .footer-contact .footer-contact-inner .mail-section {
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  footer .footer-contact .footer-contact-inner .mail-section {
    margin-bottom: 20px;
  }
}
footer .footer-contact .footer-contact-inner .mail-section span {
  display: block;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.02em;
  margin-bottom: 3px;
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  footer .footer-contact .footer-contact-inner .mail-section span {
    margin-bottom: 0px;
  }
}
footer .footer-contact .footer-contact-inner .mail-section a {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #222;
  text-decoration: none;
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  footer .footer-contact .footer-contact-inner .mail-section a {
    font-size: 18px;
  }
}
footer .footer-contact .footer-contact-inner .mail-section a:hover {
  color: #2c7ffc;
}
footer .footer-contact .footer-contact-inner .social-section {
  display: block;
  text-align: center;
}
footer .footer-contact .footer-contact-inner .social-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-contact .footer-contact-inner .social-section ul li {
  display: inline-block;
  padding: 0 25px;
  box-sizing: border-box;
}
@media only screen and (max-width: 991px) {
  footer .footer-contact .footer-contact-inner .social-section ul li {
    padding: 0 15px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  footer .footer-contact .footer-contact-inner .social-section ul li {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-contact .footer-contact-inner .social-section ul li {
    padding-right: 0;
  }
  footer
    .footer-contact
    .footer-contact-inner
    .social-section
    ul
    li:first-child {
    padding-left: 0;
  }
}
@media only screen and (max-width: 575px) {
  footer .footer-contact .footer-contact-inner .social-section ul li {
    padding-right: 15px;
  }
}
footer .footer-contact .footer-contact-inner .social-section ul li a {
  color: #000;
  font-size: 22px;
}
footer .footer-contact .footer-contact-inner .social-section ul li a:hover {
  color: #2c7ffc;
}
footer .footer-contact .t-c-menu {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  footer .footer-contact .t-c-menu {
    text-align: right;
  }
}
@media only screen and (max-width: 575px) {
  footer .footer-contact .t-c-menu {
    text-align: center;
    padding-top: 20px;
  }
}
footer .footer-contact .t-c-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footer-contact .t-c-menu ul li {
  display: inline-block;
  padding: 0 15px;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 991px) {
  footer .footer-contact .t-c-menu ul li {
    padding: 0 10px;
  }
}
footer .footer-contact .t-c-menu ul li:last-child {
  padding-right: 0;
}
footer .footer-contact .t-c-menu ul li:last-child:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 14px;
  background-color: #000;
  left: -3px;
  top: 5px;
}
footer .footer-contact .t-c-menu ul li:nth-child(1):before {
  display: none !important;
}
footer .footer-contact .t-c-menu ul li a {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: #000;
}
@media only screen and (max-width: 1399px) {
  footer .footer-contact .t-c-menu ul li a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1199px) {
  footer .footer-contact .t-c-menu ul li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 991px) {
  footer .footer-contact .t-c-menu ul li a {
    font-size: 11px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-contact .t-c-menu ul li a {
    font-size: 15px;
  }
}
footer .footer-contact .t-c-menu ul li a:hover {
  color: #2c7ffc;
}
footer .footer-contact .loc-menu {
  text-align: left;
}
@media only screen and (max-width: 575px) {
  footer .footer-contact .loc-menu {
    text-align: center;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-contact .loc-menu {
    display: none;
  }
}
footer .footer-contact .loc-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footer-contact .loc-menu ul li {
  display: inline-block;
  padding: 0 12px;
  box-sizing: border-box;
  position: relative;
}
footer .footer-contact .loc-menu ul li:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background-color: #000;
  left: -3px;
  top: 10px;
  border-radius: 50%;
}
footer .footer-contact .loc-menu ul li:first-child {
  padding-left: 0;
}
footer .footer-contact .loc-menu ul li:first-child:before {
  display: none;
}
footer .footer-contact .loc-menu ul li a {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 0.03em;
  color: #000;
}
@media only screen and (max-width: 1399px) {
  footer .footer-contact .loc-menu ul li a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1199px) {
  footer .footer-contact .loc-menu ul li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-contact .loc-menu ul li a {
    font-size: 13px;
  }
}
footer .footer-contact .loc-menu ul li a:hover {
  color: #2c7ffc;
}
footer .footer-btm {
  padding: 22px 0 18px;
  background-color: #f4f4f4;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.04em;
  color: #222;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  footer .menu {
    order: 1;
  }
}
@media only screen and (max-width: 991px) {
  footer .partnerships {
    order: 2;
  }
}
@media only screen and (max-width: 991px) {
  footer .accolades {
    order: 3;
  }
}
.lets-talk-section {
  background-image: url(../images/element/talk.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 78px 0;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .lets-talk-section {
    padding: 50px 0 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .lets-talk-section {
    padding: 30px 0 50px;
  }
}
@media only screen and (max-width: 991px) {
  .lets-talk-section {
    padding: 30px 0 45px;
  }
}
@media only screen and (max-width: 767px) {
  .lets-talk-section {
    padding: 25px 0 40px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .lets-talk-section {
    padding: 20px 0 34px;
  }
}
.lets-talk-section h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.01em;
  color: #fafafa;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .lets-talk-section h2 {
    font-size: 40px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 1024px) {
  .lets-talk-section h2 {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .lets-talk-section h2 {
    font-size: 25px;
    margin-bottom: 20px;
    line-height: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .lets-talk-section h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .lets-talk-section h2 {
    font-size: 22px;
    line-height: 35px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .lets-talk-section h2 {
    line-height: 30px;
  }
}
.lets-talk-section2 {
  background-image: url(../images/element/el2.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 90px 0;
}
@media only screen and (max-width: 1199px) {
  .lets-talk-section2 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .lets-talk-section2 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .lets-talk-section2 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 575px) {
  .lets-talk-section2 {
    padding: 50px 0;
  }
}
.lets-talk-section2 h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 60px;
  line-height: 60px;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #fafafa;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1399px) {
  .lets-talk-section2 h2 {
    font-size: 60px;
    line-height: 65px;
  }
}
@media only screen and (max-width: 1199px) {
  .lets-talk-section2 h2 {
    font-size: 50px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 991px) {
  .lets-talk-section2 h2 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .lets-talk-section2 h2 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .lets-talk-section2 h2 {
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 15px;
  }
}
.lets-talk-section2 p {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #fafafa;
  margin-bottom: 0;
}
@media only screen and (max-width: 1399px) {
  .lets-talk-section2 p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 1199px) {
  .lets-talk-section2 p {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .lets-talk-section2 p {
    font-size: 17px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .lets-talk-section2 p {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .lets-talk-section2 p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 25px;
  }
}
.lets-talk-section2 .btn-section {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .lets-talk-section2 .btn-section {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .lets-talk-section2 .btn-section .btn-white {
    padding: 7px 20px;
    font-weight: 500;
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .lets-talk-section2 .btn-section .btn-white {
    padding: 5px 15px;
    font-weight: 500;
    font-size: 16px;
  }
}
.lets-talk-section2.ondemand-webinar-lets-talk h2 {
  line-height: 70px;
}
@media only screen and (max-width: 1199px) {
  .lets-talk-section2.ondemand-webinar-lets-talk h2 {
    line-height: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .lets-talk-section2.ondemand-webinar-lets-talk h2 {
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .lets-talk-section2.ondemand-webinar-lets-talk h2 {
    line-height: 45px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .lets-talk-section2.ondemand-webinar-lets-talk h2 {
    line-height: 37px;
    margin-bottom: 25px;
  }
}
.btn-white {
  padding: 16px 50px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 5px;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #000;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.btn-white:hover {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  .btn-white {
    padding: 8px 30px;
    font-weight: 500;
    font-size: 20px;
  }
}
.banner {
  padding: 225px 0 80px;
  position: relative;
  overflow-x: hidden;
  margin-top: 95px;
}
@media only screen and (max-width: 1440px) {
  .banner {
    padding: 200px 0 80px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner {
    padding: 160px 0 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner {
    padding: 130px 0 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner {
    padding: 110px 0 20px;
  }
}
@media only screen and (max-width: 991px) {
  .banner {
    padding: 60px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .banner {
    padding: 100px 0 100px;
    margin-top: 75px;
  }
}
@media only screen and (max-width: 575px) {
  .banner {
    padding: 100px 0 100px;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .banner {
    padding: 0 0 90px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .container {
    order: 2;
  }
}
.banner .banner-circle {
  position: absolute;
  right: -44%;
  top: 75px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  width: 761px;
  height: 761px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  display: none;
}
@media only screen and (max-width: 1750px) {
  .banner .banner-circle {
    right: -53%;
  }
}
@media only screen and (max-width: 1600px) {
  .banner .banner-circle {
    right: -59%;
  }
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle {
    right: -59%;
  }
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle {
    right: -47%;
    width: 620px;
    height: 620px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle {
    width: 550px;
    height: 550px;
    top: 58px;
    right: -41%;
  }
}
@media only screen and (max-width: 1366px) {
  .banner .banner-circle {
    right: -42%;
  }
}
@media only screen and (max-width: 1280px) {
  .banner .banner-circle {
    right: -45%;
  }
}
@media only screen and (max-width: 1239px) {
  .banner .banner-circle {
    right: -46%;
  }
}
@media only screen and (max-width: 1199px) {
  .banner .banner-circle {
    right: -48%;
    top: 50px;
  }
}
@media only screen and (max-width: 1100px) {
  .banner .banner-circle {
    right: -52%;
  }
}
@media only screen and (max-width: 1050px) {
  .banner .banner-circle {
    right: -55%;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle {
    width: 500px;
    height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle {
    width: 370px;
    height: 370px;
    top: 40px;
    right: -41%;
  }
}
@media only screen and (max-width: 900px) {
  .banner .banner-circle {
    right: -45%;
  }
}
@media only screen and (max-width: 850px) {
  .banner .banner-circle {
    right: -48%;
  }
}
@media only screen and (max-width: 800px) {
  .banner .banner-circle {
    right: -51%;
  }
}
@media only screen and (max-width: 768px) {
  .banner .banner-circle {
    right: -52%;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle {
    width: 280px;
    height: 280px;
    right: -39%;
  }
}
@media only screen and (max-width: 700px) {
  .banner .banner-circle {
    right: -42%;
  }
}
@media only screen and (max-width: 650px) {
  .banner .banner-circle {
    right: -45%;
  }
}
@media only screen and (max-width: 600px) {
  .banner .banner-circle {
    right: -49%;
  }
}
@media only screen and (max-width: 576px) {
  .banner .banner-circle {
    right: -53%;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle {
    position: static;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    margin: 0px auto 20px;
    width: 170px;
    height: 170px;
    order: 1;
  }
}
@media only screen and (max-width: 479px) {
  .banner .banner-circle {
    width: 110px;
    height: 110px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .banner .banner-circle {
    display: none;
  }
}
.banner .banner-circle .banner-circle-blue {
  width: 545px;
  height: 545px;
  border-radius: 50%;
  border: 102px solid #2c7ffc;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle .banner-circle-blue {
    width: 440px;
    height: 440px;
    border: 90px solid #2c7ffc;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle .banner-circle-blue {
    width: 380px;
    height: 380px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle .banner-circle-blue {
    width: 350px;
    height: 350px;
    border: 75px solid #2c7ffc;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle .banner-circle-blue {
    width: 270px;
    height: 270px;
    border: 52px solid #2c7ffc;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle .banner-circle-blue {
    width: 200px;
    height: 200px;
    border: 44px solid #2c7ffc;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle .banner-circle-blue {
    width: 115px;
    height: 115px;
    border: 30px solid #2c7ffc;
  }
}
@media only screen and (max-width: 479px) {
  .banner .banner-circle .banner-circle-blue {
    width: 70px;
    height: 70px;
    border: 20px solid #2c7ffc;
  }
}
.banner .banner-circle ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.banner .banner-circle ul li {
  display: inline-block;
  position: absolute;
}
.banner .banner-circle ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: right;
  color: #aeaeae;
  text-decoration: none;
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li a {
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li a {
    font-size: 13px;
  }
}
.banner .banner-circle ul li a span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  margin-left: 18px;
  background-color: #fff;
  vertical-align: middle;
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li a span {
    margin-left: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li a span {
    margin-left: 7px;
    width: 12px;
    height: 12px;
  }
}
.banner .banner-circle ul li:nth-child(1) {
  left: 100px;
  top: 25px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li:nth-child(1) {
    left: 77px;
    top: 12px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li:nth-child(1) {
    left: 89px;
    top: -3px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li:nth-child(1) {
    left: 43px;
    top: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li:nth-child(1) {
    left: 2px;
    top: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li:nth-child(1) {
    left: 14px;
    top: -3px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li:nth-child(1) {
    left: 14px;
    top: -16px;
  }
}
@media only screen and (max-width: 479px) {
  .banner .banner-circle ul li:nth-child(1) {
    left: -18px;
    top: -16px;
  }
}
.banner .banner-circle ul li:nth-child(2) {
  left: -110px;
  top: 118px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li:nth-child(2) {
    left: -124px;
    top: 92px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li:nth-child(2) {
    left: -118px;
    top: 64px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li:nth-child(2) {
    left: -133px;
    top: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li:nth-child(2) {
    left: -143px;
    top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li:nth-child(2) {
    left: -100px;
    top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li:nth-child(2) {
    left: -111px;
    top: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .banner .banner-circle ul li:nth-child(2) {
    left: -111px;
    top: 19px;
  }
}
.banner .banner-circle ul li:nth-child(3) {
  left: -160px;
  top: 230px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li:nth-child(3) {
    left: -168px;
    top: 195px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li:nth-child(3) {
    left: -161px;
    top: 150px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li:nth-child(3) {
    left: -165px;
    top: 139px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li:nth-child(3) {
    left: -160px;
    top: 107px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li:nth-child(3) {
    left: -116px;
    top: 73px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li:nth-child(3) {
    left: -101px;
    top: 104px;
  }
}
@media only screen and (max-width: 479px) {
  .banner .banner-circle ul li:nth-child(3) {
    left: -105px;
    top: 59px;
  }
}
.banner .banner-circle ul li:nth-child(4) {
  left: -103px;
  top: 350px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li:nth-child(4) {
    left: -104px;
    top: 302px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li:nth-child(4) {
    left: -102px;
    top: 257px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li:nth-child(4) {
    left: -102px;
    top: 225px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li:nth-child(4) {
    left: -94px;
    top: 176px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li:nth-child(4) {
    left: -67px;
    top: 125px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li:nth-child(4) {
    left: 14px;
    top: 154px;
  }
}
@media only screen and (max-width: 479px) {
  .banner .banner-circle ul li:nth-child(4) {
    left: -16px;
    top: 96px;
  }
}
.banner .banner-circle ul li:nth-child(5) {
  left: -64px;
  top: 480px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li:nth-child(5) {
    left: -62px;
    top: 404px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li:nth-child(5) {
    left: -66px;
    top: 358px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li:nth-child(5) {
    left: -71px;
    top: 307px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li:nth-child(5) {
    left: -62px;
    top: 236px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li:nth-child(5) {
    left: -43px;
    top: 174px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li:nth-child(5) {
    left: unset;
    top: 130px;
    right: -29px;
  }
}
@media only screen and (max-width: 479px) {
  .banner .banner-circle ul li:nth-child(5) {
    left: unset;
    top: 79px;
    right: -37px;
  }
}
.banner .banner-circle ul li:nth-child(6) {
  left: -43px;
  top: 595px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li:nth-child(6) {
    left: -47px;
    top: 493px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li:nth-child(6) {
    left: -45px;
    top: 449px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li:nth-child(6) {
    left: -67px;
    top: 389px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li:nth-child(6) {
    left: -69px;
    top: 288px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li:nth-child(6) {
    left: -42px;
    top: 220px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li:nth-child(6) {
    left: unset;
    top: 68px;
    right: -80px;
  }
}
@media only screen and (max-width: 479px) {
  .banner .banner-circle ul li:nth-child(6) {
    left: unset;
    top: 42px;
    right: -80px;
  }
}
.banner .banner-circle ul li:nth-child(7) {
  left: 16px;
  top: 698px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li:nth-child(7) {
    left: 16px;
    top: 584px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li:nth-child(7) {
    left: 14px;
    top: 521px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li:nth-child(7) {
    left: -27px;
    top: 465px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li:nth-child(7) {
    left: -62px;
    top: 337px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li:nth-child(7) {
    left: -36px;
    top: 254px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li:nth-child(7) {
    left: 145px;
    top: 8px;
    min-width: 200px;
  }
}
@media only screen and (max-width: 479px) {
  .banner .banner-circle ul li:nth-child(7) {
    min-width: 200px;
    top: -7px;
    left: 87px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li label {
    display: inline-block;
    max-width: 100px;
    text-align: right;
    line-height: 15px;
  }
}
.banner .banner-circle ul li.circle-active a {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 32px;
  text-align: right;
  color: #000;
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li.circle-active a {
    font-size: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li.circle-active a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li.circle-active a {
    font-size: 13px;
  }
}
.banner .banner-circle ul li.circle-active a span {
  width: 22px;
  height: 22px;
  background-color: #2c7ffc;
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li.circle-active a span {
    width: 15px;
    height: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li.circle-active a span {
    width: 12px;
    height: 12px;
  }
}
.banner .banner-circle ul li.circle-active:nth-child(1) {
  left: 76px;
  top: 25px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li.circle-active:nth-child(1) {
    left: 55px;
    top: 7px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li.circle-active:nth-child(1) {
    left: 65px;
    top: -6px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li.circle-active:nth-child(1) {
    left: 25px;
    top: 1px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li.circle-active:nth-child(1) {
    left: -9px;
    top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li.circle-active:nth-child(1) {
    left: 7px;
    top: -6px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li.circle-active:nth-child(1) {
    left: 14px;
    top: -18px;
  }
}
.banner .banner-circle ul li.circle-active:nth-child(2) {
  left: -152px;
  top: 118px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li.circle-active:nth-child(2) {
    left: -168px;
    top: 90px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li.circle-active:nth-child(2) {
    left: -155px;
    top: 56px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li.circle-active:nth-child(2) {
    left: -170px;
    top: 56px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li.circle-active:nth-child(2) {
    left: -164px;
    top: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li.circle-active:nth-child(2) {
    left: -110px;
    top: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li.circle-active:nth-child(2) {
    left: -132px;
    top: 38px;
  }
}
.banner .banner-circle ul li.circle-active:nth-child(3) {
  left: -198px;
  top: 230px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li.circle-active:nth-child(3) {
    left: -206px;
    top: 195px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li.circle-active:nth-child(3) {
    left: -200px;
    top: 152px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li.circle-active:nth-child(3) {
    left: -203px;
    top: 139px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li.circle-active:nth-child(3) {
    left: -179px;
    top: 105px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li.circle-active:nth-child(3) {
    left: -127px;
    top: 71px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li.circle-active:nth-child(3) {
    left: -117px;
    top: 108px;
  }
}
.banner .banner-circle ul li.circle-active:nth-child(4) {
  left: -121px;
  top: 350px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li.circle-active:nth-child(4) {
    left: -122px;
    top: 294px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li.circle-active:nth-child(4) {
    left: -122px;
    top: 260px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li.circle-active:nth-child(4) {
    left: -122px;
    top: 222px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li.circle-active:nth-child(4) {
    left: -105px;
    top: 173px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li.circle-active:nth-child(4) {
    left: -73px;
    top: 121px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li.circle-active:nth-child(4) {
    left: 14px;
    top: 152px;
  }
}
.banner .banner-circle ul li.circle-active:nth-child(5) {
  left: -78px;
  top: 480px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li.circle-active:nth-child(5) {
    left: -77px;
    top: 399px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li.circle-active:nth-child(5) {
    left: -77px;
    top: 356px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li.circle-active:nth-child(5) {
    left: -85px;
    top: 306px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li.circle-active:nth-child(5) {
    left: -72px;
    top: 232px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li.circle-active:nth-child(5) {
    left: -46px;
    top: 171px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li.circle-active:nth-child(5) {
    left: unset;
    top: 124px;
    right: -36px;
  }
}
.banner .banner-circle ul li.circle-active:nth-child(6) {
  left: -62px;
  top: 595px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li.circle-active:nth-child(6) {
    left: -71px;
    top: 486px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li.circle-active:nth-child(6) {
    left: -68px;
    top: 445px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li.circle-active:nth-child(6) {
    left: -90px;
    top: 385px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li.circle-active:nth-child(6) {
    left: -82px;
    top: 285px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li.circle-active:nth-child(6) {
    left: unset;
    top: 68px;
    right: -80px;
  }
}
.banner .banner-circle ul li.circle-active:nth-child(7) {
  left: -12px;
  top: 698px;
}
@media only screen and (max-width: 1440px) {
  .banner .banner-circle ul li.circle-active:nth-child(7) {
    left: -25px;
    top: 578px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner .banner-circle ul li.circle-active:nth-child(7) {
    left: -22px;
    top: 518px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .banner-circle ul li.circle-active:nth-child(7) {
    left: -74px;
    top: 458px;
  }
}
@media only screen and (max-width: 991px) {
  .banner .banner-circle ul li.circle-active:nth-child(7) {
    left: -86px;
    top: 333px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .banner-circle ul li.circle-active:nth-child(7) {
    left: -50px;
    top: 250px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul li.circle-active:nth-child(7) {
    left: 141px;
    top: 13px;
    min-width: 200px;
  }
}
.banner .banner-circle ul li.circle-active-mobile a span {
  background-color: #2c7ffc;
}
.banner .banner-circle ul li.circle-active-mobile a label {
  color: #000;
}
.banner .banner-circle ul.desktop {
  display: block;
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul.desktop {
    display: none;
  }
}
.banner .banner-circle ul.mobile {
  display: none;
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul.mobile {
    display: block;
  }
}
.banner .banner-circle ul.mobile li.rev a span {
  margin-left: 0;
  margin-right: 7px;
}
@media only screen and (max-width: 575px) {
  .banner .banner-circle ul.mobile li.rev a label {
    text-align: left;
  }
}
.banner h1 {
  max-width: 948px;
  margin: 0px auto;
  font-weight: 600;
  font-size: 70px;
  line-height: 84px;
  text-align: center;
}
.banner h1 span {
  color: #107ded;
}
@media only screen and (max-width: 1440px) {
  .banner h1 {
    font-size: 62px;
    line-height: 77px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner h1 {
    font-size: 56px;
    line-height: 70px;
    margin-bottom: 20px;
    max-width: 900px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner h1 {
    font-size: 48px;
    line-height: 63px;
    margin-bottom: 20px;
    max-width: 760px;
  }
}
@media only screen and (max-width: 991px) {
  .banner h1 {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 0;
    max-width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .banner h1 {
    font-size: 35px;
    line-height: 43px;
    margin-bottom: 0px;
    max-width: unset;
  }
}
@media only screen and (max-width: 479px) {
  .banner h1 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .banner h1 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .banner h1 br {
    display: none;
  }
}
.banner p {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #222;
  max-width: 660px;
  margin-bottom: 55px;
  margin-top: 40px;
}
@media only screen and (max-width: 1399px) {
  .banner p {
    font-size: 21px;
    max-width: 570px;
    margin-bottom: 40px;
    margin-top: 20px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner p {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 40px;
    max-width: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .banner p {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 30px;
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .banner p {
    font-size: 17px;
    line-height: 29px;
    margin-bottom: 25px;
    max-width: unset;
  }
}
@media only screen and (max-width: 575px) {
  .banner p {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 25px;
    max-width: unset;
  }
}
@media only screen and (max-width: 479px) {
  .banner p {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .banner p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 20px;
  }
}
.banner .btn {
  align-items: center;
  padding: 16px 50px;
  font-family: "Euclid Circular A";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #fff;
}
@media only screen and (max-width: 1399px) {
  .banner .btn {
    font-size: 22px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 991px) {
  .banner .btn {
    padding: 10px 35px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .btn {
    padding: 7px 27px;
    font-size: 18px;
  }
}
.banner .scroll-down-icon {
  position: absolute;
  width: 27px;
  height: 54px;
  background-image: url(../images/icons/scroll-down-icon.png);
  bottom: 65px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  animation: down 1.5s infinite;
  -webkit-animation: down 1.5s infinite;
}
@media only screen and (max-width: 991px) {
  .banner .scroll-down-icon {
    bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .scroll-down-icon {
    bottom: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .banner .scroll-down-icon {
    bottom: 40px;
  }
}
@keyframes down {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes down {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translate(0);
  }
}
.banner.dark-banner {
  margin-top: 0px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 240px 0 240px;
}
@media only screen and (max-width: 1440px) {
  .banner.dark-banner {
    padding: 180px 0 180px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner.dark-banner {
    padding: 170px 0 170px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner.dark-banner {
    padding: 150px 0 150px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.dark-banner {
    padding: 130px 0 130px;
  }
}
@media only screen and (max-width: 767px) {
  .banner.dark-banner {
    padding: 120px 0 80px;
  }
}
@media only screen and (max-width: 479px) {
  .banner.dark-banner {
    padding: 120px 0 65px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 375px) {
  .banner.dark-banner {
    padding: 130px 0 75px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .banner.dark-banner {
    padding: 100px 0 50px;
  }
}
.banner.dark-banner:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
}
.banner.dark-banner .container {
  position: relative;
  text-align: center;
}
.banner.dark-banner .container h1 {
  font-family: "Euclid Circular A";
  font-style: normal;
  font-weight: 700;
  font-size: 68px;
  line-height: 84px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #ffffff;
  max-width: 1100px;
  margin: 0px auto 20px;
}
@media only screen and (max-width: 1440px) {
  .banner.dark-banner .container h1 {
    font-size: 60px;
    line-height: 80px;
    margin: 0px auto 15px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner.dark-banner .container h1 {
    font-size: 55px;
    line-height: 68px;
    max-width: 900px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner.dark-banner .container h1 {
    font-size: 45px;
    line-height: 56px;
    max-width: 810px;
    margin: 0px auto 10px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.dark-banner .container h1 {
    font-size: 36px;
    line-height: 50px;
    max-width: 630px;
    margin: 0px auto 5px;
  }
}
@media only screen and (max-width: 767px) {
  .banner.dark-banner .container h1 {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 575px) {
  .banner.dark-banner .container h1 {
    font-size: 29px;
    margin: 0px auto 0;
  }
}
@media only screen and (max-width: 479px) {
  .banner.dark-banner .container h1 {
    font-size: 27px;
    margin: 0px auto 10px;
    line-height: 37px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .banner.dark-banner .container h1 {
    font-size: 20px;
    margin: 0px auto 5px;
    line-height: 30px;
  }
}
.banner.dark-banner .container p {
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 47px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
  max-width: 890px;
  margin: 0px auto 50px;
}
@media only screen and (max-width: 1440px) {
  .banner.dark-banner .container p {
    font-size: 30px;
    line-height: 45px;
    max-width: 855px;
    margin: 0px auto 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner.dark-banner .container p {
    font-size: 26px;
    line-height: 43px;
    max-width: 750px;
    margin: 0px auto 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner.dark-banner .container p {
    font-size: 24px;
    line-height: 39px;
    max-width: 660px;
    margin: 0px auto 30px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.dark-banner .container p {
    font-size: 21px;
    line-height: 34px;
    max-width: 580px;
    margin: 0px auto 25px;
  }
}
@media only screen and (max-width: 767px) {
  .banner.dark-banner .container p {
    font-size: 19px;
    line-height: 32px;
    margin: 0px auto 20px;
  }
}
@media only screen and (max-width: 479px) {
  .banner.dark-banner .container p {
    font-size: 17px;
    line-height: 27px;
    margin: 0px auto 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .banner.dark-banner .container p {
    font-size: 15px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .banner.banner-generic {
    text-align: center;
  }
}
.banner.banner-generic h1 {
  text-align: left;
  margin-top: 70px;
}
@media only screen and (max-width: 991px) {
  .banner.banner-generic h1 {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .banner.banner-generic h1 {
    text-align: center;
  }
}
.banner.banner-generic img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .banner.banner-generic img {
    max-width: 300px;
    margin: 0px auto;
  }
}
@media only screen and (max-width: 767px) {
  .banner.banner-generic p {
    text-align: center;
    max-width: unset;
    margin-bottom: 30px;
  }
}
.banner.banner-contact {
  padding: 80px 0 80px;
}
@media only screen and (max-width: 991px) {
  .banner.banner-contact {
    padding: 70px 0 70px;
    margin-top: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .banner.banner-contact {
    padding: 100px 0 100px;
    margin-bottom: 20px;
  }
  .banner.banner-contact img.hide-in-mobile {
    display: none;
  }
}
.banner.banner-generic-2 {
  text-align: center;
}
.banner.banner-generic-2 h1 {
  max-width: unset;
  margin: 0px auto 80px;
  font-weight: 600;
  font-size: 66px;
  line-height: 84px;
  text-align: center;
}
@media only screen and (max-width: 1399px) {
  .banner.banner-generic-2 h1 {
    margin: 0px auto 60px;
    font-size: 57px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner.banner-generic-2 h1 {
    margin: 0px auto 45px;
    font-size: 47px;
    line-height: 58px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.banner-generic-2 h1 {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 35px;
    max-width: 860px;
  }
}
@media only screen and (max-width: 767px) {
  .banner.banner-generic-2 h1 {
    font-size: 35px;
    line-height: 47px;
    margin-bottom: 20px;
    max-width: unset;
  }
}
@media only screen and (max-width: 479px) {
  .banner.banner-generic-2 h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 22px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .banner.banner-generic-2 h1 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.banner-generic-2 h1 br {
    display: none;
  }
}
.banner.home-banner {
  padding: 200px 0 280px;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .banner.home-banner {
    padding: 170px 0 250px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.home-banner {
    padding: 100px 0 160px;
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .banner.home-banner {
    padding: 100px 0 140px;
    position: relative;
  }
}
.banner.home-banner h1 {
  text-align: left;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .banner.home-banner h1 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .banner.home-banner h1 span {
    display: inline-block;
  }
}
.banner.thank-you-banner {
  margin-top: 110px;
  padding: 80px 0 100px;
  background-color: #ccf0ff;
  text-align: center;
}
@media only screen and (max-width: 1399px) {
  .banner.thank-you-banner {
    padding: 70px 0 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner.thank-you-banner {
    padding: 50px 0 80px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.thank-you-banner {
    padding: 40px 0 60px;
    margin-top: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .banner.thank-you-banner {
    padding: 30px 0 50px;
  }
}
.banner.thank-you-banner img {
  max-width: 540px;
  margin: 0 auto 20px;
}
@media only screen and (max-width: 1399px) {
  .banner.thank-you-banner img {
    max-width: 420px;
    margin: 0 auto 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner.thank-you-banner img {
    max-width: 350px;
    margin: 0 auto 10px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.thank-you-banner img {
    max-width: 320px;
    margin: 0 auto 10px;
  }
}
@media only screen and (max-width: 767px) {
  .banner.thank-you-banner img {
    max-width: 250px;
    margin: 0 auto 10px;
    width: 100%;
  }
}
.banner.thank-you-banner p {
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  max-width: unset;
  margin-bottom: 0;
  text-align: center;
  letter-spacing: 0.01em;
  color: #222222;
}
@media only screen and (max-width: 1399px) {
  .banner.thank-you-banner p {
    font-size: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner.thank-you-banner p {
    font-size: 29px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.thank-you-banner p {
    font-size: 25px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .banner.thank-you-banner p {
    font-size: 22px;
    line-height: 29px;
  }
}
.banner.banner-no-design {
  padding: 100px 0 40px;
}
@media only screen and (max-width: 1199px) {
  .banner.banner-no-design {
    padding: 60px 0 20px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.banner-no-design {
    padding: 20px 0 0px;
  }
}
.banner.banner-no-design h1 {
  text-align: left;
  margin-top: 0px;
  margin-left: 0;
  margin-bottom: 25px;
}
@media only screen and (max-width: 991px) {
  .banner.banner-no-design h1 {
    margin-top: 0px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .banner.banner-no-design h1 {
    text-align: left;
  }
}
.banner.banner-no-design p {
  max-width: unset;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .banner.banner-no-design p {
    text-align: left !important;
    max-width: unset;
    margin-bottom: 20px;
  }
}
.banner.cannabis-banner h1 {
  max-width: 847px;
}
@media only screen and (max-width: 1600px) {
  .banner.cannabis-banner h1 {
    max-width: 830px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner.cannabis-banner h1 {
    max-width: 633px;
  }
}
.banner.ondemand-webinar-banner h1 {
  margin-bottom: 3.75rem;
}
.success-stories-banner.expertise-banner .heading h1 {
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .success-stories-banner.expertise-banner .heading h1 {
    margin-bottom: 10px;
  }
}
.banner-right {
  position: absolute;
  right: 0;
  top: 46%;
  transform: translate(0, -50%);
  width: 43%;
}
@media only screen and (max-width: 1440px) {
  .banner-right {
    top: 44%;
    width: 42%;
  }
}
@media only screen and (max-width: 991px) {
  .banner-right {
    display: none;
  }
}
.banner-right img {
  display: block;
  width: 100%;
}
.next-level {
  background: linear-gradient(180deg, #fafafa 0%, rgba(255, 255, 255, 0) 100%);
  position: relative;
}
.next-level:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: auto;
  width: 50%;
  background-image: url(../images/home-page/next-level2.png);
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(100%);
}
@media only screen and (max-width: 1199px) {
  .next-level:before {
    width: 48%;
  }
}
@media only screen and (max-width: 991px) {
  .next-level:before {
    width: 100%;
    background-size: cover;
    opacity: 0.12;
  }
}
@media only screen and (max-width: 767px) {
  .next-level:before {
    background-image: none;
  }
}
.next-level .container {
  position: relative;
}
.next-level .next-level-content-part {
  padding: 170px 0 170px 50px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1440px) {
  .next-level .next-level-content-part {
    padding: 120px 0 120px 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .next-level .next-level-content-part {
    padding: 100px 0 100px 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .next-level .next-level-content-part {
    padding: 80px 0 80px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .next-level .next-level-content-part {
    padding: 70px 0 70px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .next-level .next-level-content-part {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 575px) {
  .next-level .next-level-content-part {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .next-level .next-level-content-part h2 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .next-level .next-level-content-part h2 {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .next-level .next-level-content-part h2 {
    margin-bottom: 20px;
  }
}
.next-level .next-level-content-part p {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0.01em;
  max-width: unset;
  color: #222;
}
@media only screen and (max-width: 1399px) {
  .next-level .next-level-content-part p {
    font-size: 21px;
    line-height: 34px;
    max-width: unset;
  }
}
@media only screen and (max-width: 1280px) {
  .next-level .next-level-content-part p {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .next-level .next-level-content-part p {
    font-size: 17px;
    line-height: 28px;
  }
}
.next-level .next-level-content-part .next-level-content-img {
  display: none;
}
@media only screen and (max-width: 767px) {
  .next-level .next-level-content-part .next-level-content-img {
    display: block;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 575px) {
  .next-level .next-level-content-part .next-level-content-img {
    margin-bottom: 40px;
  }
}
.next-level .next-level-content-part .count-section {
  padding-top: 45px;
}
@media only screen and (max-width: 1280px) {
  .next-level .next-level-content-part .count-section {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .next-level .next-level-content-part .count-section {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .next-level .next-level-content-part .count-section {
    padding-top: 24px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 414px) {
  .next-level .next-level-content-part .count-section {
    flex-direction: column;
  }
}
.next-level .next-level-content-part .count-section .count-section-count h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.01em;
  color: #000;
}
@media only screen and (max-width: 1399px) {
  .next-level .next-level-content-part .count-section .count-section-count h3 {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1280px) {
  .next-level .next-level-content-part .count-section .count-section-count h3 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1199px) {
  .next-level .next-level-content-part .count-section .count-section-count h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .next-level .next-level-content-part .count-section .count-section-count h3 {
    font-size: 25px;
    line-height: 30px;
  }
}
.next-level .next-level-content-part .count-section .count-section-count p {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #222;
}
@media only screen and (max-width: 1399px) {
  .next-level .next-level-content-part .count-section .count-section-count p {
    font-size: 21px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 1280px) {
  .next-level .next-level-content-part .count-section .count-section-count p {
    font-size: 19px;
  }
}
@media only screen and (max-width: 1199px) {
  .next-level .next-level-content-part .count-section .count-section-count p {
    font-size: 17px;
  }
}
@media only screen and (max-width: 991px) {
  .next-level .next-level-content-part .count-section .count-section-count p {
    font-size: 14px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .next-level .next-level-content-part .count-section .count-section-count p {
    margin-bottom: 0;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 414px) {
  .next-level .next-level-content-part .count-section .count-section-count {
    margin-bottom: 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 414px) {
  .next-level
    .next-level-content-part
    .count-section
    .count-section-count:last-child {
    margin-bottom: 0px;
  }
}
.next-level .next-level-content-part .review-cer {
  display: table;
  width: 100%;
  max-width: 690px;
  background-color: #ecffff;
  padding: 30px;
  box-sizing: border-box;
  box-shadow: 0px 0px 19px 3px #ebebeb;
  margin-top: 60px;
  border: 2px solid #fff;
}
@media only screen and (max-width: 1399px) {
  .next-level .next-level-content-part .review-cer {
    margin-top: 50px;
    padding: 30px 15px;
  }
}
@media only screen and (max-width: 991px) {
  .next-level .next-level-content-part .review-cer {
    margin-top: 30px;
    padding: 30px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .next-level .next-level-content-part .review-cer {
    display: block;
    width: 100%;
    margin-top: 45px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0px 0px 10px 3px #ebebeb;
  }
}
@media only screen and (max-width: 576px) {
  .next-level .next-level-content-part .review-cer {
    margin-top: 40px;
  }
}
.next-level .next-level-content-part .review-cer .stars {
  display: table-cell;
  vertical-align: middle;
  width: 154px;
  border-right: 2px solid #2c80ff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .next-level .next-level-content-part .review-cer .stars {
    display: block;
    width: 100%;
    border-right: 0px solid #2c80ff;
    margin-bottom: 10px;
  }
}
.next-level .next-level-content-part .review-cer .stars p {
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 55px;
  letter-spacing: 0.01em;
  margin-bottom: 0;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .next-level .next-level-content-part .review-cer .stars p {
    font-size: 35px;
    line-height: 50px;
  }
}
.next-level .next-level-content-part .review-cer .stars span {
  width: auto;
  height: auto;
  font-size: 22px;
}
.next-level .next-level-content-part .review-cer .stars span i {
  color: #fabc1c;
}
.next-level .next-level-content-part .review-cer .content {
  display: table-cell;
  vertical-align: middle;
  padding-left: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1399px) {
  .next-level .next-level-content-part .review-cer .content {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .next-level .next-level-content-part .review-cer .content {
    display: block;
    width: 100%;
    padding-left: 0px;
  }
}
.next-level .next-level-content-part .review-cer .content p {
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  line-height: 34px;
  letter-spacing: 0.01em;
  margin-bottom: 0;
  color: #000000;
}
@media only screen and (max-width: 1399px) {
  .next-level .next-level-content-part .review-cer .content p {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .next-level .next-level-content-part .review-cer .content p {
    font-size: 17px;
    line-height: 28px;
  }
}
.faq-section {
  padding: 90px 0;
  background-color: #fafafa;
}
@media only screen and (max-width: 1399px) {
  .faq-section {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 991px) {
  .faq-section {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .faq-section {
    padding: 50px 0 40px;
  }
}
.faq-section h2 {
  max-width: 636px;
}
@media only screen and (max-width: 1399px) {
  .faq-section h2 {
    max-width: 535px;
    font-size: 40px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 1199px) {
  .faq-section h2 {
    max-width: 535px;
    font-size: 34px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .faq-section h2 {
    max-width: unset;
    font-size: 27px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-section h2 {
    font-size: 22px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .faq-section h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .faq-section h2 {
    font-size: 27px;
    line-height: 37px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .faq-section h2 {
    font-size: 20px;
    line-height: 30px;
  }
}
.faq-section h2 span {
  color: #2c7ffc;
}
.faq-section .accordion-item {
  background-color: transparent;
}
.faq-section .accordion-button {
  background-color: transparent;
  padding: 1.5rem 0;
  align-items: flex-start;
}
@media only screen and (max-width: 1199px) {
  .faq-section .accordion-button {
    padding: 1rem 0;
  }
}
.faq-section .accordion-button .number {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 42px;
  text-transform: capitalize;
  color: #000;
  margin-right: 35px;
}
@media only screen and (max-width: 1399px) {
  .faq-section .accordion-button .number {
    font-size: 25px;
    line-height: 38px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .faq-section .accordion-button .number {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .faq-section .accordion-button .number {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 479px) {
  .faq-section .accordion-button .number {
    font-size: 19px;
    line-height: 30px;
    margin-right: 10px;
  }
}
.faq-section .accordion-button .text {
  font-style: normal;
  font-weight: 400;
  font-size: 29px;
  line-height: 44px;
  letter-spacing: 0.01em;
  color: #000;
}
@media only screen and (max-width: 1399px) {
  .faq-section .accordion-button .text {
    font-size: 25px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 1199px) {
  .faq-section .accordion-button .text {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .faq-section .accordion-button .text {
    max-width: 500px;
  }
}
@media only screen and (max-width: 575px) {
  .faq-section .accordion-button .text {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 479px) {
  .faq-section .accordion-button .text {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 479px) {
  .faq-section .accordion-button .text {
    font-size: 19px;
    line-height: 27px;
  }
}
.faq-section .accordion-button:after {
  width: 65px;
  height: 65px;
  background-color: #fff;
  background-position: center center;
  background-image: url(../images/icons/arrow.png);
  background-size: 27px 17px;
  opacity: 0;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  box-shadow: 0px 0px 10px #f1f1f1;
}
@media only screen and (max-width: 479px) {
  .faq-section .accordion-button:after {
    width: 30px;
    height: 30px;
    background-size: 16px 12px;
  }
}
.faq-section .accordion-button:not(.collapsed):after {
  transform: rotate(90deg);
  visibility: visible;
}
.faq-section .accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0rem;
}
.faq-section .accordion-button:hover:after {
  opacity: 1;
}
.faq-section .accordion-button:hover:not(.collapsed):after {
  opacity: 1;
}
.faq-section .accordion-body {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #222;
}
@media only screen and (max-width: 1399px) {
  .faq-section .accordion-body {
    font-size: 21px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .faq-section .accordion-body {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-section .accordion-body {
    font-size: 17px;
    line-height: 28px;
  }
}
.faq-section .accordion-body p {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #222;
  margin-bottom: 0;
}
@media only screen and (max-width: 1399px) {
  .faq-section .accordion-body p {
    font-size: 21px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .faq-section .accordion-body p {
    font-size: 19px;
    line-height: 30px;
  }
}
.faq {
  padding: 0 0 90px;
}
@media only screen and (max-width: 1399px) {
  .faq {
    padding: 0 0 70px;
  }
}
@media only screen and (max-width: 991px) {
  .faq {
    padding: 0 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .faq {
    padding: 0px 0 40px;
  }
}
.faq .accordion-item {
  background-color: transparent;
  padding: 1.5rem 0;
}
.faq .accordion-button {
  background-color: transparent;
  font-weight: 500;
  font-size: 34px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #222222;
  position: relative;
  padding-left: 40px;
}
@media only screen and (max-width: 1399px) {
  .faq .accordion-button {
    font-size: 22px;
    line-height: 30px;
    padding-left: 36px;
  }
}
@media only screen and (max-width: 1199px) {
  .faq .accordion-button {
    padding: 1rem 0;
    padding-left: 36px;
  }
}
.faq .accordion-button::before {
  position: absolute;
  left: 0;
  top: 0px;
  bottom: 0;
  margin: auto;
  content: "";
  background-image: url("../../assets/images/case-study-page/check-circle.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 22px;
  width: 22px;
}
@media only screen and (max-width: 1399px) {
  .faq .accordion-button::before {
    height: 18px;
    width: 18px;
  }
}
.faq .accordion-button:after {
  display: none;
}
.faq .accordion-button:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}
.faq .accordion-button:not(.collapsed):after {
  visibility: visible;
}
.faq .accordion-body {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #222;
  padding-left: 40px;
}
@media only screen and (max-width: 1399px) {
  .faq .accordion-body {
    font-size: 21px;
    line-height: 35px;
    padding-left: 36px;
  }
}
@media only screen and (max-width: 1199px) {
  .faq .accordion-body {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .faq .accordion-body {
    font-size: 17px;
    line-height: 28px;
  }
}
.faq .accordion-body p {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #222;
  margin-bottom: 0;
}
@media only screen and (max-width: 1399px) {
  .faq .accordion-body p {
    font-size: 21px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .faq .accordion-body p {
    font-size: 19px;
    line-height: 30px;
  }
}
.joinus {
  padding: 260px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
@media only screen and (max-width: 1440px) {
  .joinus {
    padding: 170px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .joinus {
    padding: 130px 0 140px;
  }
}
@media only screen and (max-width: 1199px) {
  .joinus {
    padding: 100px 0 120px;
  }
}
@media only screen and (max-width: 991px) {
  .joinus {
    padding: 60px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .joinus {
    padding: 50px 0 60px;
  }
}
@media only screen and (max-width: 479px) {
  .joinus {
    padding: 40px 0 50px;
  }
}
.joinus:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.joinus .container {
  position: relative;
}
.joinus .container h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.01em;
  color: #fafafa;
  max-width: 800px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1399px) {
  .joinus .container h3 {
    font-size: 40px;
    max-width: 670px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .joinus .container h3 {
    font-size: 35px;
    max-width: unset;
    margin-bottom: 12px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .joinus .container h3 {
    line-height: 51px;
  }
}
@media only screen and (max-width: 767px) {
  .joinus .container h3 {
    line-height: 38px;
    font-size: 30px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .joinus .container h3 {
    font-size: 27px;
    line-height: 37px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .joinus .container h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
.joinus .container p {
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 47px;
  letter-spacing: 0.02em;
  color: #fafafa;
  margin-bottom: 45px;
}
@media only screen and (max-width: 1399px) {
  .joinus .container p {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .joinus .container p {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .joinus .container p {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .joinus .container p {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 479px) {
  .joinus .container p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px;
  }
}
.joinus.joinus2 {
  padding: 150px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  text-align: center;
}
@media only screen and (max-width: 1440px) {
  .joinus.joinus2 {
    padding: 100px 0 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .joinus.joinus2 {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 991px) {
  .joinus.joinus2 {
    padding: 60px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .joinus.joinus2 {
    padding: 70px 0 80px;
  }
}
@media only screen and (max-width: 479px) {
  .joinus.joinus2 {
    padding: 60px 0 70px;
  }
}
.joinus.joinus2:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(7, 28, 61, 0.8);
}
.joinus.joinus2 h3 {
  max-width: 670px;
  margin: 0px auto 15px;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  line-height: 55px;
}
@media only screen and (max-width: 1199px) {
  .joinus.joinus2 h3 {
    max-width: 580px;
    margin: 0px auto 5px;
  }
}
@media only screen and (max-width: 767px) {
  .joinus.joinus2 h3 {
    max-width: 490px;
    margin: 0px auto 5px;
    line-height: 45px;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .joinus.joinus2 h3 {
    font-size: 27px;
    line-height: 37px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .joinus.joinus2 h3 {
    font-size: 24px;
    line-height: 33px;
  }
}
.joinus.joinus2 p {
  max-width: 670px;
  margin: 0px auto 40px;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
}
@media only screen and (max-width: 1199px) {
  .joinus.joinus2 p {
    font-size: 22px;
    margin: 0px auto 30px;
  }
}
@media only screen and (max-width: 767px) {
  .joinus.joinus2 p {
    font-size: 20px;
  }
}
.testimonial {
  padding: 175px 0;
  background-image: url(../images/element/testimonial-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 1440px) {
  .testimonial {
    padding: 130px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .testimonial {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .testimonial {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 991px) {
  .testimonial {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 479px) {
  .testimonial {
    padding: 40px 0 45px;
  }
}
.testimonial .testimonial-slider {
  max-width: 768px;
  margin: 0px auto;
}
.testimonial .testimonial-slider .item .item-content {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #000;
  margin-bottom: 35px;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .testimonial .testimonial-slider .item .item-content {
    font-size: 40px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 1199px) {
  .testimonial .testimonial-slider .item .item-content {
    font-size: 35px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial .testimonial-slider .item .item-content {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .testimonial .testimonial-slider .item .item-content {
    font-size: 27px;
    line-height: 37px;
    margin-bottom: 25px;
  }
}
.testimonial .testimonial-slider .item .item-content:before {
  position: absolute;
  content: "";
  width: 31px;
  height: 17px;
  background-image: url(../images/testimonial/q.png);
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1199px) {
  .testimonial .testimonial-slider .item .item-content:before {
    display: none;
  }
}
.testimonial .testimonial-slider .item .item-audio-video-btn {
  background-image: url(../images/element/play.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 94px;
  height: 94px;
  margin: 0px auto;
  cursor: pointer;
}
.testimonial .testimonial-slider .item .item-content-auther {
  display: table;
  width: auto;
  margin: 0px auto;
}
.testimonial
  .testimonial-slider
  .item
  .item-content-auther
  .item-content-auther-img {
  width: 71px;
  height: 71px;
  border-radius: 50%;
  display: table-cell;
}
.testimonial
  .testimonial-slider
  .item
  .item-content-auther
  .item-content-auther-img
  img {
  display: block;
  width: 100%;
}
.testimonial
  .testimonial-slider
  .item
  .item-content-auther
  .item-content-auther-text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 55px;
  text-align: left;
  color: #7d7979;
}
@media only screen and (max-width: 479px) {
  .testimonial
    .testimonial-slider
    .item
    .item-content-auther
    .item-content-auther-text {
    font-size: 17px;
    line-height: 25px;
  }
}
.testimonial .testimonial-slider .slick-dots {
  position: static;
  margin-top: 60px;
}
@media only screen and (max-width: 1199px) {
  .testimonial .testimonial-slider .slick-dots {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial .testimonial-slider .slick-dots {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .testimonial .testimonial-slider .slick-dots {
    margin-top: 25px;
  }
}
.testimonial .testimonial-slider .slick-dots li {
  width: 25px;
  height: 4px;
  margin: 0 8px;
  background-color: #d9d9d9;
}
.testimonial .testimonial-slider .slick-dots li button {
  width: 100%;
  height: 100%;
}
.testimonial .testimonial-slider .slick-dots li.slick-active {
  background-color: #2d7ffc;
}
.sub-testimonial-1 {
  padding: 252px 0 100px;
  background: linear-gradient(
    90.04deg,
    #e2ebfd 0.03%,
    #f0e9fc 31.2%,
    #fff4fc 64.05%,
    #d0f9eb 99.96%
  );
}
@media only screen and (max-width: 1399px) {
  .sub-testimonial-1 {
    padding: 210px 0 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .sub-testimonial-1 {
    padding: 200px 0 80px;
  }
}
@media only screen and (max-width: 991px) {
  .sub-testimonial-1 {
    padding: 180px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .sub-testimonial-1 {
    padding: 70px 0 70px;
  }
}
@media only screen and (max-width: 575px) {
  .sub-testimonial-1 {
    padding: 60px 0 60px;
  }
}
.sub-testimonial-1.career-testimonial {
  background: linear-gradient(
    90.04deg,
    #fdf7e2 1.03%,
    #fcfbe9 31.2%,
    #fffef4 64.05%,
    #f9f2d0 99.96%
  );
}
.sub-testimonial-1 .container {
  max-width: 1133px;
  margin: 0px auto;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .sub-testimonial-1 .container {
    max-width: 880px;
  }
}
.sub-testimonial-1 .container:before {
  position: absolute;
  content: "";
  background-image: url(../images/element/coment.png);
  width: 270px;
  height: 225px;
  left: 50%;
  top: 44px;
  transform: translate(-50%, -100%);
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 1399px) {
  .sub-testimonial-1 .container:before {
    width: 220px;
    height: 200px;
    top: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .sub-testimonial-1 .container:before {
    width: 200px;
    height: 180px;
    top: 44px;
  }
}
@media only screen and (max-width: 991px) {
  .sub-testimonial-1 .container:before {
    width: 170px;
    height: 150px;
    top: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .sub-testimonial-1 .container:before {
    width: 50px;
    height: 50px;
    top: 26px;
  }
}
@media only screen and (max-width: 575px) {
  .sub-testimonial-1 .container:before {
    width: 100px;
    height: 100px;
    top: 50px;
  }
}
.sub-testimonial-1 .container > p {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 39px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #222222;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1399px) {
  .sub-testimonial-1 .container > p {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .sub-testimonial-1 .container > p {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .sub-testimonial-1 .container > p {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 30px;
    max-width: 600px;
    margin: 0px auto 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sub-testimonial-1 .container > p {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 30px;
    max-width: 540px;
    margin: 0px auto 30px;
    font-weight: 400;
  }
}
.sub-testimonial-1 .container .auther {
  display: table;
  width: auto;
  vertical-align: middle;
  margin: 0 auto;
}
.sub-testimonial-1 .container .auther .auther-image {
  width: 76px;
  display: table-cell;
}
@media only screen and (max-width: 991px) {
  .sub-testimonial-1 .container .auther .auther-image {
    width: 66px;
  }
}
@media only screen and (max-width: 767px) {
  .sub-testimonial-1 .container .auther .auther-image {
    width: 80px;
  }
}
.sub-testimonial-1 .container .auther .auther-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 50%;
}
.sub-testimonial-1 .container .auther .auther-des {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}
@media only screen and (max-width: 991px) {
  .sub-testimonial-1 .container .auther .auther-des {
    padding-left: 20px;
  }
}
.sub-testimonial-1 .container .auther .auther-des p {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #000000;
  margin-bottom: 3px;
}
@media only screen and (max-width: 991px) {
  .sub-testimonial-1 .container .auther .auther-des p {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .sub-testimonial-1 .container .auther .auther-des p {
    font-size: 20px;
    line-height: 24px;
  }
}
.sub-testimonial-1 .container .auther .auther-des span {
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 26px;
  color: #000000;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .sub-testimonial-1 .container .auther .auther-des span {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .sub-testimonial-1 .container .auther .auther-des span {
    font-size: 15px;
    line-height: 24px;
  }
}

.intro {
  padding: 170px 0;
}
@media only screen and (max-width: 1440px) {
  .intro {
    padding: 130px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .intro {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .intro {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .intro {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .intro {
    padding: 30px 0 70px;
  }
}
@media only screen and (max-width: 575px) {
  .intro {
    padding: 30px 0 60px;
  }
}
.intro .intro-part h2 {
  font-size: 48px;
  line-height: 60px;
  font-weight: 600;
}
@media only screen and (max-width: 1399px) {
  .intro .intro-part h2 {
    font-size: 34px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .intro .intro-part h2 {
    font-size: 28px;
    line-height: 37px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .intro .intro-part h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .intro .intro-part h2 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .intro .intro-part h2 {
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 20px;
    font-weight: 500;
  }
}
@media only screen and (max-width: 479px) {
  .intro .intro-part h2 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .intro .intro-part h2 {
    font-size: 24px;
    line-height: 33px;
  }
}
.intro .intro-part p {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #222;
  font-weight: 300;
}
@media only screen and (max-width: 1399px) {
  .intro .intro-part p {
    font-size: 21px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 1280px) {
  .intro .intro-part p {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .intro .intro-part p {
    font-size: 17px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .intro .intro-part p {
    margin-bottom: 0;
  }
}
.intro .intro-part.intro-part-two p {
  padding-bottom: 40px;
}
.intro .intro-part .count-section {
  padding-top: 45px;
}
@media only screen and (max-width: 1280px) {
  .intro .intro-part .count-section {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .intro .intro-part .count-section {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .intro .intro-part .count-section {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .intro .intro-part .count-section {
    padding-top: 24px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 414px) {
  .intro .intro-part .count-section {
    padding-top: 10px;
    flex-direction: column;
  }
}
.intro .intro-part .count-section .count-section-count h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.01em;
  color: #2c7ffc;
}
@media only screen and (max-width: 1399px) {
  .intro .intro-part .count-section .count-section-count h3 {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1280px) {
  .intro .intro-part .count-section .count-section-count h3 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1199px) {
  .intro .intro-part .count-section .count-section-count h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .intro .intro-part .count-section .count-section-count h3 {
    font-size: 25px;
    line-height: 30px;
  }
}
.intro .intro-part .count-section .count-section-count p {
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #222;
}
@media only screen and (max-width: 1399px) {
  .intro .intro-part .count-section .count-section-count p {
    font-size: 19px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 1280px) {
  .intro .intro-part .count-section .count-section-count p {
    font-size: 19px;
  }
}
@media only screen and (max-width: 1199px) {
  .intro .intro-part .count-section .count-section-count p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .intro .intro-part .count-section .count-section-count p {
    font-size: 11px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .intro .intro-part .count-section .count-section-count p {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 414px) {
  .intro .intro-part .count-section .count-section-count {
    margin-bottom: 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 414px) {
  .intro .intro-part .count-section .count-section-count:last-child {
    margin-bottom: 0px;
  }
}
.intro .intro-image {
  width: 100%;
  max-width: 550px;
  float: right;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 1399px) {
  .intro .intro-image {
    max-width: 470px;
  }
}
@media only screen and (max-width: 1199px) {
  .intro .intro-image {
    max-width: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .intro .intro-image {
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .intro .intro-image {
    max-width: 100%;
    float: none;
    margin: 0 auto 40px;
  }
}
@media only screen and (max-width: 479px) {
  .intro .intro-image {
    margin-bottom: 30px;
  }
}
.intro .intro-image img {
  display: block;
  width: 100%;
}
.intro .intro-image .overlay {
  padding: 25px;
}
@media only screen and (max-width: 991px) {
  .intro .intro-image .overlay {
    padding: 18px;
  }
}
.intro .intro-image .overlay-one,
.intro .intro-image .overlay-two,
.intro .intro-image .overlay-three,
.intro .intro-image .overlay-four {
  width: 50%;
  display: flex;
  align-items: center;
}
.intro .intro-image .overlay-one .number-box,
.intro .intro-image .overlay-two .number-box,
.intro .intro-image .overlay-three .number-box,
.intro .intro-image .overlay-four .number-box {
  background: #fff;
  padding: 30px;
  width: 100%;
}
.intro .intro-image .overlay-one .number-box.number-box-saas,
.intro .intro-image .overlay-two .number-box.number-box-saas,
.intro .intro-image .overlay-three .number-box.number-box-saas,
.intro .intro-image .overlay-four .number-box.number-box-saas {
  margin: auto;
}
@media only screen and (max-width: 1399px) {
  .intro .intro-image .overlay-one .number-box,
  .intro .intro-image .overlay-two .number-box,
  .intro .intro-image .overlay-three .number-box,
  .intro .intro-image .overlay-four .number-box {
    padding: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .intro .intro-image .overlay-one .number-box,
  .intro .intro-image .overlay-two .number-box,
  .intro .intro-image .overlay-three .number-box,
  .intro .intro-image .overlay-four .number-box {
    padding: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .intro .intro-image .overlay-one .number-box,
  .intro .intro-image .overlay-two .number-box,
  .intro .intro-image .overlay-three .number-box,
  .intro .intro-image .overlay-four .number-box {
    padding: 30px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 360px) {
  .intro .intro-image .overlay-one .number-box,
  .intro .intro-image .overlay-two .number-box,
  .intro .intro-image .overlay-three .number-box,
  .intro .intro-image .overlay-four .number-box {
    padding: 15px;
  }
}
.intro .intro-image .overlay-one .number-box span,
.intro .intro-image .overlay-two .number-box span,
.intro .intro-image .overlay-three .number-box span,
.intro .intro-image .overlay-four .number-box span {
  display: block;
}
.intro .intro-image .overlay-one .number-box span:first-child,
.intro .intro-image .overlay-two .number-box span:first-child,
.intro .intro-image .overlay-three .number-box span:first-child,
.intro .intro-image .overlay-four .number-box span:first-child {
  font-size: 60px;
  font-weight: 600;
  line-height: 1.2;
  color: #111;
}
@media only screen and (max-width: 1399px) {
  .intro .intro-image .overlay-one .number-box span:first-child,
  .intro .intro-image .overlay-two .number-box span:first-child,
  .intro .intro-image .overlay-three .number-box span:first-child,
  .intro .intro-image .overlay-four .number-box span:first-child {
    font-size: 54px;
  }
}
@media only screen and (max-width: 1199px) {
  .intro .intro-image .overlay-one .number-box span:first-child,
  .intro .intro-image .overlay-two .number-box span:first-child,
  .intro .intro-image .overlay-three .number-box span:first-child,
  .intro .intro-image .overlay-four .number-box span:first-child {
    font-size: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .intro .intro-image .overlay-one .number-box span:first-child,
  .intro .intro-image .overlay-two .number-box span:first-child,
  .intro .intro-image .overlay-three .number-box span:first-child,
  .intro .intro-image .overlay-four .number-box span:first-child {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .intro .intro-image .overlay-one .number-box span:first-child,
  .intro .intro-image .overlay-two .number-box span:first-child,
  .intro .intro-image .overlay-three .number-box span:first-child,
  .intro .intro-image .overlay-four .number-box span:first-child {
    text-align: left;
    font-size: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .intro .intro-image .overlay-one .number-box span:first-child,
  .intro .intro-image .overlay-two .number-box span:first-child,
  .intro .intro-image .overlay-three .number-box span:first-child,
  .intro .intro-image .overlay-four .number-box span:first-child {
    font-size: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .intro .intro-image .overlay-one .number-box span:first-child,
  .intro .intro-image .overlay-two .number-box span:first-child,
  .intro .intro-image .overlay-three .number-box span:first-child,
  .intro .intro-image .overlay-four .number-box span:first-child {
    font-size: 24px;
  }
}
.intro .intro-image .overlay-one .number-box span:last-child,
.intro .intro-image .overlay-two .number-box span:last-child,
.intro .intro-image .overlay-three .number-box span:last-child,
.intro .intro-image .overlay-four .number-box span:last-child {
  font-size: 29px;
  font-weight: 500;
  line-height: 1.3;
  color: #222;
}
@media only screen and (max-width: 1399px) {
  .intro .intro-image .overlay-one .number-box span:last-child,
  .intro .intro-image .overlay-two .number-box span:last-child,
  .intro .intro-image .overlay-three .number-box span:last-child,
  .intro .intro-image .overlay-four .number-box span:last-child {
    font-size: 23px;
  }
}
@media only screen and (max-width: 1199px) {
  .intro .intro-image .overlay-one .number-box span:last-child,
  .intro .intro-image .overlay-two .number-box span:last-child,
  .intro .intro-image .overlay-three .number-box span:last-child,
  .intro .intro-image .overlay-four .number-box span:last-child {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .intro .intro-image .overlay-one .number-box span:last-child,
  .intro .intro-image .overlay-two .number-box span:last-child,
  .intro .intro-image .overlay-three .number-box span:last-child,
  .intro .intro-image .overlay-four .number-box span:last-child {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .intro .intro-image .overlay-one .number-box span:last-child,
  .intro .intro-image .overlay-two .number-box span:last-child,
  .intro .intro-image .overlay-three .number-box span:last-child,
  .intro .intro-image .overlay-four .number-box span:last-child {
    text-align: left;
    font-size: 22px;
  }
}
@media only screen and (max-width: 479px) {
  .intro .intro-image .overlay-one .number-box span:last-child,
  .intro .intro-image .overlay-two .number-box span:last-child,
  .intro .intro-image .overlay-three .number-box span:last-child,
  .intro .intro-image .overlay-four .number-box span:last-child {
    font-size: 13px;
  }
}
.intro .intro-image .overlay-one {
  position: absolute;
  height: 44%;
  top: 0;
  left: 0;
  border-bottom: 4px solid #fff;
  border-right: 4px solid #fff;
}
.intro .intro-image .overlay-two {
  position: absolute;
  height: 56%;
  bottom: 0;
  left: 0;
  border-right: 4px solid #fff;
  align-items: start;
}
.intro .intro-image .overlay-three {
  position: absolute;
  height: 60%;
  top: 0;
  right: 0;
  border-bottom: 4px solid #fff;
  align-items: end;
}
.intro .intro-image .overlay-three.overlay-sass {
  bottom: 0;
  margin: auto;
  border-bottom: 0;
}
.intro .intro-image .overlay-four {
  position: absolute;
  height: 40%;
  bottom: 0;
  right: 0;
}
.intro .intro-image.intro-image-horizontal {
  background-image: url(../../assets/images/about-page/sass-intro.jpg);
  height: 100%;
  background-size: cover;
}
.intro .intro-image.intro-image-horizontal .overlay-one {
  border: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  position: relative;
}
.intro .intro-image.intro-image-horizontal .overlay-one .number-box {
  margin-bottom: 37px;
}
@media only screen and (max-width: 1399px) {
  .intro .intro-image.intro-image-horizontal .overlay-one .number-box {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .intro .intro-part-wraper {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .intro .intro-image-wraper {
    order: 1;
    text-align: center;
  }
}
.intro.intro-industrys .intro-image .overlay-two .number-box,
.intro.intro-industrys .intro-image .overlay-three .number-box,
.intro.intro-industrys .intro-image .overlay-four .number-box {
  height: 206px;
}
@media only screen and (max-width: 1440px) {
  .intro.intro-industrys .intro-image .overlay-two .number-box,
  .intro.intro-industrys .intro-image .overlay-three .number-box,
  .intro.intro-industrys .intro-image .overlay-four .number-box {
    height: 200px;
  }
}
@media only screen and (max-width: 1399px) {
  .intro.intro-industrys .intro-image .overlay-two .number-box,
  .intro.intro-industrys .intro-image .overlay-three .number-box,
  .intro.intro-industrys .intro-image .overlay-four .number-box {
    height: 162px;
  }
}
@media only screen and (max-width: 1199px) {
  .intro.intro-industrys .intro-image .overlay-two .number-box,
  .intro.intro-industrys .intro-image .overlay-three .number-box,
  .intro.intro-industrys .intro-image .overlay-four .number-box {
    height: 128px;
  }
}
@media only screen and (max-width: 991px) {
  .intro.intro-industrys .intro-image .overlay-two .number-box,
  .intro.intro-industrys .intro-image .overlay-three .number-box,
  .intro.intro-industrys .intro-image .overlay-four .number-box {
    height: 108px;
  }
}
@media only screen and (max-width: 767px) {
  .intro.intro-industrys .intro-image .overlay-two .number-box,
  .intro.intro-industrys .intro-image .overlay-three .number-box,
  .intro.intro-industrys .intro-image .overlay-four .number-box {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .intro.intro-sass-dev {
    padding-top: 60px;
  }
}
.info {
  padding: 180px 0 180px;
}
@media only screen and (max-width: 1440px) {
  .info {
    padding: 140px 0 140px;
  }
}
@media only screen and (max-width: 1399px) {
  .info {
    padding: 110px 0 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .info {
    padding: 80px 0 80px;
  }
}
@media only screen and (max-width: 991px) {
  .info {
    padding: 70px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .info {
    padding: 40px 0 70px;
  }
}
@media only screen and (max-width: 575px) {
  .info {
    padding: 30px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .info .imfo-image-wraper {
    order: 1;
    text-align: center;
  }
}
.info .imfo-image-wraper .imfo-image {
  width: 100%;
  max-width: 550px;
  float: left;
  display: inline-block;
}
@media only screen and (max-width: 1399px) {
  .info .imfo-image-wraper .imfo-image {
    max-width: 470px;
  }
}
@media only screen and (max-width: 1199px) {
  .info .imfo-image-wraper .imfo-image {
    max-width: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .info .imfo-image-wraper .imfo-image {
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .info .imfo-image-wraper .imfo-image {
    max-width: 300px;
    float: none;
    margin: 0 auto 45px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .info .imfo-image-wraper .imfo-image {
    margin-bottom: 25px;
  }
}
.info .imfo-image-wraper .imfo-image img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .info .info-part-wraper {
    order: 2;
  }
}
.info .info-part-wraper .info-part h2 {
  font-size: 48px;
  line-height: 60px;
  font-weight: 500;
}
@media only screen and (max-width: 1399px) {
  .info .info-part-wraper .info-part h2 {
    font-size: 34px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .info .info-part-wraper .info-part h2 {
    font-size: 28px;
    line-height: 37px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .info .info-part-wraper .info-part h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .info .info-part-wraper .info-part h2 {
    font-size: 30px;
    margin-bottom: 25px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 575px) {
  .info .info-part-wraper .info-part h2 {
    font-size: 27px;
    line-height: 37px;
    margin-bottom: 20px;
    font-weight: 500;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .info .info-part-wraper .info-part h2 {
    font-size: 24px;
    line-height: 33px;
  }
}
.info .info-part-wraper .info-part p {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #222;
  font-weight: 300;
}
@media only screen and (max-width: 1399px) {
  .info .info-part-wraper .info-part p {
    font-size: 21px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 1280px) {
  .info .info-part-wraper .info-part p {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .info .info-part-wraper .info-part p {
    font-size: 17px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .info .info-part-wraper .info-part p {
    margin-bottom: 0;
  }
}
.info .info-part-wraper .info-part + a.btn {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .info .info-part-wraper .info-part + a.btn {
    margin-top: 40px;
  }
}
.info.info-inv .imfo-image-wraper .imfo-image {
  float: right;
}
@media only screen and (max-width: 767px) {
  .info.info-inv .imfo-image-wraper .imfo-image {
    float: none;
    max-width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys {
    padding: 30px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys {
    padding: 30px 0 55px;
  }
}
@media only screen and (max-width: 575px) {
  .info.info-industrys {
    padding: 30px 0 40px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 360px) {
  .info.info-industrys {
    padding: 30px 0 25px;
  }
}
.info.info-industrys h2 {
  font-weight: 600;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .info.info-industrys h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys .imfo-image-wraper {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys .imfo-image-wraper .imfo-image {
    max-width: 300px;
    margin: 0px auto 20px;
    float: none;
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys .imfo-image-wraper .imfo-image {
    max-width: 100%;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 575px) {
  .info.info-industrys .imfo-image-wraper .imfo-image {
    margin-bottom: 30px;
  }
}
.info.info-industrys .info-part-wraper {
  padding-left: 80px;
}
@media only screen and (max-width: 1399px) {
  .info.info-industrys .info-part-wraper {
    padding-left: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .info.info-industrys .info-part-wraper {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys .info-part-wraper {
    text-align: center;
    padding-left: 15px;
    order: 2;
  }
}
.info.info-industrys .info-part-wraper.info-part-wraper-even {
  padding-left: 0px;
  padding-right: 80px;
}
@media only screen and (max-width: 1399px) {
  .info.info-industrys .info-part-wraper.info-part-wraper-even {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .info.info-industrys .info-part-wraper.info-part-wraper-even {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys .info-part-wraper.info-part-wraper-even {
    text-align: center;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys .info-part-wraper.info-part-wraper-even {
    padding: 0 0.75rem;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys .info-part-wraper.cannabis-info-part-wraper-even {
    order: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys .info-part-wraper.cannabis-info-part-wraper-even {
    order: 2;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys .info-part-wraper .info-part {
    max-width: 420px;
    margin: 0px auto 0px;
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys .info-part-wraper .info-part {
    max-width: 100%;
    text-align: left;
  }
}
@media only screen and (max-width: 1199px) {
  .info.info-industrys .info-part-wraper .info-part h2 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys .info-part-wraper .info-part h2 {
    margin-bottom: 20px;
  }
}
.info.info-industrys .info-part-wraper .info-part p {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .info.info-industrys .info-part-wraper .info-part p {
    margin-bottom: 10px;
  }
}
.info.info-industrys .info-part-wraper .info-logos {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .info.info-industrys .info-part-wraper .info-logos {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys .info-part-wraper .info-logos {
    margin-bottom: 0;
    max-width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys .info-part-wraper .info-logos {
    max-width: 100%;
    margin-top: 15px;
  }
}
.info.info-industrys .info-part-wraper .info-logos li {
  height: 38px;
  width: auto;
  float: left;
  margin-right: 50px;
  margin-bottom: 30px;
  line-height: 60px;
  filter: grayscale(1);
}
@media only screen and (max-width: 1199px) {
  .info.info-industrys .info-part-wraper .info-logos li {
    width: 20%;
    margin-right: 25px;
    margin-bottom: 10px;
    text-align: center;
    min-width: unset !important;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys .info-part-wraper .info-logos li {
    width: 50%;
    margin-right: 0px;
    margin-bottom: 5px;
    text-align: center;
    min-width: unset !important;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys .info-part-wraper .info-logos li {
    width: auto;
    justify-content: flex-start;
    padding: 0px 30px 20px 0;
  }
}
.info.info-industrys .info-part-wraper .info-logos li:hover {
  filter: grayscale(0);
}
@media only screen and (max-width: 1199px) {
  .info.info-industrys .info-part-wraper .info-logos li:nth-child(4n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys .info-part-wraper .info-logos li:nth-child(even) {
    float: right;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys .info-part-wraper .info-logos li:nth-child(even) {
    float: left;
  }
}
.info.info-industrys .info-part-wraper .info-logos li img {
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 1199px) {
  .info.info-industrys .info-part-wraper .info-logos li img {
    max-width: 90%;
    max-height: 90%;
  }
}
.info.info-industrys .info-part-wraper .info-logos li.egos img {
  max-width: 80%;
}
.info.info-industrys .info-part-wraper .info-logos li.jam img {
  max-width: 80%;
}
.info.info-industrys-route-planning {
  position: relative;
  padding: 0;
  margin: 180px 0 180px;
}
@media only screen and (max-width: 1440px) {
  .info.info-industrys-route-planning {
    margin: 140px 0 140px;
  }
}
@media only screen and (max-width: 1399px) {
  .info.info-industrys-route-planning {
    margin: 110px 0 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .info.info-industrys-route-planning {
    margin: 80px 0 80px;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys-route-planning {
    margin: 70px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys-route-planning {
    margin: 90px 0 0px;
  }
}
.info.info-industrys-route-planning:before {
  content: "";
  position: absolute;
  width: 842px;
  left: 0;
  height: 649px;
  background-image: url(../images/industries/optimized-route-planning.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1600px) {
  .info.info-industrys-route-planning:before {
    width: 45%;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys-route-planning:before {
    display: none;
  }
}
.info.info-industrys-route-planning .info-part {
  padding: 20px 0 100px;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .info.info-industrys-route-planning .info-part {
    padding-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys-route-planning .info-part {
    padding-bottom: 70px;
  }
}
.info.info-industrys-route-planning .imfo-image-wraper .cannabis-imfo-image {
  display: none;
}
@media only screen and (max-width: 767px) {
  .info.info-industrys-route-planning .imfo-image-wraper .cannabis-imfo-image {
    display: block;
    margin-bottom: 2rem;
  }
}
.info.info-industrys-route-planning.info-industrys-01:before {
  background-image: url(../images/dating-app/customer-module.jpg);
  width: 50%;
  height: 100%;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .info.info-industrys-route-planning.info-industrys-01:before {
    background-position: center center;
    width: 47%;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys-route-planning.info-industrys-01:before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys-route-planning.info-industrys-02 {
    margin-top: 0;
  }
}
.info.info-industrys-route-planning.info-industrys-02:before {
  right: 0;
  left: auto;
  background-image: url(../images/dating-app/business-module.jpg);
  background-position: right;
  width: 50%;
  height: 100%;
  background-size: cover;
}
@media only screen and (max-width: 1199px) {
  .info.info-industrys-route-planning.info-industrys-02:before {
    width: 47%;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys-route-planning.info-industrys-02:before {
    background-position: center center;
    width: 47%;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys-route-planning.info-industrys-02:before {
    display: none;
  }
}
.info.info-industrys-route-planning.info-industrys-03:before {
  background-image: url(../images/dating-app/third-party-integrations.jpg);
  width: 50%;
  height: 100%;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .info.info-industrys-route-planning.info-industrys-03:before {
    background-position: center center;
    width: 47%;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys-route-planning.info-industrys-03:before {
    display: none;
  }
}
.info.info-industrys-route-planning.info-industrys-04:before {
  right: 0;
  left: auto;
  background-image: url(../images/dating-app/ai-powered-messaging.jpg);
  background-position: right;
  width: 50%;
  height: 100%;
  background-size: cover;
}
@media only screen and (max-width: 1399px) {
  .info.info-industrys-route-planning.info-industrys-04:before {
    width: 47%;
  }
}
@media only screen and (max-width: 991px) {
  .info.info-industrys-route-planning.info-industrys-04:before {
    background-position: center center;
    width: 47%;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys-route-planning.info-industrys-04:before {
    display: none;
  }
}
.info.info-industrys-fleet-maintenance:before {
  right: 0;
  left: auto;
  background-image: url(../images/industries/fleet-maintenance.png);
}
@media only screen and (max-width: 991px) {
  .info.info-industrys-fleet-maintenance .info-part-wraper {
    order: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .info.info-industrys-fleet-maintenance .info-part-wraper {
    order: 2;
  }
}
.info.info-industrys-customer-experience:before {
  background-image: url(../images/industries/customer-experience.png);
}
.info.cannabis-info-industrys h2 {
  font-weight: 500;
}
.info-btn-section {
  padding: 0px 0 170px;
  text-align: center;
}
@media only screen and (max-width: 1440px) {
  .info-btn-section {
    padding: 0px 0 130px;
  }
}
@media only screen and (max-width: 1399px) {
  .info-btn-section {
    padding: 0px 0 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .info-btn-section {
    padding: 0px 0 80px;
  }
}
@media only screen and (max-width: 991px) {
  .info-btn-section {
    padding: 0px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .info-btn-section {
    padding: 0px 0 80px;
  }
}
.we-strive {
  text-align: center;
}
.we-strive p {
  padding-top: 25px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .we-strive p {
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .we-strive img {
    max-height: 60px;
  }
}
.industry-zigzag ul.industry-bullets {
  margin-top: 20px;
}
.features-block.industry-zigzag {
  padding-top: 120px;
}
@media only screen and (max-width: 767px) {
  .features-block.industry-zigzag {
    padding-top: 50px;
  }
}
.our-partners {
  padding: 140px 0;
  background: #ebebeb !important;
}
@media only screen and (max-width: 767px) {
  .our-partners {
    padding: 60px 0;
  }
}
.partner {
  box-shadow: 3px 4px 30px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
@media only screen and (max-width: 767px) {
  .we-strive.partner {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .we-strive.partner img {
    max-height: 50%;
  }
}
.heading h2 {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .heading h2 {
    margin-bottom: 30px;
  }
}
.heading p {
  margin-bottom: 60px;
  max-width: 600px;
}

.locations .heading {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .locations .heading {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .locations .heading h2 {
    margin-bottom: 0;
  }
}
.locations .locations-body .row {
  margin-right: -54px;
  margin-left: -54px;
}
@media only screen and (max-width: 1399px) {
  .locations .locations-body .row {
    margin-right: -44px;
    margin-left: -44px;
  }
}
@media only screen and (max-width: 1199px) {
  .locations .locations-body .row {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media only screen and (max-width: 575px) {
  .locations .locations-body .row {
    margin-right: 0px;
    margin-left: 0px;
  }
}
.locations .locations-body .location-card-wraper {
  margin-bottom: 90px;
  padding: 0 54px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1399px) {
  .locations .locations-body .location-card-wraper {
    padding: 0 44px;
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .locations .locations-body .location-card-wraper {
    padding: 0 20px;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 575px) {
  .locations .locations-body .location-card-wraper {
    margin-bottom: 40px;
    padding: 0px;
  }
}
.locations .locations-body .location-card-wraper:nth-last-child(3) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .locations .locations-body .location-card-wraper:nth-last-child(3) {
    margin-bottom: 30px;
  }
}
.locations .locations-body .location-card-wraper:nth-last-child(2) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .locations .locations-body .location-card-wraper:nth-last-child(2) {
    margin-bottom: 30px;
  }
}
.locations .locations-body .location-card-wraper:nth-last-child(1) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 575px) {
  .locations .locations-body .location-card-wraper:nth-last-child(1) {
    margin-bottom: 0px;
  }
}
.locations
  .locations-body
  .location-card-wraper
  .location-card
  .location-card-img {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .locations
    .locations-body
    .location-card-wraper
    .location-card
    .location-card-img {
    margin-bottom: 15px;
  }
}
.locations
  .locations-body
  .location-card-wraper
  .location-card
  .location-card-img
  img {
  display: block;
  width: 100%;
}
.locations
  .locations-body
  .location-card-wraper
  .location-card
  .location-card-content
  h3 {
  margin-bottom: 14px;
}
@media only screen and (max-width: 991px) {
  .locations
    .locations-body
    .location-card-wraper
    .location-card
    .location-card-content
    h3 {
    margin-bottom: 10px;
  }
}
.locations
  .locations-body
  .location-card-wraper
  .location-card
  .location-card-content
  address {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.02em;
  color: #000;
  margin-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .locations
    .locations-body
    .location-card-wraper
    .location-card
    .location-card-content
    address {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .locations
    .locations-body
    .location-card-wraper
    .location-card
    .location-card-content
    address {
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .locations
    .locations-body
    .location-card-wraper
    .location-card
    .location-card-content
    address
    br {
    display: none;
  }
}
.locations
  .locations-body
  .location-card-wraper
  .location-card
  .location-card-content
  a {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: 0.02em;
  color: #000;
  text-decoration: none;
}
.partners {
  padding: 160px 0;
  background-color: #222;
}
@media only screen and (max-width: 1440px) {
  .partners {
    padding: 130px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .partners {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .partners {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .partners {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .partners {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 575px) {
  .partners {
    padding: 70px 0;
  }
}
.partners .heading h2,
.partners .heading h3,
.partners .heading p {
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .partners .heading h2 {
    margin-bottom: 8px;
  }
}
.partners .heading p {
  max-width: 50%;
  font-size: 28px;
}
@media only screen and (max-width: 1440px) {
  .partners .heading p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1399px) {
  .partners .heading p {
    font-size: 17px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .partners .heading p {
    max-width: unset;
  }
}
.partners .partners-body {
  padding-top: 25px;
  color: #fff;
}
@media only screen and (max-width: 1440px) {
  .partners .partners-body {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 1399px) {
  .partners .partners-body {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .partners .partners-body {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .partners .partners-body {
    padding-top: 15px;
  }
}
.partners .partners-body .partners-logo {
  width: 23%;
  height: 183px;
  display: inline-block;
  margin-right: 15px;
  text-align: center;
  line-height: 183px;
  margin-bottom: 20px;
}
.partners .partners-body .partners-logo:nth-last-child(3) {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .partners .partners-body .partners-logo:nth-last-child(3) {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .partners .partners-body .partners-logo:nth-last-child(3) {
    margin-bottom: 30px;
  }
}
.partners .partners-body .partners-logo:nth-last-child(2) {
  margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
  .partners .partners-body .partners-logo:nth-last-child(2) {
    margin-bottom: 30px;
  }
}
.partners .partners-body .partners-logo:nth-last-child(1) {
  margin-bottom: 0;
}
.partners .partners-body .partners-logo img {
  width: 80%;
}
@media only screen and (max-width: 479px) {
  .partners .partners-body .partners-logo img {
    width: 70%;
  }
}
@media only screen and (max-width: 1399px) {
  .partners .partners-body .partners-logo {
    height: 160px;
    line-height: 160px;
  }
}
@media only screen and (max-width: 1280px) {
  .partners .partners-body .partners-logo {
    height: 150px;
    line-height: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .partners .partners-body .partners-logo {
    height: 100px;
    line-height: 100px;
    width: 22%;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .partners .partners-body .partners-logo {
    height: auto;
    line-height: inherit;
    width: 32%;
    margin-bottom: 40px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 479px) {
  .partners .partners-body .partners-logo {
    width: 49%;
    margin-bottom: 30px;
  }
}
.life-at {
  padding: 170px 70px;
  background: url("../images/life-at-innofied/life_at_innofied_bg-min.webp");
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 1440px) {
  .life-at {
    padding: 130px 70px;
  }
}
@media only screen and (max-width: 1399px) {
  .life-at {
    padding: 100px 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .life-at {
    padding: 80px 60px;
  }
}
@media only screen and (max-width: 991px) {
  .life-at {
    padding: 70px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .life-at {
    padding: 80px 20px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media only screen and (max-width: 575px) {
  .life-at {
    padding: 70px 20px;
    background-position: center;
  }
}
.life-at .life-at-inner-box {
  background: #222;
  padding: 40px;
  width: 43%;
}
@media only screen and (max-width: 1440px) {
  .life-at .life-at-inner-box {
    width: 53%;
  }
}
@media only screen and (max-width: 767px) {
  .life-at .life-at-inner-box {
    padding: 30px;
    width: 65%;
  }
}
@media only screen and (max-width: 575px) {
  .life-at .life-at-inner-box {
    padding: 20px;
    width: 100%;
  }
}
.life-at .life-at-inner-box h2 {
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .life-at .life-at-inner-box h2 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .life-at .life-at-inner-box h2 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .life-at .life-at-inner-box h2 {
    font-size: 27px;
    line-height: 34px;
  }
}
.life-at .life-at-inner-box p {
  color: #fafafa;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1399px) {
  .life-at .life-at-inner-box p {
    font-size: 20px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 1199px) {
  .life-at .life-at-inner-box p {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .life-at .life-at-inner-box p {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .life-at .life-at-inner-box p {
    font-size: 19px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .life-at .conteent-part-wraper {
    order: 2;
  }
}
.life-at .conteent-part-wraper .conteent-part h2 {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
  .life-at .conteent-part-wraper .conteent-part h2 {
    margin-bottom: 5px;
  }
}
.life-at .conteent-part-wraper .conteent-part h3 {
  font-style: normal;
  font-weight: 300;
  line-height: 47px;
  letter-spacing: 0.02em;
  color: #000;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .life-at .conteent-part-wraper .conteent-part h3 {
    font-size: 23px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .life-at .conteent-part-wraper .conteent-part h3 {
    line-height: 33px;
  }
}
.life-at .conteent-part-wraper .conteent-part p {
  margin-bottom: 50px;
  max-width: 550px;
}
@media only screen and (max-width: 1199px) {
  .life-at .conteent-part-wraper .conteent-part p {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .life-at .conteent-part-wraper .conteent-part p {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .life-at .video-part-wraper {
    order: 1;
    margin-bottom: 20px;
  }
}
.life-at .video-part-wraper .video-part {
  max-width: 620px;
  margin-right: 0;
  background-color: #fff;
  padding: 10px;
  box-shadow: 0px 0px 15px rgba(197, 197, 197, 0.75);
  margin-left: auto;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  .life-at .video-part-wraper .video-part {
    max-width: unset;
  }
}
.life-at .video-part-wraper .video-part span {
  position: absolute;
  content: "";
  width: 89px;
  height: 89px;
  background-image: url(../images/icons/video-icon.png);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .life-at .video-part-wraper .video-part span {
    width: 60px;
    height: 60px;
  }
}
.life-at .video-part-wraper .video-part .js-modal-btn {
  height: 100%;
  width: 100%;
}
.life-at .video-part-wraper .video-part img {
  display: block;
  width: 100%;
}
.modal-dialog {
  max-width: 800px;
  margin: 50px auto;
  padding: 0 20px;
}
@media only screen and (max-width: 991px) {
  .modal-dialog {
    max-width: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-dialog {
    margin: 90px auto;
  }
}
.modal-body {
  position: relative;
  padding: 0px;
}
.btn-close {
  position: absolute;
  right: -30px;
  top: 0;
  background-image: url(../images/icons/cross.png);
  opacity: 1;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .btn-close {
    right: 0;
    top: -28px;
  }
}
.btn-close:focus {
  outline: none;
  box-shadow: 0 0 0 0;
}
.opening {
  padding: 160px 0;
}
@media only screen and (max-width: 1440px) {
  .opening {
    padding: 130px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .opening {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .opening {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .opening {
    padding: 60px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .opening {
    padding: 40px 0 50px;
  }
}
.opening .heading {
  margin-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .opening .heading {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .opening .heading {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .opening .heading {
    margin-bottom: 25px;
  }
}
.opening .opening-body .row {
  margin-right: -30px;
  margin-left: -30px;
}
@media only screen and (max-width: 1399px) {
  .opening .opening-body .row {
    margin-right: -22px;
    margin-left: -22px;
  }
}
@media only screen and (max-width: 1199px) {
  .opening .opening-body .row {
    margin-right: -12px;
    margin-left: -12px;
  }
}
.opening .opening-body .card-wraper {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1399px) {
  .opening .opening-body .card-wraper {
    padding-left: 22px;
    padding-right: 22px;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .opening .opening-body .card-wraper {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 25px;
  }
}
.opening .opening-body .card-wraper:nth-last-child(4) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
  .opening .opening-body .card-wraper:nth-last-child(4) {
    margin-bottom: 25px;
  }
}
.opening .opening-body .card-wraper:nth-last-child(3) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
  .opening .opening-body .card-wraper:nth-last-child(3) {
    margin-bottom: 25px;
  }
}
.opening .opening-body .card-wraper:nth-last-child(2) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 575px) {
  .opening .opening-body .card-wraper:nth-last-child(2) {
    margin-bottom: 30px;
  }
}
.opening .opening-body .card-wraper:nth-last-child(1) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 575px) {
  .opening .opening-body .card-wraper:nth-last-child(1) {
    margin-bottom: 0px;
  }
}
.opening .opening-body .card-wraper .card {
  background-color: #fff;
  border-radius: 10px;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .opening .opening-body .card-wraper .card {
    max-width: 360px;
    margin: 0px auto;
  }
}
.opening .opening-body .card-wraper .card .card-img {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .opening .opening-body .card-wraper .card .card-img {
    margin-bottom: 25px;
  }
}
.opening .opening-body .card-wraper .card .card-img img {
  display: block;
  width: 100%;
}
.opening .opening-body .card-wraper .card .card-content {
  padding: 0 27px 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1399px) {
  .opening .opening-body .card-wraper .card .card-content {
    padding: 0 25px 28px;
  }
}
@media only screen and (max-width: 1199px) {
  .opening .opening-body .card-wraper .card .card-content {
    padding: 0 20px 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .opening .opening-body .card-wraper .card .card-content {
    padding: 0 15px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .opening .opening-body .card-wraper .card .card-content {
    padding: 0 25px 30px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .opening .opening-body .card-wraper .card .card-content {
    padding: 0 10px 20px;
  }
}
.opening .opening-body .card-wraper .card .card-content h4 {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #000;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1399px) {
  .opening .opening-body .card-wraper .card .card-content h4 {
    line-height: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .opening .opening-body .card-wraper .card .card-content h4 {
    font-size: 19px;
  }
}
@media only screen and (max-width: 991px) {
  .opening .opening-body .card-wraper .card .card-content h4 {
    font-size: 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .opening .opening-body .card-wraper .card .card-content h4 {
    font-size: 19px;
  }
}
.opening .opening-body .card-wraper .card .card-content .loc {
  display: block;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #000;
  margin-bottom: 5px;
}
.opening .opening-body .card-wraper .card .card-content .years {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #000;
  margin-bottom: 0px;
  display: block;
}
@media only screen and (max-width: 1399px) {
  .opening .opening-body .card-wraper .card .card-content .years {
    margin-bottom: 0px;
  }
}
.opening .opening-body .card-wraper .card .card-content p {
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #222;
  margin-bottom: 0;
}
.why-is-joining {
  padding: 170px 0;
}
@media only screen and (max-width: 1440px) {
  .why-is-joining {
    padding: 150px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .why-is-joining {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .why-is-joining {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .why-is-joining {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .why-is-joining {
    padding: 50px 0;
  }
}
.why-is-joining.employee-testimonial {
  background: #31444f;
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .why-is-joining.employee-testimonial
    .container
    > .align-items-center
    > .align-items-center {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .why-is-joining.employee-testimonial
    .container
    > .align-items-center
    > .align-items-center
    .v-section {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .why-is-joining .why-is-joining-images-wraper {
    order: 1;
  }
}
.why-is-joining .why-is-joining-images-wraper .why-is-joining-images {
  max-width: 600px;
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (max-width: 1440px) {
  .why-is-joining .why-is-joining-images-wraper .why-is-joining-images {
    max-width: 590px;
  }
}
@media only screen and (max-width: 1399px) {
  .why-is-joining .why-is-joining-images-wraper .why-is-joining-images {
    max-width: 520px;
  }
}
@media only screen and (max-width: 1199px) {
  .why-is-joining .why-is-joining-images-wraper .why-is-joining-images {
    max-width: 440px;
  }
}
@media only screen and (max-width: 991px) {
  .why-is-joining .why-is-joining-images-wraper .why-is-joining-images {
    max-width: 310px;
  }
}
@media only screen and (max-width: 767px) {
  .why-is-joining .why-is-joining-images-wraper .why-is-joining-images {
    max-width: 320px;
    margin: 0px auto 25px;
  }
}
.why-is-joining .why-is-joining-images-wraper .why-is-joining-images img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .why-is-joining .why-is-joining-content-wraper {
    order: 2;
  }
}
.why-is-joining .why-is-joining-content-wraper p {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .why-is-joining.why-is-joining-inv .why-is-joining-images-wraper {
    order: 1;
  }
}
.why-is-joining.why-is-joining-inv
  .why-is-joining-images-wraper
  .why-is-joining-images {
  margin-right: auto;
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .why-is-joining.why-is-joining-inv
    .why-is-joining-images-wraper
    .why-is-joining-images {
    max-width: 320px;
    margin: 0px auto 25px;
  }
}
@media only screen and (max-width: 767px) {
  .why-is-joining.why-is-joining-inv .why-is-joining-content-wraper {
    order: 2;
  }
}
.why-is-joining .v-section h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 46px;
  letter-spacing: 0.01em;
  color: #000000;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .why-is-joining .v-section h3 {
    font-size: 31px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 1199px) {
  .why-is-joining .v-section h3 {
    font-size: 26px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .why-is-joining .v-section h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
  }
}
@media only screen and (max-width: 767px) {
  .why-is-joining .v-section h3 {
    font-size: 30px;
    line-height: 45px;
    font-weight: 500;
  }
}
.why-is-joining .testimonial-section {
  position: relative;
  padding-top: 100px;
}
@media only screen and (max-width: 1399px) {
  .why-is-joining .testimonial-section {
    padding-left: 75px;
    position: relative;
    padding-top: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .why-is-joining .testimonial-section {
    padding-left: 50px;
    position: relative;
    padding-top: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .why-is-joining .testimonial-section {
    padding-left: 40px;
    position: relative;
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .why-is-joining .testimonial-section {
    padding-left: 20px;
    position: relative;
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .why-is-joining .testimonial-section {
    position: relative;
    padding-top: 50px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.why-is-joining .testimonial-section h3 {
  font-weight: 600;
  color: #fff;
  font-size: 48px;
  line-height: 58px;
}
@media only screen and (max-width: 1399px) {
  .why-is-joining .testimonial-section h3 {
    font-size: 41px;
    line-height: 53px;
  }
}
@media only screen and (max-width: 1199px) {
  .why-is-joining .testimonial-section h3 {
    font-size: 34px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .why-is-joining .testimonial-section h3 {
    font-size: 27px;
    line-height: 37px;
    font-weight: 500;
  }
}
.why-is-joining .testimonial-section p {
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #fff;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .why-is-joining .testimonial-section p {
    font-size: 22px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 1199px) {
  .why-is-joining .testimonial-section p {
    font-size: 22px;
    line-height: 29px;
  }
}
@media only screen and (max-width: 767px) {
  .why-is-joining .testimonial-section p {
    font-size: 17px;
    line-height: 28px;
  }
}
.why-is-joining .testimonial-section .auther {
  display: table;
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .why-is-joining .testimonial-section .auther {
    padding-top: 0;
    margin-bottom: 30px;
  }
}
.why-is-joining .testimonial-section .auther .auther-image {
  display: table-cell;
  width: 86px;
}
@media only screen and (max-width: 991px) {
  .why-is-joining .testimonial-section .auther .auther-image {
    width: 60px;
  }
}
.why-is-joining .testimonial-section .auther .auther-image img {
  width: 86px;
  height: 86px;
  border-radius: 50%;
}
@media only screen and (max-width: 991px) {
  .why-is-joining .testimonial-section .auther .auther-image img {
    width: 60px;
    height: 60px;
  }
}
.why-is-joining .testimonial-section .auther .auther-content {
  display: table-cell;
  font-weight: 400;
  padding-left: 30px;
  vertical-align: middle;
  font-size: 20px;
  line-height: 34px;
  color: #fff;
}
@media only screen and (max-width: 1399px) {
  .why-is-joining .testimonial-section .auther .auther-content {
    font-size: 22px;
    line-height: 29px;
  }
}
@media only screen and (max-width: 1199px) {
  .why-is-joining .testimonial-section .auther .auther-content {
    font-size: 19px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 991px) {
  .why-is-joining .testimonial-section .auther .auther-content {
    font-size: 17px;
    line-height: 22px;
    padding-left: 10px;
  }
}
.why-is-joining .testimonial-section .auther .auther-content p {
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 34px;
  color: #fff;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1399px) {
  .why-is-joining .testimonial-section .auther .auther-content p {
    font-size: 22px;
    line-height: 29px;
  }
}
@media only screen and (max-width: 1199px) {
  .why-is-joining .testimonial-section .auther .auther-content p {
    font-size: 19px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 991px) {
  .why-is-joining .testimonial-section .auther .auther-content p {
    font-size: 20px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 991px) {
  .why-is-joining h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .why-is-joining h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .why-is-joining h2 {
    font-size: 27px;
    line-height: 37px;
    margin-bottom: 13px;
    font-weight: 500;
  }
}
@media only screen and (max-width: 479px) {
  .why-is-joining h2 {
    margin-bottom: 10px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .why-is-joining h2 {
    font-size: 24px;
    line-height: 33px;
  }
}
.core-value {
  padding: 160px 0;
  background-color: #fafafa;
  position: relative;
}
.core-value:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/element/wood.jpg);
}
@media only screen and (max-width: 1440px) {
  .core-value {
    padding: 130px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .core-value {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .core-value {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .core-value {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .core-value {
    padding: 50px 0;
  }
}
.core-value .container {
  position: relative;
}
.core-value .heading {
  text-align: center;
  margin-bottom: 70px;
}
@media only screen and (max-width: 1399px) {
  .core-value .heading {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .core-value .heading {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .core-value .heading {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .core-value .heading {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }
}
.core-value .heading h2 {
  margin-bottom: 8px;
}
@media only screen and (max-width: 1199px) {
  .core-value .heading h2 {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .core-value .heading h2 {
    margin-bottom: 15px;
  }
}
.core-value .heading p {
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 47px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #222;
  margin: 0 auto;
}
@media only screen and (max-width: 1399px) {
  .core-value .heading p {
    font-size: 26px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .core-value .heading p {
    font-size: 20px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .core-value .heading p {
    font-size: 17px;
    line-height: 28px;
  }
}
.core-value .core-value-body {
  margin-right: -40px;
  margin-left: -40px;
}
@media only screen and (max-width: 1399px) {
  .core-value .core-value-body {
    margin-right: -30px;
    margin-left: -30px;
  }
}
@media only screen and (max-width: 1199px) {
  .core-value .core-value-body {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (max-width: 575px) {
  .core-value .core-value-body {
    margin-right: 0px;
    margin-left: 0px;
  }
}
.core-value .core-value-body .core-value-card-wraper {
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 70px;
}
@media only screen and (max-width: 1399px) {
  .core-value .core-value-body .core-value-card-wraper {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 55px;
  }
}
@media only screen and (max-width: 1199px) {
  .core-value .core-value-body .core-value-card-wraper {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .core-value .core-value-body .core-value-card-wraper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.core-value .core-value-body .core-value-card-wraper:nth-last-child(2) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
  .core-value .core-value-body .core-value-card-wraper:nth-last-child(2) {
    margin-bottom: 30px;
  }
}
.core-value .core-value-body .core-value-card-wraper:nth-last-child(1) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 575px) {
  .core-value .core-value-body .core-value-card-wraper:nth-last-child(1) {
    margin-bottom: 0px;
  }
}
.core-value .core-value-body .core-value-card-wraper .core-value-card {
  padding: 40px 30px;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  display: table;
  width: 100%;
}
@media only screen and (max-width: 1399px) {
  .core-value .core-value-body .core-value-card-wraper .core-value-card {
    padding: 35px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .core-value .core-value-body .core-value-card-wraper .core-value-card {
    padding: 25px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .core-value .core-value-body .core-value-card-wraper .core-value-card {
    display: block;
    padding: 30px;
    text-align: center;
  }
}
.core-value
  .core-value-body
  .core-value-card-wraper
  .core-value-card
  .core-value-card-img {
  display: table-cell;
  width: 156px;
  vertical-align: top;
}
@media only screen and (max-width: 1399px) {
  .core-value
    .core-value-body
    .core-value-card-wraper
    .core-value-card
    .core-value-card-img {
    width: 120px;
  }
}
@media only screen and (max-width: 1399px) {
  .core-value
    .core-value-body
    .core-value-card-wraper
    .core-value-card
    .core-value-card-img {
    vertical-align: top;
  }
}
@media only screen and (max-width: 575px) {
  .core-value
    .core-value-body
    .core-value-card-wraper
    .core-value-card
    .core-value-card-img {
    display: block;
    margin: 0px auto 20px;
  }
}
.core-value
  .core-value-body
  .core-value-card-wraper
  .core-value-card
  .core-value-card-img
  img {
  width: 156px;
  height: 156px;
  border-radius: 50%;
}
@media only screen and (max-width: 1399px) {
  .core-value
    .core-value-body
    .core-value-card-wraper
    .core-value-card
    .core-value-card-img
    img {
    width: 120px;
    height: 120px;
  }
}
.core-value
  .core-value-body
  .core-value-card-wraper
  .core-value-card
  .core-value-card-content {
  display: table-cell;
  padding-left: 30px;
  box-sizing: border-box;
  vertical-align: top;
}
@media only screen and (max-width: 1399px) {
  .core-value
    .core-value-body
    .core-value-card-wraper
    .core-value-card
    .core-value-card-content {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .core-value
    .core-value-body
    .core-value-card-wraper
    .core-value-card
    .core-value-card-content {
    display: block;
    padding-left: 0px;
  }
}
.core-value
  .core-value-body
  .core-value-card-wraper
  .core-value-card
  .core-value-card-content
  h3 {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1399px) {
  .core-value
    .core-value-body
    .core-value-card-wraper
    .core-value-card
    .core-value-card-content
    h3 {
    margin-bottom: 7px;
  }
}
.core-value
  .core-value-body
  .core-value-card-wraper
  .core-value-card
  .core-value-card-content
  p {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 33px;
}
@media only screen and (max-width: 1399px) {
  .core-value
    .core-value-body
    .core-value-card-wraper
    .core-value-card
    .core-value-card-content
    p {
    font-size: 18px;
    line-height: 27px;
  }
}
.core-value.core-value-two:before {
  background-image: none;
}
.opportunity {
  padding: 160px 0;
}
@media only screen and (max-width: 1440px) {
  .opportunity {
    padding: 140px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .opportunity {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .opportunity {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .opportunity {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .opportunity {
    padding: 50px 0;
  }
}
.opportunity .heading {
  padding-right: 0px;
}
.opportunity .heading h2 {
  max-width: 980px;
  margin: 0px auto 100px;
}
@media only screen and (max-width: 1440px) {
  .opportunity .heading h2 {
    margin: 0px auto 85px;
  }
}
@media only screen and (max-width: 1399px) {
  .opportunity .heading h2 {
    margin: 0px auto 70px;
    max-width: 840px;
  }
}
@media only screen and (max-width: 1199px) {
  .opportunity .heading h2 {
    max-width: 750px;
    margin: 0px auto 60px;
  }
}
@media only screen and (max-width: 991px) {
  .opportunity .heading h2 {
    max-width: 550px;
    margin: 0px auto 50px;
  }
}
@media only screen and (max-width: 767px) {
  .opportunity .heading h2 {
    margin: 0px auto 20px;
  }
}
.opportunity .opportunity-body {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 767px) {
  .opportunity .opportunity-body {
    flex-direction: column;
  }
}
.opportunity .opportunity-body .opportunity-box {
  border-radius: 50px;
}
.opportunity .opportunity-body .opportunity-box img {
  display: block;
  width: 100%;
}
.opportunity .opportunity-body .opportunity-box.opportunity-box-v {
  cursor: pointer;
}
.opportunity .opportunity-body .opportunity-box-col1,
.opportunity .opportunity-body .opportunity-box-col2,
.opportunity .opportunity-body .opportunity-box-col3 {
  position: relative;
  height: 810px;
}
@media only screen and (max-width: 1399px) {
  .opportunity .opportunity-body .opportunity-box-col1,
  .opportunity .opportunity-body .opportunity-box-col2,
  .opportunity .opportunity-body .opportunity-box-col3 {
    height: 720px;
  }
}
@media only screen and (max-width: 1199px) {
  .opportunity .opportunity-body .opportunity-box-col1,
  .opportunity .opportunity-body .opportunity-box-col2,
  .opportunity .opportunity-body .opportunity-box-col3 {
    height: 610px;
  }
}
@media only screen and (max-width: 991px) {
  .opportunity .opportunity-body .opportunity-box-col1,
  .opportunity .opportunity-body .opportunity-box-col2,
  .opportunity .opportunity-body .opportunity-box-col3 {
    height: 440px;
  }
}
@media only screen and (max-width: 767px) {
  .opportunity .opportunity-body .opportunity-box-col1,
  .opportunity .opportunity-body .opportunity-box-col2,
  .opportunity .opportunity-body .opportunity-box-col3 {
    height: auto;
  }
}
.opportunity .opportunity-body .opportunity-box-col1 {
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .opportunity .opportunity-body .opportunity-box-col1 {
    width: 100%;
  }
}
.opportunity .opportunity-body .opportunity-box-col2 {
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .opportunity .opportunity-body .opportunity-box-col2 {
    width: 100%;
  }
}
.opportunity .opportunity-body .opportunity-box-col3 {
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .opportunity .opportunity-body .opportunity-box-col3 {
    width: 100%;
  }
}
.opportunity .opportunity-body .opportunity-1 {
  left: 0;
  top: 23%;
  position: absolute;
  width: 86%;
}
@media only screen and (max-width: 1399px) {
  .opportunity .opportunity-body .opportunity-1 {
    width: 87%;
  }
}
@media only screen and (max-width: 767px) {
  .opportunity .opportunity-body .opportunity-1 {
    position: static;
    width: 100%;
    max-width: 300px;
    margin: 0px auto 15px;
  }
}
.opportunity .opportunity-body .opportunity-2 {
  width: 55%;
  left: 0;
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .opportunity .opportunity-body .opportunity-2 {
    position: static;
    width: 100%;
    max-width: 340px;
    margin: 0px auto 0px;
  }
}
.opportunity .opportunity-body .opportunity-3 {
  width: 84%;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .opportunity .opportunity-body .opportunity-3 {
    position: static;
    width: 100%;
    max-width: 300px;
    margin: 0px auto 30px;
  }
}
.opportunity .opportunity-body .opportunity-4 {
  width: 30%;
  position: absolute;
  right: 0;
  top: 28%;
}
@media only screen and (max-width: 767px) {
  .opportunity .opportunity-body .opportunity-4 {
    position: static;
    width: 100%;
    max-width: 300px;
    margin: 0px auto 30px;
  }
}
.opportunity .opportunity-body .opportunity-5 {
  width: 85%;
  right: 0;
  top: 0;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .opportunity .opportunity-body .opportunity-5 {
    position: static;
    width: 100%;
    max-width: 300px;
    margin: 0px auto 30px;
  }
}
.opportunity .opportunity-body .opportunity-6 {
  left: 0;
  top: 52%;
  position: absolute;
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .opportunity .opportunity-body .opportunity-6 {
    position: static;
    width: 100%;
    max-width: 300px;
    margin: 0px auto 0;
  }
}
.success-stories-banner {
  padding: 135px 0;
  margin-top: 110px;
}
@media only screen and (max-width: 1399px) {
  .success-stories-banner {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories-banner {
    padding: 70px 0 80px;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories-banner {
    padding: 60px 0 70px;
    margin-top: 74px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories-banner {
    padding: 100px 0 50px;
    margin-top: 74px;
  }
}
.success-stories-banner .heading {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1399px) {
  .success-stories-banner .heading {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories-banner .heading {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories-banner .heading {
    margin-bottom: 30px;
  }
}
.success-stories-banner .heading h1 {
  max-width: 1063px;
}
@media only screen and (max-width: 1399px) {
  .success-stories-banner .heading h1 {
    max-width: 850px;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories-banner .heading h1 {
    max-width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories-banner .heading h1 {
    font-size: 35px;
    line-height: 47px;
  }
}
.success-stories-banner .heading p {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .success-stories-banner .heading p {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories-banner .heading p br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories-banner .ss-body .cc-card-f-wraper {
    margin-bottom: 30px;
  }
}
.success-stories-banner .ss-body .cc-card-f-wraper .cc-card-f {
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0px 0px 15px #d9d9d9;
  border-radius: 10px;
  background-color: #f7f6f6;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1399px) {
  .success-stories-banner .ss-body .cc-card-f-wraper .cc-card-f {
    padding-bottom: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories-banner .ss-body .cc-card-f-wraper .cc-card-f {
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories-banner .ss-body .cc-card-f-wraper .cc-card-f {
    padding: 15px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories-banner .ss-body .cc-card-f-wraper .cc-card-f {
    box-shadow: 0px 0px 3px #d9d9d9;
  }
}
.success-stories-banner .ss-body .cc-card-f-wraper .cc-card-f .cc-card-f-image {
  position: relative;
}
.success-stories-banner
  .ss-body
  .cc-card-f-wraper
  .cc-card-f
  .cc-card-f-image
  img {
  display: block;
  width: 100%;
}
.success-stories-banner
  .ss-body
  .cc-card-f-wraper
  .cc-card-f
  .cc-card-f-image
  span {
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 5px 25px;
  border: 1px solid #d3d3d3;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 7px;
  font-weight: 500;
  font-size: 17px;
  line-height: 36px;
  display: flex;
  align-items: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-image
    span {
    padding: 3px 18px;
    font-size: 16px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-image
    span {
    padding: 0 15px;
    font-size: 14px;
    line-height: 33px;
    right: 15px;
    bottom: 15px;
  }
}
.success-stories-banner
  .ss-body
  .cc-card-f-wraper
  .cc-card-f
  .cc-card-f-content {
  padding: 42px 25px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1399px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-content {
    padding: 36px 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-content {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-content {
    padding: 25px 0 33px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-content {
    text-align: left;
  }
}
.success-stories-banner
  .ss-body
  .cc-card-f-wraper
  .cc-card-f
  .cc-card-f-content
  .cc-logo {
  height: 40px;
  width: auto;
  display: inline-block;
  line-height: 40px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-content
    .cc-logo {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-content
    .cc-logo {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-content
    .cc-logo {
    margin-bottom: 10px;
    max-width: 135px;
  }
}
.success-stories-banner
  .ss-body
  .cc-card-f-wraper
  .cc-card-f
  .cc-card-f-content
  .cc-logo
  img {
  display: block;
  width: 100%;
}
.success-stories-banner
  .ss-body
  .cc-card-f-wraper
  .cc-card-f
  .cc-card-f-content
  p {
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 36px;
  color: #000;
  margin-bottom: 44px;
}
@media only screen and (max-width: 1399px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-content
    p {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-content
    p {
    font-size: 21px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-content
    p {
    font-size: 19px;
    line-height: 27px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-content
    p {
    font-size: 18px;
    line-height: 26px;
  }
}
.success-stories-banner
  .ss-body
  .cc-card-f-wraper
  .cc-card-f
  .cc-card-f-content
  .read-more {
  float: right;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 36px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  color: #2c80ff;
  background-image: url(../images/icons/arrow-right2.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 40px;
  padding-left: 20px;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.success-stories-banner
  .ss-body
  .cc-card-f-wraper
  .cc-card-f
  .cc-card-f-content
  .read-more:hover {
  background-color: #e4efff;
  border-radius: 5px;
  background-image: url(../images/icons/arrow-right2.png);
  background-position: right center;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1399px) {
  .success-stories-banner
    .ss-body
    .cc-card-f-wraper
    .cc-card-f
    .cc-card-f-content
    .read-more {
    font-size: 18px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories-banner .ss-body .cc-card-f-wraper:last-child {
    margin-bottom: 0px;
  }
}
.success-stories {
  padding: 135px 0;
}
@media only screen and (max-width: 1399px) {
  .success-stories {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories {
    padding: 50px 0;
  }
}
.success-stories h2 {
  margin-bottom: 70px;
}
@media only screen and (max-width: 1399px) {
  .success-stories h2 {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories h2 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories h2 {
    margin-bottom: 30px;
  }
}
.success-stories .success-stories-items {
  margin-right: -40px;
  margin-left: -40px;
}
@media only screen and (max-width: 1440px) {
  .success-stories .success-stories-items {
    margin-right: -30px;
    margin-left: -30px;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories .success-stories-items {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories .success-stories-items {
    margin-right: 0px;
    margin-left: 0px;
  }
}
.success-stories .success-stories-items .success-stories-item-wraper {
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 45px;
  display: none;
}
@media only screen and (max-width: 1440px) {
  .success-stories .success-stories-items .success-stories-item-wraper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories .success-stories-items .success-stories-item-wraper {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories .success-stories-items .success-stories-item-wraper {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper:nth-last-child(3) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper:nth-last-child(3) {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper:nth-last-child(3) {
    margin-bottom: 30px;
  }
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper:nth-last-child(2) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper:nth-last-child(2) {
    margin-bottom: 30px;
  }
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper:nth-last-child(1) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 575px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper:nth-last-child(1) {
    margin-bottom: 0px;
  }
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper
  .success-stories-item {
  border: 1px solid #e3e3e3;
  box-shadow: 0px 0px 15px #e7e7e7;
  border-radius: 5px;
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper
  .success-stories-item
  .success-stories-item-img
  img {
  display: block;
  width: 100%;
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper
  .success-stories-item
  .success-stories-item-content {
  padding: 50px 25px 65px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1399px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper
    .success-stories-item
    .success-stories-item-content {
    padding: 42px 20px 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper
    .success-stories-item
    .success-stories-item-content {
    padding: 35px 20px 55px;
  }
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper
  .success-stories-item
  .success-stories-item-content
  .cc-logo {
  height: 34px;
  max-width: 120px;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 15px;
  float: left;
}
@media only screen and (max-width: 1399px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper
    .success-stories-item
    .success-stories-item-content
    .cc-logo {
    margin-top: 0;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper
    .success-stories-item
    .success-stories-item-content
    .cc-logo {
    width: 114px;
  }
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper
  .success-stories-item
  .success-stories-item-content
  .cc-logo
  img {
  max-height: 100%;
  display: block;
  width: auto;
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper
  .success-stories-item
  .success-stories-item-content
  .cc-logo.cc-logo-alter {
  display: flex;
  align-items: center;
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper
  .success-stories-item
  .success-stories-item-content
  .cc-cat {
  display: inline-block;
  float: right;
  background: #e1ffe0;
  border-radius: 100px;
  padding: 7px 12px;
  box-sizing: border-box;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  display: flex;
  align-items: center;
  color: #000000;
}
@media only screen and (max-width: 1199px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper
    .success-stories-item
    .success-stories-item-content
    .cc-cat {
    padding: 5px 10px;
    font-size: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper
    .success-stories-item
    .success-stories-item-content
    .cc-cat {
    padding: 5px 15px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper
    .success-stories-item
    .success-stories-item-content
    .cc-cat {
    padding: 5px 10px;
    font-size: 10px;
  }
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper
  .success-stories-item
  .success-stories-item-content
  p {
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 33px;
  color: #000000;
  margin-bottom: 30px;
  clear: both;
  padding-top: 25px;
}
@media only screen and (max-width: 1399px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper
    .success-stories-item
    .success-stories-item-content
    p {
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper
    .success-stories-item
    .success-stories-item-content
    p {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 20px;
    padding-top: 15px;
  }
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper
  .success-stories-item
  .success-stories-item-content
  .read-more {
  float: right;
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 36px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  color: #2c80ff;
  background-image: url(../images/icons/arrow-right2.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 40px;
  padding-left: 20px;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.success-stories
  .success-stories-items
  .success-stories-item-wraper
  .success-stories-item
  .success-stories-item-content
  .read-more:hover {
  background-color: #e4efff;
  border-radius: 5px;
  background-image: url(../images/icons/arrow-right2.png);
  background-position: right center;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1399px) {
  .success-stories
    .success-stories-items
    .success-stories-item-wraper
    .success-stories-item
    .success-stories-item-content
    .read-more {
    font-size: 17px;
    line-height: 34px;
  }
}
.success-stories .btn-section {
  text-align: center;
  padding-top: 20px;
}
@media only screen and (max-width: 1399px) {
  .success-stories .btn-section {
    padding-top: 15px;
  }
}
.success-stories .btn-section .btn {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #2c80ff;
}
.success-stories .btn-section .btn span {
  margin-right: 10px;
  display: inline-block;
}
.success-stories .btn-section .btn:focus {
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}
.success-stories-section {
  padding: 120px 0;
  background-color: #eeeeee;
}
@media only screen and (max-width: 1399px) {
  .success-stories-section {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .success-stories-section {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories-section {
    padding: 70px 0;
    margin-top: 74px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories-section {
    padding: 50px 0;
  }
}
.success-stories-section .container {
  background-color: #fff;
  padding: 100px 130px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1440px) {
  .success-stories-section .container {
    padding: 90px 120px;
  }
}
@media only screen and (max-width: 1399px) {
  .success-stories-section .container {
    padding: 80px 80px;
  }
}
.success-stories-section .container .logo {
  height: 58px;
  width: auto;
  display: inline-block;
}
.success-stories-section .container .logo img {
  max-width: 100%;
}
.success-stories-section .container .content-section {
  padding-top: 50px;
  padding-left: 80px;
}
.success-stories-section .container h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.01em;
  color: #000000;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .success-stories-section .container h3 {
    font-size: 38px;
    line-height: 54px;
  }
}
.success-stories-section .container p {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #000000;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1399px) {
  .success-stories-section .container p {
    font-size: 24px;
    line-height: 37px;
  }
}
.success-stories-section .container .cs-footer-data {
  display: table;
  width: 100%;
  padding-top: 0px;
}
.success-stories-section .container .cs-footer-data .cs-footer-data-left {
  display: table-cell;
  width: 25%;
}
.success-stories-section .container .cs-footer-data .cs-footer-data-left h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 44px;
  letter-spacing: 0.01em;
  color: #000000;
}
@media only screen and (max-width: 1399px) {
  .success-stories-section .container .cs-footer-data .cs-footer-data-left h5 {
    font-size: 22px;
    line-height: 42px;
  }
}
.success-stories-section .container .cs-footer-data .cs-footer-data-left .data {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
  color: #000000;
  display: inline-block;
  max-width: 260px;
  border-left: 2px solid #fabc1c;
  padding-left: 25px;
}
@media only screen and (max-width: 1399px) {
  .success-stories-section
    .container
    .cs-footer-data
    .cs-footer-data-left
    .data {
    font-size: 19px;
    line-height: 28px;
  }
}
.success-stories-section .container .cs-footer-data .cs-footer-data-right {
  display: table-cell;
  width: 50%;
}
.success-stories-section .container .cs-footer-data .cs-footer-data-right h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 44px;
  letter-spacing: 0.01em;
  color: #000000;
}
@media only screen and (max-width: 1399px) {
  .success-stories-section .container .cs-footer-data .cs-footer-data-right h5 {
    font-size: 22px;
    line-height: 42px;
  }
}
.success-stories-section
  .container
  .cs-footer-data
  .cs-footer-data-right
  .data {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
  color: #000000;
  display: inline-block;
  max-width: 250px;
  border-left: 2px solid #2c80ff;
  padding-left: 25px;
}
@media only screen and (max-width: 1399px) {
  .success-stories-section
    .container
    .cs-footer-data
    .cs-footer-data-right
    .data {
    font-size: 19px;
    line-height: 28px;
    max-width: 240px;
  }
}
.success-stories-section .container .img-section {
  margin-top: 70px;
}
.success-stories-section .container .img-section img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .success-stories-banner.expertise-banner .heading {
    margin-bottom: 0;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section {
  padding: 120px 0;
  background-color: #eeeeee;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section {
    padding: 70px 0;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section {
    padding: 80px 0 80px;
  }
}
@media only screen and (max-width: 575px) {
  .cs-footer-full-section.cs-footer-case-studies-section {
    padding: 65px 0 70px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 60px;
  text-transform: none;
  color: #000000;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    h3 {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    h3 {
    text-align: left;
    max-width: 330px;
    line-height: 46px;
    font-size: 33px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    h3 {
    text-align: left;
    max-width: 330px;
    line-height: 34px;
    font-size: 26px;
    margin-bottom: 25px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel {
  display: flex;
  width: 100%;
  flex-direction: row;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel {
    flex-direction: column;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content {
  background-color: #fff;
  width: 100%;
  padding: 60px 100px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content {
    padding: 50px 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content {
    padding: 40px 40px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content {
    width: 65%;
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content {
    padding: 60px 20px;
    margin-bottom: 20px;
    width: 100%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  .logo {
  height: 90px;
  width: auto;
  display: inline-block;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .logo {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .logo {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .logo {
    margin-bottom: 15px;
    height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .logo {
    margin-bottom: 20px;
    max-width: 150px;
    height: auto;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  .logo
  img {
  display: block;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 43px;
  line-height: 60px;
  letter-spacing: 0.01em;
  color: #000000;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    h3 {
    font-size: 38px;
    line-height: 54px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    h3 {
    font-size: 33px;
    line-height: 47px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    h3 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
    max-width: unset;
  }
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
    max-width: unset;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  p {
  font-style: normal;
  font-weight: 400;
  font-size: 27px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #000000;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    p {
    font-size: 21px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    p {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    p {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 30px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 44px;
  letter-spacing: 0.01em;
  color: #000000;
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    h5 {
    font-size: 22px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    h5 {
    font-size: 19px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    h5 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    h5 {
    margin-bottom: 8px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  h5
  span {
  font-size: 38px;
  margin-right: 8px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    h5
    span {
    font-size: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    h5
    span {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    h5
    span {
    font-size: 24px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  .data {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
  color: #000000;
  display: inline-block;
  max-width: 150px;
  border-left: 2px solid #fabc1c;
  padding-left: 25px;
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .data {
    font-size: 19px;
    line-height: 27px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .data {
    font-size: 17px;
    line-height: 24px;
    padding-left: 15px;
    max-width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .data {
    font-size: 19px;
    line-height: 20px;
    padding-left: 13px;
    padding-right: 10px;
    max-width: unset;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  .cs-footer-data {
  display: table;
  width: 100%;
  padding-top: 0px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .cs-footer-data {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .cs-footer-data {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .cs-footer-data {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .cs-footer-data {
    display: block;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  .cs-footer-data
  .cs-footer-data-left {
  display: table-cell;
  width: 50%;
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .cs-footer-data
    .cs-footer-data-left {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  .cs-footer-data
  .cs-footer-data-right {
  display: table-cell;
  width: 50%;
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .cs-footer-data
    .cs-footer-data-right {
    display: block;
    width: 100%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  .cs-footer-data
  .cs-footer-data-right
  .data {
  border-left: 2px solid #2c80ff;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  .btn-section {
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-content
    .btn-section {
    padding-top: 40px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-content
  .btn-section
  .button {
  margin-bottom: 0 !important;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-img {
  width: 417px;
  margin-left: 30px;
  background-color: #fff;
  padding: 40px;
  box-sizing: border-box;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-img {
    width: 35%;
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-img {
    width: 100%;
    margin-left: 0;
    padding: 60px 20px;
  }
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-img {
    padding: 20px;
    text-align: center;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-img
  .mobile-images {
  width: 225px;
  height: auto;
  margin-bottom: 20px;
  max-width: 100%;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-img
    .mobile-images {
    width: 175px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-img
    .mobile-images {
    margin: 0 auto;
    max-width: 49%;
    width: 100%;
    float: left;
    margin-right: 8px;
  }
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-img
    .mobile-images:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-img
    .mobile-images {
    margin: 0 auto;
    width: 100%;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 375px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies
    .footer-c-s-panel
    .footer-c-s-panel-img
    .mobile-images {
    margin: 0 auto 15px;
    max-width: 100%;
    float: none;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-img
  .mobile-images
  img {
  display: block;
  width: 100%;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies
  .footer-c-s-panel
  .footer-c-s-panel-img
  .mobile-images:last-child {
  margin-bottom: 0;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2 {
  padding: 100px 100px;
  box-sizing: border-box;
  background-size: cover;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2 {
    padding: 80px 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2 {
    padding: 70px 70px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2 {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2 {
    padding: 60px 20px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .logo {
  height: 90px;
  width: auto;
  display: inline-block;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .logo {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .logo {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .logo {
    margin-bottom: 15px;
    height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .logo {
    margin-bottom: 20px;
    max-width: 150px;
    height: auto;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .logo
  img {
  display: block;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .foot-case-studies-2 {
  max-width: 780px;
  padding-left: 60px;
  box-sizing: border-box;
  margin-top: 20px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2 {
    max-width: 750px;
    padding-left: 50px;
    box-sizing: border-box;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2 {
    max-width: 750px;
    padding-left: 0;
    box-sizing: border-box;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2 {
    margin-top: 0px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .foot-case-studies-2
  h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 43px;
  line-height: 60px;
  letter-spacing: 0.01em;
  color: #fff;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    h3 {
    font-size: 38px;
    line-height: 54px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    h3 {
    font-size: 33px;
    line-height: 47px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    h3 {
    font-size: 23px;
    line-height: 35px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
    max-width: unset;
  }
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
    max-width: unset;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .foot-case-studies-2
  p {
  font-style: normal;
  font-weight: 400;
  font-size: 27px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #fff;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    p {
    font-size: 21px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    p {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    p {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 30px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .foot-case-studies-2
  h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 44px;
  letter-spacing: 0.01em;
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    h5 {
    font-size: 22px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    h5 {
    font-size: 19px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    h5 {
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    h5 {
    margin-bottom: 8px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .foot-case-studies-2
  h5
  span {
  font-size: 38px;
  margin-right: 8px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    h5
    span {
    font-size: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    h5
    span {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    h5
    span {
    font-size: 24px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .foot-case-studies-2
  .data {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
  color: #fff;
  display: inline-block;
  max-width: 150px;
  border-left: 2px solid #fabc1c;
  padding-left: 25px;
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    .data {
    font-size: 19px;
    line-height: 27px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    .data {
    font-size: 17px;
    line-height: 24px;
    padding-left: 15px;
    max-width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    .data {
    font-size: 19px;
    line-height: 20px;
    padding-left: 13px;
    padding-right: 10px;
    max-width: unset;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .foot-case-studies-2
  .cs-footer-data {
  display: table;
  width: 100%;
  padding-top: 0px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    .cs-footer-data {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    .cs-footer-data {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    .cs-footer-data {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    .cs-footer-data {
    display: block;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .foot-case-studies-2
  .cs-footer-data
  .cs-footer-data-left {
  display: table-cell;
  width: 50%;
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    .cs-footer-data
    .cs-footer-data-left {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .foot-case-studies-2
  .cs-footer-data
  .cs-footer-data-right {
  display: table-cell;
  width: 50%;
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    .cs-footer-data
    .cs-footer-data-right {
    display: block;
    width: 100%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .foot-case-studies-2
  .cs-footer-data
  .cs-footer-data-right
  .data {
  border-left: 2px solid #2c80ff;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .foot-case-studies-2
  .btn-section {
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-2
    .foot-case-studies-2
    .btn-section {
    padding-top: 40px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-2
  .foot-case-studies-2
  .btn-section
  .button {
  margin-bottom: 0 !important;
}
.cs-footer-full-section.cs-footer-case-studies-section.cs-footer-case-studies-section-white {
  background-color: #fff;
  padding: 120px 0;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section.cs-footer-case-studies-section-white {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 575px) {
  .cs-footer-full-section.cs-footer-case-studies-section.cs-footer-case-studies-section-white {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories.success-stories-sec
    .success-stories-items
    .success-stories-item-wraper {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories.success-stories-sec
    .success-stories-items
    .success-stories-item-wraper {
    max-width: 320px;
    margin: 0px auto 30px;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories.success-stories-sec
    .success-stories-items
    .success-stories-item-wraper:last-child {
    margin-bottom: 0px;
  }
}
.success-stories.success-stories-sec.cannabis-cs {
  padding: 30px 0 100px;
}
@media only screen and (max-width: 1399px) {
  .success-stories.success-stories-sec.cannabis-cs {
    padding: 15px 0 100px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories.success-stories-sec.cannabis-cs {
    padding: 90px 0 100px;
  }
}
.success-stories.success-stories-sec.cannabis-cs .cs-batch {
  background: #e1ffe0;
  border-radius: 100px;
  padding: 7px 12px;
  box-sizing: border-box;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  display: flex;
  align-items: center;
  color: #000000;
  display: inline-block;
  position: absolute;
  top: 35px;
  right: 30px;
}
@media only screen and (max-width: 1199px) {
  .success-stories.success-stories-sec.cannabis-cs .cs-batch {
    padding: 5px 10px;
    font-size: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .success-stories.success-stories-sec.cannabis-cs .cs-batch {
    padding: 5px 15px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .success-stories.success-stories-sec.cannabis-cs .cs-batch {
    padding: 5px 10px;
    font-size: 10px;
  }
}
.how-we-help {
  padding: 170px 0;
}
@media only screen and (max-width: 1440px) {
  .how-we-help {
    padding: 130px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .how-we-help {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .how-we-help {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .how-we-help {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .how-we-help {
    padding: 0px 0 80px;
  }
}
@media only screen and (max-width: 575px) {
  .how-we-help {
    padding: 0px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .how-we-help.dating-help {
    padding: 80px 0 80px;
  }
}
.how-we-help h2 {
  margin-bottom: 45px;
}
@media only screen and (max-width: 1399px) {
  .how-we-help h2 {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 575px) {
  .how-we-help h2 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .how-we-help h2 {
    margin-bottom: 20px;
  }
}
.how-we-help .how-we-help-item-wraper {
  margin-bottom: 30px;
}
.how-we-help .how-we-help-item-wraper:nth-last-child(3) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
  .how-we-help .how-we-help-item-wraper:nth-last-child(3) {
    margin-bottom: 30px;
  }
}
.how-we-help .how-we-help-item-wraper:nth-last-child(2) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .how-we-help .how-we-help-item-wraper:nth-last-child(2) {
    margin-bottom: 30px;
  }
}
.how-we-help .how-we-help-item-wraper:nth-last-child(1) {
  margin-bottom: 0px;
}
.how-we-help .how-we-help-item-wraper .how-we-help-item {
  border: 1px solid #b0d0ff;
  padding: 60px 35px 50px;
  box-sizing: border-box;
  height: 100%;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  background-color: transparent;
}
@media only screen and (max-width: 1399px) {
  .how-we-help .how-we-help-item-wraper .how-we-help-item {
    padding: 45px 30px 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .how-we-help .how-we-help-item-wraper .how-we-help-item {
    padding: 35px 25px 35px;
  }
}
@media only screen and (max-width: 991px) {
  .how-we-help .how-we-help-item-wraper .how-we-help-item {
    padding: 30px 20px 30px;
  }
}
.how-we-help .how-we-help-item-wraper .how-we-help-item:hover {
  background-color: #eaf2ff;
}
.how-we-help .how-we-help-item-wraper .how-we-help-item h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 34px;
  line-height: 44px;
  letter-spacing: 0.01em;
  color: #222222;
}
@media only screen and (max-width: 1399px) {
  .how-we-help .how-we-help-item-wraper .how-we-help-item h3 {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 1199px) {
  .how-we-help .how-we-help-item-wraper .how-we-help-item h3 {
    font-size: 25px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 991px) {
  .how-we-help .how-we-help-item-wraper .how-we-help-item h3 {
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 15px;
    min-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .how-we-help .how-we-help-item-wraper .how-we-help-item h3 {
    min-height: auto;
  }
}
.how-we-help .how-we-help-item-wraper .how-we-help-item p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.01em;
  color: #222222;
  margin-bottom: 0;
}
@media only screen and (max-width: 1399px) {
  .how-we-help .how-we-help-item-wraper .how-we-help-item p {
    font-size: 17px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1199px) {
  .how-we-help .how-we-help-item-wraper .how-we-help-item p {
    line-height: 26px;
  }
}
.how-we-help.cannabis-capabilities {
  background-size: cover;
  background-color: #052944;
}
@media only screen and (max-width: 767px) {
  .how-we-help.cannabis-capabilities {
    padding: 80px 0 80px;
  }
}
.how-we-help.cannabis-capabilities h2 {
  color: #fff;
}
.how-we-help.cannabis-capabilities p {
  color: #fff;
}
.how-we-help.cannabis-capabilities .how-we-help-item-wraper {
  margin-bottom: 30px;
}
.how-we-help.cannabis-capabilities .how-we-help-item-wraper .how-we-help-item {
  background-color: #fff;
}
.how-we-help.cannabis-capabilities
  .how-we-help-item-wraper
  .how-we-help-item:hover {
  background-color: #eaf2ff;
}
@media only screen and (max-width: 991px) {
  .how-we-help.cannabis-capabilities
    .how-we-help-item-wraper
    .how-we-help-item
    h3 {
    min-height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .how-we-help.cannabis-capabilities .how-we-help-item-wraper:last-child {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .expertise-banner .heading {
    margin-bottom: 0;
  }
}
.capabilities {
  padding: 150px 0;
  background-image: url(../images/element/join-us1.webp);
  position: relative;
  background-size: cover;
}
@media only screen and (max-width: 1440px) {
  .capabilities {
    padding: 130px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .capabilities {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .capabilities {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .capabilities {
    padding: 60px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .capabilities {
    padding: 70px 0 80px;
  }
}
@media only screen and (max-width: 575px) {
  .capabilities {
    padding: 60px 0 70px;
  }
}
.capabilities:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(7, 28, 61, 0.8);
}
.capabilities .container {
  position: relative;
}
.capabilities h2 {
  color: #ffffff;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .capabilities h2 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .capabilities h2 {
    margin-bottom: 20px;
  }
}
.capabilities .capabilities-inner {
  padding: 50px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
}
@media only screen and (max-width: 991px) {
  .capabilities .capabilities-inner {
    padding: 30px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .capabilities .capabilities-inner {
    padding: 20px;
  }
}
.capabilities .capabilities-inner h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 34px;
  line-height: 44px;
  letter-spacing: 0.01em;
  color: #2c80ff;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .capabilities .capabilities-inner h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .capabilities .capabilities-inner h3 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .capabilities .capabilities-inner h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
  }
}
.capabilities .capabilities-inner ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .capabilities .capabilities-inner ul {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
  }
}
.capabilities .capabilities-inner ul:before {
  position: absolute;
  content: "";
  right: 30px;
  width: 1px;
  height: 100%;
  background-color: #dfdfdf;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .capabilities .capabilities-inner ul:before {
    right: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .capabilities .capabilities-inner ul:before {
    display: none;
  }
}
.capabilities .capabilities-inner ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 60px;
  color: #222222;
  position: relative;
  padding-left: 40px;
}
@media only screen and (max-width: 1399px) {
  .capabilities .capabilities-inner ul li {
    font-size: 19px;
    line-height: 50px;
    padding-left: 32px;
  }
}
@media only screen and (max-width: 1199px) {
  .capabilities .capabilities-inner ul li {
    font-size: 18px;
    line-height: 44px;
    padding-left: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .capabilities .capabilities-inner ul li {
    font-size: 17px;
    line-height: 38px;
    padding-left: 24px;
    width: 50%;
    float: left;
    padding-right: 24px;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 767px) {
  .capabilities .capabilities-inner ul li {
    padding-left: 30px;
    width: 100%;
    float: none;
    padding-right: 30px;
  }
}
.capabilities .capabilities-inner ul li:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #2c80ff;
  left: 0;
  top: 28px;
  border-radius: 50%;
}
@media only screen and (max-width: 1399px) {
  .capabilities .capabilities-inner ul li:before {
    top: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .capabilities .capabilities-inner ul li:before {
    top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .capabilities .capabilities-inner ul li:before {
    top: 13px;
  }
}
.capabilities .capabilities-inner ul.last:before {
  display: none;
}
@media only screen and (max-width: 991px) {
  .capabilities .capabilities-inner ul.last {
    margin-bottom: 0px;
  }
}
.contact-us-form-section {
  padding: 0px 0 130px;
}
@media only screen and (max-width: 1440px) {
  .contact-us-form-section {
    padding: 0px 0 110px;
  }
}
@media only screen and (max-width: 1399px) {
  .contact-us-form-section {
    padding: 0px 0 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .contact-us-form-section {
    padding: 0px 0 80px;
  }
}
@media only screen and (max-width: 991px) {
  .contact-us-form-section {
    padding: 0px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-us-form-section {
    padding: 0px 0 50px;
  }
}
.contact-us-form-section h5 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .contact-us-form-section h5 {
    font-size: 22px;
    line-height: 32px;
  }
}
.contact-us-form-section .contact-us-form {
  background-color: #f6f6f6;
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .contact-us-form-section .contact-us-form {
    padding: 20px;
  }
}
.contact-us-form-section .contact-us-form .form-footer {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
}
.contact-us-form-section .contact-us-form .form-footer .privacy-text {
  display: none;
  font-size: 14px;
}
.contact-us-form-section .contact-us-form form textarea {
  height: 180px;
  resize: none;
}
@media only screen and (max-width: 991px) {
  .contact-us-form-section .contact-us-form form textarea {
    height: 160px;
  }
}
.contact-us-form-section .contact-us-right {
  padding: 100px 0px 0 120px;
}
@media only screen and (max-width: 1440px) {
  .contact-us-form-section .contact-us-right {
    padding: 100px 0px 0 105px;
  }
}
@media only screen and (max-width: 1399px) {
  .contact-us-form-section .contact-us-right {
    padding: 83px 0px 0 95px;
  }
}
@media only screen and (max-width: 1199px) {
  .contact-us-form-section .contact-us-right {
    padding: 83px 0px 0 75px;
  }
}
@media only screen and (max-width: 991px) {
  .contact-us-form-section .contact-us-right {
    padding: 83px 20px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-us-form-section .contact-us-right {
    padding: 30px 10px 0 10px;
  }
}
.contact-us-form-section .contact-us-right h2 {
  margin-bottom: 17px;
}
@media only screen and (max-width: 991px) {
  .contact-us-form-section .contact-us-right h2 {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-us-form-section .contact-us-right h2 {
    margin-bottom: 10px;
  }
}
.contact-us-form-section .contact-us-right h2 + a {
  font-weight: 500;
}
.contact-us-form-section .contact-us-right h2.contact-us-head {
  margin-top: 50px;
}
@media only screen and (max-width: 1199px) {
  .contact-us-form-section .contact-us-right h2.contact-us-head {
    margin-top: 40px;
  }
}
.contact-us-form-section .contact-us-right a {
  display: block;
  color: #000;
  margin-bottom: 23px;
  font-style: normal;
  font-weight: 200;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
  color: #000000;
}
@media only screen and (max-width: 1199px) {
  .contact-us-form-section .contact-us-right a {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .contact-us-form-section .contact-us-right a {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 19px;
  }
}
.contact-us-form-section .contact-us-right a:hover {
  color: #0d6efd;
}
@media only screen and (max-width: 767px) {
  .contact-us-form-section .contact-us-right a:last-child {
    margin-bottom: 0;
  }
}
.contact-us-form-section .contact-us-right .mailto {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #9f9f9f;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1199px) {
  .contact-us-form-section .contact-us-right .mailto {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .contact-us-form-section .contact-us-right .mailto {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.contact-us-form-section .contact-us-right .mailto:hover {
  color: #0d6efd;
}
.inno-group-slider.slick-slider .slick-next,
.inno-group-slider.slick-slider .slick-prev {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fff;
  top: 50%;
  z-index: 1;
  box-shadow: 0px 4px 14px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1440px) {
  .inno-group-slider.slick-slider .slick-next,
  .inno-group-slider.slick-slider .slick-prev {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1399px) {
  .inno-group-slider.slick-slider .slick-next,
  .inno-group-slider.slick-slider .slick-prev {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .inno-group-slider.slick-slider .slick-next,
  .inno-group-slider.slick-slider .slick-prev {
    top: -80px;
  }
}
.inno-group-slider.slick-slider .slick-prev {
  left: 50px;
}
.inno-group-slider.slick-slider .slick-prev:before {
  background-image: url(../images/icons/aroow-black.png);
  width: 30px;
  height: 30px;
  content: "";
  opacity: 1;
  background-size: cover;
}
.inno-group-slider.slick-slider .slick-next {
  right: 50px;
}
.inno-group-slider.slick-slider .slick-next:before {
  background-image: url(../images/icons/aroow-black.png);
  width: 30px;
  height: 30px;
  content: "";
  opacity: 1;
  transform: rotate(180deg);
  background-size: cover;
}
.inno-group-slider.slick-slider .slick-next:before,
.inno-group-slider.slick-slider .slick-prev:before {
  color: #2c80ff;
  font-size: 40px;
}
@media only screen and (max-width: 1440px) {
  .inno-group-slider.slick-slider .slick-next:before,
  .inno-group-slider.slick-slider .slick-prev:before {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .inno-group-slider.slick-slider .slick-next:before,
  .inno-group-slider.slick-slider .slick-prev:before {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .inno-group-slider.slick-slider .slick-next:before,
  .inno-group-slider.slick-slider .slick-prev:before {
    font-size: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .inno-group-slider.slick-slider .slick-next:before,
  .inno-group-slider.slick-slider .slick-prev:before {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .inno-group-slider.slick-slider .slick-next:before,
  .inno-group-slider.slick-slider .slick-prev:before {
    font-size: 20px;
  }
}
.inno-group-slider.slick-slider .slick-slide {
  padding: 0 5px 8px;
}
.inno-group-slider.slick-slider .slick-slide img {
  max-width: 100%;
}
.main-wrpper {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.hero-wrp .hero-block {
  height: 1035px;
  background: linear-gradient(
    90.04deg,
    #e2ebfd 0.03%,
    #f0e9fc 31.2%,
    #fff4fc 64.05%,
    #d0f9eb 99.96%
  );
  padding: 230px 0 0;
}
@media only screen and (max-width: 1399px) {
  .hero-wrp .hero-block {
    height: auto;
    padding: 170px 0 150px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-wrp .hero-block {
    padding: 145px 0 140px;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-block {
    padding: 140px 0 50px;
    height: auto;
  }
}
@media only screen and (max-width: 575px) {
  .hero-wrp .hero-block {
    padding: 150px 0 80px;
    height: auto;
  }
}
.hero-wrp .hero-block .hero-info img {
  max-width: 100%;
  margin: 0 0 58px;
  max-width: 300px;
}
@media only screen and (max-width: 1399px) {
  .hero-wrp .hero-block .hero-info img {
    max-width: 180px;
    margin: 0 0 40px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-wrp .hero-block .hero-info img {
    margin: 0 0 25px;
    max-width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-block .hero-info img {
    margin: 0 0 25px;
    max-width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-block .hero-info img.bemup-logo {
    max-width: 100px;
  }
}
.hero-wrp .hero-block .hero-info h2 {
  max-width: 1067px;
  font-weight: 600;
  font-size: 65px;
  line-height: 80px;
  letter-spacing: 0.01em;
  color: #000;
  margin: 0 0 100px;
}
@media only screen and (max-width: 1399px) {
  .hero-wrp .hero-block .hero-info h2 {
    font-size: 50px;
    line-height: 65px;
    margin: 0 0 80px;
    max-width: 950px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-wrp .hero-block .hero-info h2 {
    font-size: 36px;
    line-height: 48px;
    margin: 0 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-block .hero-info h2 {
    font-size: 32px;
    line-height: 46px;
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-wrp .hero-block .hero-info h2 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 0px;
  }
}
.hero-wrp .hero-block .hero-info h2 span {
  color: #2c80ff;
}
.hero-wrp .hero-img {
  border: 20px solid #fff;
  box-shadow: 0px 4px 20px 10px rgba(0, 0, 0, 0.08);
  border-radius: 30px;
  margin-top: -360px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1399px) {
  .hero-wrp .hero-img {
    border-width: 15px;
    border-radius: 15px;
    margin-top: -180px;
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-wrp .hero-img {
    border-width: 15px;
    border-radius: 15px;
    margin-top: -170px;
    margin-bottom: 55px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-wrp .hero-img {
    border-width: 5px;
    border-radius: 4px;
    margin-top: -150px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-img {
    border-width: 5px;
    border-radius: 4px;
    margin-top: -60px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-wrp .hero-img {
    border-width: 5px;
    border-radius: 4px;
    margin-top: -60px;
    margin-bottom: 40px;
  }
}
.hero-wrp .hero-img.insta-hero-img {
  position: relative;
  margin-bottom: 7rem;
}
@media only screen and (max-width: 991px) {
  .hero-wrp .hero-img.insta-hero-img {
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-img.insta-hero-img {
    margin-bottom: 3rem;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 375px) {
  .hero-wrp .hero-img.insta-hero-img {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 360px) {
  .hero-wrp .hero-img.insta-hero-img {
    margin-bottom: 2rem;
  }
}
.hero-wrp .hero-img.insta-hero-img .hero-s-s-img {
  position: absolute;
  bottom: -5rem;
  right: 2rem;
  width: 52%;
}
@media only screen and (max-width: 991px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img {
    bottom: -3rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img {
    bottom: -2.5rem;
    right: 1rem;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 375px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img {
    bottom: -1.75rem;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 360px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img {
    bottom: -1.5rem;
    right: 0.5rem;
  }
}
.hero-wrp .hero-img.insta-hero-img .hero-s-s-img.level-hero-s-s {
  right: -10rem;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 40%;
  height: fit-content;
}
@media only screen and (max-width: 1399px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.level-hero-s-s {
    right: -5rem;
    width: 37%;
  }
}
@media only screen and (max-width: 1280px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.level-hero-s-s {
    right: -3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.level-hero-s-s {
    right: -5rem;
  }
}
@media only screen and (max-width: 850px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.level-hero-s-s {
    right: -3rem;
  }
}
@media only screen and (max-width: 800px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.level-hero-s-s {
    right: -1rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.level-hero-s-s {
    right: -3rem;
  }
}
@media only screen and (max-width: 650px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.level-hero-s-s {
    bottom: -2.5rem;
    right: 0rem;
    top: auto;
  }
}
.hero-wrp .hero-img.insta-hero-img .hero-s-s-img.bidride-s-s-img {
  bottom: -9rem;
  right: 1rem;
  width: 25%;
}
@media only screen and (max-width: 1399px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.bidride-s-s-img {
    bottom: -7rem;
  }
}
@media only screen and (max-width: 991px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.bidride-s-s-img {
    bottom: -5rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.bidride-s-s-img {
    bottom: -3rem;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 414px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.bidride-s-s-img {
    bottom: -1rem;
  }
}
.hero-wrp .hero-img.insta-hero-img .hero-s-s-img.viapool-hero-s-s-img {
  width: 45%;
}
.hero-wrp .hero-img.insta-hero-img .hero-s-s-img.greenply-s-s-img {
  right: 1rem;
  bottom: -12rem;
  width: 29%;
}
@media only screen and (max-width: 1399px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.greenply-s-s-img {
    bottom: -10rem;
  }
}
@media only screen and (max-width: 991px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.greenply-s-s-img {
    bottom: -5rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.greenply-s-s-img {
    bottom: -3rem;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 414px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.greenply-s-s-img {
    width: 27%;
    bottom: -1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.homfy-s-s-img {
    width: 27%;
  }
}
@media only screen and (max-width: 575px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.homfy-s-s-img {
    width: 25%;
    bottom: -2rem;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 414px) {
  .hero-wrp .hero-img.insta-hero-img .hero-s-s-img.homfy-s-s-img {
    bottom: -1.5rem;
  }
}
.hero-wrp .hero-img.bidride-hero-img {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 1399px) {
  .hero-wrp .hero-img.bidride-hero-img {
    margin-bottom: 8rem;
  }
}
@media only screen and (max-width: 991px) {
  .hero-wrp .hero-img.bidride-hero-img {
    margin-bottom: 6rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-img.bidride-hero-img {
    margin-bottom: 3rem;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 414px) {
  .hero-wrp .hero-img.bidride-hero-img {
    margin-bottom: 1.5rem;
  }
}
.hero-wrp .hero-img.greenply-hero-img {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 1399px) {
  .hero-wrp .hero-img.greenply-hero-img {
    margin-bottom: 8rem;
  }
}
@media only screen and (max-width: 991px) {
  .hero-wrp .hero-img.greenply-hero-img {
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-img.greenply-hero-img {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 414px) {
  .hero-wrp .hero-img.greenply-hero-img {
    margin-bottom: 1.5rem;
  }
}
.hero-wrp .hero-img img {
  max-width: 100%;
}
.hero-wrp .hero-dt p {
  font-weight: 400;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #222;
  margin: 0;
  max-width: 1094px;
}
@media only screen and (max-width: 1399px) {
  .hero-wrp .hero-dt p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-wrp .hero-dt p {
    font-size: 20px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-wrp .hero-dt p {
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-wrp .hero-dt p {
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-wrp .hero-dt p {
    font-size: 16px;
    line-height: 28px;
  }
}
.featured-wrp {
  padding: 140px 0;
}
@media only screen and (max-width: 1399px) {
  .featured-wrp {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .featured-wrp {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .featured-wrp {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .featured-wrp {
    padding: 50px 0;
  }
}
.featured-wrp .titlebar h2 {
  margin: 0 0 75px;
  text-align: center;
}
@media only screen and (max-width: 1399px) {
  .featured-wrp .titlebar h2 {
    margin: 0 0 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .featured-wrp .titlebar h2 {
    margin: 0 0 50px;
  }
}
@media only screen and (max-width: 991px) {
  .featured-wrp .titlebar h2 {
    margin: 0 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-wrp .titlebar h2 {
    margin: 0 0 30px;
  }
}
.featured-wrp .row {
  margin: 0 -40px;
}
@media only screen and (max-width: 1399px) {
  .featured-wrp .row {
    margin: 0 -30px;
  }
}
@media only screen and (max-width: 991px) {
  .featured-wrp .row {
    margin: 0 -15px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-wrp .row {
    margin: 0 -15px;
  }
}
@media only screen and (max-width: 575px) {
  .featured-wrp .row {
    margin: 0 -15px;
  }
}
.featured-wrp .row .col-md-4 {
  padding: 0 40px;
}
@media only screen and (max-width: 1399px) {
  .featured-wrp .row .col-md-4 {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 991px) {
  .featured-wrp .row .col-md-4 {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-wrp .row .col-md-4 {
    padding: 0 15px;
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .featured-wrp .row .col-md-4 {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-wrp .featured-box {
    max-width: 300px;
    margin: 0 auto 30px;
  }
}
.featured-wrp .featured-box img {
  background: #fff;
  opacity: 1;
  box-shadow: 2px 2px 26px 10px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  margin: 0 auto 40px;
  max-width: 100%;
  display: table;
  height: 170px;
}
@media only screen and (max-width: 1399px) {
  .featured-wrp .featured-box img {
    margin: 0 auto 35px;
  }
}
.featured-wrp .featured-box p {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #222;
  margin: 0 auto;
  display: table;
}
.featured-wrp .featured-box p:last-child {
  margin: 0 auto;
}
@media only screen and (max-width: 1399px) {
  .featured-wrp .featured-box p {
    font-size: 20px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 991px) {
  .featured-wrp .featured-box p {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-wrp .featured-box p {
    margin: 0 auto 30px;
    font-size: 17px;
    line-height: 27px;
  }
}
.featured-wrp .featured-box a {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #222;
  margin: 0 auto;
  display: table;
}
.featured-wrp .featured-box a:last-child {
  margin: 0 auto;
}
@media only screen and (max-width: 1399px) {
  .featured-wrp .featured-box a {
    font-size: 20px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 991px) {
  .featured-wrp .featured-box a {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-wrp .featured-box a {
    margin: 0 auto 30px;
    font-size: 17px;
    line-height: 27px;
  }
}
.featured-wrp .last-box {
  margin: 0 !important;
}
@media only screen and (max-width: 767px) {
  .featured-wrp .last-box {
    margin: 0 auto !important;
  }
}
.idea-bg .idea-block {
  background-image: url(../../assets/images/case-study-page/idea-bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 5px;
  padding: 160px 150px;
  -webkit-mix-blend-mode: luminosity;
  -moz-mix-blend-mode: luminosity;
  mix-blend-mode: luminosity;
}
@media only screen and (max-width: 1399px) {
  .idea-bg .idea-block {
    padding: 100px 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .idea-bg .idea-block {
    padding: 80px 50px;
  }
}
@media only screen and (max-width: 991px) {
  .idea-bg .idea-block {
    padding: 40px 40px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .idea-bg .idea-block {
    padding: 30px 30px 15px;
  }
}
@media only screen and (max-width: 575px) {
  .idea-bg .idea-block {
    padding: 20px;
  }
}
.idea-bg .idea-block .idea-title {
  max-width: 880px;
}
.idea-bg .idea-block .idea-title h2 {
  font-weight: 500;
  font-size: 48px;
  line-height: 60px;
  color: #fff;
  margin: 0 0 30px;
}
@media only screen and (max-width: 1399px) {
  .idea-bg .idea-block .idea-title h2 {
    font-size: 40px;
    line-height: unset;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .idea-bg .idea-block .idea-title h2 {
    font-size: 34px;
    line-height: unset;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 991px) {
  .idea-bg .idea-block .idea-title h2 {
    font-size: 28px;
    line-height: unset;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .idea-bg .idea-block .idea-title h2 {
    font-size: 27px;
    line-height: 40px;
    margin: 0 0 15px;
  }
}
.idea-bg .idea-block .idea-title p {
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.01em;
  color: #fff;
  margin: 0 0 100px;
}
@media only screen and (max-width: 1399px) {
  .idea-bg .idea-block .idea-title p {
    font-size: 20px;
    line-height: unset;
    margin: 0 0 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .idea-bg .idea-block .idea-title p {
    margin: 0 0 50px;
  }
}
@media only screen and (max-width: 991px) {
  .idea-bg .idea-block .idea-title p {
    font-size: 18px;
    line-height: unset;
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .idea-bg .idea-block .idea-title p {
    font-size: 17px;
    line-height: 27px;
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 575px) {
  .idea-bg .idea-block .idea-title p {
    font-size: 16px;
    line-height: unset;
    margin: 0 0 40px;
  }
}
@media only screen and (max-width: 991px) {
  .idea-bg .idea-block .featured-box {
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .idea-bg .idea-block .featured-box {
    display: flex;
    align-items: center;
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 575px) {
  .idea-bg .idea-block .featured-box {
    display: flex;
    align-items: center;
    margin: 0 0 30px;
  }
}
.idea-bg .idea-block .featured-box img {
  max-width: 100%;
  margin: 0 0 30px;
  display: table;
}
@media only screen and (max-width: 1399px) {
  .idea-bg .idea-block .featured-box img {
    max-width: 60px;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 991px) {
  .idea-bg .idea-block .featured-box img {
    max-width: 60px;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .idea-bg .idea-block .featured-box img {
    width: 40px;
    min-width: 40px;
    margin: 0;
    margin-right: 20px;
  }
}
.idea-bg .idea-block .featured-box p {
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #fff;
  margin: 0;
}
@media only screen and (max-width: 1399px) {
  .idea-bg .idea-block .featured-box p {
    font-size: 15px;
    line-height: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .idea-bg .idea-block .featured-box p br {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .idea-bg .idea-block .featured-box p {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .idea-bg .idea-block .featured-box p {
    font-size: 17px;
    line-height: 25px;
  }
  .idea-bg .idea-block .featured-box p br {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  .idea-bg .idea-block .featured-box p {
    line-height: 22px;
    font-weight: 400;
  }
  .idea-bg .idea-block .featured-box p br {
    display: none;
  }
}
.idea-bg.level-idea-bg .idea-block {
  background-image: url(../../assets/images/case-study-page/level-idea-bg.webp);
}
.idea-bg.bidride-idea-bg .idea-block {
  background-image: url(../../assets/images/case-study-page/bidride-idea-bg.webp);
}
.idea-bg.proskool-idea-bg .idea-block {
  background-image: url(../../assets/images/case-study-page/proskool-idea-bg.webp);
}
.idea-bg.greenply-idea-bg .idea-block {
  background-image: url(../../assets/images/case-study-page/greenply-idea-bg.webp);
}
.idea-bg.skatedash-idea-bg .idea-block {
  background-image: url(../../assets/images/case-study-page/skatedash-idea-bg.webp);
}
.idea-bg.nuvoco-idea-bg .idea-block {
  background-image: url(../../assets/images/case-study-page/nuvoco-idea-bg.webp);
}
.idea-bg.homfy-idea-bg .idea-block {
  background-image: url(../../assets/images/case-study-page/homfy-idea-bg.webp);
}
.idea-bg.bemup-idea-bg .idea-block {
  background-image: url(../../assets/images/case-study-page/bemup-idea-bg.webp);
}
.idea-bg.panta-idea-bg .idea-block {
  background-image: url(../../assets/images/case-study-page/panta-idea-bg.webp);
}
.idea-bg.idea-bg-alternate {
  padding: 140px 0 0;
}
@media only screen and (max-width: 1399px) {
  .idea-bg.idea-bg-alternate {
    padding: 100px 0 0;
  }
}
@media only screen and (max-width: 1199px) {
  .idea-bg.idea-bg-alternate {
    padding: 80px 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .idea-bg.idea-bg-alternate {
    padding: 70px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .idea-bg.idea-bg-alternate {
    padding: 50px 0 0;
  }
}
@media only screen and (max-width: 1399px) {
  .idea-bg.idea-bg-alternate .featured-box img {
    max-width: unset;
    max-height: 60px;
  }
}
.idea-bg.chosen-idea-bg {
  margin: 140px 0 0;
}
@media only screen and (max-width: 1399px) {
  .idea-bg.chosen-idea-bg {
    margin: 100px 0 0;
  }
}
@media only screen and (max-width: 1199px) {
  .idea-bg.chosen-idea-bg {
    margin: 80px 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .idea-bg.chosen-idea-bg {
    margin: 70px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .idea-bg.chosen-idea-bg {
    margin: 50px 0 50px;
  }
}
.idea-bg.chosen-idea-bg .idea-block {
  background-image: url(../../assets/images/case-study-page/chosen-idea-bg.webp);
}
.idea-bg.chosen-idea-bg .idea-block .featured-box img {
  max-width: 100%;
  margin: 0 0 30px;
  display: table;
  height: 50px;
  width: auto;
}
@media only screen and (max-width: 1399px) {
  .idea-bg.chosen-idea-bg .idea-block .featured-box img {
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 991px) {
  .idea-bg.chosen-idea-bg .idea-block .featured-box img {
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .idea-bg.chosen-idea-bg .idea-block .featured-box img {
    margin: 0;
    margin-right: 20px;
  }
}
.idea-bg.stump-mike-idea-bg .idea-block {
  background-image: url(../../assets/images/case-study-page/stump-mike-page-idea-bg.webp);
}
.features-wrp {
  padding: 140px 0;
}
@media only screen and (max-width: 1399px) {
  .features-wrp {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .features-wrp {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .features-wrp {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .features-wrp {
    padding: 50px 0;
  }
}
.features-wrp .features-block .row {
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .features-wrp .features-block .row {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .features-wrp .features-block .features-img {
    text-align: center;
  }
}
.features-wrp .features-block .features-img img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .features-wrp .features-block .features-img img {
    margin: 0 auto 20px;
  }
}
.features-wrp .features-block .features-dt {
  padding-left: 120px;
}
.features-wrp .features-block .features-dt.features-heading h3 {
  font-size: 25px;
}
@media only screen and (max-width: 767px) {
  .features-wrp .features-block .features-dt.features-dt-two ul li:last-child {
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 1399px) {
  .features-wrp .features-block .features-dt {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .features-wrp .features-block .features-dt {
    padding-left: 33px;
  }
}
@media only screen and (max-width: 991px) {
  .features-wrp .features-block .features-dt {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .features-wrp .features-block .features-dt {
    padding: 0;
  }
}
.features-wrp .features-block .features-dt h2 {
  margin: 0 0 55px;
  font-size: 44px;
  line-height: 58px;
}
@media only screen and (max-width: 1399px) {
  .features-wrp .features-block .features-dt h2 br {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .features-wrp .features-block .features-dt h2 {
    margin: 0 0 20px;
    font-size: 34px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .features-wrp .features-block .features-dt h2 {
    margin: 0 0 15px;
    font-size: 28px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .features-wrp .features-block .features-dt h2 {
    margin: 0 0 15px;
    font-size: 27px;
    line-height: 35px;
  }
}
.features-wrp .features-block .features-dt ul {
  padding: 0;
  margin: 0;
}
.features-wrp .features-block .features-dt ul li {
  font-weight: 300;
  font-size: 23px;
  line-height: 34px;
  letter-spacing: 0.01em;
  color: #222;
  margin: 0 0 20px;
  position: relative;
  padding-left: 60px;
  list-style: none;
}
@media only screen and (max-width: 1399px) {
  .features-wrp .features-block .features-dt ul li {
    font-size: 20px;
    line-height: 30px;
    padding-left: 30px;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 991px) {
  .features-wrp .features-block .features-dt ul li {
    font-size: 16px;
    line-height: 26px;
    padding-left: 30px;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .features-wrp .features-block .features-dt ul li {
    font-size: 16px;
    line-height: 26px;
    padding-left: 30px;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 575px) {
  .features-wrp .features-block .features-dt ul li {
    font-size: 18px;
    line-height: 26px;
    padding-left: 30px;
    margin: 0 0 15px;
  }
}
.features-wrp .features-block .features-dt ul li:last-child {
  margin: 0;
}
.features-wrp .features-block .features-dt ul li:before {
  position: absolute;
  left: 0;
  top: 3px;
  content: "";
  background-image: url("../../assets/images/case-study-page/check-circle.svg");
  height: 30px;
  width: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1399px) {
  .features-wrp .features-block .features-dt ul li:before {
    height: 18px;
    width: 18px;
  }
}
.features-wrp .features-block .features-dt.cannabis-features ul li {
  padding-left: 40px;
}
.features-wrp .features-block .features-dt.cannabis-features ul li:before {
  top: 7px;
  height: 22px;
  width: 22px;
}
@media only screen and (max-width: 1399px) {
  .features-wrp .features-block .features-dt.cannabis-features ul li:before {
    height: 18px;
    width: 18px;
  }
}
.features-wrp .even-features-block {
  padding: 140px 0;
}
@media only screen and (max-width: 1399px) {
  .features-wrp .even-features-block {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .features-wrp .even-features-block {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .features-wrp .even-features-block {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .features-wrp .even-features-block {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .features-wrp .even-features-block .row {
    display: flex;
    flex-flow: column-reverse;
  }
}
@media only screen and (max-width: 575px) {
  .features-wrp .even-features-block .row {
    display: flex;
    flex-flow: column-reverse;
  }
}
.features-wrp .even-features-block .features-dt {
  padding: 0 120px 0 0;
}
@media only screen and (max-width: 1399px) {
  .features-wrp .even-features-block .features-dt {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .features-wrp .even-features-block .features-dt {
    padding-right: 33px;
  }
}
@media only screen and (max-width: 991px) {
  .features-wrp .even-features-block .features-dt {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .features-wrp .even-features-block .features-dt {
    padding: 0;
  }
}
@media only screen and (max-width: 575px) {
  .features-wrp .even-features-block .features-dt {
    padding: 0;
  }
}
.wanted-wrp {
  padding: 150px 0 0;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp {
    padding: 100px 0 0;
  }
}
@media only screen and (max-width: 1199px) {
  .wanted-wrp {
    padding: 80px 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp {
    padding: 70px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .wanted-wrp {
    padding: 50px 0 0;
  }
}
.wanted-wrp .titlebar h2 {
  margin: 0 0 60px;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp .titlebar h2 {
    margin: 0 0 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .wanted-wrp .titlebar h2 {
    margin: 0 0 40px;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .titlebar h2 {
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .titlebar h2 {
    margin: 0 0 30px;
  }
}
.wanted-wrp .wanted-block {
  background: #ffeadd;
  border-radius: 6px;
  padding: 60px 50px 60px 60px;
  margin: 0 0 100px;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp .wanted-block {
    padding: 50px;
    margin: 0 0 80px;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .wanted-block {
    padding: 30px;
    margin: 0 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .wanted-block {
    padding: 30px;
    margin: 0 0 50px;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .wanted-block {
    padding: 20px;
    margin: 0 0 40px;
  }
}
.wanted-wrp .wanted-block.level-wanted-block {
  background: #fbedcf;
}
.wanted-wrp .wanted-block.wanted-block-bg-green {
  background: #d7edd4;
}
.wanted-wrp .wanted-block.wanted-block-bg-pink {
  background: #f7e7fb;
}
.wanted-wrp .wanted-block.wanted-block-bg-blue {
  background: #dbf2ff;
}
.wanted-wrp .wanted-block .row {
  align-items: center;
}
.wanted-wrp .wanted-block .wanted-dt {
  padding-right: 30px;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp .wanted-block .wanted-dt {
    padding: 0;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .wanted-block .wanted-dt {
    padding: 0;
    margin-bottom: 30px;
  }
}
.wanted-wrp .wanted-block .wanted-dt h3 {
  font-weight: 500;
  font-size: 42px;
  line-height: 55px;
  letter-spacing: 0.01em;
  color: #222;
  margin: 0 0 40px;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp .wanted-block .wanted-dt h3 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .wanted-wrp .wanted-block .wanted-dt h3 br {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .wanted-wrp .wanted-block .wanted-dt h3 {
    font-size: 29px;
    line-height: 40px;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .wanted-block .wanted-dt h3 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 15px;
  }
  .wanted-wrp .wanted-block .wanted-dt h3 br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .wanted-block .wanted-dt h3 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 25px;
  }
  .wanted-wrp .wanted-block .wanted-dt h3 br {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .wanted-block .wanted-dt h3 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 25px;
  }
  .wanted-wrp .wanted-block .wanted-dt h3 br {
    display: none;
  }
}
.wanted-wrp .wanted-block .wanted-dt p {
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #222;
  margin: 0;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp .wanted-block .wanted-dt p {
    padding: 0;
    font-size: 20px;
    line-height: 33px;
    margin: 0 0 0px;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .wanted-block .wanted-dt p {
    padding: 0;
    font-size: 18px;
    line-height: 29px;
    margin: 0 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .wanted-block .wanted-dt p {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 0px;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .wanted-block .wanted-dt p {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 0px;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .wanted-block .offset-1 {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .wanted-block .offset-1 {
    margin: 0;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .wanted-block .offset-1 {
    margin: 0;
  }
}
.wanted-wrp .wanted-block .wanted-img .row {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .wanted-block .wanted-img .row .col-md-6 {
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .wanted-block .wanted-img .row .col-md-6 {
    width: 50%;
  }
}
.wanted-wrp .wanted-block .wanted-img img {
  max-width: 100%;
}
.wanted-wrp .wanted-block .wanted-img .wanted1-img {
  margin: 0 0 30px;
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .wanted-img {
    max-width: 400px;
    margin: 0px auto;
  }
}
.wanted-wrp .even-wanted-block {
  background: #c0eee1;
  border-radius: 6px;
  padding: 85px 90px 0;
  margin: 0;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp .even-wanted-block {
    padding: 80px 60px 0;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .even-wanted-block {
    padding: 30px 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .even-wanted-block {
    padding: 30px 30px 0;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .even-wanted-block {
    padding: 20px 20px 0;
  }
}
.wanted-wrp .even-wanted-block.level-even-wanted-block {
  background: #f7e7fb;
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .even-wanted-block .row {
    display: flex;
    flex-flow: column-reverse;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .even-wanted-block .row {
    display: flex;
    flex-flow: column-reverse;
  }
}
.wanted-wrp .even-wanted-block .mobile-img img {
  margin: 0 auto;
  display: table;
  max-width: 330px;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp .even-wanted-block .mobile-img img {
    max-width: 315px;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .even-wanted-block .mobile-img img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .even-wanted-block .mobile-img img {
    max-width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .even-wanted-block .mobile-img img {
    max-width: 80%;
  }
}
.wanted-wrp .even-wanted-block .wanted-dt {
  padding: 0 0 0 40px;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp .even-wanted-block .wanted-dt {
    padding: 0 0 0 25px;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .even-wanted-block .wanted-dt {
    padding: 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .even-wanted-block .wanted-dt {
    padding: 0;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .even-wanted-block .wanted-dt {
    padding: 0;
  }
}
.wanted-wrp .even-wanted-block .wanted-dt h2 {
  font-weight: 500;
  font-size: 42px;
  line-height: 55px;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #222;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp .even-wanted-block .wanted-dt h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .even-wanted-block .wanted-dt h2 {
    font-size: 26px;
    line-height: 35px;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .even-wanted-block .wanted-dt h2 {
    font-size: 26px;
    line-height: 35px;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .even-wanted-block .wanted-dt h2 {
    font-size: 26px;
    line-height: 35px;
    margin: 0 0 15px;
  }
}
.wanted-wrp .even-wanted-block .wanted-dt p {
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0.01em;
  color: #222;
  margin: 0;
  padding-right: 40px;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp .even-wanted-block .wanted-dt p {
    padding: 0;
    font-size: 20px;
    line-height: 33px;
    margin: 0 0 0px;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .even-wanted-block .wanted-dt p {
    padding: 0;
    font-size: 18px;
    line-height: 29px;
    margin: 0 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .even-wanted-block .wanted-dt p {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 0px;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .even-wanted-block .wanted-dt p {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 0px;
  }
}
.wanted-wrp .even-wanted-block.even-wanted-block-alter {
  padding-bottom: 85px;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp .even-wanted-block.even-wanted-block-alter {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .even-wanted-block.even-wanted-block-alter {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .even-wanted-block.even-wanted-block-alter {
    padding-bottom: 20px;
  }
}
.wanted-wrp .even-wanted-block.even-wanted-block-alter .mobile-img img {
  max-width: 100%;
}
.wanted-wrp .award-won {
  margin-top: 100px;
}
@media only screen and (max-width: 1399px) {
  .wanted-wrp .award-won {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .wanted-wrp .award-won {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wanted-wrp .award-won {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .wanted-wrp .award-won {
    margin-top: 40px;
  }
}
.stories-wrp {
  padding: 0 0 80px;
}
@media only screen and (max-width: 1399px) {
  .stories-wrp {
    padding: 0 0 40px;
  }
}
.stories-wrp .titlebar h2 {
  text-align: center;
  margin: 0 0 80px;
}
@media only screen and (max-width: 1399px) {
  .stories-wrp .titlebar h2 {
    margin: 0 auto 50px;
  }
}
.stories-wrp .success-stories-items {
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (max-width: 1440px) {
  .stories-wrp .success-stories-items {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .stories-wrp .success-stories-items {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .stories-wrp .success-stories-items {
    padding-left: 0;
    padding-right: 0;
  }
}
.stories-wrp .success-stories-items .success-stories-item {
  background: #fff;
  border: 1px solid #e3e3e3;
  box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}
@media only screen and (max-width: 1399px) {
  .stories-wrp .success-stories-items .success-stories-item {
    margin: 0 0 30px;
  }
}
.stories-wrp
  .success-stories-items
  .success-stories-item
  .success-stories-item-img
  img {
  width: 100%;
  border-radius: 6px 6px 0 0;
}
.stories-wrp
  .success-stories-items
  .success-stories-item
  .success-stories-item-content {
  padding: 40px 30px;
}
@media only screen and (max-width: 1399px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content {
    padding: 20px;
  }
}
.stories-wrp
  .success-stories-items
  .success-stories-item
  .success-stories-item-content
  .cc-logo {
  height: 40px;
  width: auto;
  display: inline-block;
  line-height: 40px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    .cc-logo {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    .cc-logo {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    .cc-logo {
    margin-bottom: 10px;
    max-width: 135px;
  }
}
.stories-wrp
  .success-stories-items
  .success-stories-item
  .success-stories-item-content
  .cc-logo
  img {
  display: block;
  max-width: 120px;
}
@media only screen and (max-width: 1750px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    .cc-logo
    img {
    max-width: 100px;
  }
}
@media only screen and (max-width: 1600px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    .cc-logo
    img {
    max-width: 100px;
  }
}
@media only screen and (max-width: 1440px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    .cc-logo
    img {
    max-width: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    .cc-logo
    img {
    max-width: 80px;
  }
}
.stories-wrp
  .success-stories-items
  .success-stories-item
  .success-stories-item-content
  .cc-cat {
  display: inline-block;
  float: right;
  background: #e1ffe0;
  border-radius: 100px;
  padding: 8px 20px;
  box-sizing: border-box;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  display: flex;
  align-items: center;
  color: #000;
}
@media only screen and (max-width: 1199px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    .cc-cat {
    padding: 5px 15px;
  }
}
.stories-wrp
  .success-stories-items
  .success-stories-item
  .success-stories-item-content
  p {
  font-weight: 300;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.01em;
  color: #000;
  min-height: 110px;
  margin: 0 0 40px;
}
@media only screen and (max-width: 1750px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    p {
    font-size: 22px;
    line-height: 30px;
    min-height: 90px;
  }
}
@media only screen and (max-width: 1600px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    p {
    font-size: 22px;
    line-height: 30px;
    min-height: 90px;
  }
}
@media only screen and (max-width: 1440px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    p {
    font-size: 22px;
    line-height: 30px;
    min-height: 90px;
  }
}
@media only screen and (max-width: 1399px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    p {
    font-size: 18px;
    line-height: 26px;
    min-height: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    p {
    font-size: 16px;
    line-height: 24px;
    min-height: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    p {
    font-size: 16px;
    line-height: 30px;
    line-height: 24px;
    min-height: auto;
  }
}
@media only screen and (max-width: 575px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    p {
    font-size: 16px;
    line-height: 24px;
    min-height: auto;
  }
}
.stories-wrp
  .success-stories-items
  .success-stories-item
  .success-stories-item-content
  .read-more {
  font-weight: 500;
  font-size: 20px;
  line-height: 36px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  color: #2c80ff;
  background-image: url(../images/icons/arrow-right.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 25px;
  margin-left: auto;
  margin-right: 0;
  display: table;
}
@media only screen and (max-width: 1399px) {
  .stories-wrp
    .success-stories-items
    .success-stories-item
    .success-stories-item-content
    .read-more {
    font-size: 17px;
    line-height: 34px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 43px;
  line-height: 50px;
  letter-spacing: 0.01em;
  color: #000000;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    h3 {
    font-size: 38px;
    line-height: 54px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    h3 {
    font-size: 33px;
    line-height: 47px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    h3 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
    max-width: unset;
  }
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
    max-width: unset;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  h3
  span {
  color: #2c7ffc;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  p {
  font-style: normal;
  font-weight: 400;
  font-size: 27px;
  line-height: 39px;
  letter-spacing: 0.01em;
  color: #000000;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    p {
    font-size: 21px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    p {
    font-size: 19px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    p {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    p {
    font-size: 17px;
    line-height: 29px;
    margin-bottom: 30px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 27px;
  line-height: 44px;
  letter-spacing: 0.01em;
  color: #000000;
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    h5 {
    font-size: 22px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    h5 {
    font-size: 19px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    h5 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    h5 {
    margin-bottom: 8px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .data {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
  color: #000000;
  display: inline-block;
  max-width: 150px;
  border-left: 2px solid #2c7ffc;
  padding-left: 25px;
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .data {
    font-size: 19px;
    line-height: 27px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .data {
    font-size: 17px;
    line-height: 24px;
    padding-left: 15px;
    max-width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .data {
    padding-left: 19px;
    line-height: 27px;
    padding-right: 10px;
    max-width: unset;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .cs-footer-data {
  display: table;
  width: 100%;
  padding-top: 0px;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .cs-footer-data {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .cs-footer-data {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .cs-footer-data {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .cs-footer-data {
    display: block;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .cs-footer-data
  .cs-footer-data-left {
  display: table-cell;
  width: 50%;
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .cs-footer-data
    .cs-footer-data-left {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .cs-footer-data
  .cs-footer-data-right {
  display: table-cell;
  width: 50%;
}
@media only screen and (max-width: 479px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .cs-footer-data
    .cs-footer-data-right {
    display: block;
    width: 100%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .btn-section {
  padding-top: 60px;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .btn-section {
    padding-top: 40px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-3 {
  background-color: #dbeae0;
  padding-left: 100px;
  overflow: hidden;
  margin-top: 5rem;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3 {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3 {
    padding-left: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3 {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3 {
    padding-left: 20px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-3
  .footer-c-s-panel {
  justify-content: space-between;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-3
  .footer-c-s-panel
  .footer-c-s-3-panel-content {
  width: 51%;
  box-sizing: border-box;
  padding: 100px 50px 100px 0;
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-content {
    padding: 70px 40px 70px 0;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-content {
    padding: 30px 30px 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-content {
    width: 100%;
    padding: 20px 20px 20px 0;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-3
  .footer-c-s-panel
  .footer-c-s-3-panel-content
  .logo {
  display: none;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-content
    .logo {
    display: block;
    width: 160px;
    margin-bottom: 18px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-3
  .footer-c-s-panel
  .footer-c-s-3-panel-img {
  width: 47%;
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-img {
    width: 100%;
    padding-top: 10px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-3
  .footer-c-s-panel
  .footer-c-s-3-panel-img
  .logo {
  height: 15%;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-3
  .footer-c-s-panel
  .footer-c-s-3-panel-img
  .logo
  img {
  width: 200px;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 1280px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-img
    .logo
    img {
    margin-top: 2.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-img
    .logo
    img {
    width: 160px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-img
    .logo
    img {
    width: 135px;
    margin-top: 0rem;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-img
    .logo {
    display: none;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-3
  .footer-c-s-panel
  .footer-c-s-3-panel-img
  .mobile-images {
  height: 85%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-img
    .mobile-images {
    padding-right: 30px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-img
    .mobile-images {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 0px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-3
  .footer-c-s-panel
  .footer-c-s-3-panel-img
  .mobile-images
  .mobile-images-2 {
  align-self: flex-end;
  padding: 0 0.75rem;
  margin-bottom: -5.25rem;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-img
    .mobile-images
    .mobile-images-2 {
    margin-bottom: -2.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-img
    .mobile-images
    .mobile-images-2 {
    margin-bottom: 0rem;
    padding: 0;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-3
  .footer-c-s-panel
  .footer-c-s-3-panel-img
  .mobile-images
  .mobile-images-1 {
  align-self: flex-start;
  padding: 0 0.75rem;
  margin-right: -2rem;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-img
    .mobile-images
    .mobile-images-1 {
    padding: 0rem;
    margin-right: 0;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-3
  .footer-c-s-panel
  .footer-c-s-3-panel-img
  .mobile-images
  img {
  max-width: 110%;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-3
    .footer-c-s-panel
    .footer-c-s-3-panel-img
    .mobile-images
    img {
    max-width: 100%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-4 {
  padding: 30px;
  background-color: #fff;
  background-image: linear-gradient(
    0deg,
    #feda28 -10.19%,
    rgba(254, 218, 40, 0) 78.1%
  );
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-4 {
    padding: 20px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-4
  .footer-c-s-panel {
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-4
    .footer-c-s-panel {
    flex-direction: column-reverse;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-4
  .footer-c-s-panel
  .footer-c-s-4-panel-content {
  width: 60%;
  padding-left: 65px;
  box-sizing: border-box;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-4
    .footer-c-s-panel
    .footer-c-s-4-panel-content {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-4
    .footer-c-s-panel
    .footer-c-s-4-panel-content {
    width: 100%;
    padding-left: 0px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-4
  .footer-c-s-panel
  .footer-c-s-4-panel-content
  .data {
  max-width: 230px;
  border-left: 2px solid #000000;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-4
    .footer-c-s-panel
    .footer-c-s-4-panel-content
    .data {
    max-width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-4
    .footer-c-s-panel
    .footer-c-s-4-panel-content
    .data {
    max-width: 215px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-4
    .footer-c-s-panel
    .footer-c-s-4-panel-content
    .data {
    max-width: 100%;
  }
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-4
    .footer-c-s-panel
    .footer-c-s-4-panel-content
    .data
    br {
    display: none;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-4
  .footer-c-s-panel
  .footer-c-s-4-panel-content
  .logo {
  text-align: end;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-4
    .footer-c-s-panel
    .footer-c-s-4-panel-content
    .logo {
    text-align: left;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-4
    .footer-c-s-panel
    .footer-c-s-4-panel-content
    .logo
    .logo-icon {
    width: 25%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-4
  .footer-c-s-panel
  .footer-c-s-4-panel-img {
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-4
    .footer-c-s-panel
    .footer-c-s-4-panel-img {
    width: 100%;
    height: 50vh;
    margin-top: 50px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-4
  .footer-c-s-panel
  .footer-c-s-4-panel-img
  .mobile-images {
  height: 85%;
  display: flex;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-4
  .footer-c-s-panel
  .footer-c-s-4-panel-img
  .mobile-images
  .mobile-images-2 {
  align-self: flex-end;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-4
  .footer-c-s-panel
  .footer-c-s-4-panel-img
  .mobile-images
  img {
  max-width: 110%;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-5 {
  background-image: linear-gradient(
    111.23deg,
    #fff 0%,
    cyan 222.58%,
    #fff 222.58%
  );
  overflow: hidden;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-5
  .footer-c-s-panel {
  justify-content: space-between;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-5
  .footer-c-s-panel
  .footer-c-s-5-panel-content {
  width: 60%;
  padding: 100px 100px;
  padding-right: 50px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-5
    .footer-c-s-panel
    .footer-c-s-5-panel-content {
    padding: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-5
    .footer-c-s-panel
    .footer-c-s-5-panel-content {
    padding: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-5
    .footer-c-s-panel
    .footer-c-s-5-panel-content {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-5
    .footer-c-s-panel
    .footer-c-s-5-panel-content {
    padding: 20px;
    width: 100%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-5
  .footer-c-s-panel
  .footer-c-s-5-panel-content
  h3 {
  margin-top: 3rem;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-5
    .footer-c-s-panel
    .footer-c-s-5-panel-content
    h3 {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 575px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-5
    .footer-c-s-panel
    .footer-c-s-5-panel-content
    h3 {
    margin-top: 1rem;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-5
  .footer-c-s-panel
  .footer-c-s-5-panel-content
  .logo {
  width: 140px;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-5
    .footer-c-s-panel
    .footer-c-s-5-panel-content
    .logo {
    width: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-5
    .footer-c-s-panel
    .footer-c-s-5-panel-content
    .logo {
    width: 100px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-5
  .footer-c-s-panel
  .footer-c-s-5-panel-content
  .btn-section {
  padding-top: 0px;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-5
  .footer-c-s-panel
  .footer-c-s-5-panel-img {
  width: 40%;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-5
    .footer-c-s-panel
    .footer-c-s-5-panel-img {
    width: 100%;
    height: 65vh;
    background-position: left top;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6 {
  background-color: #ffffff;
  padding: 100px 40px 40px 100px;
  position: relative;
  isolation: isolate;
}
@media only screen and (max-width: 1399px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6 {
    padding: 80px 40px 40px 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6 {
    padding: 70px 40px 40px 70px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6 {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6 {
    padding: 20px;
    width: 100%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6::after {
  content: "";
  background: linear-gradient(107.33deg, #152fc9 30.77%, #2f4aff 70.7%);
  width: 100%;
  height: 340px;
  position: absolute;
  bottom: 0;
  z-index: -1;
  left: 0;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6::after {
    height: 232px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6::after {
    height: 445px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6
  .footer-c-s-6-panel-heading {
  width: 65%;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-heading {
    width: 100%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6
  .footer-c-s-6-panel-heading
  h3 {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-heading
    h3 {
    margin-bottom: 0;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6
  .footer-c-s-6-panel-heading
  h3
  span {
  color: #2f4aff;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6
  .footer-c-s-6-panel-heading
  .logo {
  display: none;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-heading
    .logo {
    display: block;
    margin-bottom: 1rem;
    width: 40%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6
  .footer-c-s-6-panel-logo {
  width: 35%;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-logo {
    width: 100%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6
  .footer-c-s-6-panel-logo
  .logo {
  margin-top: -40px;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-logo
    .logo {
    margin-top: -25px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-logo
    .logo {
    display: none;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6
  .footer-c-s-6-panel-logo
  .logo
  img {
  width: 35%;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel {
    flex-direction: column-reverse;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6
  .footer-c-s-6-panel-content {
  width: 60%;
  box-sizing: border-box;
  padding-left: 75px;
  padding-right: 50px;
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-content {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-content {
    padding-right: 0px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-content {
    width: 100%;
    padding-left: 0px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6
  .footer-c-s-6-panel-content
  P {
  margin-top: 1.5rem;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6
  .footer-c-s-6-panel-content
  h5 {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-content
    h5 {
    color: #000;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6
  .footer-c-s-6-panel-content
  .data {
  border-left: 2px solid #fabc1c;
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-content
    .data {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-content
    .data {
    color: #000;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-6
  .footer-c-s-6-panel-img {
  width: 40%;
  padding-right: 75px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1199px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-img {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-img {
    width: 100%;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-6
    .footer-c-s-6-panel-img
    img {
    width: 100%;
    margin-top: 1.5rem;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-7 {
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-7
    .footer-c-s-panel {
    flex-direction: column-reverse;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-7
  .footer-c-s-panel
  .footer-c-s-7-panel-content {
  width: 60%;
  box-sizing: border-box;
  padding: 30px 60px 100px 60px;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-7
    .footer-c-s-panel
    .footer-c-s-7-panel-content {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-7
    .footer-c-s-panel
    .footer-c-s-7-panel-content {
    width: 100%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-7
  .footer-c-s-panel
  .footer-c-s-7-panel-content
  h3
  span {
  color: #735acd;
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-7
  .footer-c-s-panel
  .footer-c-s-7-panel-content
  .logo {
  text-align: end;
  margin-bottom: 4rem;
  margin-right: -30px;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-7
    .footer-c-s-panel
    .footer-c-s-7-panel-content
    .logo {
    margin-right: 0px;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-7
    .footer-c-s-panel
    .footer-c-s-7-panel-content
    .logo {
    text-align: left;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-7
    .footer-c-s-panel
    .footer-c-s-7-panel-content
    .logo
    .logo-icon {
    width: 25%;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-7
  .footer-c-s-panel
  .footer-c-s-7-panel-content
  .btn-section {
  padding-top: 0px;
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-7
    .footer-c-s-panel
    .footer-c-s-7-panel-content
    .btn-section {
    padding-top: 0px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-7
  .footer-c-s-panel
  .footer-c-s-7-panel-img {
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-7
    .footer-c-s-panel
    .footer-c-s-7-panel-img {
    width: 100%;
    height: 50vh;
    margin-top: 5px;
  }
}
.cs-footer-full-section.cs-footer-case-studies-section
  .new-footer-case-studies-card
  .new-footer-case-studies-8
  .footer-c-s-panel
  .footer-c-s-panel-content
  .data-1 {
  max-width: 190px;
  border-color: #2c7ffc;
}
@media only screen and (max-width: 767px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-8
    .footer-c-s-panel
    .footer-c-s-panel-content
    .data-1 {
    max-width: unset;
  }
}
@media only screen and (max-width: 991px) {
  .cs-footer-full-section.cs-footer-case-studies-section
    .new-footer-case-studies-card
    .new-footer-case-studies-8
    .footer-c-s-panel
    .footer-c-s-panel-content
    .logo {
    height: auto;
  }
}
.budtinder-container {
  background: url("../images/case-study-page/budtinder-bg.webp");
  background-size: cover;
  position: relative;
  padding: 100px;
}
@media only screen and (max-width: 1199px) {
  .budtinder-container {
    padding: 50px 80px;
  }
}
@media only screen and (max-width: 959px) {
  .budtinder-container {
    padding: 40px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .budtinder-container {
    padding: 20px 40px;
  }
}
@media only screen and (max-width: 575px) {
  .budtinder-container {
    padding: 20px 20px;
  }
}
.budtinder-container figure img {
  max-height: 100px;
  left: 0px;
  position: relative;
  margin-bottom: 10px;
}
@media only screen and (max-width: 959px) {
  .budtinder-container figure img {
    max-height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .budtinder-container figure img {
    width: 12%;
  }
}
@media only screen and (max-width: 479px) {
  .budtinder-container figure img {
    width: 17%;
    margin-bottom: 0;
  }
}
.budtinder-container .inner-container {
  height: 100%;
  padding: 50px 40px 70px;
  background: rgba(0, 0, 0, 0.3);
  background-blend-mode: luminosity;
  mix-blend-mode: normal;
  backdrop-filter: blur(20px);
  border-radius: 10px;
  position: relative;
}
@media only screen and (max-width: 959px) {
  .budtinder-container .inner-container {
    padding: 40px 30px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .budtinder-container .inner-container {
    padding: 20px 20px;
  }
}
.budtinder-container .inner-container h4 {
  font-weight: 800;
  font-size: 44px;
  line-height: 52px;
  letter-spacing: 0.01em;
  margin: 0 0 30px 0;
  padding-right: 200px;
  color: #fff;
}
.budtinder-container .inner-container h4 .highlight-text {
  color: #9ce41c;
}
@media only screen and (max-width: 1399px) {
  .budtinder-container .inner-container h4 {
    font-size: 36px;
    line-height: 46px;
    padding-right: 160px;
  }
}
@media only screen and (max-width: 1199px) {
  .budtinder-container .inner-container h4 {
    font-size: 32px;
    line-height: 42px;
    padding-right: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .budtinder-container .inner-container h4 {
    font-size: 32px;
    line-height: 42px;
    margin: 0 0 20px 0;
    text-align: left;
    padding-right: 0;
  }
}
@media only screen and (max-width: 959px) {
  .budtinder-container .inner-container h4 {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 360px) {
  .budtinder-container .inner-container h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
.budtinder-container .inner-container p {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.01em;
  padding-right: 400px;
  color: #fff;
  margin: 0;
}
@media only screen and (max-width: 1399px) {
  .budtinder-container .inner-container p {
    font-size: 20px;
    line-height: 30px;
    padding-right: 320px;
  }
}
@media only screen and (max-width: 1199px) {
  .budtinder-container .inner-container p {
    font-size: 16px;
    line-height: 24px;
    padding-right: 240px;
  }
}
@media only screen and (max-width: 991px) {
  .budtinder-container .inner-container p {
    font-size: 16px;
    line-height: 24px;
    padding-right: 0px;
  }
}
@media only screen and (max-width: 959px) {
  .budtinder-container .inner-container p {
    font-size: 14px;
    line-height: 22px;
  }
}
.budtinder-container .inner-container .button-section .btn-primary {
  margin-top: 3rem;
}
@media only screen and (max-width: 991px) {
  .budtinder-container .inner-container .button-section .btn-primary {
    margin-top: 2rem;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 360px) {
  .budtinder-container .inner-container .button-section .btn-primary {
    font-size: 15px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 330px) {
  .budtinder-container .inner-container .button-section .btn-primary {
    font-size: 13px;
  }
}
.webinar {
  background-color: #0d1f29;
  padding: 150px 0 170px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 1440px) {
  .webinar {
    padding: 130px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .webinar {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .webinar {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .webinar {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .webinar {
    padding: 80px 0 80px;
  }
}
@media only screen and (max-width: 575px) {
  .webinar {
    padding: 70px 0 70px;
  }
}
.webinar:before {
  content: "";
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  background: #0c495e;
  filter: blur(158.5px);
  z-index: -2;
}
.webinar:after {
  content: "";
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  background: #0c495e;
  filter: blur(158.5px);
  z-index: -2;
}
.webinar .webinar-overlay {
  background-image: url(../../assets/images/industries/webinar/webinar-bg2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media only screen and (max-width: 479px) {
  .webinar .webinar-overlay {
    background-image: url(../../assets/images/industries/webinar/webinar-bg-mobile.png);
    background-size: cover;
    background-position: top right;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 360px) {
  .webinar .webinar-overlay {
    background-position: center center;
  }
}
.webinar h2 {
  font-weight: 600;
  font-size: 52px;
  line-height: 120.5%;
  letter-spacing: 0.01em;
  margin: 0 0 35px 0;
  color: #fff;
}
@media only screen and (max-width: 1399px) {
  .webinar h2 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 1199px) {
  .webinar h2 {
    font-size: 30px;
    line-height: 47px;
  }
}
@media only screen and (max-width: 991px) {
  .webinar h2 {
    margin: 0 0 20px 0;
    text-align: left;
    padding-right: 0;
  }
}
@media only screen and (max-width: 959px) {
  .webinar h2 {
    font-size: 42px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 479px) {
  .webinar h2 {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 360px) {
  .webinar h2 {
    font-size: 27px;
    line-height: 36px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 320px) {
  .webinar h2 {
    font-size: 23px;
    line-height: 34px;
  }
}
.webinar h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 116%;
  letter-spacing: 0.21em;
  color: #0098c5;
  margin-top: 40px;
}
@media only screen and (max-width: 1399px) {
  .webinar h3 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .webinar h3 {
    margin-top: 30px;
  }
}
.webinar ul {
  z-index: 1;
  position: relative;
  margin-bottom: 3rem;
}
.webinar ul li:not(:last-child) {
  margin-right: 1rem;
}
@media only screen and (max-width: 479px) {
  .webinar ul li:last-child {
    margin-left: 0.75rem;
    margin-top: 0.75rem;
  }
}
.webinar ul li .speaker-details {
  border: 2px solid #0098c5;
  border-radius: 10px;
  padding: 10px 18px 10px 62px;
  margin-left: -52px;
  z-index: -1;
}
.webinar ul li .speaker-details.speaker-details-right {
  padding: 10px 62px 10px 18px;
  margin-right: -52px;
  margin-left: 0px;
  text-align: right;
}
.webinar ul li img {
  width: 80px;
}
@media only screen and (max-width: 1199px) {
  .webinar ul li img {
    width: 70px;
  }
}
@media only screen and (max-width: 479px) {
  .webinar ul li img {
    width: 90px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 360px) {
  .webinar ul li img {
    width: 80px;
  }
}
.webinar ul li h6 {
  color: #f7f7f7;
  font-size: 20px;
  font-weight: 700;
  line-height: 118%;
}
@media only screen and (max-width: 1399px) {
  .webinar ul li h6 {
    font-size: 18.5px;
  }
}
@media only screen and (max-width: 1199px) {
  .webinar ul li h6 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .webinar ul li h6 {
    font-size: 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 360px) {
  .webinar ul li h6 {
    font-size: 16px;
  }
}
.webinar ul li p {
  font-size: 13px;
  color: #f1f1f1;
  line-height: 20px;
}
@media only screen and (max-width: 1399px) {
  .webinar ul li p {
    font-size: 11.5px;
  }
}
@media only screen and (max-width: 1199px) {
  .webinar ul li p {
    font-size: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .webinar ul li p {
    font-size: 13px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 360px) {
  .webinar ul li p {
    font-size: 11px;
  }
}
@media only screen and (max-width: 575px) {
  .webinar .webinar-btn {
    text-align: center;
  }
}
.webinar-batch {
  color: #2c80ff;
  border: 2px solid #2c80ff;
  border-radius: 100px;
  padding: 7px 18px;
  box-sizing: border-box;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 21px;
  display: inline-block;
  margin-bottom: 17px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1199px) {
  .webinar-batch {
    padding: 5px 10px;
    font-size: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .webinar-batch {
    padding: 5px 15px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .webinar-batch {
    padding: 5px 10px;
    font-size: 10px;
  }
}
.webinar-contact-us-form {
  border: 3px solid #2c80ff;
  padding: 30px 34px 37px;
}
@media only screen and (max-width: 991px) {
  .webinar-contact-us-form {
    padding: 20px 24px 27px;
  }
}
.webinar-contact-us-form .form-control {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.webinar-contact-us-form h3 {
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 28px;
}
@media only screen and (max-width: 1399px) {
  .webinar-contact-us-form h3 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .webinar-contact-us-form h3 {
    font-size: 20px;
  }
}
.webinar-contact-us-form .btn {
  margin-top: 22px;
  font-size: 24px;
  padding: 12px 35px;
}
@media only screen and (max-width: 1399px) {
  .webinar-contact-us-form .btn {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .webinar-contact-us-form .btn {
    font-size: 19px;
    padding: 10px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .webinar-contact-us-form .btn {
    padding: 7px 27px;
    font-size: 18px;
  }
}
.webinar-help {
  padding: 70px 0 0;
}
@media only screen and (max-width: 767px) {
  .webinar-help {
    padding: 0px;
  }
}
.webinar-help .ondemand-webinar-img {
  background-image: url(../../assets/images/industries/webinar/ondemand-webinar-img.png);
  width: 100%;
  height: 100%;
  background-position: center bottom;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .webinar-help .ondemand-webinar-img {
    height: 500px;
    margin-top: 3rem;
  }
}
.webinar-business {
  background: #eeeeee !important;
}
.webinar-business h2,
.webinar-business p {
  color: #222 !important;
}
.webinar-business .listing ul li {
  color: #222 !important;
}
.webinar-business .btn {
  align-items: center;
  padding: 16px 50px;
  font-family: "Euclid Circular A";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #fff;
}
@media only screen and (max-width: 1399px) {
  .webinar-business .btn {
    font-size: 22px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 991px) {
  .webinar-business .btn {
    padding: 10px 35px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .webinar-business .btn {
    padding: 7px 27px;
    font-size: 18px;
  }
}
.webinar-business .ondemand-webinar-business {
  background-image: url(../../assets/images/industries/webinar/webinar-business.png);
  width: 100%;
  height: 100%;
  background-position: center top;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .webinar-business .ondemand-webinar-business {
    height: 500px;
    margin-top: 3rem;
  }
}
.lpfweG.lpfweG.lpfweG h3 {
  line-height: 1.314;
}
.banner.workshop-banner .heading .subheading {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #222;
  max-width: 660px;
  margin-bottom: 55px;
}
@media only screen and (max-width: 1399px) {
  .banner.workshop-banner .heading .subheading {
    font-size: 21px;
    max-width: 570px;
    margin-bottom: 40px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner.workshop-banner .heading .subheading {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 40px;
    max-width: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.workshop-banner .heading .subheading {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 30px;
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .banner.workshop-banner .heading .subheading {
    font-size: 17px;
    line-height: 29px;
    margin-bottom: 25px;
    max-width: unset;
  }
}
@media only screen and (max-width: 575px) {
  .banner.workshop-banner .heading .subheading {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 25px;
    max-width: unset;
  }
}
@media only screen and (max-width: 479px) {
  .banner.workshop-banner .heading .subheading {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .banner.workshop-banner .heading .subheading {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 20px;
  }
}
.banner.workshop-banner .heading h1 {
  margin-top: 10px;
}
.banner.workshop-banner-new .sub-heading {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #222;
  border: 2px solid #2c7ffc;
  border-radius: 5rem;
  padding: 0.65rem 1.35rem;
  max-width: 660px;
  margin-bottom: 55px;
}
@media only screen and (max-width: 1399px) {
  .banner.workshop-banner-new .sub-heading {
    font-size: 20px;
    max-width: 570px;
    margin-bottom: 40px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner.workshop-banner-new .sub-heading {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 40px;
    max-width: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.workshop-banner-new .sub-heading {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 30px;
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .banner.workshop-banner-new .sub-heading {
    font-size: 17px;
    line-height: 29px;
    margin-bottom: 25px;
    max-width: unset;
  }
}
@media only screen and (max-width: 575px) {
  .banner.workshop-banner-new .sub-heading {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 25px;
    max-width: unset;
  }
}
@media only screen and (max-width: 479px) {
  .banner.workshop-banner-new .sub-heading {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .banner.workshop-banner-new .sub-heading {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 20px;
  }
}
.banner.workshop-banner-new h1 {
  margin: 32px auto 45px;
}
@media only screen and (max-width: 1399px) {
  .banner.workshop-banner-new h1 {
    margin: 32px auto 45px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.workshop-banner-new h1 {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .banner.workshop-banner-new h1 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .banner.workshop-banner-new h1 {
    margin-bottom: 22px;
  }
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (max-width: 319px) {
  .banner.workshop-banner-new h1 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner.workshop-banner-new h1 br {
    display: none;
  }
}
.banner.workshop-banner-new p {
  max-width: 768px;
}
@media only screen and (max-width: 1399px) {
  .banner.workshop-banner-new p {
    max-width: 670px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner.workshop-banner-new p {
    max-width: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.workshop-banner-new p {
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .banner.workshop-banner-new p {
    max-width: unset;
  }
}
.listing ul {
  padding-left: 0;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.listing ul li {
  font-weight: 300;
  font-size: 23px;
  line-height: 34px;
  letter-spacing: 0.01em;
  color: #222;
  margin: 0 0 20px;
  position: relative;
  padding-left: 40px;
  list-style: none;
}
@media only screen and (max-width: 1399px) {
  .listing ul li {
    font-size: 20px;
    line-height: 30px;
    padding-left: 40px;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 991px) {
  .listing ul li {
    font-size: 16px;
    line-height: 26px;
    padding-left: 30px;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .listing ul li {
    font-size: 16px;
    line-height: 26px;
    padding-left: 30px;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 575px) {
  .listing ul li {
    font-size: 18px;
    line-height: 26px;
    padding-left: 30px;
    margin: 0 0 15px;
  }
}
.listing ul li:last-child {
  margin: 0;
}
.listing ul li::before {
  position: absolute;
  left: 0;
  top: 7px;
  content: "";
  background-image: url("../../assets/images/case-study-page/check-circle.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 22px;
  width: 22px;
}
@media only screen and (max-width: 1399px) {
  .listing ul li::before {
    height: 18px;
    width: 18px;
  }
}
.features-wrp {
  padding-bottom: 0;
}
.features-wrp.features-wrp-two {
  padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .features-wrp {
    padding-top: 0px;
  }
}
.features-wrp .workshop-features-block {
  padding-top: 40px !important;
}
@media only screen and (max-width: 767px) {
  .features-wrp .workshop-features-block {
    padding-top: 0px;
  }
}
.features-wrp .workshop-features-block h2 {
  text-align: center;
  font-weight: 600;
  max-width: 1096px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1399px) {
  .features-wrp .workshop-features-block h2 {
    max-width: 959px;
  }
}
@media only screen and (max-width: 1199px) {
  .features-wrp .workshop-features-block h2 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .features-wrp .workshop-features-block h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .features-wrp .workshop-features-block h2 {
    margin-bottom: 30px;
    font-size: 27px;
    line-height: 35px;
    font-weight: 500;
  }
}
.features-wrp .workshop-features-block p {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .features-wrp.features-wrp-sass-dev {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .features-wrp.features-wrp-empower
    .features-block
    .features-dt.features-heading
    h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-intro {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-intro .intro-part {
    padding-top: 50px;
  }
}
.workshop-calendly-wraper {
  background-color: #f6f6f6;
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .workshop-calendly-wraper {
    padding: 20px;
  }
}
.workshop-looking {
  padding: 120px 0;
  margin-top: 100px;
  background-image: linear-gradient(#2e92bf, #014792);
}
@media only screen and (max-width: 1399px) {
  .workshop-looking {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .workshop-looking {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-looking {
    margin-top: 0px;
  }
}
.workshop-looking h2 {
  margin-bottom: 2.5rem;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
@media only screen and (max-width: 1399px) {
  .workshop-looking h2 {
    max-width: 80%;
  }
}
@media only screen and (max-width: 991px) {
  .workshop-looking h2 {
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-looking h2 {
    max-width: unset;
  }
}
.workshop-looking p {
  max-width: 991px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
@media only screen and (max-width: 1399px) {
  .workshop-looking p {
    max-width: 790px;
  }
}
@media only screen and (max-width: 1199px) {
  .workshop-looking p {
    max-width: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .workshop-looking p {
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-looking p {
    max-width: unset;
  }
}
.workshop-looking p strong {
  font-weight: 700;
}
.workshop-help-you {
  display: flex;
  flex-wrap: wrap;
}
.workshop-help-you .workshop-help-inner {
  width: 50%;
  box-sizing: border-box;
}
.workshop-next-level {
  background-color: #f3f3f3;
}
.workshop-next-level:before {
  right: 0;
  left: auto;
  background-image: url(../images/workshop/business-meeting-of-two-partner.webp);
  background-size: cover;
  filter: grayscale(0);
}
@media only screen and (max-width: 1199px) {
  .workshop-next-level:before {
    width: 48%;
  }
}
@media only screen and (max-width: 991px) {
  .workshop-next-level:before {
    width: 100%;
    background-size: cover;
    opacity: 0.1;
    background-position: center center;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-next-level:before {
    background-image: none;
  }
}
.workshop-next-level.mvp-workshop-next-level:before {
  background-image: url(../images/workshop/mvp-success-strategy-bg.png);
}
.workshop-next-level.sass-workshop-next-level:before {
  background-image: url(../images/workshop/saas-product-success-strategy-bg.png);
}
.workshop-next-level .next-level-content-part {
  padding: 170px 50px 170px 0px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1440px) {
  .workshop-next-level .next-level-content-part {
    padding: 120px 50px 120px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .workshop-next-level .next-level-content-part {
    padding: 100px 45px 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .workshop-next-level .next-level-content-part {
    padding: 80px 30px 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .workshop-next-level .next-level-content-part {
    padding: 80px 0px 80px 0;
  }
}
.workshop-details-learning-section {
  padding: 150px 0;
  position: relative;
}
@media only screen and (max-width: 1440px) {
  .workshop-details-learning-section {
    padding: 130px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .workshop-details-learning-section {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .workshop-details-learning-section {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .workshop-details-learning-section {
    padding: 60px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-details-learning-section {
    padding: 70px 0 80px;
  }
}
@media only screen and (max-width: 575px) {
  .workshop-details-learning-section {
    padding: 60px 0 70px;
  }
}
.workshop-details-learning-section:before {
  position: absolute;
  content: "";
  background-image: url("../../assets/images/workshop/learning-vector8.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 105px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .workshop-details-learning-section:before {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .workshop-details-learning-section h2 {
    margin-bottom: 35px;
  }
}
.workshop-details-learning-section .steps-body-inner {
  margin-top: 5rem;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1199px) {
  .workshop-details-learning-section .steps-body-inner {
    margin-top: 0px;
  }
}
.workshop-details-learning-section .steps-body-inner .steps {
  width: 25%;
  box-sizing: border-box;
  padding: 0 30px;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .workshop-details-learning-section .steps-body-inner .steps {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-details-learning-section .steps-body-inner .steps {
    width: 100%;
  }
}
.workshop-details-learning-section .steps-body-inner .steps:before {
  position: absolute;
  content: "";
  background-image: url("../../assets/images/workshop/caret-right.png");
  width: 17px;
  height: 21px;
  background-size: cover;
  left: 0;
  top: 18%;
  transform: rotate(30deg);
}
@media only screen and (max-width: 1750px) {
  .workshop-details-learning-section .steps-body-inner .steps:before {
    top: 18.5%;
    transform: rotate(5deg);
  }
}
@media only screen and (max-width: 1600px) {
  .workshop-details-learning-section .steps-body-inner .steps:before {
    top: 21.5%;
  }
}
@media only screen and (max-width: 1440px) {
  .workshop-details-learning-section .steps-body-inner .steps:before {
    top: 29%;
  }
}
@media only screen and (max-width: 1399px) {
  .workshop-details-learning-section .steps-body-inner .steps:before {
    top: 19%;
  }
}
@media only screen and (max-width: 1366px) {
  .workshop-details-learning-section .steps-body-inner .steps:before {
    top: 24%;
  }
}
@media only screen and (max-width: 1280px) {
  .workshop-details-learning-section .steps-body-inner .steps:before {
    top: 25%;
  }
}
@media only screen and (max-width: 1239px) {
  .workshop-details-learning-section .steps-body-inner .steps:before {
    top: 27%;
  }
}
@media only screen and (max-width: 1199px) {
  .workshop-details-learning-section .steps-body-inner .steps:before {
    display: none;
  }
}
.workshop-details-learning-section .steps-body-inner .steps.steps2 {
  margin-top: 30px;
}
@media only screen and (max-width: 1199px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps2 {
    margin-top: 0px;
  }
}
.workshop-details-learning-section .steps-body-inner .steps.steps2:before {
  left: -13px;
  top: 24.5%;
  transform: rotate(30deg);
}
@media only screen and (max-width: 1750px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps2:before {
    top: 21.5%;
  }
}
@media only screen and (max-width: 1600px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps2:before {
    top: 18%;
  }
}
@media only screen and (max-width: 1440px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps2:before {
    top: 14%;
  }
}
@media only screen and (max-width: 1399px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps2:before {
    top: 10%;
  }
}
@media only screen and (max-width: 1366px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps2:before {
    top: 7%;
  }
}
@media only screen and (max-width: 1239px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps2:before {
    top: 6%;
  }
}
@media only screen and (max-width: 1199px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps2:before {
    display: none;
  }
}
.workshop-details-learning-section .steps-body-inner .steps.steps3:before {
  left: -4px;
  top: 30%;
  transform: rotate(22deg);
}
@media only screen and (max-width: 1750px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps3:before {
    top: 32%;
  }
}
@media only screen and (max-width: 1399px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps3:before {
    top: 29.5%;
  }
}
@media only screen and (max-width: 1366px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps3:before {
    top: 28%;
  }
}
@media only screen and (max-width: 1280px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps3:before {
    top: 28%;
    transform: rotate(29deg);
  }
}
@media only screen and (max-width: 1199px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps3:before {
    display: none;
  }
}
.workshop-details-learning-section .steps-body-inner .steps.steps4 {
  margin-top: 30px;
}
@media only screen and (max-width: 1199px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps4 {
    margin-top: 0px;
  }
}
.workshop-details-learning-section .steps-body-inner .steps.steps4:before {
  top: 16%;
  transform: rotate(5deg);
}
@media only screen and (max-width: 1750px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps4:before {
    top: 18.5%;
    transform: rotate(5deg);
  }
}
@media only screen and (max-width: 1600px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps4:before {
    top: 21.5%;
  }
}
@media only screen and (max-width: 1440px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps4:before {
    top: 22.5%;
  }
}
@media only screen and (max-width: 1399px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps4:before {
    top: 20.5%;
  }
}
@media only screen and (max-width: 1366px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps4:before {
    top: 21.5%;
  }
}
@media only screen and (max-width: 1280px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps4:before {
    top: 22%;
  }
}
@media only screen and (max-width: 1199px) {
  .workshop-details-learning-section .steps-body-inner .steps.steps4:before {
    display: none;
  }
}
.workshop-details-learning-section .steps-body-inner .steps .steps-image {
  width: 226px;
  height: 226px;
  margin: 0px auto 30px;
}
@media only screen and (max-width: 1399px) {
  .workshop-details-learning-section .steps-body-inner .steps .steps-image {
    width: 190px;
    height: 190px;
    margin: 0px auto 20px;
    padding: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .workshop-details-learning-section .steps-body-inner .steps .steps-image {
    width: 150px;
    height: 150px;
    margin: 0px auto 15px;
    padding: 12px;
  }
}
.workshop-details-learning-section
  .steps-body-inner
  .steps
  .steps-image
  .steps-image-inner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.workshop-details-learning-section .steps-body-inner .steps .steps-text p {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0.01em;
  max-width: unset;
  color: #222;
}
@media only screen and (max-width: 1399px) {
  .workshop-details-learning-section .steps-body-inner .steps .steps-text p {
    font-size: 21px;
    line-height: 34px;
    max-width: unset;
  }
}
@media only screen and (max-width: 1280px) {
  .workshop-details-learning-section .steps-body-inner .steps .steps-text p {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .workshop-details-learning-section .steps-body-inner .steps .steps-text p {
    font-size: 17px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-details-learning-section .steps-body-inner .steps .steps-text p {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
}
.workshop-details-learning-section.webinar-learning::before {
  display: none;
}
.workshop-details-learning-section.webinar-learning .steps-body-inner {
  margin-top: 0;
}
.workshop-details-learning-section.webinar-learning .steps-body-inner .steps {
  padding: 0 15px;
}
.workshop-details-learning-section.webinar-learning
  .steps-body-inner
  .steps.steps2,
.workshop-details-learning-section.webinar-learning
  .steps-body-inner
  .steps.steps4 {
  margin-top: 0;
}
.workshop-details-learning-section.webinar-learning
  .steps-body-inner
  .steps::before {
  display: none;
}
.workshop-details-learning-section.webinar-learning
  .steps-body-inner
  .steps
  .steps-image {
  width: 90%;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .workshop-details-learning-section.webinar-learning
    .steps-body-inner
    .steps
    .steps-image {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-details-learning-section.webinar-learning
    .steps-body-inner
    .steps
    .steps-image {
    width: 40%;
  }
}
@media only screen and (max-width: 1399px) {
  .workshop-details-learning-section.webinar-learning
    .steps-body-inner
    .steps
    .steps-text
    p {
    font-size: 20px;
    line-height: 32px;
    max-width: unset;
  }
}
@media only screen and (max-width: 1280px) {
  .workshop-details-learning-section.webinar-learning
    .steps-body-inner
    .steps
    .steps-text
    p {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .workshop-details-learning-section.webinar-learning
    .steps-body-inner
    .steps
    .steps-text
    p {
    font-size: 17px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-details-learning-section.webinar-learning
    .steps-body-inner
    .steps
    .steps-text
    p {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
}
.workshop-pre-asessment {
  background: #052944;
  padding: 100px 0 80px;
}
.workshop-pre-asessment h2 {
  color: #fff;
}
.workshop-pre-asessment p {
  color: #fff;
}
.workshop-pre-asessment .listing {
  margin-bottom: 2.25rem;
}
.workshop-pre-asessment .listing ul li {
  color: #fff;
}
.workshop-pre-asessment .calendly-calender {
  margin-left: 50px;
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  .workshop-pre-asessment .calendly-calender {
    margin-left: 0px;
    margin-top: 2rem;
  }
}
.workshop-listing-card {
  padding-bottom: 135px;
}
@media only screen and (max-width: 1399px) {
  .workshop-listing-card {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .workshop-listing-card {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .workshop-listing-card {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-listing-card {
    padding-bottom: 50px;
  }
}
.workshop-listing-card .workshop-box {
  box-shadow: 0px 0px 10px rgba(183, 183, 183, 0.5);
  border-radius: 15px;
  padding: 39px 32px;
}
@media only screen and (max-width: 767px) {
  .workshop-listing-card .workshop-box {
    margin-bottom: 20px;
    height: auto !important;
    padding: 20px;
  }
}
.workshop-listing-card .workshop-box .item-head {
  margin-bottom: 20px;
}
.workshop-listing-card .workshop-box .item-head .item-head-number {
  font-weight: 500;
  font-size: 39px;
  line-height: 40px;
  color: #000000;
}
@media only screen and (max-width: 1399px) {
  .workshop-listing-card .workshop-box .item-head .item-head-number {
    font-size: 34px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 1280px) {
  .workshop-listing-card .workshop-box .item-head .item-head-number {
    font-size: 29px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .workshop-listing-card .workshop-box .item-head .item-head-number {
    font-size: 25px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .workshop-listing-card .workshop-box .item-head .item-head-number {
    font-size: 31px;
    line-height: 26px;
  }
}
.workshop-listing-card .workshop-box .item-head .item-btn-section a {
  font-weight: 500;
  font-size: 17px;
  line-height: 28px;
  color: #000000;
}
@media only screen and (max-width: 991px) {
  .workshop-listing-card .workshop-box .item-head .item-btn-section a {
    font-size: 15px;
    line-height: 26px;
  }
}
.workshop-listing-card .workshop-box .item-head .item-btn-section a span {
  margin-left: 10px;
}
.workshop-listing-card .workshop-box .item-body .item-body-image {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 0.65rem;
}
.workshop-listing-card .workshop-box .item-body .item-body-image img {
  transition: 0.3s all ease;
}
.workshop-listing-card .workshop-box .item-body p a {
  font-weight: 500;
  font-size: 21px;
  line-height: 33px;
  color: #000;
}
@media only screen and (max-width: 1199px) {
  .workshop-listing-card .workshop-box .item-body p a {
    font-size: 18px;
    line-height: 28px;
  }
}
.workshop-listing-card .workshop-box:hover .item-head {
  margin-bottom: 20px;
}
.workshop-listing-card .workshop-box:hover .item-head .item-head-number {
  color: #2c7ffc;
}
.workshop-listing-card .workshop-box:hover .item-head .item-btn-section a {
  color: #2c7ffc;
}
.workshop-listing-card .workshop-box:hover .item-body .item-body-image img {
  transform: scale(1.2);
}
.sass-users .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px;
  background: #fff;
  border: none;
  margin-top: 16px;
}
.sass-users .card img {
  max-width: 72px;
  margin-bottom: 16px;
}
.sass-users .card p {
  color: #222;
  text-align: center;
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.48px;
}
/*# sourceMappingURL=style.min.css.map */