:root {
  --content: #595566;
  --title-color: #1c1c1c;
  --secondary-02: #181818;
  --white: white;
  --primary: #ffcc4a;
  --secondary: #907d5a;
  --black: black;
  --bg-1: whitesmoke;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: var(--content);
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

h1 {
  color: var(--title-color);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Cabin, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.3;
}

h2 {
  color: var(--title-color);
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: Cabin, sans-serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.3;
}

h3 {
  color: var(--title-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Cabin, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.4;
}

h4 {
  color: var(--title-color);
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: Cabin, sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.4;
}

h5 {
  color: var(--title-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Cabin, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.5;
}

h6 {
  color: var(--title-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Cabin, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.5;
}

p {
  color: var(--content);
  letter-spacing: .02em;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

a {
  color: var(--secondary-02);
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: color .2s;
}

ul, ol {
  color: var(--content);
  letter-spacing: .02em;
  margin-top: 15px;
  margin-bottom: 25px;
  padding-left: 20px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

li {
  margin-top: 9px;
  margin-bottom: 9px;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  color: var(--secondary-02);
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

blockquote {
  color: var(--white);
  text-align: center;
  background-color: #181818;
  background-image: url('../images/Block-Quote-02.png'), url('../images/Block-Quote-01.png'), url('../images/Block-Quote.svg');
  background-position: 0 100%, 0 0, 50% 20%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, auto;
  border-left: 5px #e2e2e2;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 170px 100px 85px 170px;
  font-family: Cabin, sans-serif;
  font-size: 31px;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.container {
  max-width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.top-bar-section {
  -webkit-text-fill-color: inherit;
  background-color: #181818;
  background-clip: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
}

.top-bar-flex {
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.top-bar-social-wrap {
  grid-column-gap: 25px;
  align-items: center;
  margin-bottom: -3px;
  display: flex;
}

.top-bar-flex-wrap {
  grid-column-gap: 40px;
  display: flex;
}

.top-bar-social-link {
  color: var(--white);
  justify-content: center;
  align-items: center;
  transition: transform .2s, color .2s;
  display: flex;
  transform: translate(0);
}

.top-bar-social-link:hover {
  color: var(--primary);
  transform: translate(0, -3px);
}

.time-flex {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.top-bar-content {
  color: var(--white);
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.header-section {
  background-image: url('../images/skechers-banner.jpg');
  background-position: 0 0;
  background-size: auto;
}

.header-section.style-guide-page {
  background-color: var(--secondary-02);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 150px;
}

.brand {
  padding-left: 0;
}

.nav-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #1b1b1bd9;
  padding-top: 40px;
  padding-bottom: 40px;
}

.navbar.white-background {
  background-color: var(--white);
}

.nav-link {
  color: var(--white);
  background-image: url('../images/Nav-inactive.svg');
  background-position: 6% 52%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 25px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 400;
  transition: all .2s;
}

.nav-link:hover {
  color: var(--secondary);
  background-image: url('../images/Nav-inactive.svg');
  background-position: 6% 52%;
  background-repeat: no-repeat;
  background-size: auto;
}

.nav-link.w--current {
  color: var(--secondary);
  background-image: url('../images/Nav-active.svg'), url('../images/Nav-inactive.svg');
  background-position: 6% 52%, 6% 52%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.nav-link.black-font-color {
  color: #262626;
}

.nav-link.black-font-color:hover {
  color: var(--secondary);
  background-image: url('../images/nav.svg'), url('../images/Nav-inactive.svg');
  background-position: 6% 52%, 6% 52%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.nav-link.black-font-color.w--current {
  color: var(--secondary);
}

.nav-link.nav-link-dropdown {
  grid-column-gap: 5px;
  background-image: url('../images/Nav-inactive.svg');
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 20px;
  transition: all .2s;
  display: flex;
}

.nav-link.nav-link-dropdown-black {
  grid-column-gap: 5px;
  color: var(--secondary-02);
  display: flex;
}

.nav-link.nav-link-dropdown-black:hover {
  color: var(--secondary);
  background-image: url('../images/nav.svg');
  background-position: 6% 52%;
  background-repeat: no-repeat;
  background-size: auto;
}

.nav-menu {
  grid-column-gap: 15px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nav-button {
  border: 2px solid var(--white);
  background-color: var(--white);
  color: #353535;
  background-image: url('../images/Nav-Button.svg');
  background-position: 5%;
  background-repeat: no-repeat;
  background-size: 20%;
  border-radius: 45px;
  justify-content: center;
  align-items: center;
  padding: 15px 20px 15px 60px;
  font-family: Lato, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  transition: border-color .2s, background-color .2s, color .2s;
  display: flex;
}

.nav-button:hover {
  color: var(--white);
  background-color: #0000;
}

.nav-button.sub-page {
  background-color: #f3f3f3;
  min-height: 60px;
}

.nav-button.sub-page:hover {
  background-color: var(--black);
}

.style-guide-banner-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.banner-title-wrap {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #ffffffc7;
  border-radius: 30px;
  min-width: 350px;
  max-width: 750px;
  padding: 40px 85px 40px 60px;
}

.banner-title-wrap.about-page {
  max-width: 650px;
}

.banner-title-wrap.case-study-banner-title {
  min-width: 500px;
}

.banner-title-wrap.blog-post-banner {
  max-width: 860px;
}

.banner-title-wrap.contact-banner-title {
  padding-right: 100px;
}

.banner-title-wrap.style-guide-banner {
  text-align: center;
  padding-right: 60px;
}

.banner-title {
  color: var(--secondary-02);
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Cabin, sans-serif;
  font-size: 47px;
  font-weight: 700;
  line-height: 1.1;
}

.banner-title.style-guide {
  margin-top: 0;
}

.style-guide-section {
  padding-top: 130px;
  padding-bottom: 50px;
}

.style-guide-grid {
  grid-template-rows: auto;
  grid-template-columns: 300px 1fr;
}

.style-guide-grid.quotes {
  grid-template-columns: 1fr;
}

.style-guide-color-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 35px;
  color: var(--secondary-02);
  flex-wrap: wrap;
  display: flex;
}

.color-swatch-flex {
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.color-swatch-wrap {
  border-radius: 20px;
  min-width: 220px;
  min-height: 110px;
}

.color-swatch-wrap.primary {
  background-color: #ffcc4a;
}

.color-swatch-wrap.secondary {
  background-color: #4eaf4e;
}

.color-swatch-wrap.dark-background {
  background-color: #181818;
}

.color-swatch-wrap.content-color {
  background-color: #595566;
}

.color-swatch-wrap.grey-background {
  background-color: #f5f5f5;
}

.color-swatch-wrap.white-background {
  background-color: #fff;
  border: 1px solid #e4e4e4;
}

.color-swatch-wrap.title-color {
  background-color: #1c1c1c;
}

.color-swatch-detail-wrap {
  justify-content: space-between;
  display: flex;
}

.color-detail {
  color: #545454;
  margin-bottom: 0;
}

.color-hex-content {
  color: #143450;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.style-guide-wrap {
  margin-bottom: 100px;
}

.style-guide-sub-title {
  font-size: 25px;
}

.style-guide-title {
  margin-top: 0;
  font-size: 45px;
  font-weight: 700;
}

.style-guide-font-wrap {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.button {
  letter-spacing: .01em;
  background-color: #181818;
  border: 2px solid #181818;
  border-radius: 42px;
  justify-content: center;
  align-items: center;
  padding: 18px 35px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  transition: background-color .2s, border-color .2s, color .2s;
  display: flex;
}

.button:hover {
  background-color: var(--white);
  color: var(--secondary-02);
}

.button.yellow {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--title-color);
}

.button.yellow:hover {
  border-color: var(--secondary-02);
  background-color: var(--secondary-02);
  color: var(--white);
}

.button.white {
  border-color: var(--white);
  background-color: var(--white);
  color: var(--secondary-02);
}

.button.white:hover {
  border-color: var(--primary);
  background-color: var(--primary);
}

.button.grey {
  color: #353535;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}

.button.grey:hover {
  border-color: var(--secondary);
  background-color: var(--secondary);
  color: var(--white);
}

.button.yellow-transparent {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--secondary-02);
}

.button.yellow-transparent:hover {
  border-color: var(--primary);
  color: var(--primary);
  background-color: #0000;
}

.button.pricing {
  background-color: var(--white);
  color: var(--secondary-02);
  border-color: #d6d6d6;
}

.button.pricing:hover {
  border-color: var(--primary);
  background-color: var(--primary);
}

.button.green {
  border-color: var(--secondary);
  background-color: var(--secondary);
}

.button.green:hover {
  color: var(--secondary-02);
}

.button._401-submit {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--secondary-02);
  min-width: 160px;
  font-size: 18px;
}

.button._401-submit:hover {
  color: var(--primary);
  background-color: #0000;
}

.button.blog-post-button:hover {
  border-color: #c1c1c1;
}

.style-guide-button-wrap {
  grid-row-gap: 35px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer {
  background-image: url('../images/Footer.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 115px;
  padding-bottom: 25px;
  position: relative;
}

.footer-wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 50px;
  display: flex;
}

.footer-logo-wrap {
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.footer-line-break {
  background-color: #707070;
  align-self: stretch;
  width: 1px;
}

.footer-widget-grid {
  grid-column-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr 1fr;
  padding-bottom: 20px;
}

.footer-widget-title {
  color: var(--white);
  margin-top: 0;
  font-size: 20px;
}

.footer-widget-title.footer-v2-title {
  color: var(--secondary-02);
  font-size: 16px;
}

.footer-title-wrap {
  margin-bottom: 10px;
}

.footer-link-wrap {
  grid-row-gap: 15px;
  flex-direction: column;
  padding-top: 10px;
  display: flex;
}

.footer-overlay {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(#181818e6, #181818e6);
  position: absolute;
  inset: 0%;
}

.footer-relative {
  z-index: 1;
  position: relative;
}

.footer-title-break {
  background-color: var(--primary);
  border-radius: 20px;
  width: 30px;
  height: 3px;
}

.footer-widget-link {
  color: var(--white);
  background-image: url('../images/footer-image.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 25px;
  font-size: 16px;
  transition: all .15s;
}

.footer-widget-link:hover {
  color: var(--secondary);
  background-image: url('../images/footer-image.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
}

.footer-widget-link.w--current {
  color: var(--white);
  background-image: url('../images/footer-image.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
}

.footer-widget-link.w--current:hover {
  color: var(--secondary);
  background-image: url('../images/Nav-active.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
}

.footer-widget-link.footer-v2-link {
  color: var(--content);
  background-image: url('../images/footer-link-bg.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 15px;
}

.footer-widget-link.footer-v2-link:hover {
  color: var(--secondary);
  background-image: url('../images/Nav-active.svg');
  background-repeat: no-repeat;
  background-size: auto;
}

.footer-content-wrap {
  padding-top: 10px;
}

.footer-content {
  color: var(--white);
  width: 220px;
  margin-bottom: 0;
}

.footer-content.footer-new {
  padding-top: 10px;
}

.footer-button-wrap {
  padding-top: 20px;
}

.copyright-section {
  text-align: center;
  border-top: 1px solid #707070;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.copyrights-content {
  color: var(--white);
  margin-bottom: 0;
}

.home-banner {
  background-color: var(--secondary-02);
  background-image: url('../images/boyner-mersin-marina-slider.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-banner-flex {
  color: #5378ff;
  justify-content: flex-start;
  padding-top: 150px;
  padding-bottom: 140px;
  display: flex;
}

.home-banner-wrap {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffffbf;
  border-radius: 30px;
  max-width: 550px;
  padding: 50px 50px 60px 55px;
  position: relative;
  left: 0;
}

.home-banner-button-flex {
  grid-column-gap: 10px;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.home-banner-button {
  border: 2px solid var(--white);
  background-color: var(--white);
  color: #353535;
  background-image: url('../images/Home-Banner-Button.svg');
  background-position: 6%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 40px;
  align-items: center;
  padding: 15px 30px 15px 65px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  transition: border-color .2s, color .2s, background-color .2s;
  display: flex;
}

.home-banner-button:hover {
  border-color: var(--primary);
  background-color: var(--primary);
}

.home-banner-content {
  width: 370px;
}

.client-section {
  background-color: #f6f7fa;
  flex-wrap: wrap;
  align-items: center;
  padding: 60px 30px;
  display: flex;
}

.client-section.dark {
  background-color: var(--secondary-02);
}

.client-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 35px;
  flex-wrap: wrap;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  display: grid;
}

.home-banner-title {
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.1;
}

.about-us-section {
  padding-top: 50px;
  padding-bottom: 130px;
}

.about-grid {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.about-content-wrap {
  width: 410px;
  padding-top: 10px;
}

.section-sub-title {
  color: var(--secondary-02);
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: inline-block;
}

.section-sub-title.sub-title-white-font {
  color: var(--white);
}

.section-sub-title.testimonial-section-sub-title {
  color: var(--white);
  letter-spacing: 0;
  text-transform: none;
}

.about-sub-content {
  color: var(--secondary-02);
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
}

.about-image-wrap {
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  display: flex;
  position: relative;
}

.about-image {
  z-index: 1;
  border-radius: 28px;
  position: relative;
}

.service-wrap {
  grid-column-gap: 20px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  justify-content: flex-start;
  max-width: 95%;
  margin-top: 35px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.service-line-break {
  background-color: #d8d8d8;
  width: 1px;
}

.service-content-wrap {
  background-color: #f6f6f6;
  border-radius: 15px;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 25px 20px 20px;
  display: flex;
}

.service-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
}

.service-flex {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-sub-title {
  color: var(--secondary-02);
  margin-bottom: 5px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.about-bg {
  position: absolute;
  inset: auto auto -55px 0;
}

.about-experience-wrap {
  z-index: 2;
  grid-column-gap: 10px;
  background-color: var(--white);
  border-radius: 20px;
  align-items: center;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: auto auto -36px 40px;
  box-shadow: 7px 10px 20px 2px #5f5f5f40;
}

.about-experience-title {
  z-index: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 700;
  position: absolute;
}

.about-experience-flex {
  justify-content: center;
  align-items: center;
  display: flex;
}

.about-experience-sub-text {
  color: var(--secondary-02);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}

.section-title {
  text-transform: capitalize;
  max-width: 750px;
  margin-top: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
}

.section-title.white-font-color {
  color: var(--white);
}

.section-title.blog-title {
  max-width: 550px;
}

.section-title-wrap {
  margin-left: 0;
  margin-right: auto;
}

.section-title-wrap.center-align {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.process-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.process-grid {
  grid-column-gap: 50px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: auto;
}

.process-whole-wrap {
  width: auto;
}

.process-content {
  letter-spacing: .01em;
}

.process-step-wrap {
  grid-column-gap: 15px;
  border-top: 1px solid #c1c1c1;
  align-self: flex-start;
  align-items: flex-start;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.process-step-wrap.last-step {
  border-bottom: 1px solid #c1c1c1;
}

.process-step-count-wrap {
  background-color: var(--primary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 55px;
  min-height: 55px;
  display: flex;
}

.process-step-count-wrap.green-bg {
  background-color: var(--secondary);
}

.process-step-count-wrap.black-bg {
  background-color: var(--secondary-02);
}

.process-step-count {
  color: var(--white);
  margin-bottom: 0;
  font-family: Cabin, sans-serif;
  font-size: 26px;
  font-weight: 600;
}

.process-step-count.black-font-color {
  color: var(--black);
}

.process-step-content-wrap {
  flex-direction: column;
  width: auto;
}

.process-step-title {
  margin-top: 0;
  font-size: 20px;
}

.process-step-content {
  letter-spacing: .01em;
  width: 89%;
}

.process-point-flex {
  flex-direction: column;
  max-width: 90%;
  padding-top: 25px;
  display: flex;
}

.process-content-wrap {
  grid-row-gap: 10px;
  flex-direction: column;
  padding-top: 10px;
  display: flex;
}

.experience-flex {
  grid-row-gap: 15px;
  flex-direction: column;
  padding-top: 20px;
  display: flex;
}

.experience-card-flex {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.experience-card-wrap {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px 25px 20px;
  display: flex;
}

.experience-card-title {
  font-size: 20px;
}

.experience-card-content {
  letter-spacing: 0;
}

.testimonial-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.testimonial-whole-wrap {
  justify-content: center;
  align-items: center;
  padding-bottom: 90px;
  display: flex;
}

.testimonial-slider-wrap {
  text-align: center;
  width: 620px;
}

.testimonial-slider {
  background-color: var(--white);
  height: auto;
}

.testimonial-slider-arrow {
  grid-column-gap: 10px;
  background-color: #f3f3f3;
  border-radius: 42px;
  justify-content: center;
  align-items: center;
  min-width: 125px;
  min-height: 60px;
  padding: 8px;
  display: flex;
  position: absolute;
}

.testimonial-slider-arrow.testimonial-right-arrow {
  justify-content: flex-end;
  inset: auto -45px 150px auto;
}

.testimonial-slider-arrow.testimonial-left-arrow {
  justify-content: flex-start;
  padding-right: 8px;
  inset: auto auto 150px -45px;
}

.testimonial-slider-arrow.client-v2-left {
  justify-content: flex-start;
  inset: auto auto 0% 0%;
}

.testimonial-slider-arrow.client-v2-right {
  justify-content: flex-end;
  inset: auto 0% 0% auto;
}

.slider-nav {
  display: none;
}

.testimonial-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-slider-content {
  color: #cecece;
  margin-top: 20px;
  font-family: Cabin, sans-serif;
  font-size: 40px;
  font-weight: 700;
}

.section-sub-text {
  color: var(--secondary-02);
}

.section-sub-text.grey {
  color: #727272;
}

.testimonial-author-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  display: flex;
}

.testimonial-author-image-wrap {
  border-radius: 100%;
  min-width: 210px;
  min-height: 210px;
}

.testimonial-author-image {
  border-radius: 100%;
}

.testimonial-author-title {
  margin-bottom: 0;
  font-size: 20px;
}

.testimonial-author-description {
  color: var(--secondary);
  margin-bottom: 0;
  font-weight: 700;
}

.testimonial-arrow-wrap {
  background-color: var(--secondary-02);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 45px;
  min-height: 45px;
  display: flex;
}

.testimonial-arrow-content {
  color: #353535;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

.black-arrow {
  display: none;
}

.book-now-wrap {
  background-color: #181818;
  border-radius: 30px;
  padding-left: 60px;
  padding-right: 60px;
  overflow: hidden;
}

.book-now-grid {
  grid-column-gap: 70px;
  grid-template-rows: auto;
}

.book-now-title-wrap {
  width: auto;
  padding-top: 115px;
  padding-bottom: 115px;
}

.book-now-content {
  color: var(--white);
  letter-spacing: .01em;
  line-height: 1.5;
}

.book-now-button-wrap {
  padding-top: 10px;
  display: flex;
}

.book-now-button {
  background-color: var(--primary);
  color: var(--secondary-02);
  background-image: url('../images/Book-Now.svg');
  background-position: 12%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 15px 20px 15px 50px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.book-now-button:hover {
  background-color: var(--white);
}

.book-now-image-wrap {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.book-now-image {
  z-index: 1;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.book-now-main-image {
  z-index: 1;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  position: relative;
}

.book-now-background {
  position: absolute;
  top: 20%;
  left: -56px;
}

.book-now-box {
  background-color: var(--secondary);
  border-radius: 17px;
  min-width: 130px;
  min-height: 130px;
  position: absolute;
  top: 29%;
  left: -28px;
  right: auto;
}

.contact-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.contact-grid {
  grid-column-gap: 80px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
}

.contact-point-wrap {
  grid-row-gap: 55px;
  flex-direction: column;
  padding-top: 25px;
  display: flex;
}

.contact-point-flex {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 350px;
  display: flex;
}

.contact-image-wrap {
  background-color: #ffecbb;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 55px;
  min-height: 55px;
  display: flex;
}

.contact-image-wrap.green-bg {
  background-color: #a4eda4;
}

.contact-image-wrap.grey-bg {
  background-color: #eaeaea;
}

.contact-contact-wrap {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  display: flex;
}

.contact-description {
  margin-bottom: 0;
}

.contact-content {
  color: var(--secondary-02);
  letter-spacing: .01em;
  margin-bottom: 0;
  font-family: Cabin, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
}

.contact-content.contact-link {
  display: block;
}

.contact-content.contact-link:hover {
  color: var(--secondary);
}

.contact-form-block {
  margin-bottom: 0;
}

.form-label-flex {
  flex: 1;
}

.form-flex {
  grid-column-gap: 20px;
  padding-bottom: 30px;
  display: flex;
}

.form-input {
  color: var(--secondary-02);
  border: 1px solid #c1c1c1;
  border-radius: 54px;
  min-height: 65px;
  margin-bottom: 0;
  padding: 20px 20px 20px 30px;
  font-size: 16px;
  font-weight: 400;
}

.form-input:focus {
  border-color: var(--secondary-02);
  color: var(--secondary-02);
}

.form-input::placeholder {
  color: #a9a9a9;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.form-input.text-area {
  border-radius: 22px;
  max-width: 800px;
  min-height: 140px;
}

.form-input.password::placeholder {
  color: var(--content);
}

.form-input.cta {
  border-width: 2px;
  border-color: var(--white);
}

.form-input.cta:focus-visible, .form-input.cta[data-wf-focus-visible] {
  border-color: var(--secondary);
}

.form-button-wrap {
  padding-top: 10px;
}

.footer-social-link-wrap {
  grid-column-gap: 10px;
  display: flex;
}

.footer-social {
  color: var(--white);
  font-family: Cabin, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.footer-social.social-link {
  transition: color .2s;
}

.footer-social.social-link:hover {
  color: var(--primary);
}

.footer-social {
  margin-bottom: 0;
  display: inline-block;
}

.copyright-link {
  color: var(--white);
  font-size: 16px;
  transition: color .2s;
}

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

.home-v2-banner {
  background-color: #262626;
  background-image: url('../images/Home-banner.jpg'), url('../images/home-bg-2.png');
  background-position: 100% 0, 0 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: 60%, 57%;
  padding-top: 140px;
  padding-bottom: 200px;
}

.home-v2-banner-wrap {
  justify-content: flex-start;
  display: flex;
}

.home-v2-banner-content-wrap {
  width: 450px;
}

.home-v2-banner-content {
  color: var(--white);
  letter-spacing: .01em;
  margin-top: 20px;
  line-height: 1.5;
}

.home-v2-banner-title {
  color: var(--white);
  margin-top: 12px;
  line-height: 1.1;
}

.home-card-section {
  padding-bottom: 120px;
}

.home-card-wrap {
  margin-top: -110px;
}

.home-card-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.home-card {
  background-color: #e3e3e1;
  background-image: url('../images/Home-card-01.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  padding: 240px 45px 50px;
  box-shadow: 6px 6px 20px -10px #5f5f5f;
}

.home-card.second-card {
  background-image: url('../images/Home-card-02.jpg');
}

.home-card.third-card {
  background-color: #262626;
  background-image: url('../images/Home-card-03.jpg');
  background-position: 50% 0;
  background-size: contain;
}

.home-card-title {
  text-transform: capitalize;
  margin-top: 0;
  font-size: 25px;
}

.home-card-title.white {
  color: var(--white);
}

.home-card-content {
  letter-spacing: .01em;
}

.home-card-content.white {
  color: var(--white);
}

.home-card-button-wrap {
  padding-top: 5px;
  display: flex;
}

.about-section {
  padding-bottom: 120px;
}

.about-v2-grid {
  grid-column-gap: 100px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.about-v2-wrap {
  width: auto;
}

.about-v2-sub-title {
  color: var(--secondary);
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
}

.about-v2-point-wrap {
  width: 300px;
  padding-top: 25px;
}

.about-v2-point-flex {
  grid-column-gap: 10px;
  border-top: 1px solid #d8d8d8;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.about-point-image-wrap {
  background-color: #fff3d6;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 45px;
  min-height: 45px;
  display: flex;
}

.about-point-image-wrap.green-bg {
  background-color: #e2f4e2;
}

.about-v2-point-content {
  color: var(--secondary-02);
  font-family: Cabin, sans-serif;
  font-size: 20px;
  font-weight: 500;
  transition: color .2s;
}

.about-v2-point-content:hover {
  color: var(--primary);
}

.about-v2-button-wrap {
  padding-top: 15px;
  display: flex;
}

.about-v2-image-wrap {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.about-image-v2 {
  z-index: 1;
  border-radius: 30px;
  position: relative;
}

.about-image-bg {
  position: absolute;
  inset: auto auto -4% -10%;
}

.about-decorative-circle {
  z-index: 2;
  background-color: var(--primary);
  border-radius: 100%;
  min-width: 140px;
  min-height: 140px;
  position: absolute;
  inset: auto 302px 0% auto;
}

.about-decorative-circle.green-bg {
  background-color: var(--secondary);
  min-width: 120px;
  min-height: 120px;
  inset: auto 0% -75px auto;
}

.about-decorative-circle.white-bg {
  background-color: var(--white);
  min-width: 110px;
  min-height: 110px;
  inset: auto 22% 0% auto;
}

.about-client {
  z-index: 2;
  grid-column-gap: 20px;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  background-color: #ffffff4d;
  border: 1px solid #fff;
  border-radius: 30px;
  padding: 35px 65px 30px 35px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: -36px;
  right: 49px;
  box-shadow: 1px 1px 20px #b9b9b940;
}

.about-v2-client-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  line-height: 1;
}

.about-client-content {
  color: var(--secondary-02);
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.experience-section {
  background-image: url('../images/img.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-relative {
  z-index: 1;
  position: relative;
}

.experience-overlay {
  background-color: #fbc336f2;
  background-image: url('../images/experience-bg-01.png'), url('../images/experience-bg-01.png');
  background-position: 98% 10%, 2% 90%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  position: absolute;
  inset: 0%;
}

.experience-grid {
  grid-column-gap: 100px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .5fr;
  justify-content: center;
  justify-items: center;
}

.experience-content {
  color: var(--secondary-02);
  font-size: 18px;
}

.experience-progress-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.experience-sub-title {
  color: var(--secondary-02);
  font-family: Cabin, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.experience-progress-title {
  z-index: 1;
  margin-top: -20px;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 700;
  position: absolute;
}

.experience-title-wrap {
  text-align: center;
  width: 400px;
}

.works-section {
  background-image: url('../images/Work-Bg.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.works-title-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.works-overlay {
  background-color: #181818f2;
  position: absolute;
  inset: 0%;
}

.works-wrap {
  padding-top: 35px;
}

.works-grid {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.works-image-wrap {
  display: flex;
}

.works-lightbox {
  align-items: center;
  display: flex;
}

.works-image {
  border-radius: 20px;
  align-self: stretch;
}

.information-section {
  background-color: #f5f5f5;
  padding-top: 125px;
  padding-bottom: 120px;
}

.information-wrap {
  width: 530px;
}

.information-wrap.left-side {
  text-align: left;
}

.information-wrap.right-side {
  text-align: right;
}

.information-grid-flex {
  justify-content: space-between;
  display: flex;
}

.information-grid {
  z-index: 1;
  grid-row-gap: 65px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  margin-top: 40px;
  position: relative;
}

.information-grid-wrap {
  display: flex;
  position: relative;
}

.education-flex {
  grid-column-gap: 30px;
  align-items: flex-start;
  display: flex;
}

.education-point-wrap {
  background-color: var(--secondary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  min-height: 35px;
  display: flex;
}

.education-point-wrap.yellow-bg {
  background-color: var(--primary);
}

.education-inside-wrap {
  background-color: var(--white);
  border-radius: 100%;
  min-width: 15px;
  min-height: 15px;
}

.education-description {
  color: #8a8a8a;
  margin-bottom: 0;
  font-size: 18px;
}

.education-title {
  margin-top: 0;
  font-size: 25px;
  font-weight: 500;
}

.information-line-break {
  border-right: 2px dashed #000;
  align-self: stretch;
  height: 83%;
  position: absolute;
  bottom: 12px;
}

.information-line-break.right-side {
  top: auto;
  left: auto;
  right: 16px;
}

.information-line-break.left-side {
  top: auto;
  left: 16px;
  right: auto;
}

.client-testimonial-section {
  padding-top: 100px;
  padding-bottom: 120px;
}

.client-review-wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.client-v2-flex {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.client-v2-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
}

.client-v2-content {
  font-family: Cabin, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.client-v2-line-break {
  border-right: 1px dashed #989898;
}

.client-v2-slider-wrap {
  margin-top: 85px;
  overflow: hidden;
}

.client-testimonial-slider {
  background-color: #0000;
  height: auto;
  padding-bottom: 65px;
}

.client-testimonial-mask {
  width: 66%;
  overflow: visible;
}

.client-testimonial-slider-item {
  background-color: #f2f2f2;
  border-radius: 20px;
  width: 375px;
  margin-right: 35px;
  padding: 45px 30px 40px;
}

.client-v2-author-flex {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.client-v2-author {
  border-radius: 100%;
  min-width: 80px;
  min-height: 80px;
}

.client-v2-author-image {
  border-radius: 100%;
}

.client-v2-author-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.testimonial-content-wrap {
  background-color: #fdfdfd;
  border-radius: 20px;
  margin-top: 25px;
  padding: 35px 25px 20px;
  position: relative;
}

.testimonial-image {
  position: absolute;
  inset: -20px 31px auto auto;
}

.team-member-section {
  padding-top: 120px;
  padding-bottom: 80px;
}

.team-member-section.home-v2 {
  padding-top: 0;
  padding-bottom: 0;
}

.team-member-section.about-page-team {
  background-color: var(--bg-1);
}

.team-member-image-wrap {
  background-image: url('../images/Team.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  height: 550px;
  display: flex;
  position: relative;
}

.team-member-image-wrap.team-page {
  background-image: none;
  height: auto;
}

.team-member-overlay {
  background-image: linear-gradient(353deg, #000, #0000);
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.team-content-wrap {
  z-index: 2;
  border-bottom: 1px dashed #464646;
  flex: 1;
  max-width: 1200px;
  padding-bottom: 90px;
  position: relative;
}

.team-button-wrap {
  padding-top: 10px;
}

.pricing-section {
  background-color: var(--bg-1);
  padding-top: 120px;
  padding-bottom: 280px;
}

.pricing-tab {
  grid-column-gap: 70px;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.pricing-title-flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.pricing-title-wrap {
  z-index: 2;
  width: auto;
  position: relative;
}

.pricing-tab-menu-wrap {
  grid-column-gap: 15px;
  width: 360px;
  display: flex;
  position: relative;
  left: 0;
}

.pricing-wrap {
  background-color: var(--white);
  border-radius: 20px;
  padding: 20px 20px 40px;
}

.pricing-value-wrap {
  background-color: #181818;
  background-image: url('../images/Pricing-bg_1Pricing-bg.png');
  background-position: 90% 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 20px;
  padding: 30px 25px 20px;
}

.pricing-value-content-wrap {
  border-bottom: 1px dashed #565656;
  padding-right: 30px;
}

.pricing-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 25px;
}

.pricing-content {
  color: var(--white);
  font-family: Lato, sans-serif;
  line-height: 1.6;
}

.pricing-value-flex {
  grid-column-gap: 10px;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.pricing-value {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
}

.pricing-point-flex {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  padding-left: 40px;
  display: flex;
}

.pricing-point-wrap {
  grid-column-gap: 15px;
  align-items: center;
  min-width: 205px;
  display: flex;
}

.pricing-point-content {
  margin-bottom: 0;
}

.pricing-button-wrap {
  flex-direction: column;
  padding-top: 35px;
  display: flex;
}

.pricing-tab-pane-flex {
  grid-column-gap: 20px;
  display: flex;
}

.pricing-tab-link {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 55px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  min-width: 130px;
  padding: 15px 20px 15px 15px;
  display: flex;
}

.pricing-tab-link.w--current {
  background-color: var(--white);
}

.pricing-radio-block {
  border: 1px solid #d8d8d8;
  border-radius: 100%;
  min-width: 20px;
  min-height: 20px;
}

.pricing-link-content {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

.tabs-content {
  flex: 1;
  padding-top: 40px;
  overflow: visible;
}

.cta-section {
  margin-top: -120px;
  position: relative;
}

.cta-section.sub-pages {
  margin-top: 0;
  padding-bottom: 120px;
}

.cta-section.blog-page {
  margin-top: 0;
  padding-top: 120px;
  padding-bottom: 120px;
}

.cta-wrap {
  z-index: 1;
  background-color: var(--secondary-02);
  background-image: url('../images/Cta-bg-02.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 30px;
  padding: 80px 100px 80px 40px;
  position: relative;
}

.cta-wrap.sub-pages {
  background-image: url('../images/Cta-bg-02.png');
  background-position: 150% 0;
  padding-left: 60px;
  padding-right: 60px;
}

.cta-flex {
  justify-content: flex-start;
  display: flex;
}

.cta-title-wrap {
  flex-direction: column;
  align-items: flex-start;
  width: 500px;
  display: flex;
}

.cta-form-block {
  align-self: stretch;
  margin-bottom: 0;
}

.cta-form {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 15px;
  display: flex;
}

.cta-content {
  color: var(--white);
}

.cta-bg {
  position: absolute;
  inset: -86px auto auto 0%;
}

.cta-bg.hide {
  display: none;
}

.footer-v2 {
  padding-top: 70px;
}

.footer-v2-grid-wrap {
  border-bottom: 1px dashed #989898;
}

.footer-v2-grid {
  grid-column-gap: 50px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr .75fr;
  padding-bottom: 40px;
}

.footer-v2-copyright {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.copyright-v2-link {
  color: var(--content);
  transition: color .2s;
}

.copyright-v2-link:hover {
  color: var(--secondary);
}

.footer-image {
  margin-top: 20px;
  margin-left: 20px;
}

.footer-v2-widget-wrap {
  grid-row-gap: 10px;
  flex-direction: column;
  padding-top: 10px;
  display: flex;
}

.footer-location-wrap {
  padding-bottom: 10px;
}

.footer-location-wrap.border {
  border-bottom: 1px dashed #989898;
}

.footer-location-title {
  color: var(--secondary-02);
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.footer-contact-flex {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.footer-contact-content {
  margin-bottom: 0;
}

.footer-contact-link {
  font-weight: 700;
}

.footer-contact-link:hover {
  color: var(--secondary);
}

.footer-v2-social {
  color: #262626;
  margin-bottom: 0;
  font-family: Cabin, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.footer-v2-social.footer-social-link:hover {
  color: var(--secondary);
}

.about-banner {
  background-color: var(--secondary-02);
  background-image: url('../images/skechers-banner.jpg');
  background-position: 50%;
  background-size: cover;
}

.sub-page-banner {
  padding-top: 145px;
  padding-bottom: 145px;
  display: flex;
}

.sub-page-banner.large-banner {
  justify-content: flex-start;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.sub-page-banner.blog-single {
  padding-top: 145px;
  padding-bottom: 120px;
}

.our-vision-section {
  padding-top: 120px;
  padding-bottom: 125px;
}

.our-vision-grid {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.our-vision-points-wrap {
  grid-column-gap: 20px;
  align-items: flex-start;
  display: flex;
}

.our-vision-points-flex {
  grid-row-gap: 10px;
  flex-direction: column;
  padding-top: 15px;
  display: flex;
}

.our-vision-image-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.our-vision-image {
  z-index: 2;
  border-radius: 20px;
  position: relative;
}

.our-vision-bg {
  position: absolute;
  inset: -7% -25px auto auto;
}

.our-vision-decorative {
  z-index: 1;
  background-color: var(--secondary);
  border-radius: 20px;
  min-width: 115px;
  min-height: 115px;
  position: absolute;
  inset: -2% -15px auto auto;
}

.successful-works-flex {
  grid-column-gap: 130px;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.successful-content {
  color: var(--secondary-02);
  margin-bottom: 0;
  font-family: Cabin, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.successful-content-wrap {
  text-align: center;
}

.core-value-section {
  background-color: #f5f5f5;
  padding-top: 100px;
  padding-bottom: 100px;
}

.core-title-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.core-title-wrap {
  width: 600px;
}

.core-value-card-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 35px;
  display: flex;
}

.core-value-card {
  background-color: var(--white);
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 300px;
  min-width: 300px;
  padding: 35px 40px 35px 30px;
  display: flex;
}

.core-image-wrap {
  background-color: var(--secondary-02);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  min-height: 50px;
  display: flex;
}

.core-value-card-content-wrap {
  padding-bottom: 10px;
}

.core-value-title {
  font-size: 20px;
}

.core-link {
  grid-column-gap: 10px;
  transition: all .2s, color .2s;
  display: flex;
}

.core-link:hover {
  grid-column-gap: 15px;
}

.core-link-content {
  color: var(--secondary-02);
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

.history-section {
  padding-top: 125px;
  padding-bottom: 125px;
}

.history-title-content {
  text-align: left;
  letter-spacing: .01em;
  width: 730px;
}

.history-video-link-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.history-bg-right {
  position: absolute;
  inset: 0% auto auto 72%;
}

.history-image-wrap {
  z-index: 1;
  background-image: url('../images/history.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 30px;
  width: 960px;
  height: 370px;
  position: relative;
}

.history-overlay {
  background-color: #18181885;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.history-link {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 65px;
  min-height: 65px;
  transition-property: background-color;
  display: flex;
}

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

.history-link-circle {
  background-color: #ffffff14;
  border: .3px solid #d0d0d0;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 110px;
  min-height: 110px;
  display: flex;
}

.history-link-two {
  background-color: #ffffff2b;
  border: .3px solid #d0d0d0;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 85px;
  min-height: 85px;
  display: flex;
}

.history-bg-two {
  background-color: var(--secondary);
  border-radius: 20px;
  min-width: 165px;
  min-height: 165px;
  position: absolute;
  inset: auto 83% 0% auto;
}

.book-now-section {
  padding-top: 125px;
  padding-bottom: 125px;
}

.contact-banner {
  background-color: var(--secondary-02);
  background-image: url('../images/lee-wrangler-iskenderun.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.contact-page-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.subscribe-wrap {
  background-color: #181818;
  background-image: url('../images/subcribe-bg-02.png'), url('../images/subcribe-bg.png');
  background-position: 100% 100%, 100% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-radius: 20px;
  margin-bottom: 120px;
  padding: 75px 45px;
}

.subscribe-flex {
  grid-column-gap: 85px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.subscribe-title {
  color: var(--white);
  margin-top: 0;
  font-size: 35px;
}

.subscribe-content {
  color: var(--white);
  margin-bottom: 0;
}

.subscribe-full-width {
  flex: 1;
  min-width: 50%;
}

.lets-talk-grid-wrap {
  margin-bottom: 120px;
}

.lets-talk-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
}

.lets-talk-points-image-wrap {
  background-color: var(--secondary-02);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  min-height: 50px;
  display: flex;
}

.lets-talk-image {
  z-index: 2;
  border-radius: 30px;
  position: relative;
}

.lets-talk-point-flex {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lets-talk-content {
  margin-bottom: 0;
}

.lets-talk-link-content {
  color: var(--secondary-02);
  margin-bottom: 0;
  font-family: Cabin, sans-serif;
  font-size: 16px;
  font-weight: 600;
  display: block;
}

.lets-talk-link-content.link-content:hover {
  color: var(--secondary);
}

.lets-talk-points-wrap {
  grid-row-gap: 15px;
  flex-direction: column;
  padding-top: 20px;
  display: flex;
}

.lets-talk-image-wrap {
  position: relative;
}

.lets-talk-bg {
  width: 40%;
  position: absolute;
  inset: -61px auto auto -70px;
}

.lets-talk-bg-second {
  z-index: 1;
  background-color: var(--secondary);
  border-radius: 20px;
  min-width: 170px;
  min-height: 170px;
  position: absolute;
  inset: -27px auto auto -34px;
}

.experience-image-wrap {
  background-color: var(--secondary-02);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 55px;
  min-height: 55px;
  display: flex;
}

.service-section {
  background-color: #f5f5f5;
  padding-top: 120px;
  padding-bottom: 120px;
}

.service-grid-wrap {
  padding-top: 30px;
}

.service-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
}

.service-card-wrap {
  grid-row-gap: 25px;
  background-color: #ebebeb;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 45px 45px 35px 40px;
  transition: background-color .2s;
  display: flex;
}

.service-card-wrap:hover {
  background-color: var(--white);
}

.service-card-title {
  color: var(--title-color);
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Cabin, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.4;
  display: block;
}

.service-card-title:hover {
  color: var(--secondary);
}

.service-card-image-wrap {
  min-height: 90px;
}

.case-study-bg-wrap {
  background-color: var(--secondary-02);
  background-image: url('../images/Case-study-bg.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px;
}

.case-study-whole-wrap {
  margin-top: -400px;
}

.case-study-title-wrap {
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.case-study-wrap {
  background-color: #fafafa;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.case-study-collection-list {
  margin-left: 0;
  margin-right: 0;
}

.case-study-collection-item {
  padding-bottom: 25px;
  padding-left: 12px;
  padding-right: 12px;
}

.case-study-card-wrap {
  border-radius: 20px;
  position: relative;
}

.case-study-image {
  border-radius: 20px;
}

.case-study-overlay {
  background-color: #181818bf;
  background-image: linear-gradient(to top, #000, #0000 41%);
  border-radius: 20px;
  align-items: flex-end;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.case-study-title {
  color: var(--white);
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Cabin, sans-serif;
  font-size: 25px;
  font-weight: 600;
  display: block;
}

.case-study-title:hover {
  color: var(--secondary);
}

.case-study-sub-title {
  color: var(--primary);
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.case-study-sub-title:hover {
  color: var(--secondary);
}

.case-study-link-wrap {
  background-image: linear-gradient(316deg, #dda003, #ffe9b1);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 55px;
  min-height: 55px;
  display: flex;
  position: absolute;
  inset: 30px 30px auto auto;
}

.works-count-wrap {
  grid-column-gap: 130px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 55px;
  display: flex;
}

.works-count {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.count-title {
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 50px;
  font-weight: 700;
  line-height: .8;
}

.count-sub-title {
  color: var(--secondary-02);
  margin-bottom: 0;
  font-family: Cabin, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.blog-post-section {
  background-color: #f5f5f5;
  padding-top: 80px;
  padding-bottom: 100px;
}

.blog-post-section.blog-author {
  padding-top: 100px;
}

.blog-post-title-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 25px;
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.blog-post-wrap {
  min-height: 712px;
  padding-top: 40px;
}

.blog-post-image {
  border-radius: 20px;
}

.blog-post-content-wrap {
  width: auto;
  padding-top: 30px;
  padding-bottom: 40px;
}

.blog-post-title {
  margin-bottom: 15px;
  font-family: Cabin, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.blog-post-title:hover {
  color: var(--secondary);
}

.blog-post-author-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.blog-post-image-wrap {
  max-width: 60px;
  max-height: 60px;
}

.blog-author-image {
  z-index: 1;
  border-radius: 100%;
  position: relative;
}

.blog-author-content-wrap, .blog-post-author-flex {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.blog-line-break {
  border-right: 1px solid #595566;
  align-self: stretch;
  width: 0;
}

.blog-author-content {
  color: var(--content);
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.blog-author-content:hover {
  color: var(--secondary);
}

.blog-post-collection-item {
  padding-left: 15px;
  padding-right: 15px;
}

.service-banner {
  background-color: var(--secondary-02);
  background-image: url('../images/boyner-gaziantep.jpg');
  background-position: 100%;
  background-size: cover;
}

.service-pricing-flex {
  grid-column-gap: 35px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: center;
  padding-top: 40px;
  display: flex;
}

.service-price-section {
  background-color: #f5f5f5;
  padding-top: 125px;
  padding-bottom: 125px;
}

.service-process {
  padding-top: 125px;
  padding-bottom: 125px;
}

.service-process-grid {
  grid-column-gap: 100px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
}

.service-process-image-wrap {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: relative;
  left: 25px;
}

.service-process-wrap {
  width: 600px;
}

.service-process-point-wrap {
  flex-direction: column;
  display: flex;
}

.service-process-point-flex {
  grid-column-gap: 15px;
  align-items: flex-start;
  padding-top: 30px;
  display: flex;
}

.service-process-point-title {
  margin-top: 0;
  font-size: 20px;
  line-height: 1.2;
}

.service-process-image {
  z-index: 1;
  border-radius: 30px;
  position: relative;
}

.service-process-left {
  position: absolute;
  inset: auto auto -45px -20px;
}

.service-process-right {
  background-color: var(--secondary);
  border-radius: 20px;
  min-width: 165px;
  min-height: 165px;
  position: absolute;
  inset: -33px -27px auto auto;
}

.team-banner {
  background-color: var(--secondary-02);
  background-image: url('../images/Banner_2.jpg');
  background-position: 50%;
  background-size: auto;
}

.team-member-title-wrap {
  width: 660px;
}

.team-member-title-flex {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.team-member-whole-wrap {
  padding-top: 40px;
}

.team-collection-item {
  padding-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
}

.team-member-image {
  z-index: 1;
  border-radius: 20px;
  position: relative;
}

.team-description-wrap {
  z-index: 1;
  background-color: var(--secondary-02);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  min-height: 35px;
  padding: 5px 25px 8px;
  display: flex;
  position: absolute;
  inset: auto 20px 25px auto;
}

.team-description {
  color: var(--white);
  margin-bottom: 0;
  font-weight: 700;
}

.team-member-content-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.team-member-title {
  color: var(--title-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Cabin, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  display: block;
}

.team-member-title:hover {
  color: var(--secondary);
}

.team-member-social-link-wrap {
  grid-column-gap: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: -5px;
  padding-top: 10px;
  display: flex;
}

.team-member-social-link {
  transition: transform .2s, color .2s;
  transform: translate(0);
}

.team-member-social-link:hover {
  color: var(--secondary);
  transform: translate(0, -3px);
}

.service-single-banner {
  background-color: var(--secondary-02);
  background-image: url('../images/Service-single-banner.jpg');
  background-position: 50%;
  background-size: cover;
}

.service-single {
  background-color: #f5f5f5;
  padding: 125px 30px;
}

.service-single-title-wrap {
  width: 690px;
}

.service-single-slider-wrap {
  align-self: stretch;
  max-width: 1900px;
  overflow: hidden;
}

.service-slider {
  background-color: #0000;
  align-items: flex-start;
  height: auto;
  margin-top: 60px;
  display: flex;
  overflow: visible;
}

.service-slider-mask {
  width: 400px;
  overflow: visible;
}

.service-slider-item {
  width: 400px;
  margin-right: 30px;
}

.service-slider-title {
  color: var(--secondary-02);
  font-size: 25px;
}

.service-slider-wrap {
  background-color: #ebebeb;
  border-radius: 20px;
  padding: 45px 40px 45px 35px;
}

.service-slider-image-wrap {
  min-height: 30px;
}

.service-slider-arrow {
  background-color: var(--secondary-02);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  min-height: 80px;
  display: flex;
  inset: -46% 0% auto auto;
}

.service-slider-arrow.left-side {
  background-image: url('../images/Slider-left-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  transition: background-color .2s;
  right: 10%;
}

.service-slider-arrow.left-side:hover {
  background-color: var(--primary);
  background-image: url('../images/Slider-left-Black.svg'), url('../images/Slider-left-white.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.service-slider-arrow.right-side {
  background-image: url('../images/Slider-Right-White.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  transition: background-color .2s;
}

.service-slider-arrow.right-side:hover {
  background-color: var(--primary);
  background-image: url('../images/Slider-Right-Black.svg'), url('../images/Slider-Right-White.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.team-single-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.team-single-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  align-items: start;
}

.team-single-image-wrap {
  width: 471.594px;
  display: flex;
  position: relative;
}

.team-single-title-flex {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.team-single-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 700;
}

.team-single-title-line-break {
  border: 1px solid #c1c1c1;
  width: 0;
  min-height: 35px;
}

.team-single-social-flex {
  grid-column-gap: 25px;
  display: flex;
}

.team-single-social-link:hover {
  color: var(--secondary);
}

.team-intro-content-wrap {
  padding-top: 20px;
  padding-bottom: 30px;
}

.team-line-break {
  border-bottom: 1px solid #c1c1c1;
  height: 0;
}

.team-member-content {
  padding-top: 10px;
}

.team-single-decorative {
  position: absolute;
  top: -67px;
  bottom: auto;
  left: -15px;
}

.team-single-wrap {
  background-color: var(--secondary);
  border-radius: 20px;
  min-width: 240px;
  min-height: 165px;
  position: absolute;
  inset: -34px auto auto -37px;
}

.we-will-work-section {
  padding-top: 125px;
  padding-bottom: 70px;
}

.what-to-except-point-flex {
  grid-column-gap: 20px;
  align-items: flex-start;
  display: flex;
}

.what-to-expect-content {
  margin-bottom: 0;
}

.service-single-history {
  background-color: var(--secondary-02);
  padding-top: 125px;
  padding-bottom: 125px;
}

.service-history-image-wrap {
  border-radius: 20px;
  justify-content: center;
  margin-top: 40px;
  position: relative;
}

.service-history-wrap {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 65px;
  min-height: 65px;
  transition-property: background-color;
  display: flex;
  position: relative;
}

.service-history-wrap:hover {
  background-color: var(--primary);
}

.service-history-overlay {
  background-color: #18181870;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.service-lightbox-wrap {
  z-index: 2;
  background-image: url('../images/Service-history.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  width: 835px;
  height: 320px;
  position: relative;
}

.service-history-decorative-one {
  background-color: var(--primary);
  border-radius: 20px;
  min-width: 130px;
  min-height: 160px;
  position: absolute;
  inset: auto -27px -22px auto;
}

.service-history-flex {
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-history-decorative-two {
  position: absolute;
  inset: -39px auto auto -65px;
}

.service-history-decorative-three {
  background-color: var(--secondary);
  border-radius: 20px;
  min-width: 110px;
  min-height: 120px;
  position: absolute;
  inset: -18px auto auto -18px;
}

.service-contact-image-wrap {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: row;
  display: flex;
  position: relative;
}

.service-contact-image {
  z-index: 1;
  border-radius: 20px;
  position: relative;
}

.service-contact-sub-wrap {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.service-contact-decorative {
  position: absolute;
  inset: -43px -28px auto auto;
}

.service-contact-decorative.bottom-wrap {
  background-color: var(--secondary);
  border-radius: 20px;
  min-width: 250px;
  min-height: 130px;
  inset: auto auto -30px -51px;
}

.faq-section {
  padding-top: 40px;
  padding-bottom: 125px;
}

.faq-wrap {
  background-color: #f5f5f5;
  border-radius: 30px;
  padding: 120px 150px;
}

.accordion-item-title {
  color: #1c1c1c;
  white-space: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

.accordion-arrow-wrap {
  background-color: #0000;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 46px;
  min-height: 46px;
  display: flex;
  position: relative;
}

.accordion-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 89%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.accordion-paragraph {
  margin-bottom: 20px;
  font-size: 16px;
}

.accordion-cross {
  border: 1px solid var(--secondary-02);
  min-width: 20px;
  position: absolute;
}

.accordion-cross.accordion-left-cross {
  transform: rotate(90deg);
}

.case-study-banner {
  background-color: var(--secondary-02);
  background-image: url('../images/Banner_7.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.case-study-banner.case-study-single {
  background-image: url('../images/Case-study-single-banner.jpg');
  background-position: 50%;
}

.case-study-tab {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.service-tabs-menu {
  grid-column-gap: 40px;
  background-color: var(--secondary-02);
  border-radius: 30px;
  padding: 40px 45px;
  display: flex;
}

.case-study-tab-link {
  color: var(--white);
  background-color: #0000;
  padding: 0;
  font-family: Cabin, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.case-study-tab-link.w--current {
  color: var(--primary);
  background-color: #0000;
  text-decoration: underline;
}

.service-tab-content {
  align-self: stretch;
  padding-top: 40px;
}

.service-tab-content-wrap {
  background-color: #f5f5f5;
  border-radius: 30px;
  padding-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
}

.case-study-tab-collection-list {
  padding-bottom: 25px;
  padding-left: 10px;
  padding-right: 10px;
}

.case-study-single-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.case-study-single-image-wrap {
  flex-direction: column;
  align-items: center;
  padding-bottom: 120px;
  display: flex;
}

.case-study-details-wrap {
  background-color: var(--secondary-02);
  border-radius: 30px;
  width: 100%;
  margin-top: -64px;
  padding: 55px 60px;
}

.case-study-details-flex {
  justify-content: space-between;
  display: flex;
}

.case-study-point-title {
  color: var(--white);
  margin-top: 0;
  font-size: 20px;
  font-weight: 500;
}

.case-study-point-content {
  color: var(--white);
  margin-bottom: 0;
  font-family: Cabin, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.case-study-point-flex {
  grid-column-gap: 100px;
  display: flex;
}

.case-study-single-content-wrap {
  width: 66%;
  margin-top: 20px;
}

.case-study-content {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.more-case-study-wrap {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.more-case-study-title {
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabin, sans-serif;
  font-size: 40px;
  font-weight: 700;
}

.more-case-button-wrap {
  margin-top: 50px;
}

.blog-banner {
  background-color: var(--secondary-02);
  background-image: url('../images/Banner_3.jpg');
  background-position: 50%;
  background-size: cover;
}

.blog-single-banner {
  background-color: var(--secondary-02);
  background-image: url('../images/Blog-single-banner.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.blog-single {
  padding-bottom: 120px;
}

.blog-single-content-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 85%;
  display: flex;
}

.blog-single-content-area {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.blog-single-flex {
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.blog-author-wrap {
  background-color: var(--secondary-02);
  background-image: url('../images/Blog-author-decarative-03.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 30px;
  margin-top: 30px;
  padding: 65px 55px 70px;
}

.blog-author-flex {
  grid-column-gap: 35px;
  display: flex;
}

.blog-author-image-wrap {
  position: relative;
}

.blog-author-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabin, sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.3;
}

.blog-author-title:hover {
  color: var(--primary);
}

.blog-author-description {
  color: var(--white);
  font-size: 18px;
  font-weight: 400;
}

.author-social-wrap {
  grid-column-gap: 25px;
  align-items: center;
  display: flex;
}

.author-social-link {
  transition: transform .2s, color .2s;
  transform: translate(0);
}

.author-social-link:hover {
  transform: translate(0, -3px);
}

.author-content-wrap {
  width: 490px;
}

.author-content {
  color: var(--white);
}

.author-title-wrap {
  padding-bottom: 10px;
}

.author-decorative {
  position: absolute;
}

.author-decorative.triangle-image {
  inset: 0% auto auto -28px;
}

.author-decorative.star-image {
  inset: auto auto -10px 30px;
}

.author-decorative.circle-image {
  background-color: var(--secondary);
  border-radius: 100%;
  min-width: 30px;
  min-height: 30px;
  inset: -6px 15px auto auto;
}

.case-study-tab-section {
  padding-top: 120px;
}

.home-v2-service-section {
  background-color: #f5f5f5;
  padding-top: 120px;
  padding-bottom: 120px;
}

.home-v2-slider-wrap {
  padding-top: 40px;
}

.service-slider-v2 {
  background-color: #0000;
  height: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.service-slider-v2-mask {
  width: 30%;
  overflow: visible;
}

.service-v2-slider-item {
  background-color: #ebebeb;
  border-radius: 20px;
  width: 400px;
  margin-right: 30px;
  padding: 20px 20px 40px;
}

.service-v2-wrap {
  flex-direction: column;
  display: flex;
}

.service-v2-image {
  border-radius: 20px;
}

.service-v2-content-wrap {
  padding-left: 20px;
}

.service-v2-title {
  text-transform: capitalize;
  font-size: 25px;
}

.service-button {
  color: var(--secondary-02);
  background-color: #f3f3f3;
  border-radius: 55px;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 700;
  transition: background-color .2s, color .2s;
}

.service-button:hover {
  background-color: var(--secondary-02);
  color: var(--white);
}

.service-v2-button {
  padding-top: 10px;
}

.service-v2-arrow {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 180px;
  min-height: 180px;
  display: flex;
  position: absolute;
  inset: auto auto 190px 0%;
  box-shadow: 1px 1px 20px #b9b9b940;
}

.service-v2-arrow.service-v2-left-arrow {
  left: 0;
}

.service-v2-arrow.service-v2-right-arrow {
  left: auto;
  right: 0;
}

.service-v2-link {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  min-height: 70px;
  display: flex;
}

.case-study-category {
  padding-top: 150px;
  padding-bottom: 140px;
}

.category-list {
  justify-content: center;
  align-items: center;
}

.utility-wrap {
  justify-content: center;
  padding: 120px 20px;
  display: flex;
  position: relative;
}

.utility-wrap._404 {
  background-color: #f5f5f5;
  padding: 150px 20px;
}

.password-utility-page-content {
  background-color: var(--secondary-02);
  text-align: center;
  background-image: url('../images/Password-bg-02.png'), url('../images/Password-bg-01.png');
  background-position: 0 100%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-radius: 30px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 80px 20px;
  display: flex;
}

.password-utility-page-form {
  flex-direction: column;
  align-items: center;
  width: 400px;
  display: flex;
}

.password-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
}

.password-button-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  display: flex;
}

.password-label {
  display: none;
}

.password-banner {
  background-color: var(--secondary-02);
  background-image: url('../images/Banner_5.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.error-wrap {
  z-index: 2;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  text-align: center;
  background-color: #ffffffbd;
  border-radius: 30px;
  flex-direction: column;
  align-items: center;
  padding: 60px 70px;
  display: flex;
  position: relative;
}

.error-button-wrap {
  padding-top: 30px;
}

.error-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 90px;
  line-height: .9;
}

.error-sub-title {
  margin-top: 0;
  font-size: 55px;
}

.error-content {
  width: 300px;
}

.error-decorative {
  background-color: var(--secondary);
  border-radius: 20px;
  min-width: 250px;
  min-height: 200px;
  position: absolute;
  top: auto;
  bottom: 123px;
  left: 57%;
}

.error-left-decorative {
  position: absolute;
  top: 117px;
  bottom: auto;
  right: 51%;
}

.license-banner {
  background-image: url('../images/Licenses-banner.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.license-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.license-grid-wrap {
  grid-row-gap: 100px;
  flex-direction: column;
  display: flex;
}

.license-grid {
  grid-column-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 300px 1fr;
}

.license-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 700;
}

.license-content-wrap {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.license-content {
  margin-bottom: 0;
}

.license-sub-title-wrap {
  grid-column-gap: 10px;
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.license-sub-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.1;
  display: inline-block;
}

.license-link {
  font-family: Cabin, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
}

.license-link:hover {
  color: var(--secondary);
}

.license-image-link {
  color: var(--content);
  margin-right: 5px;
  font-size: 16px;
  display: inline-block;
}

.license-image-link:hover {
  color: var(--secondary);
}

.license-image-wrap {
  grid-row-gap: 10px;
  flex-direction: column;
  padding-top: 20px;
  display: flex;
}

.license-content-link {
  color: var(--secondary-02);
  font-size: 16px;
  font-weight: 700;
}

.license-content-link:hover {
  color: var(--secondary);
}

.changelog-banner {
  background-image: url('../images/Banner_4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.changelog-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.changelog-wrap {
  background-color: var(--secondary-02);
  background-image: url('../images/Password-bg-02.png'), url('../images/Password-bg-01.png');
  background-position: 0 100%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 160px 100px;
  display: flex;
}

.changelog-content-wrap {
  grid-column-gap: 10px;
  display: flex;
}

.changelog-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 700;
}

.changelog-version {
  background-color: var(--white);
  border-radius: 50px;
  min-width: 380px;
  padding: 20px 40px;
}

.changelog-content {
  margin-bottom: 0;
}

.nav-dropdown-list.w--open {
  background-color: var(--secondary-02);
  border-radius: 20px;
  padding: 20px;
  position: absolute;
}

.nav-dropdown-list.dark-list.w--open {
  background-color: var(--bg-1);
  border-radius: 10px;
}

.nav-dropdown {
  position: relative;
}

.our-vision-content-wrap {
  width: auto;
  padding-top: 20px;
}

.our-vision-point-content {
  font-family: Cabin, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.our-vision-content {
  letter-spacing: .01em;
}

.nav-dropdown-icon {
  margin-right: 0;
  position: relative;
}

.blog-author-link {
  color: var(--content);
}

.blog-author-link:hover {
  color: var(--secondary);
}

.experience-progress-flex {
  grid-column-gap: 50px;
  justify-content: space-between;
  display: flex;
}

.section-sub-title-wrap {
  background-color: var(--primary);
  border-radius: 20px;
  padding: 2px 12px 2px 15px;
  display: inline-block;
}

.section-sub-title-wrap.green-bg {
  background-color: var(--secondary);
  padding-top: 2px;
  padding-bottom: 2px;
}

.section-sub-title-wrap.white-bg {
  background-color: var(--white);
}

.section-sub-title-wrap.grey-bg {
  background-color: #323232;
}

.section-sub-title-wrap.testimonial-description {
  background-color: var(--secondary);
  margin-top: 4px;
  padding-left: 10px;
  padding-right: 10px;
}

.service-slider-whole-wrap {
  overflow: hidden;
}

.core-title-content {
  margin-top: 10px;
  margin-bottom: 0;
}

.team-member-description {
  font-size: 20px;
}

.counter-wrap {
  border: 4px solid var(--secondary);
  border-radius: 100%;
  min-width: 95px;
  min-height: 95px;
  position: relative;
}

.counter-dot {
  border: 5px solid var(--secondary);
  background-color: var(--white);
  border-radius: 100%;
  min-width: 16px;
  min-height: 16px;
  position: absolute;
  inset: 0% auto auto 9%;
}

.experience-counter-wrap {
  border: 6px solid var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 185px;
  min-height: 185px;
  margin-bottom: 25px;
  display: flex;
  position: relative;
}

.experience-dot {
  border: 5px solid var(--white);
  background-color: var(--secondary-02);
  border-radius: 100%;
  min-width: 30px;
  min-height: 30px;
  position: absolute;
  top: -16px;
}

.experience-progress-area {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-title-content {
  margin-top: 30px;
  margin-bottom: 20px;
  line-height: 1.5;
}

.accordion-item {
  border-bottom: 1px solid #dadada;
  display: block;
}

.accordion-toggle {
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px 10px 0;
  display: flex;
}

.accordion-list {
  background-color: #0000;
  display: block;
  position: static;
  overflow: hidden;
}

.our-history-title-wrap {
  width: 520px;
}

.success-message {
  background-color: var(--primary);
  color: var(--black);
  border-radius: 30px;
  padding: 20px;
}

.error-message {
  color: var(--black);
  text-align: center;
  border-radius: 30px;
  margin-top: 20px;
  padding: 20px;
}

.more-template-badge {
  z-index: 999;
  margin-bottom: 10px;
  position: fixed;
  inset: auto 0% 30px auto;
}

.buy-template-badge {
  z-index: 999;
  position: fixed;
  inset: auto 0% 5px auto;
}

.team-slider {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.team-slider-wrapper {
  background-color: #0000;
  height: auto;
  margin-top: 50px;
}

.team-slide-wrapper {
  border: 1px solid var(--primary);
  width: 30%;
  margin-right: 5%;
}

.team-block {
  background-color: #fff;
  padding-bottom: 24px;
}

.team-member-image-two {
  margin-bottom: 18px;
}

.team-block-info {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.team-member-name-two {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
}

.team-member-text {
  margin-bottom: 20px;
}

.text-link-arrow {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed {
  margin-left: 2px;
  display: flex;
}

.team-slider-arrow {
  display: none;
}

.team-slider-nav {
  margin-top: 24px;
  font-size: 10px;
  position: static;
  bottom: -60px;
}

.pricing-overview {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-3 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading-2 {
  text-align: center;
  margin-bottom: 16px;
}

.pricing-description {
  text-align: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-grid {
  grid-column-gap: 64px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.pricing-card-three {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-image {
  object-fit: none;
  width: 100%;
  height: 100%;
  margin-bottom: 16px;
}

.pricing-card-text {
  text-align: left;
  margin-bottom: 20px;
}

.text-link-arrow-2 {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed-2 {
  margin-left: 2px;
  display: flex;
}

.heading, .heading-2, .heading-3, .heading-4 {
  font-size: 20px;
}

.div-block {
  background-color: #fff;
  padding: 10px;
}

@media screen and (min-width: 1280px) {
  .container {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link {
    padding-left: 25px;
    padding-right: 20px;
    font-size: 18px;
  }

  .nav-link.nav-link-dropdown {
    padding-right: 20px;
  }

  .nav-menu {
    grid-column-gap: 70px;
  }

  .nav-button {
    background-image: url('../images/Nav-Button.svg');
    background-position: 6%;
    background-repeat: no-repeat;
    background-size: 20%;
    padding-left: 65px;
    padding-right: 35px;
  }

  .banner-title-wrap.about-page {
    max-width: 750px;
  }

  .banner-title {
    text-transform: capitalize;
    font-size: 50px;
  }

  .style-guide-section {
    padding-top: 160px;
  }

  .style-guide-title {
    font-size: 50px;
  }

  .footer {
    padding-top: 130px;
  }

  .footer-widget-link.w--current:hover {
    color: var(--secondary);
    background-image: url('../images/Nav-active.svg'), url('../images/footer-image.svg');
    background-position: 0%, 0%;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }

  .home-banner {
    background-position: 0%;
  }

  .home-banner-flex {
    padding-top: 190px;
    padding-bottom: 180px;
  }

  .client-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .client-wrap {
    justify-content: space-between;
  }

  .home-banner-title {
    font-size: 50px;
  }

  .about-us-section {
    padding-bottom: 160px;
  }

  .about-grid {
    grid-template-columns: .7fr 1.01fr;
    align-items: stretch;
  }

  .about-image-wrap {
    justify-content: flex-end;
    padding-top: 10px;
  }

  .about-bg {
    inset: auto auto 0 -3px;
  }

  .about-experience-wrap {
    inset: auto auto 50px 40px;
  }

  .section-title, .section-title.white-font-color {
    font-size: 45px;
  }

  .process-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .process-grid {
    grid-column-gap: 70px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
    width: auto;
  }

  .process-whole-wrap {
    width: 90%;
  }

  .process-content {
    padding-top: 5px;
  }

  .process-step-content-wrap {
    width: auto;
  }

  .experience-card-flex {
    flex-direction: row;
  }

  .experience-card-wrap {
    width: 50%;
    padding-right: 20px;
  }

  .experience-card-title {
    margin-bottom: 5px;
  }

  .testimonial-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .testimonial-slider-content {
    font-size: 40px;
  }

  .book-now-wrap {
    padding-left: 100px;
    padding-right: 80px;
  }

  .book-now-title-wrap {
    width: 90%;
  }

  .book-now-image {
    inset: 0% 0% auto auto;
  }

  .book-now-background {
    width: 69%;
    inset: 75px auto auto -56px;
  }

  .book-now-box {
    min-width: 130px;
    min-height: 130px;
    inset: 115px auto auto -28px;
  }

  .contact-section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .home-v2-banner {
    background-position: 100% 100%, 0 100%;
    background-size: 55%, auto;
    padding-top: 120px;
    padding-bottom: 220px;
  }

  .home-card-section {
    padding-bottom: 140px;
  }

  .home-card-wrap {
    margin-top: -110px;
  }

  .home-card-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-card.third-card {
    background-size: contain;
  }

  .about-section {
    padding-bottom: 150px;
  }

  .about-v2-grid {
    grid-column-gap: 160px;
    grid-template-columns: .5fr 1fr;
  }

  .about-v2-wrap {
    width: 415px;
  }

  .about-image-bg {
    bottom: -67px;
    left: -68px;
  }

  .about-decorative-circle {
    min-width: 180px;
    min-height: 180px;
    bottom: 0%;
    right: 302px;
  }

  .about-decorative-circle.green-bg {
    min-width: 160px;
    min-height: 160px;
    bottom: -75px;
    right: 0%;
  }

  .about-decorative-circle.white-bg {
    inset: auto 28% 0% auto;
  }

  .about-client {
    padding: 35px 65px 30px 35px;
    top: auto;
    bottom: -36px;
    right: 49px;
  }

  .about-v2-client-title {
    font-size: 65px;
  }

  .about-client-content {
    font-size: 20px;
  }

  .experience-section {
    padding-top: 150px;
    padding-bottom: 140px;
  }

  .experience-grid {
    grid-column-gap: 50px;
    grid-template-columns: .6fr 1fr;
    place-items: center stretch;
  }

  .experience-title-wrap {
    text-align: left;
  }

  .works-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .works-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .information-section {
    padding-top: 150px;
    padding-bottom: 140px;
  }

  .client-testimonial-section {
    padding-top: 120px;
    padding-bottom: 150px;
  }

  .team-member-section {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .team-member-image-wrap {
    height: 550px;
  }

  .pricing-section {
    padding-top: 150px;
    padding-bottom: 330px;
  }

  .pricing-tab {
    flex-direction: row;
  }

  .pricing-title-wrap {
    width: 360px;
  }

  .pricing-tab-menu-wrap {
    left: -70px;
  }

  .pricing-wrap {
    width: 100%;
  }

  .pricing-value-content-wrap {
    padding-right: 25px;
  }

  .pricing-tab-pane {
    width: 750px;
  }

  .tabs-content {
    margin-top: -280px;
    padding-top: 0;
  }

  .cta-section {
    margin-top: -150px;
  }

  .cta-section.sub-pages {
    padding-bottom: 150px;
  }

  .cta-section.blog-page {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .cta-wrap {
    padding-left: 100px;
  }

  .cta-wrap.sub-pages {
    background-position: 100% 0;
    padding: 80px 100px;
  }

  .cta-title-wrap {
    width: 500px;
  }

  .footer-v2 {
    padding-top: 70px;
  }

  .footer-v2-grid {
    grid-template-columns: 1fr .8fr .75fr 1fr 1fr;
  }

  .footer-image {
    margin-left: 0;
  }

  .sub-page-banner.large-banner, .sub-page-banner.blog-single {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .our-vision-section {
    padding-top: 140px;
    padding-bottom: 150px;
  }

  .our-vision-grid {
    grid-template-columns: 1fr 1fr;
  }

  .our-vision-image-wrap {
    justify-content: flex-end;
  }

  .our-vision-decorative {
    inset: -16px -12px auto auto;
  }

  .successful-content {
    font-size: 18px;
  }

  .core-value-card-wrap {
    flex-flow: row;
  }

  .core-value-card {
    width: auto;
    min-width: 280px;
  }

  .history-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .history-image-wrap {
    width: 960px;
    height: 370px;
  }

  .history-bg-two {
    right: 79%;
  }

  .book-now-section, .contact-page-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .subscribe-wrap {
    margin-bottom: 150px;
    padding: 75px 85px;
  }

  .subscribe-title-wrap {
    width: 450px;
  }

  .subscribe-full-width {
    min-width: auto;
  }

  .lets-talk-grid-wrap {
    margin-bottom: 150px;
  }

  .lets-talk-grid {
    grid-column-gap: 80px;
  }

  .lets-talk-bg {
    width: auto;
    top: -61px;
    left: -87px;
  }

  .service-section {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .service-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .case-study-title-wrap {
    flex-direction: row;
    align-items: flex-end;
  }

  .blog-post-section {
    padding-top: 110px;
    padding-bottom: 150px;
  }

  .blog-post-section.blog-author {
    padding-top: 110px;
  }

  .blog-post-title-wrap {
    flex-direction: row;
    align-items: flex-end;
  }

  .blog-post-wrap {
    min-height: 700px;
  }

  .blog-post-author-wrap {
    justify-content: space-between;
  }

  .blog-post-author-flex {
    flex-direction: row;
    justify-content: flex-start;
  }

  .service-pricing-flex {
    grid-column-gap: 50px;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .service-price-section, .service-process {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .service-process-grid {
    grid-template-columns: 1fr .75fr;
    align-items: center;
  }

  .service-process-wrap {
    width: 460px;
  }

  .service-process-left {
    left: -20px;
  }

  .service-process-right {
    top: -51px;
    right: -27px;
  }

  .team-collection-item {
    padding-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .service-single {
    padding-top: 150px;
    padding-bottom: 150px;
    padding-right: 0;
  }

  .service-single-slider-wrap {
    margin-left: 7%;
  }

  .service-slider-arrow {
    right: 5%;
  }

  .service-slider-arrow.left-side {
    right: 13%;
  }

  .team-single-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .team-single-grid {
    grid-column-gap: 90px;
  }

  .team-single-decorative {
    left: -26px;
  }

  .team-single-wrap {
    left: -17px;
  }

  .we-will-work-section {
    padding-top: 150px;
    padding-bottom: 70px;
  }

  .service-single-history {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .service-lightbox-wrap {
    width: 835px;
    height: 320px;
  }

  .service-history-decorative-one {
    min-width: 165px;
    min-height: 180px;
    bottom: -22px;
    right: -42px;
  }

  .service-history-decorative-two {
    top: -37px;
    left: -60px;
  }

  .service-history-decorative-three {
    top: -18px;
    left: -18px;
  }

  .service-contact-decorative.bottom-wrap {
    min-width: 300px;
    min-height: 160px;
  }

  .faq-section {
    padding-bottom: 150px;
  }

  .faq-wrap {
    padding: 150px 240px;
  }

  .case-study-single-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .case-study-single-image-wrap {
    padding-bottom: 140px;
  }

  .case-study-details-wrap {
    width: 90%;
  }

  .blog-single {
    padding-bottom: 150px;
  }

  .case-study-tab-section {
    padding-top: 150px;
  }

  .home-v2-service-section, .utility-wrap {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .utility-wrap._404 {
    padding-top: 175px;
    padding-bottom: 175px;
  }

  .password-utility-page-content {
    width: 1200px;
  }

  .error-wrap {
    padding: 70px 80px;
  }

  .error-title {
    font-size: 100px;
  }

  .error-sub-title {
    font-size: 60px;
  }

  .license-section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .changelog-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .our-vision-content-wrap {
    width: 585px;
  }

  .team-member-description {
    margin-top: -9px;
  }

  .accordion-item {
    border-bottom: 1px solid #dadada;
  }
}

@media screen and (min-width: 1440px) {
  .home-banner-wrap {
    left: -86px;
  }

  .client-section {
    padding-left: 60px;
    padding-right: 60px;
  }

  .client-wrap {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .home-v2-banner {
    background-size: auto, 44%;
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .team-member-image-wrap {
    height: 620px;
  }

  .sub-page-banner.blog-single {
    padding-top: 230px;
    padding-bottom: 240px;
  }

  .our-vision-bg {
    left: 428px;
  }

  .our-vision-decorative {
    right: -30px;
  }

  .service-process-left {
    left: -72px;
  }

  .service-single-slider-wrap {
    margin-left: 15%;
  }

  .team-single-decorative {
    left: -110px;
  }

  .team-single-wrap {
    left: -40px;
  }

  .service-v2-arrow {
    bottom: 219px;
  }

  .service-v2-arrow.service-v2-left-arrow {
    left: -84px;
  }

  .error-title {
    font-size: 120px;
  }

  .error-decorative {
    left: 56%;
  }

  .error-left-decorative {
    right: 51%;
  }
}

@media screen and (min-width: 1920px) {
  .button._401-submit {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--black);
  }

  .button._401-submit:hover {
    color: var(--primary);
    background-color: #0000;
    min-width: 160px;
  }

  .home-banner {
    background-size: cover;
  }

  .home-banner-wrap {
    left: -160px;
  }

  .client-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .client-wrap {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    display: flex;
  }

  .home-v2-banner {
    background-size: auto, auto;
    padding-top: 260px;
    padding-bottom: 260px;
  }

  .home-card-wrap {
    margin-top: -135px;
  }

  .team-member-image-wrap {
    height: 825px;
  }

  .pricing-tab {
    justify-content: space-between;
  }

  .cta-bg {
    left: 14%;
  }

  .service-process-left {
    left: -72px;
  }

  .service-single-slider-wrap {
    margin-left: 20%;
  }

  .service-slider-arrow.left-side {
    right: 29%;
  }

  .service-slider-arrow.right-side {
    right: 23%;
  }

  .blog-single-banner {
    background-position: 50%;
    background-repeat: no-repeat;
  }

  .service-v2-arrow.service-v2-right-arrow {
    right: -140px;
  }

  .error-decorative {
    left: 55%;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 43px;
  }

  h3 {
    font-size: 37px;
  }

  h4 {
    font-size: 32px;
  }

  h5 {
    font-size: 27px;
  }

  h6 {
    font-size: 24px;
  }

  blockquote {
    background-position: 0 100%, 0 0, 50% 12%;
    background-size: 120px, 160px, auto;
    padding: 120px 100px 60px;
    font-size: 25px;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .top-bar-flex {
    flex-wrap: wrap;
  }

  .navbar {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .nav-link {
    background-position: 0%;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-link:hover {
    background-position: 0%;
  }

  .nav-link.w--current {
    background-position: 0%, 0%;
  }

  .nav-link.black-font-color {
    color: var(--white);
    background-image: url('../images/Nav-inactive.svg');
    background-repeat: no-repeat;
    background-size: auto;
  }

  .nav-link.black-font-color:hover {
    background-image: url('../images/Nav-active.svg'), url('../images/Nav-inactive.svg');
    background-position: 0%, 0%;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }

  .nav-link.black-font-color.w--current {
    background-image: url('../images/Nav-active.svg'), url('../images/Nav-inactive.svg');
    background-position: 0%, 6% 52%;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }

  .nav-link.nav-link-dropdown-black {
    color: var(--white);
  }

  .nav-link.nav-link-dropdown-black:hover {
    background-image: url('../images/Nav-active.svg'), url('../images/nav.svg');
    background-position: 0%, 0%;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }

  .nav-button-wrap {
    padding-top: 20px;
    display: flex;
  }

  .nav-menu {
    background-color: var(--secondary-02);
    justify-content: flex-start;
    padding: 40px;
  }

  .nav-button {
    background-image: url('../images/Nav-Button.svg');
    background-position: 6%;
    background-repeat: no-repeat;
    background-size: 20%;
    padding-left: 65px;
    padding-right: 35px;
  }

  .banner-title-wrap {
    border-radius: 20px;
    padding: 30px 40px;
  }

  .banner-title-wrap.about-page {
    min-width: 100%;
    max-width: 100%;
  }

  .banner-title-wrap.case-study-banner-title {
    min-width: 400px;
    max-width: 500px;
  }

  .banner-title-wrap.style-guide-banner {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 40px;
  }

  .banner-title {
    font-size: 44px;
  }

  .banner-title.style-guide {
    font-size: 45px;
  }

  .style-guide-section {
    padding-top: 100px;
  }

  .style-guide-title {
    font-size: 40px;
  }

  .footer {
    padding-top: 100px;
  }

  .footer-wrap {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .footer-line-break {
    width: 100%;
    height: 1px;
  }

  .home-banner-flex {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .client-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .client-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .home-banner-title {
    font-size: 42px;
  }

  .about-us-section {
    padding-bottom: 140px;
  }

  .about-grid {
    grid-template-columns: 1fr;
  }

  .about-content-wrap {
    width: 100%;
  }

  .about-bg {
    left: 0;
  }

  .about-experience-wrap {
    left: 20px;
  }

  .section-title.white-font-color {
    margin-bottom: 10px;
  }

  .process-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .process-grid {
    grid-template-columns: 1fr;
    width: auto;
  }

  .process-point-flex {
    max-width: 100%;
  }

  .experience-card-flex {
    flex-direction: row;
  }

  .testimonial-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .testimonial-slider-arrow.testimonial-right-arrow {
    right: 0;
  }

  .testimonial-slider-arrow.testimonial-left-arrow {
    left: 0;
  }

  .testimonial-slider-content {
    font-size: 35px;
  }

  .book-now-wrap {
    border-radius: 20px;
  }

  .book-now-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .book-now-title-wrap {
    padding-top: 100px;
  }

  .book-now-image-wrap {
    justify-content: center;
    align-items: center;
    width: 600px;
  }

  .book-now-image {
    border-radius: 20px;
    top: -89px;
    right: 0%;
  }

  .book-now-background {
    inset: -45px auto auto 0%;
  }

  .book-now-box {
    position: absolute;
    inset: -18px auto auto 50px;
  }

  .contact-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .contact-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .form-flex {
    padding-bottom: 20px;
  }

  .form-input.text-area {
    max-width: 800px;
  }

  .home-v2-banner {
    background-image: url('../images/home-bg-2.png');
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
  }

  .home-v2-banner-content-wrap {
    width: 100%;
  }

  .home-card-section {
    padding-bottom: 100px;
  }

  .home-card-wrap {
    justify-content: center;
    display: flex;
  }

  .home-card-grid {
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    justify-items: center;
    display: grid;
  }

  .home-card {
    padding: 180px 20px 40px;
  }

  .about-section {
    padding-bottom: 120px;
  }

  .about-v2-grid {
    grid-template-columns: 1fr;
  }

  .about-v2-wrap {
    width: 100%;
  }

  .about-v2-image-wrap {
    justify-content: flex-start;
    width: 728px;
  }

  .about-image-v2 {
    border-radius: 20px;
  }

  .about-image-bg {
    display: none;
    left: 0;
  }

  .about-decorative-circle {
    min-width: 150px;
    min-height: 150px;
  }

  .about-decorative-circle.green-bg {
    min-width: 130px;
    min-height: 130px;
  }

  .about-v2-client-title {
    font-size: 45px;
  }

  .experience-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .experience-overlay {
    background-color: #fbc336e3;
  }

  .experience-grid {
    grid-row-gap: 40px;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .experience-sub-title {
    font-size: 20px;
  }

  .experience-progress-title {
    font-size: 45px;
  }

  .experience-title-wrap {
    width: auto;
  }

  .works-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .works-grid {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .works-lightbox {
    justify-content: flex-end;
    width: 100%;
  }

  .works-image {
    border-radius: 10px;
  }

  .information-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .information-wrap {
    width: 100%;
  }

  .information-wrap.right-side {
    text-align: left;
  }

  .information-grid-flex {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .information-grid {
    margin-top: 20px;
  }

  .information-grid-wrap {
    flex-direction: row;
  }

  .education-flex.experience {
    flex-direction: row-reverse;
  }

  .information-line-break.right-side {
    left: 16px;
    right: auto;
  }

  .client-testimonial-section {
    padding-bottom: 100px;
  }

  .client-review-wrap {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .client-v2-line-break {
    border-bottom: 1px dashed #989898;
    width: 100%;
  }

  .team-member-section {
    padding-top: 100px;
  }

  .pricing-section {
    padding-top: 100px;
    padding-bottom: 230px;
  }

  .pricing-tab {
    flex-wrap: wrap;
  }

  .pricing-wrap {
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-value-wrap {
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-value {
    font-size: 40px;
  }

  .pricing-point-flex {
    grid-row-gap: 12px;
    padding-top: 30px;
  }

  .pricing-tab-pane-flex {
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .cta-section {
    margin-top: 0;
  }

  .cta-section.sub-pages {
    padding-bottom: 100px;
  }

  .cta-section.blog-page {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .cta-wrap {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding: 40px 60px 40px 50px;
  }

  .cta-wrap.sub-pages {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    border-radius: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .cta-title-wrap {
    grid-row-gap: 10px;
    width: auto;
  }

  .cta-form {
    padding-top: 10px;
  }

  .cta-content {
    width: auto;
  }

  .cta-bg {
    width: 27%;
    left: 0%;
  }

  .footer-v2-grid {
    grid-template-columns: 1fr .8fr .75fr;
  }

  .footer-image {
    margin-left: 0;
  }

  .sub-page-banner {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .sub-page-banner.large-banner {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .our-vision-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .our-vision-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .successful-works-flex {
    grid-column-gap: 0px;
    justify-content: space-between;
  }

  .core-title-flex {
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .core-value-card-wrap {
    grid-row-gap: 30px;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 40px;
  }

  .core-value-card {
    width: 300px;
  }

  .history-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .history-video-link-wrap {
    padding-top: 60px;
  }

  .history-bg-right {
    inset: 0% -2% auto auto;
  }

  .history-image-wrap, .history-overlay {
    border-radius: 20px;
  }

  .history-bg-two {
    inset: auto auto 0% -2%;
  }

  .book-now-section, .contact-page-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .subscribe-wrap {
    margin-bottom: 100px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .subscribe-flex {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
  }

  .subscribe-title-wrap {
    width: auto;
  }

  .subscribe-full-width {
    align-self: stretch;
    min-width: auto;
  }

  .lets-talk-grid-wrap {
    margin-bottom: 100px;
  }

  .lets-talk-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .lets-talk-image {
    border-radius: 20px;
  }

  .lets-talk-bg {
    width: 32%;
    top: -44px;
    left: -46px;
  }

  .lets-talk-bg-second {
    min-width: 150px;
    min-height: 150px;
    left: -17px;
  }

  .service-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .service-grid {
    grid-template-columns: 1fr 1fr;
  }

  .service-card-wrap {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .case-study-bg-wrap {
    min-height: 500px;
  }

  .case-study-title-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .case-study-wrap {
    border-radius: 20px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .case-study-collection-item {
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .case-study-image, .case-study-overlay {
    border-radius: 10px;
  }

  .case-study-title {
    font-size: 20px;
  }

  .case-study-link-wrap {
    min-width: 40px;
    min-height: 40px;
    top: 20px;
    right: 20px;
  }

  .works-count-wrap {
    grid-column-gap: 0px;
    justify-content: space-between;
  }

  .blog-post-section {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .blog-post-title-wrap {
    grid-column-gap: 0px;
    align-items: center;
  }

  .blog-post-wrap {
    min-height: 706px;
  }

  .blog-post-image {
    border-radius: 10px;
  }

  .blog-post-title {
    font-size: 26px;
  }

  .blog-post-author-wrap {
    justify-content: flex-start;
  }

  .blog-author-content-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-line-break {
    display: none;
  }

  .service-price-section, .service-process {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .service-process-grid {
    grid-template-columns: 1fr;
  }

  .service-process-wrap {
    width: auto;
  }

  .service-process-image {
    border-radius: 20px;
  }

  .service-process-right {
    min-width: 130px;
    min-height: 130px;
  }

  .team-member-title-wrap {
    width: auto;
  }

  .team-member-title-flex {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .team-member-image {
    border-radius: 10px;
  }

  .team-description-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-member-title {
    font-size: 25px;
  }

  .service-single {
    padding: 100px 20px;
  }

  .service-single-title-wrap {
    width: auto;
  }

  .service-single-slider-wrap {
    padding-bottom: 140px;
  }

  .service-slider-mask {
    width: 420px;
  }

  .service-slider-arrow.left-side {
    inset: auto auto -120px 25%;
  }

  .service-slider-arrow.right-side {
    inset: auto 25% -120px auto;
  }

  .team-single-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .team-single-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .team-single-wrap {
    left: -11px;
  }

  .we-will-work-section {
    padding-top: 100px;
  }

  .service-single-history {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .service-history-overlay {
    border-radius: 20px;
  }

  .service-lightbox-wrap {
    border-radius: 20px;
    width: 700px;
  }

  .service-history-decorative-two {
    width: 31%;
    top: -28px;
    left: -26px;
  }

  .service-history-decorative-three {
    min-height: 100px;
    top: -13px;
  }

  .service-contact-decorative {
    width: 31%;
    right: 28px;
  }

  .service-contact-decorative.bottom-wrap {
    width: auto;
    min-width: 200px;
    left: -10px;
  }

  .faq-section {
    padding-bottom: 100px;
  }

  .faq-wrap {
    border-radius: 20px;
    padding: 60px;
  }

  .accordion-paragraph {
    max-width: 100%;
  }

  .service-tabs-menu {
    border-radius: 20px;
    padding: 20px 30px;
  }

  .service-tab-content-wrap {
    border-radius: 20px;
    padding: 20px 10px 10px;
  }

  .case-study-tab-collection-list {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .case-study-single-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .case-study-single-image-wrap {
    padding-bottom: 100px;
  }

  .case-study-details-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .case-study-details-flex {
    grid-row-gap: 30px;
    flex-wrap: wrap;
  }

  .case-study-details-button-wrap {
    justify-content: center;
    display: flex;
  }

  .case-study-single-content-wrap {
    width: auto;
  }

  .more-case-study-title {
    font-size: 36px;
  }

  .blog-single {
    padding-bottom: 100px;
  }

  .blog-single-content-wrap {
    width: auto;
  }

  .case-study-tab-section {
    padding-top: 100px;
  }

  .home-v2-service-section {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .service-v2-arrow {
    min-width: 130px;
    min-height: 130px;
    bottom: -155px;
    left: 22%;
  }

  .service-v2-arrow.service-v2-left-arrow {
    left: 22%;
  }

  .service-v2-arrow.service-v2-right-arrow {
    right: 22%;
  }

  .service-v2-link {
    min-width: 50px;
    min-height: 50px;
  }

  .utility-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .utility-wrap._404 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .password-utility-page-content {
    border-radius: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .password-title {
    font-size: 40px;
  }

  .error-wrap {
    padding: 50px 60px;
  }

  .error-title {
    font-size: 85px;
  }

  .error-sub-title {
    font-size: 50px;
  }

  .error-decorative {
    bottom: 74px;
  }

  .error-left-decorative {
    top: 71px;
  }

  .license-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .license-grid-wrap {
    grid-row-gap: 60px;
  }

  .license-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .license-title {
    font-size: 40px;
  }

  .license-sub-title {
    font-size: 30px;
  }

  .license-link {
    font-size: 25px;
  }

  .license-image-wrap {
    padding-top: 10px;
  }

  .changelog-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .changelog-wrap {
    padding: 120px 60px;
  }

  .changelog-content-wrap {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
  }

  .changelog-version {
    border-radius: 30px;
  }

  .nav-dropdown-list.w--open {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    left: 7px;
  }

  .nav-dropdown-list.dark-list.w--open {
    background-color: #0000;
    left: 15px;
  }

  .nav-dropdown {
    display: block;
  }

  .nav-dropdown-icon {
    margin-left: 0;
  }

  .nav-menu-button {
    border: 1px solid var(--secondary-02);
    background-color: var(--white);
    color: var(--black);
    border-radius: 10px;
    padding: 15px;
    font-size: 30px;
  }

  .nav-menu-button.w--open {
    background-color: var(--primary);
    color: var(--secondary-02);
  }

  .experience-progress-flex {
    grid-column-gap: 40px;
    justify-content: space-between;
    display: flex;
  }

  .collection-list {
    margin-left: 0;
    margin-right: 0;
  }

  .section-sub-title-wrap {
    text-align: left;
  }

  .service-slider-whole-wrap {
    padding-bottom: 220px;
  }

  .pricing-title-content {
    margin-top: 20px;
  }

  .accordion-toggle {
    padding-right: 0;
  }

  .blog-button-wrap {
    flex: none;
  }

  .container-2 {
    max-width: 728px;
  }

  .team-slide-wrapper {
    width: 47%;
    margin-right: 6%;
  }

  .container-3 {
    max-width: 728px;
  }

  .pricing-grid {
    grid-column-gap: 30px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 44px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 34px;
  }

  h4 {
    font-size: 30px;
  }

  h5 {
    font-size: 28px;
  }

  h6 {
    font-size: 24px;
  }

  blockquote {
    background-image: url('../images/Block-Quote-01.png'), url('../images/Block-Quote.svg');
    background-position: 0 0, 50% 12%;
    background-repeat: no-repeat, no-repeat;
    background-size: 160px, auto;
    border-radius: 20px;
    padding: 100px 60px 40px;
    font-size: 20px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .top-bar-flex {
    grid-column-gap: 60px;
    place-content: center;
  }

  .top-bar-social-wrap {
    justify-content: center;
  }

  .navbar {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .nav-link {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .nav-link.black-font-color.w--current {
    background-position: 0%, 0 52%;
  }

  .nav-menu {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner-title-wrap {
    min-width: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 25px;
  }

  .banner-title-wrap.case-study-banner-title {
    min-width: 300px;
  }

  .banner-title-wrap.style-guide-banner {
    padding-right: 25px;
  }

  .banner-title {
    font-size: 40px;
    line-height: 1.2;
  }

  .banner-title.style-guide {
    font-size: 40px;
  }

  .style-guide-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .style-guide-grid {
    grid-template-columns: 1fr;
  }

  .style-guide-wrap {
    margin-bottom: 80px;
  }

  .style-guide-title {
    font-size: 35px;
  }

  .footer {
    padding-top: 80px;
  }

  .footer-widget-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-button-wrap {
    display: flex;
  }

  .home-banner {
    background-position: 50% 0;
  }

  .home-banner-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .home-banner-wrap {
    border-radius: 20px;
    padding: 40px 30px;
  }

  .home-banner-button-flex {
    grid-row-gap: 25px;
    flex-wrap: wrap;
  }

  .home-banner-content {
    width: auto;
  }

  .client-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 40px;
    justify-content: space-between;
    justify-items: center;
    display: flex;
  }

  .home-banner-title {
    font-size: 38px;
  }

  .about-us-section {
    padding-bottom: 80px;
  }

  .about-content-wrap {
    width: auto;
  }

  .section-sub-title {
    text-align: left;
    letter-spacing: .15em;
    font-size: 14px;
  }

  .about-image {
    border-radius: 20px;
    width: 85%;
  }

  .about-bg {
    width: 43%;
  }

  .about-experience-flex {
    width: 42%;
  }

  .section-title {
    font-size: 35px;
    line-height: 1.2;
  }

  .process-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .process-step-content-wrap {
    width: auto;
  }

  .experience-card-flex {
    grid-row-gap: 15px;
    flex-wrap: wrap;
  }

  .testimonial-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .testimonial-whole-wrap {
    padding-bottom: 160px;
  }

  .testimonial-slider-wrap {
    width: 90%;
  }

  .testimonial-slider-arrow.testimonial-right-arrow {
    bottom: -90px;
    right: 0;
  }

  .testimonial-slider-arrow.testimonial-left-arrow {
    bottom: -90px;
    left: 0;
  }

  .testimonial-slider-arrow.client-v2-left, .testimonial-slider-arrow.client-v2-right {
    bottom: -10%;
  }

  .testimonial-slider-content {
    font-size: 30px;
  }

  .book-now-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .book-now-title-wrap {
    padding-top: 80px;
  }

  .book-now-image-wrap {
    width: auto;
  }

  .book-now-image {
    border-radius: 10px;
    width: 52%;
    right: -32px;
  }

  .book-now-main-image {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .book-now-background {
    width: 62%;
    top: -26px;
    left: -26px;
  }

  .book-now-box {
    border-radius: 10px;
    min-width: 80px;
    min-height: 80px;
    left: -21px;
  }

  .contact-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .contact-point-wrap {
    grid-row-gap: 35px;
  }

  .contact-point-flex {
    width: auto;
  }

  .home-v2-banner {
    padding-top: 80px;
    padding-bottom: 160px;
  }

  .home-card-section {
    padding-bottom: 80px;
  }

  .home-card-grid {
    grid-template-columns: 1fr;
  }

  .home-card.third-card {
    background-position: 0%;
    background-size: contain;
  }

  .about-section {
    padding-top: 60px;
  }

  .about-v2-image-wrap {
    width: auto;
  }

  .about-decorative-circle {
    min-width: 140px;
    min-height: 140px;
    right: 40%;
  }

  .about-decorative-circle.green-bg {
    min-width: 100px;
    min-height: 100px;
  }

  .about-decorative-circle.white-bg {
    min-width: 60px;
    min-height: 60px;
    left: 59%;
  }

  .about-client {
    border-radius: 20px;
    padding: 20px;
  }

  .about-v2-client-title {
    font-size: 40px;
  }

  .about-client-content {
    font-size: 18px;
  }

  .experience-section {
    background-position: 100%;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .experience-overlay {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .experience-sub-title {
    font-size: 18px;
  }

  .experience-progress-title {
    margin-top: 0;
    font-size: 40px;
  }

  .experience-title-wrap {
    width: auto;
  }

  .works-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .works-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .works-image-wrap {
    width: 450px;
  }

  .works-lightbox {
    justify-content: center;
  }

  .works-image {
    flex: 1;
    align-self: auto;
  }

  .information-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .information-wrap.left-side {
    width: auto;
    margin-top: 20px;
  }

  .information-wrap.right-side {
    text-align: left;
    width: auto;
  }

  .information-grid {
    grid-row-gap: 40px;
  }

  .education-flex {
    grid-column-gap: 20px;
  }

  .education-description {
    font-size: 16px;
  }

  .client-testimonial-section {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .client-v2-slider-wrap {
    overflow: visible;
  }

  .client-testimonial-slider {
    display: flex;
    overflow: visible;
  }

  .client-testimonial-mask {
    width: 100%;
    overflow: hidden;
  }

  .client-testimonial-slider-item {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 30px;
    padding-bottom: 35px;
  }

  .team-member-section {
    padding-top: 80px;
    padding-bottom: 50px;
  }

  .pricing-section {
    padding-top: 80px;
    padding-bottom: 140px;
  }

  .pricing-tab-wrap {
    padding-top: 40px;
  }

  .pricing-tab-menu-wrap {
    justify-content: center;
    width: auto;
  }

  .pricing-value-wrap {
    padding-bottom: 30px;
  }

  .pricing-tab-pane-flex {
    grid-row-gap: 20px;
    justify-content: center;
  }

  .cta-section.sub-pages {
    padding-bottom: 80px;
  }

  .cta-section.blog-page {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .cta-wrap {
    border-radius: 20px;
    padding: 40px 30px;
  }

  .cta-wrap.sub-pages {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .cta-form-block {
    align-self: stretch;
    padding-top: 0;
  }

  .cta-form {
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: stretch;
  }

  .cta-content {
    width: auto;
  }

  .cta-bg {
    width: 29%;
    top: -46px;
    left: 0%;
  }

  .footer-v2 {
    padding-top: 80px;
  }

  .footer-v2-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sub-page-banner, .sub-page-banner.large-banner {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .our-vision-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .successful-works-flex {
    grid-column-gap: 60px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .core-value-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .core-title-wrap {
    width: auto;
  }

  .core-value-card {
    width: 100%;
    padding-right: 30px;
  }

  .history-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .history-title-content {
    width: auto;
  }

  .history-bg-right {
    width: 50%;
  }

  .history-bg-two {
    min-width: 130px;
    min-height: 130px;
    left: -15px;
  }

  .book-now-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .subscribe-wrap {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    margin-bottom: 80px;
    padding-left: 35px;
    padding-right: 35px;
  }

  .subscribe-flex {
    grid-row-gap: 30px;
  }

  .lets-talk-grid-wrap {
    margin-bottom: 80px;
  }

  .lets-talk-point-flex {
    grid-column-gap: 15px;
  }

  .lets-talk-bg {
    left: -20px;
  }

  .lets-talk-bg-second {
    min-width: 120px;
    min-height: 120px;
    left: -15px;
  }

  .service-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .service-grid {
    grid-template-columns: 1fr;
  }

  .service-card-wrap {
    padding: 30px 30px 20px;
  }

  .case-study-section {
    background-color: var(--secondary-02);
    padding-bottom: 80px;
  }

  .case-study-wrap {
    border-radius: 20px;
  }

  .case-study-collection-item {
    padding-left: 0;
    padding-right: 0;
  }

  .case-study-title {
    font-size: 22px;
  }

  .works-count-wrap {
    grid-column-gap: 100px;
    grid-row-gap: 50px;
    justify-content: center;
  }

  .count-title {
    color: var(--white);
    margin-bottom: 15px;
  }

  .count-title.about-page-count {
    color: var(--secondary-02);
  }

  .count-sub-title {
    color: var(--white);
  }

  .blog-post-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .blog-post-section.blog-author {
    padding-top: 80px;
  }

  .blog-post-title-wrap {
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-post-wrap {
    min-height: auto;
    padding-top: 60px;
  }

  .blog-post-content-wrap {
    padding-bottom: 20px;
  }

  .blog-post-title {
    margin-bottom: 10px;
    font-size: 26px;
  }

  .blog-post-author-wrap {
    flex-flow: wrap;
    justify-content: space-between;
  }

  .blog-post-collection-item {
    padding-left: 0;
    padding-right: 0;
  }

  .service-price-section {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .service-process {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .service-process-image-wrap {
    left: auto;
  }

  .service-process-image {
    border-radius: 10px;
  }

  .service-process-left {
    width: 40%;
  }

  .service-process-right {
    border-radius: 10px;
    min-width: 100px;
    min-height: 100px;
    right: -9px;
  }

  .team-collection-item {
    padding-left: 0;
    padding-right: 0;
  }

  .team-member-title {
    margin-top: 10px;
  }

  .service-single, .team-single-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .team-single-grid {
    justify-items: center;
  }

  .team-single-image-wrap {
    width: auto;
  }

  .team-single-decorative {
    left: -10px;
  }

  .team-single-wrap {
    min-width: 180px;
    min-height: 130px;
    left: -10px;
  }

  .we-will-work-section {
    padding-top: 100px;
  }

  .service-single-history {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .service-lightbox-wrap {
    width: 450px;
  }

  .service-history-decorative-one {
    bottom: -7px;
    right: -5px;
  }

  .service-history-decorative-two {
    left: -3%;
  }

  .service-history-decorative-three {
    left: -2%;
  }

  .service-contact-image-wrap {
    flex-direction: column;
    width: 100%;
  }

  .service-contact-image.secondary-image {
    width: auto;
  }

  .service-contact-sub-wrap {
    grid-row-gap: 20px;
  }

  .service-contact-decorative {
    width: 60%;
    right: -3px;
  }

  .service-contact-decorative.bottom-wrap {
    min-width: 150px;
    min-height: 100px;
  }

  .faq-section {
    padding-bottom: 80px;
  }

  .faq-wrap {
    padding: 60px 30px 40px;
  }

  .accordion-item-title {
    font-size: 18px;
  }

  .accordion-paragraph {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }

  .service-tabs-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    justify-content: center;
    align-self: stretch;
    align-items: center;
  }

  .case-study-tab-link {
    font-size: 18px;
  }

  .service-tab-content-wrap {
    border-radius: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .case-study-tab-collection-list {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .case-study-single-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .case-study-single-image-wrap {
    padding-bottom: 80px;
  }

  .case-study-details-wrap {
    border-radius: 20px;
    margin-top: 20px;
    padding: 40px 30px;
  }

  .case-study-details-flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .case-study-point-flex {
    grid-column-gap: 45px;
  }

  .more-case-study-title {
    font-size: 32px;
  }

  .blog-single {
    padding-bottom: 80px;
  }

  .blog-author-wrap {
    border-radius: 20px;
    margin-top: 20px;
    padding: 40px 20px 40px 40px;
  }

  .blog-author-flex {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .blog-author-title {
    font-size: 32px;
  }

  .author-content-wrap {
    width: auto;
  }

  .author-decorative.circle-image {
    inset: 0% auto auto 160px;
  }

  .case-study-tab-section, .home-v2-service-section {
    padding-top: 80px;
  }

  .service-slider-v2-mask {
    width: auto;
    overflow: hidden;
  }

  .service-v2-slider-item {
    width: 100%;
  }

  .service-v2-title {
    font-size: 20px;
  }

  .service-v2-arrow {
    min-width: 100px;
    min-height: 100px;
    bottom: -127px;
  }

  .service-v2-arrow.service-v2-left-arrow {
    left: 18%;
  }

  .service-v2-arrow.service-v2-right-arrow {
    right: 18%;
  }

  .case-study-category {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .utility-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .utility-wrap._404 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .password-utility-page-content {
    background-image: url('../images/Password-bg-02.png'), url('../images/Password-bg-01.png');
    background-position: 0 100%, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .password-title {
    font-size: 35px;
  }

  .password-button-wrap {
    padding-top: 20px;
  }

  .error-wrap {
    padding: 40px 50px;
  }

  .error-title {
    font-size: 80px;
  }

  .error-sub-title {
    font-size: 40px;
  }

  .error-decorative {
    left: 47%;
  }

  .error-left-decorative {
    right: 41%;
  }

  .license-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .license-sub-title {
    font-size: 27px;
  }

  .license-link {
    font-size: 22px;
  }

  .changelog-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .changelog-wrap {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    border-radius: 20px;
    padding: 60px 40px;
  }

  .changelog-version {
    text-align: center;
    border-radius: 20px;
    min-width: auto;
  }

  .our-vision-content-wrap {
    width: auto;
  }

  .nav-menu-button {
    border: 1px solid var(--secondary-02);
  }

  .experience-progress-flex {
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: space-between;
  }

  .experience-counter-wrap {
    min-width: 150px;
    min-height: 150px;
    margin-bottom: 10px;
  }

  .our-history-title-wrap {
    width: auto;
  }

  .team-slider, .pricing-overview {
    padding: 60px 15px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 34px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 26px;
  }

  h5 {
    font-size: 24px;
  }

  h6 {
    font-size: 20px;
  }

  blockquote {
    background-image: url('../images/Block-Quote.svg');
    background-position: 50% 10%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 18px;
  }

  .top-bar-flex-wrap {
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: center;
  }

  .navbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-menu {
    padding: 30px 20px;
  }

  .banner-title-wrap {
    border-radius: 10px;
    flex: 1;
    padding: 30px 20px;
  }

  .banner-title-wrap.case-study-banner-title {
    min-width: auto;
  }

  .banner-title-wrap.style-guide-banner {
    padding-right: 20px;
  }

  .banner-title {
    margin-top: 10px;
    font-size: 30px;
    line-height: 1.1;
  }

  .color-swatch-flex {
    align-items: stretch;
  }

  .style-guide-title {
    font-size: 30px;
  }

  .button {
    padding: 15px 20px;
    font-size: 16px;
  }

  .button._401-submit {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: auto;
    font-size: 16px;
  }

  .footer-brand {
    margin-right: 20px;
  }

  .footer-widget-grid {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .home-banner {
    background-position: 57%;
  }

  .home-banner-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-banner-button-flex {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: stretch;
  }

  .home-banner-button {
    padding-right: 20px;
  }

  .client-wrap {
    grid-template-columns: 1fr;
    justify-content: center;
  }

  .home-banner-title {
    font-size: 32px;
  }

  .section-sub-title {
    letter-spacing: .1em;
  }

  .section-sub-title.sub-title-white-font {
    letter-spacing: .15em;
  }

  .about-image {
    border-radius: 10px;
    width: 100%;
  }

  .service-wrap {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
    max-width: none;
  }

  .service-line-break {
    width: 100%;
    height: 1px;
  }

  .service-content-wrap {
    align-self: stretch;
    align-items: center;
  }

  .about-bg {
    width: 60%;
  }

  .about-experience-wrap {
    border-radius: 10px;
    padding: 10px 15px 10px 10px;
  }

  .about-experience-title {
    font-size: 20px;
  }

  .about-experience-flex {
    width: auto;
  }

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

  .process-step-wrap {
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .process-step-content {
    width: auto;
  }

  .process-point-flex {
    max-width: none;
  }

  .experience-card-wrap {
    border-radius: 10px;
  }

  .experience-card-title {
    margin-top: 10px;
  }

  .testimonial-whole-wrap {
    padding-bottom: 140px;
  }

  .testimonial-slider-wrap {
    width: 100%;
  }

  .testimonial-slider-arrow {
    min-width: 100px;
    min-height: 40px;
  }

  .testimonial-slider-arrow.testimonial-right-arrow, .testimonial-slider-arrow.testimonial-left-arrow {
    bottom: -80px;
  }

  .testimonial-slider-arrow.client-v2-left, .testimonial-slider-arrow.client-v2-right {
    bottom: 0%;
  }

  .testimonial-slider-content {
    font-size: 25px;
  }

  .testimonial-arrow-wrap {
    min-width: 30px;
    min-height: 30px;
  }

  .testimonial-arrow-content {
    font-size: 16px;
  }

  .book-now-wrap {
    border-radius: 10px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .book-now-title-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .book-now-image {
    display: none;
  }

  .book-now-main-image {
    border-radius: 10px;
  }

  .contact-grid {
    grid-row-gap: 80px;
  }

  .contact-content {
    font-size: 18px;
    line-height: 1.2;
  }

  .form-flex {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .form-input {
    min-height: 58px;
    padding-left: 20px;
  }

  .form-input.text-area {
    border-radius: 15px;
    padding-left: 20px;
  }

  .home-card {
    border-radius: 10px;
  }

  .about-v2-wrap, .about-v2-point-wrap {
    width: auto;
  }

  .about-image-v2 {
    border-radius: 10px;
  }

  .about-decorative-circle {
    display: none;
  }

  .about-client {
    background-color: #ffffffbd;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    right: 38px;
    box-shadow: 1px 1px 20px #b9b9b9;
  }

  .about-v2-client-title {
    font-size: 35px;
  }

  .about-client-content {
    font-size: 15px;
  }

  .experience-progress-title {
    font-size: 37px;
  }

  .works-title-wrap {
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: stretch;
  }

  .works-image-wrap, .information-wrap.left-side, .information-wrap.right-side {
    width: auto;
  }

  .information-grid-flex {
    margin-top: 20px;
  }

  .education-flex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .education-flex.experience {
    flex-direction: column-reverse;
  }

  .information-line-break {
    display: none;
  }

  .client-testimonial-slider-item {
    border-radius: 10px;
    margin-left: 0;
    margin-right: 10px;
    padding: 25px 20px 30px;
  }

  .client-v2-author-flex {
    text-align: center;
    flex-direction: column;
  }

  .testimonial-content-wrap {
    border-radius: 10px;
    padding: 25px 10px 10px 15px;
  }

  .team-member-section {
    padding-bottom: 40px;
  }

  .team-member-image-wrap {
    background-position: 50%;
  }

  .pricing-section {
    padding-bottom: 110px;
  }

  .pricing-tab-wrap {
    padding-top: 20px;
  }

  .pricing-tab-menu-wrap {
    grid-row-gap: 20px;
    flex-direction: row;
  }

  .pricing-wrap {
    border-radius: 10px;
  }

  .pricing-value-wrap {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    border-radius: 10px;
    padding: 20px 15px;
  }

  .pricing-value-content-wrap {
    padding-right: 0;
  }

  .pricing-content {
    width: auto;
  }

  .pricing-point-flex {
    padding-left: 0;
  }

  .pricing-radio-block {
    min-width: 16px;
    min-height: 16px;
  }

  .pricing-link-content {
    font-size: 16px;
  }

  .cta-wrap {
    border-radius: 10px;
    padding: 30px 20px;
  }

  .cta-wrap.sub-pages {
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-form-block {
    align-self: stretch;
  }

  .cta-form {
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: stretch;
  }

  .cta-bg {
    width: 66%;
    top: -38px;
  }

  .footer-v2-grid {
    grid-template-columns: 1fr;
  }

  .footer-v2-widget-wrap {
    grid-row-gap: 15px;
    padding-top: 0;
  }

  .footer-contact-flex {
    grid-row-gap: 15px;
  }

  .our-vision-points-wrap {
    grid-row-gap: 15px;
    flex-direction: column;
  }

  .our-vision-image {
    border-radius: 10px;
  }

  .our-vision-bg {
    width: 52%;
    right: -20px;
  }

  .our-vision-decorative {
    border-radius: 10px;
  }

  .successful-works-flex {
    grid-row-gap: 30px;
    flex-direction: column;
    display: flex;
  }

  .core-value-card {
    border-radius: 10px;
    min-width: auto;
    padding: 20px;
  }

  .history-bg-right {
    top: 21px;
  }

  .history-image-wrap {
    border-radius: 10px;
    height: 170px;
  }

  .history-overlay {
    border-radius: 10px;
  }

  .history-bg-two {
    border-radius: 10px;
    min-width: 100px;
    min-height: 100px;
    bottom: 15px;
  }

  .contact-banner {
    background-position: 50%;
  }

  .subscribe-wrap {
    margin-bottom: 80px;
    padding: 30px 20px;
  }

  .subscribe-flex {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
  }

  .subscribe-title {
    font-size: 32px;
  }

  .lets-talk-image {
    border-radius: 10px;
  }

  .lets-talk-point-flex {
    grid-column-gap: 10px;
  }

  .lets-talk-bg {
    display: none;
  }

  .lets-talk-bg-second {
    border-radius: 10px;
    min-width: 100px;
    min-height: 100px;
    left: -10px;
  }

  .service-card-wrap {
    text-align: center;
    border-radius: 10px;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .service-card-title {
    font-size: 23px;
  }

  .case-study-section {
    background-color: var(--secondary-02);
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .case-study-bg-wrap {
    min-height: 480px;
    display: none;
  }

  .case-study-whole-wrap {
    margin-top: 0;
  }

  .case-study-wrap {
    border-radius: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .case-study-collection-item {
    padding-bottom: 15px;
  }

  .case-study-overlay {
    border-radius: 10px;
  }

  .count-title, .count-sub-title {
    color: var(--white);
  }

  .blog-post-section {
    padding-top: 60px;
  }

  .blog-post-section.blog-author {
    padding-top: 40px;
  }

  .blog-post-image {
    border-radius: 10px;
  }

  .blog-post-content-wrap {
    padding-bottom: 20px;
  }

  .blog-post-title {
    font-size: 23px;
  }

  .blog-author-content-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-post-author-flex {
    flex-direction: row;
  }

  .blog-line-break {
    display: none;
  }

  .service-process-left {
    bottom: -25px;
  }

  .team-collection-item {
    padding-bottom: 40px;
  }

  .team-member-title {
    margin-bottom: 5px;
  }

  .team-member-social-link-wrap {
    padding-top: 5px;
  }

  .service-single-slider-wrap {
    padding-bottom: 96px;
  }

  .service-slider {
    align-items: stretch;
  }

  .service-slider-mask {
    width: 100%;
    overflow: hidden;
  }

  .service-slider-item {
    width: auto;
    margin-right: 10px;
  }

  .service-slider-wrap {
    padding: 25px 20px;
  }

  .service-slider-arrow {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
  }

  .service-slider-arrow.left-side {
    bottom: -90px;
    left: 10%;
  }

  .service-slider-arrow.right-side {
    bottom: -90px;
    right: 10%;
  }

  .team-single-title-flex {
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .team-single-title-line-break {
    display: none;
  }

  .team-intro-content-wrap {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .team-single-wrap {
    min-width: 150px;
    min-height: 100px;
  }

  .what-to-except-point-flex {
    grid-column-gap: 15px;
  }

  .service-history-overlay {
    border-radius: 10px;
  }

  .service-lightbox-wrap {
    background-position: 50%;
    border-radius: 10px;
    width: 280px;
    height: 250px;
  }

  .service-history-decorative-one {
    border-radius: 10px;
    right: -10px;
  }

  .service-history-decorative-two {
    display: none;
  }

  .service-history-decorative-three {
    border-radius: 10px;
    left: -10px;
  }

  .service-contact-image-wrap {
    width: auto;
  }

  .faq-wrap {
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion-item-title {
    white-space: normal;
    display: block;
  }

  .accordion-content {
    max-width: 100%;
  }

  .accordion-paragraph {
    max-width: 100%;
    margin-bottom: 10px;
    line-height: 1.4;
  }

  .service-tabs-menu {
    border-radius: 10px;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .case-study-tab-link {
    font-size: 20px;
  }

  .service-tab-content-wrap {
    padding: 20px 10px 0;
  }

  .case-study-details-wrap {
    text-align: center;
    border-radius: 10px;
    padding: 20px;
  }

  .case-study-details-flex {
    grid-row-gap: 20px;
    align-items: stretch;
  }

  .case-study-details-button-wrap {
    align-self: stretch;
  }

  .case-study-point-flex {
    grid-column-gap: 15px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .blog-author-wrap {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    border-radius: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .blog-author-title {
    font-size: 28px;
  }

  .author-decorative.triangle-image {
    left: 0;
  }

  .service-v2-slider-item, .service-v2-image {
    border-radius: 10px;
  }

  .service-v2-content-wrap {
    padding-left: 0;
  }

  .service-v2-arrow.service-v2-left-arrow {
    min-width: 90px;
    min-height: 90px;
    bottom: -120px;
    left: 0%;
  }

  .service-v2-arrow.service-v2-right-arrow {
    min-width: 90px;
    min-height: 90px;
    bottom: -120px;
    right: 0%;
  }

  .case-study-category, .utility-wrap._404 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .password-utility-page-content {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    border-radius: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .password-utility-page-form {
    align-self: stretch;
    width: auto;
  }

  .password-title {
    font-size: 30px;
  }

  .password-button-wrap {
    flex-direction: column;
    align-self: stretch;
    align-items: stretch;
    padding-top: 10px;
  }

  .error-wrap {
    background-color: var(--secondary-02);
    border-radius: 15px;
    padding: 30px 20px;
  }

  .error-button-wrap {
    padding-top: 20px;
  }

  .error-title {
    color: var(--white);
    font-size: 64px;
  }

  .error-sub-title {
    color: var(--white);
    font-size: 30px;
  }

  .error-content {
    color: var(--white);
    width: auto;
  }

  .error-decorative, .error-left-decorative {
    display: none;
  }

  .license-grid-wrap {
    grid-row-gap: 40px;
  }

  .license-grid {
    grid-row-gap: 20px;
  }

  .license-title {
    font-size: 35px;
  }

  .changelog-wrap {
    border-radius: 10px;
    padding: 40px 20px;
  }

  .changelog-content-wrap {
    text-align: center;
  }

  .changelog-version {
    border-radius: 10px;
    min-width: auto;
    padding: 15px 10px;
  }

  .nav-dropdown-list.dark-list.w--open {
    padding-left: 0;
  }

  .experience-progress-flex {
    grid-row-gap: 30px;
    flex-flow: column wrap;
  }

  .about-client-image {
    width: 20%;
  }

  .service-slider-whole-wrap {
    padding-bottom: 200px;
  }

  .accordion-toggle {
    width: 240px;
    padding-right: 0;
  }

  .container-2 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .team-slide-wrapper {
    width: 100%;
    margin-right: 0%;
  }

  .container-3 {
    max-width: none;
  }

  .centered-heading-2 {
    margin-bottom: 24px;
  }

  .pricing-grid {
    grid-template-columns: 1fr;
  }
}

#w-node-_8c15bd13-74fb-4dea-a66d-f5be0a98dff4-634f8fa9, #w-node-_5823a9c8-8392-3f12-8161-4f770eb17bc3-634f8fa9, #w-node-e9eceafe-9fb6-d19d-4fa9-7f9b3c9e5524-634f8fa9, #w-node-e078b8c8-f02b-b300-01ab-dc0fa6c13dce-634f8fa9, #w-node-d109b020-a6b0-c296-3d90-860a5a58c735-634f8fa9, #w-node-_1617d6c2-3cd4-20d8-c955-6b6504442df6-634f8fa9, #w-node-a804a959-24aa-b700-e487-4b63e5bb1099-634f8fa9, #w-node-_96c52f32-6724-647f-8346-b3db9eb620ea-634f8fa9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2316830-5a70-7a2a-742a-9561c3961342-634f8fa9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-c9d9016c-5280-a996-7d1a-0e5bca15682d-634f8fa9, #w-node-a4d72331-fc76-49ac-9e5b-19cb43d3bd48-634f8fa9, #w-node-_5a324864-1843-403d-538e-c7c0299e99da-634f8fa9, #w-node-_9827f5fb-d748-fe54-de65-82fb36af172f-634f8fa9, #w-node-e8d2c7f9-44c1-046f-7ea2-561297236857-9723684d, #w-node-e8d2c7f9-44c1-046f-7ea2-561297236867-9723684d, #w-node-e8d2c7f9-44c1-046f-7ea2-561297236879-9723684d, #w-node-_5e46524c-0e8a-9355-f421-c2ff301c29d4-384f8fb0, #w-node-f3ac0a2d-a7ba-5336-5386-153cd73bd6db-384f8fb0, #w-node-e4a79ce6-5a5b-323e-45cd-fb991a775939-384f8fb0, #w-node-_4eb292e1-2743-43db-51fb-d26fd387d6e0-c24f8fb2, #w-node-_4eb292e1-2743-43db-51fb-d26fd387d700-c24f8fb2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_33dcff92-605a-da38-d234-fddf204eddeb-db4f8fb4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_33dcff92-605a-da38-d234-fddf204eddef-db4f8fb4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_33dcff92-605a-da38-d234-fddf204ede24-db4f8fb4, #w-node-_33dcff92-605a-da38-d234-fddf204ede45-db4f8fb4, #w-node-_479dfdf5-5a20-98c8-3c1d-d1af0b49dce9-a14f8fb9, #w-node-a35b22f7-cbaa-730b-78e4-1fc3e3f7c95a-a14f8fb9, #w-node-e98b447e-3ff4-221e-1a19-18b01ad83187-a14f8fba, #w-node-_070e0cc3-587c-87f9-0906-595e9dabcadc-a14f8fba, #w-node-e22e97b6-4155-4bcd-cffc-e91812156472-a14f8fba, #w-node-_8c2ce46e-7a24-84a0-8869-9f64f6597073-a14f8fba, #w-node-f894e01c-55f0-0783-7f94-65ffb58d4648-a14f8fba, #w-node-c7b7fe19-b1b0-8611-ab68-a925dcfbc073-a14f8fba, #w-node-_7608f31e-5d0a-6a32-45d3-ee1df434b519-a14f8fba, #w-node-_611b7682-fb9b-ce69-2020-bfb8e047057e-a14f8fba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a9a7534-e065-bcc8-33d2-465dd620e4d7-a14f8fba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a0347c73-1f8e-683c-903d-a1d281784ae3-a14f8fba {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_3704dc6b-212b-0eea-83b5-471978bd278e-a14f8fba, #w-node-_099473fc-b8e4-51d1-6a73-8478f41fa32d-a14f8fba, #w-node-c32f7a35-7262-4004-368a-2c14ed5c193f-a14f8fba, #w-node-c121baae-f48d-6d9e-4fbf-4eb84e66bff1-a14f8fba, #w-node-_7d7fb341-2730-8ef5-a518-be1f47068904-a14f8fba, #w-node-_405e41a2-9b1f-c78e-120b-4ac0cd499865-a14f8fba, #w-node-f182ec32-d10c-f93b-a63c-22e3e524d7fe-a14f8fba, #w-node-_2e60b99d-935e-7372-7bc3-2760ca24acda-a14f8fba, #w-node-_661dfea0-fc40-85d3-cc13-42bce66ad2c9-a14f8fba, #w-node-dd53a9be-55c9-b1c5-b994-ebabec54b743-894f8fbb, #w-node-fdcecd94-075e-994f-e06c-1d63bf34ed9e-894f8fbb, #w-node-a0401ba2-7f81-5462-3508-ba7e29fbe362-894f8fbb, #w-node-a0401ba2-7f81-5462-3508-ba7e29fbe365-894f8fbb, #w-node-_914e2b1c-ed20-79fc-e9ee-3e865833b230-894f8fbb, #w-node-_914e2b1c-ed20-79fc-e9ee-3e865833b233-894f8fbb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b1736e4d-1a69-57e0-ac59-7562a4601680-fd4f8fbc, #w-node-b1736e4d-1a69-57e0-ac59-7562a4601684-fd4f8fbc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_66893cf6-db99-97fb-951d-2d8fe95a8c65-fd4f8fbc, #w-node-cb9fea5f-c29c-c581-3b74-76b9f0ba3c6b-fd4f8fbc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d19074db-f437-c931-c4ed-d6a5c6e9f23c-674f8fbd {
  justify-self: start;
}

#w-node-_3d481983-fbbb-c593-88ba-ee103dbdd74a-674f8fbd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_2a81e27c-66ad-0f5e-45c2-326011a06c2c-674f8fbd, #w-node-_2a81e27c-66ad-0f5e-45c2-326011a06c4c-674f8fbd, #w-node-_702b9215-8245-8357-1d04-048a14365002-b04f8fbe, #w-node-_41964df8-aa9e-de1e-3c7b-8f6593647799-b04f8fbe, #w-node-_19bdce94-68e1-c6de-ebcd-dc862382e536-b04f8fbe, #w-node-_29dbcdda-663b-5e28-4beb-476f4c34be72-b04f8fbe, #w-node-dff42680-c09f-3c35-3e80-f498ad0beced-b04f8fbe, #w-node-dff42680-c09f-3c35-3e80-f498ad0becef-b04f8fbe, #w-node-_06daf911-6a4b-3382-2c2d-6daddb88e28e-b04f8fbe, #w-node-_06daf911-6a4b-3382-2c2d-6daddb88e290-b04f8fbe, #w-node-ad68fe90-e464-684d-e2b6-81cf4ff0af1e-b04f8fbe, #w-node-ad68fe90-e464-684d-e2b6-81cf4ff0af20-b04f8fbe, #w-node-ff48e968-2d84-22af-9025-c6cd23c8be6c-202db043, #w-node-ff48e968-2d84-22af-9025-c6cd23c8be76-202db043, #w-node-ff48e968-2d84-22af-9025-c6cd23c8be80-202db043, #w-node-_4883c8aa-be1e-3687-2689-759c246a2972-202db043, #w-node-e54e049a-9898-c16d-e38c-2db6d727bd88-202db043, #w-node-bbff722f-bf49-38ad-106c-f660067e3743-202db043, #w-node-ee8c9dee-d31b-0c63-f086-47570dfdc51f-202db043, #w-node-_21da6c9e-0eb4-005f-065d-036422f9bcf2-202db043, #w-node-_73547cc2-ec51-417f-3866-3f94a0397f24-202db043, #w-node-_8d1ff818-bfa2-07bb-9600-a9cbbc52812b-202db043, #w-node-a1afb22f-7a3a-2f4e-f9c9-1045f7c9204f-202db043, #w-node-_4e5e7520-f9d7-ff5a-8b26-6bc1ba4c6a19-202db043, #w-node-bc8d008b-82a3-6651-4696-8b7c59137ca9-202db043, #w-node-be6947ec-d3c0-f77f-1d7e-12c6a2f11978-202db043, #w-node-d9de10b0-7320-1189-2200-06cc3ac7500e-202db043 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d19074db-f437-c931-c4ed-d6a5c6e9f23c-202db043 {
  justify-self: start;
}

#w-node-_3d481983-fbbb-c593-88ba-ee103dbdd74a-202db043 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_2a81e27c-66ad-0f5e-45c2-326011a06c2c-202db043, #w-node-_2a81e27c-66ad-0f5e-45c2-326011a06c4c-202db043 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-ea842645-ced9-61af-4585-e65b2bbbb000-a14f8fba, #w-node-ea842645-ced9-61af-4585-e65b2bbbb001-a14f8fba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-ea842645-ced9-61af-4585-e65b2bbbb000-a14f8fba, #w-node-ea842645-ced9-61af-4585-e65b2bbbb001-a14f8fba {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_3d481983-fbbb-c593-88ba-ee103dbdd74a-674f8fbd, #w-node-_3d481983-fbbb-c593-88ba-ee103dbdd74a-202db043 {
    justify-self: end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_33dcff92-605a-da38-d234-fddf204eddeb-db4f8fb4 {
    justify-self: auto;
  }

  #w-node-_33dcff92-605a-da38-d234-fddf204ede45-db4f8fb4 {
    justify-self: stretch;
  }

  #w-node-e98b447e-3ff4-221e-1a19-18b01ad83187-a14f8fba, #w-node-_2c1df6bc-8f39-9fcd-7c2b-1635e3addf39-a14f8fba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9fdf1667-336a-303c-4f49-0324f7c10a5a-a14f8fba {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_761c0ff4-15e6-7852-b5af-b98d41eb4b26-a14f8fba {
    order: -9999;
  }

  #w-node-_714e6ea8-8966-66b2-be0c-a4384e8024fa-a14f8fba, #w-node-_41cb5c50-4b57-a7ff-98cf-4690b497d105-a14f8fba {
    justify-self: start;
  }

  #w-node-_84fe76b7-b4c1-3b7f-6b33-28e88947a107-a14f8fba {
    justify-self: end;
  }

  #w-node-b1736e4d-1a69-57e0-ac59-7562a4601680-fd4f8fbc {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9827f5fb-d748-fe54-de65-82fb36af172f-634f8fa9 {
    justify-self: stretch;
  }

  #w-node-e8d2c7f9-44c1-046f-7ea2-561297236879-9723684d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4eb292e1-2743-43db-51fb-d26fd387d700-c24f8fb2, #w-node-_2c1df6bc-8f39-9fcd-7c2b-1635e3addf39-a14f8fba {
    justify-self: stretch;
  }

  #w-node-_9fdf1667-336a-303c-4f49-0324f7c10a5a-a14f8fba, #w-node-_5a9a7534-e065-bcc8-33d2-465dd620e4d7-a14f8fba, #w-node-a0347c73-1f8e-683c-903d-a1d281784ae3-a14f8fba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_761c0ff4-15e6-7852-b5af-b98d41eb4b26-a14f8fba {
    order: 9999;
  }

  #w-node-_714e6ea8-8966-66b2-be0c-a4384e8024fa-a14f8fba, #w-node-_41cb5c50-4b57-a7ff-98cf-4690b497d105-a14f8fba, #w-node-_84fe76b7-b4c1-3b7f-6b33-28e88947a107-a14f8fba {
    justify-self: auto;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e8d2c7f9-44c1-046f-7ea2-561297236879-9723684d, #w-node-_5e46524c-0e8a-9355-f421-c2ff301c29d4-384f8fb0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4eb292e1-2743-43db-51fb-d26fd387d700-c24f8fb2 {
    justify-self: stretch;
  }

  #w-node-f894e01c-55f0-0783-7f94-65ffb58d4648-a14f8fba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a0347c73-1f8e-683c-903d-a1d281784ae3-a14f8fba, #w-node-_761c0ff4-15e6-7852-b5af-b98d41eb4b26-a14f8fba, #w-node-_41cb5c50-4b57-a7ff-98cf-4690b497d105-a14f8fba, #w-node-_84fe76b7-b4c1-3b7f-6b33-28e88947a107-a14f8fba {
    justify-self: stretch;
  }
}