:root {
  --white: white;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Radio Canada, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

.lang {
  text-align: right;
  padding: 5px 0 5px 30px;
  text-decoration: none;
}

.eng, .fra, .esp {
  color: #333;
  font-size: 15px;
  text-decoration: none;
}

.body {
  color: #0b1d30;
  font-family: Radio Canada, sans-serif;
  font-size: 20px;
}

.nav-menu {
  z-index: 9999;
  color: #fff;
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: static;
}

.navbar {
  background-color: #0b1d30;
  justify-content: center;
  align-items: center;
}

.nav-link {
  color: #fff;
  padding-left: 40px;
  font-size: 17px;
  font-weight: 300;
}

.nav-link.w--current {
  text-decoration: none;
}

.nav-link-3 {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}

.nav-link-4 {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  display: block;
}

.brand {
  float: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  position: static;
}

.brand.w--current {
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 10px;
  text-decoration: none;
  display: block;
}

.herosection {
  z-index: -999;
  background-image: linear-gradient(#136084, #136084);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
}

.languages {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.success {
  color: #fce94f;
  letter-spacing: -7px;
  text-transform: uppercase;
  font-family: Train One, sans-serif;
  font-size: 7.5vw;
  line-height: 9vw;
}

.engage {
  color: #fce94f;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Train One, sans-serif;
  font-size: 7.5vw;
  line-height: 7vw;
}

.untangle {
  color: #daecea;
  text-transform: uppercase;
  max-width: 100%;
  font-size: 34px;
  line-height: 32px;
}

.buttonnav {
  color: #0b1d30;
  background-color: #d9d9d9;
  border-radius: 28px;
  margin-left: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 17px;
  font-weight: 500;
}

.buttonhero {
  color: #daecea;
  text-transform: uppercase;
  background-color: #e51683;
  border-radius: 28px;
  margin-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.5vw;
  font-weight: 500;
}

.introsection {
  background-image: linear-gradient(#12232b, #12232b);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.screen {
  background-image: url('../images/intro-front-min.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100vh;
  display: block;
}

.intronav1 {
  background-image: linear-gradient(to right, #000, #333 100%, #fff);
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 5vh;
  margin-top: 60px;
  display: flex;
}

.intronav2 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  background-image: linear-gradient(#000, #000);
  justify-content: center;
  align-items: center;
  width: 65%;
  height: 5vh;
  margin-top: 60px;
  display: flex;
}

.intronav {
  display: flex;
}

.introlink {
  color: #daecea;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  font-size: 10px;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.introtext {
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 30%;
  margin-top: 40px;
  display: block;
}

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

.text-block-copy {
  color: #fff;
  -webkit-text-stroke-color: #daecea;
  width: 50%;
  font-family: Bebas Neue, sans-serif;
  font-size: 53px;
  line-height: 51px;
}

.rank {
  color: #daecea;
  letter-spacing: 2px;
  width: 50%;
  font-family: Bebas Neue, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 51px;
}

.servicesection {
  z-index: 99;
  background-image: linear-gradient(#146184, #537f9f);
  width: 100vw;
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
}

.servicewrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

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

.uxui {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-image: linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)), url('../images/uxui-service.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.buttonservice {
  color: #daecea;
  text-transform: uppercase;
  background-color: #e61684;
  background-image: linear-gradient(86deg, #e61684 100%, #1e6587);
  border-radius: 11px;
  padding: 15px 60px;
  font-size: 16px;
  font-weight: 400;
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.heading-2 {
  color: #daecea;
  text-align: center;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-top: 120px;
  margin-bottom: 20px;
  font-size: 34px;
  font-weight: 500;
  line-height: 38px;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.service_t {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65%;
  display: flex;
}

.btn_service {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 35%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.brandingservice {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-image: linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)), url('../images/branding-service.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.socialmm {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-image: linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)), url('../images/social-service.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 18px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.webdev {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: rgba(0, 0, 0, .5);
  background-image: linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)), url('../images/webdev-service.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.digimark {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-image: linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)), url('../images/digmar-service.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.ccontent {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-image: linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)), url('../images/contentcreator-service.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.faq {
  width: 100vw;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.lang-wrapper {
  justify-content: flex-end;
  display: block;
}

.faqs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  justify-items: start;
  height: 85%;
  display: block;
  position: static;
}

.whtfaq {
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

.titlefaq1 {
  text-transform: uppercase;
  align-items: flex-start;
  font-family: Radio Canada, sans-serif;
  font-weight: 700;
  display: flex;
}

.parafaq {
  color: #c5c2bd;
  flex: 0 auto;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

.faqslo {
  color: #ffd91d;
  -webkit-text-stroke-color: #d59c00;
  font-size: 13px;
  font-weight: 700;
}

.cloudtext {
  display: flex;
}

.image-2 {
  width: 20px;
  height: 16px;
  margin-right: 5px;
}

.btnfaq {
  text-align: center;
  background-color: #09a3b0;
  width: 100%;
  font-size: 13px;
}

.btnfaq2 {
  text-align: center;
  background-color: #d664d8;
  width: 100%;
  font-size: 13px;
}

.btnfaq3 {
  text-align: center;
  background-color: #f2206b;
  width: 100%;
  font-size: 13px;
}

.faqsttl {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 20%;
  display: block;
}

.titlefaq {
  color: #4e7678;
  font-family: Bebas Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 13px;
}

.titfaq {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.btmfaq {
  height: 35%;
}

.whitefaq {
  background-color: #fff;
  width: 100vw;
  height: 50vh;
}

.blackfaq {
  background-color: #141c23;
  justify-content: flex-start;
  width: 100vw;
  height: 50vh;
  padding-top: 7px;
  display: block;
}

.titlefaq_u {
  color: #4e7678;
  border-bottom: 1px solid #dab410;
  width: 7%;
  height: 7px;
  font-family: Bebas Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 13px;
  display: flex;
}

.titlefaq2 {
  color: #af1b37;
  font-family: Bebas Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 13px;
}

.titlefaq3 {
  color: #d59c00;
  text-transform: uppercase;
  align-items: center;
  font-family: Radio Canada, sans-serif;
  font-weight: 700;
  display: flex;
}

.blkfaq {
  flex-direction: column;
  justify-content: space-around;
  display: flex;
  position: static;
}

.blktitfaq {
  flex-direction: column;
  justify-content: space-around;
  height: 20%;
  display: flex;
}

.titlefaq_u2 {
  color: #4e7678;
  border-bottom: 1px solid #dab410;
  width: 30%;
  height: 1px;
  font-family: Bebas Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 13px;
  display: flex;
}

.btnfaq4 {
  text-align: center;
  background-color: #d59c00;
  width: 100%;
  font-size: 13px;
}

.titlefaq5 {
  color: #f0f0f0;
  text-transform: uppercase;
  align-items: center;
  font-family: Radio Canada, sans-serif;
  font-weight: 700;
  display: flex;
}

.titlefaq_u3 {
  color: #4e7678;
  border-bottom: 1px solid #f0f0f0;
  width: 30%;
  height: 1px;
  font-family: Bebas Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 13px;
  display: flex;
}

.faq2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  justify-items: start;
  height: 85%;
  display: block;
  position: static;
}

.faqgrid2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 90%;
  display: grid;
}

.faqgrid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 90%;
  display: grid;
}

.aboutsection {
  background-image: url('../images/about-min.png');
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
}

.about-title {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  line-height: 75px;
}

.abouttext {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}

.aboutwrapper {
  width: 50%;
  padding-bottom: 70px;
}

.contactsection {
  background-image: url('../images/contact-min.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: block;
  position: -webkit-sticky;
  position: sticky;
}

.contactuscontainer {
  padding-top: 60px;
}

.contactwrap {
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  background-color: #000;
  border-radius: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 430px;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  box-shadow: 0 0 20px rgba(255, 255, 255, .38);
}

.text-block {
  color: #fff;
  text-align: center;
  text-transform: none;
  font-size: 37px;
  font-weight: 700;
  line-height: 42px;
}

.text-block-2 {
  color: #fff;
  text-align: center;
  font-size: 21px;
  font-weight: 300;
  line-height: 25px;
}

.titcontact_u {
  color: #4e7678;
  text-align: center;
  border-bottom: 5px solid #222529;
  width: 77%;
  height: 6%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Bebas Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 13px;
  display: flex;
}

.name {
  color: #133557;
  background-image: url('../images/name.png');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 6%;
  border-radius: 10px;
  height: 50px;
}

.name::placeholder {
  color: #133557;
  font-weight: 300;
}

.email {
  background-image: url('../images/email.png');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 6%;
  border-radius: 10px;
  height: 50px;
}

.email::placeholder {
  color: #133557;
  font-weight: 300;
}

.phone {
  background-image: url('../images/phone.png');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 5%;
  border-radius: 10px;
  height: 50px;
}

.phone::placeholder {
  color: #133557;
  font-weight: 300;
}

.form-block {
  width: 85%;
  margin-top: 5px;
}

.submit {
  color: #133557;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/arrow.png'), linear-gradient(#0ff, #06b2df);
  background-position: 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 12% 100%, auto;
  border-radius: 10px;
  width: 100%;
  height: 50px;
  padding-left: 18%;
  font-size: 20px;
}

.footersection {
  background-color: #125f84;
  width: 100vw;
  padding-top: 60px;
  padding-bottom: 60px;
  position: -webkit-sticky;
  position: sticky;
}

.footercolumns {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  padding-top: 0;
  display: grid;
}

.column-wrap-l {
  border-bottom: 1px solid #417f9d;
  border-left: 1px solid #417f9d;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-footer-col1 {
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
}

.text-block-3 {
  color: #fff;
  text-align: left;
  text-transform: none;
  margin-bottom: 24px;
  font-size: 15px;
  font-weight: 300;
  line-height: 23px;
}

.column-wrap-2 {
  border-bottom: 1px solid #417f9d;
  border-left: 1px solid #417f9d;
  flex-direction: column;
  align-items: center;
  margin-top: 17px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.link-block {
  background-image: url('../images/Linkedin.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  width: 45px;
  height: 45px;
  display: block;
  overflow: scroll;
}

.link-block-2 {
  background-image: url('../images/Youtube.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 30px;
  width: 45px;
  height: 45px;
}

.link-block-3 {
  background-image: url('../images/Facebook.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 45px;
  height: 45px;
}

.link-block-4 {
  background-image: url('../images/Tiktok.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 21px;
  width: 45px;
  height: 45px;
}

.link-block-5 {
  background-image: url('../images/Instagram.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 30px;
  width: 45px;
  height: 45px;
}

.link-block-6 {
  background-image: url('../images/X-Twitter.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 30px;
  width: 45px;
  height: 45px;
}

.languagesection {
  background-color: #d9ebea;
}

.logobrand {
  display: block;
  position: static;
}

.image-3 {
  padding-left: 72px;
}

.column-wrap-4 {
  border-bottom: 1px solid #417f9d;
  border-left: 1px solid #417f9d;
  border-right: 1px solid #417f9d;
  flex-direction: column;
  align-items: center;
  margin-top: 17px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.socials {
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow: scroll;
}

.container-5 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brand-2 {
  float: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  position: static;
}

.nav-link-6 {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  display: none;
}

.ouremail {
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}

.infowrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-around;
  width: 85%;
  margin-top: 10px;
  display: flex;
}

.info {
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
}

.leftinfo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.rightinfo {
  border-left: 1px solid #fff;
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.locity {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.ouremailwrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.miamiwrap, .montreal {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.link-block-7, .link-block-8, .link-block-9, .link-block-10, .link-block-11, .link-block-12, .link-block-13, .link-block-14, .link-block-15, .link-block-16, .link-block-17, .link-block-18 {
  text-decoration: none;
}

.locaimg, .phoimg {
  width: 12px;
}

.image-5 {
  width: 15px;
}

.inforighwrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.socialscontact {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 95%;
  margin-top: 20px;
  display: flex;
}

.con_linkedin {
  background-image: url('../images/Linkedin.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 25px;
  height: 25px;
  display: block;
}

.con_youtube {
  background-image: url('../images/Youtube.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 25px;
  height: 25px;
}

.con_facebook {
  background-image: url('../images/Facebook.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 9px;
  width: 25px;
  height: 25px;
}

.con_tiktok {
  background-image: url('../images/Tiktok.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px;
  width: 25px;
  height: 25px;
}

.con_instagram {
  background-image: url('../images/Instagram.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 25px;
  height: 45px;
}

.con_x {
  background-image: url('../images/X-Twitter.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 25px;
  height: 45px;
}

.h1title {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 70px;
  line-height: 70px;
}

.description {
  color: #daecea;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 30px;
  font-weight: 500;
}

.titlewrapperservices {
  padding-top: 133px;
}

.subtitleservices {
  color: #fff;
  text-align: right;
  margin-top: 11px;
  padding-left: 0;
  font-size: 43px;
  font-weight: 500;
  line-height: 43px;
}

.uxuiherosection {
  z-index: 100;
  background-image: url('../images/uxui-page-min.png');
  background-position: 50% 0;
  background-size: cover;
  width: 100vw;
  height: 92.5vh;
  position: relative;
}

.brandingherosection {
  background-image: url('../images/branding-section2-1-min.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 92.5vh;
}

.titlewrapperservices2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  padding-right: 35%;
  display: flex;
}

.contentherosection {
  background-image: url('../images/contentcreator-page-min.png');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 92.5vh;
  display: block;
}

.contentwrapperservices {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 92.5vh;
  display: flex;
}

.subtitleservices2 {
  color: #fff;
  margin-top: 11px;
  padding-left: 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 49px;
}

.h1titlebranding {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 76px;
}

.socialiherosection {
  background-image: url('../images/social-section-1-min.png');
  background-position: 0 0;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.socialwrapperservices {
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding-right: 30%;
  display: flex;
}

.subtitleservicessocial {
  color: #fff;
  margin-top: 11px;
  padding-left: 0;
  font-size: 33px;
  font-weight: 500;
  line-height: 41px;
}

.webdevherosection {
  background-image: url('../images/webdevelopment-section-min.png');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 92.5vh;
}

.titlewrapperservices-copy {
  padding-top: 133px;
}

.marketingherosection {
  background-image: url('../images/seo-section2-1-min.png');
  background-position: 49%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.titlewrapperservicesmarketing {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 100vh;
  padding-left: 30%;
  display: flex;
}

.h1titlemarketing {
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 62px;
  line-height: 70px;
}

.subtitleservicesmarketing {
  color: #fff;
  text-align: right;
  margin-top: 11px;
  padding-left: 0;
  font-weight: 500;
  line-height: 48px;
}

.subtitleservicescontent {
  color: #fff;
  text-align: right;
  width: 100%;
  margin-top: 11px;
  padding-left: 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 43px;
}

.h1titlesocial, .h1titlecontent {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 70px;
  line-height: 70px;
}

.descriptionsection {
  margin-bottom: 100px;
}

.descriptionwrapper {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  align-items: stretch;
  display: block;
}

.titledescription {
  color: #00293f;
  padding-top: 100px;
  padding-bottom: 20px;
  font-size: 45px;
  line-height: 45px;
}

.subtitledescription {
  color: #00293f;
  width: 70%;
  margin-bottom: 100px;
  font-size: 20px;
  font-weight: 300;
  line-height: 22px;
}

.descriptionimgwrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  margin-bottom: 40px;
  display: flex;
}

.descriptiontext {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.titledescriptiontext {
  color: #00293f;
  font-size: 21px;
  line-height: 45px;
}

.descriptionparragraph {
  color: #00293f;
  border-top: 3px solid #c2c2c2;
  padding-top: 10px;
  font-size: 17px;
  font-weight: 300;
  line-height: 22px;
}

.descriptionimg {
  border-radius: 28px;
  width: 47%;
}

.descriptionimgwrap-r {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: row-reverse;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  margin-bottom: 40px;
  display: flex;
}

.stagessection {
  color: #fefefe;
  background-image: linear-gradient(to top, #b8bebf, #fff);
  padding-bottom: 100px;
}

.stepsgrid {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-items: center;
  justify-items: center;
  display: grid;
}

.stepbox {
  background-color: #00293f;
  border-radius: 28px;
  width: 100%;
  height: 100%;
  padding: 15%;
}

.stagenumber {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.stagetitle {
  margin-bottom: 9px;
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
}

.stagetext {
  border-top: 1px solid #0ff;
  padding-top: 10px;
  font-size: 17px;
  font-weight: 300;
  line-height: 25px;
}

.stagestitle {
  color: #00293f;
  text-align: center;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 100px;
  font-size: 48px;
  font-weight: 500;
  line-height: 53px;
}

.promosection {
  padding-top: 100px;
  padding-bottom: 100px;
}

.promowrapper {
  display: flex;
}

.promotextwrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 100px;
  display: flex;
}

.promotext {
  color: #00293f;
  font-size: 43px;
  line-height: 63px;
}

.imgwrapper {
  width: 50%;
}

.promoimage {
  border-radius: 28px;
}

.buttoncontact {
  color: #daecea;
  text-transform: uppercase;
  background-color: #e51683;
  border-radius: 28px;
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 17px;
  font-weight: 500;
}

.bannerwrapper {
  background-image: url('../images/Banner1.png');
  background-position: 31%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 28px;
  margin-top: 100px;
}

.bannertextwrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 294px;
  padding-left: 55%;
  padding-right: 20px;
  display: flex;
}

.text-block-4 {
  color: #fff;
  text-align: left;
  font-size: 38px;
  line-height: 45px;
}

.summarysection {
  background-image: linear-gradient(to top, #b8bebf, #fff);
  padding-top: 100px;
  padding-bottom: 100px;
}

.summarywrap {
  justify-content: center;
  padding-bottom: 60px;
  display: flex;
}

.summarytextwrap {
  width: 50%;
}

.summaryimgwrap {
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.summarytitle {
  color: #00293f;
  padding-bottom: 20px;
  font-size: 34px;
  line-height: 38px;
}

.summarytext {
  color: #00293f;
  padding-bottom: 40px;
  font-size: 17px;
  font-weight: 300;
  line-height: 20px;
}

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

.bullettext {
  color: #00293f;
  font-size: 17px;
  font-weight: 300;
  line-height: 22px;
}

.bullettitle {
  color: #00293f;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.bannerwrapper2 {
  background-image: url('../images/Banner2.png');
  background-position: 3%;
  background-size: cover;
  border-radius: 28px;
  margin-top: 0;
}

.subtextpromo2 {
  color: #fff;
  text-align: left;
  font-size: 18px;
  font-weight: 300;
  line-height: 45px;
}

.bannertextwrapper2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 294px;
  padding-left: 41%;
  padding-right: 20px;
  display: flex;
}

.titlebanner {
  color: #fff;
  text-align: left;
  font-size: 38px;
  line-height: 45px;
}

.planscontainer {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  justify-items: start;
}

.priceplanbox {
  color: #fff;
  background-image: linear-gradient(rgba(0, 41, 63, .56), rgba(56, 32, 87, .68));
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 5% 20px;
  display: flex;
}

.plantitlebox {
  text-align: center;
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(46, 27, 79, .4) 50%, rgba(204, 96, 206, .5));
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 10px;
  display: flex;
}

.titleplan {
  letter-spacing: -1px;
  height: 50%;
  font-size: 18px;
  font-weight: 700;
}

.subtitleplan {
  height: 50%;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
}

.pricewrapper {
  justify-content: center;
  align-items: stretch;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.fromprice {
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  font-weight: 300;
  display: block;
}

.priceplanusd {
  letter-spacing: -1px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Bebas Neue, sans-serif;
  font-size: 56px;
  line-height: 56px;
  display: block;
}

.monthpriceplan {
  padding-top: 28px;
  font-weight: 300;
}

.percentagewrap {
  text-align: center;
  background-color: #fbe415;
  justify-content: center;
  align-items: center;
  width: 28%;
  height: 100%;
  display: flex;
}

.discountbox2 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.discunttext {
  text-align: center;
  justify-content: flex-end;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 13px;
  font-weight: 300;
  line-height: 14px;
}

.discountpercentage {
  color: #333;
  text-align: center;
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 700;
}

.descriptionplanwrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.descriptionplan {
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.descriptionplanpoint {
  background-image: url('../images/bulletIcon.svg');
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 23px;
  font-weight: 300;
}

.purchasebutton {
  text-align: left;
  text-transform: uppercase;
  background-image: url('../images/forwardArrows.svg'), linear-gradient(#fff, #2e1b4f 50%, #cc60ce);
  background-position: 90%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  border-radius: 28px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
}

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

.discuntpriceusd {
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 300;
  text-decoration: line-through;
  display: block;
}

.discountfrom {
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(46, 27, 79, .4) 48%, rgba(204, 96, 206, .5));
  flex-direction: row;
  justify-content: center;
  width: 72%;
  height: 100%;
  display: flex;
}

.purchasebuttonwrap {
  text-align: center;
  align-items: flex-end;
  display: flex;
}

.pricingsection {
  background-image: url('../images/pricing-min.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.nav-link5 {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  display: none;
}

.text-block-9 {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}

.icon-5 {
  color: #fff;
}

.social-media-managment {
  font-family: Bebas Neue, sans-serif;
}

.social-media-managment:hover {
  background-color: #c7c7c7;
}

.ux-ui-design {
  color: #0b1d30;
  font-family: Bebas Neue, sans-serif;
}

.ux-ui-design:hover {
  background-color: #c7c7c7;
}

.web-development {
  color: #0b1d30;
  font-family: Bebas Neue, sans-serif;
}

.web-development:hover {
  background-color: #c7c7c7;
}

.content-creation {
  color: #0b1d30;
  font-family: Bebas Neue, sans-serif;
  font-weight: 400;
}

.content-creation:hover {
  background-color: #c7c7c7;
}

.branding {
  font-family: Bebas Neue, sans-serif;
}

.branding:hover {
  background-color: #c7c7c7;
}

.herocontainertext {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  display: flex;
  position: relative;
}

.image-9 {
  opacity: 1;
  min-width: 850px;
  max-width: none;
  display: block;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: -200px;
}

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

.digital-marketing {
  font-family: Bebas Neue, sans-serif;
}

.digital-marketing:hover {
  background-color: #c7c7c7;
}

.servicesection2 {
  background-image: linear-gradient(#41affa, #1d282f);
  width: 100vw;
  height: 100vh;
}

.bundlesection {
  background-image: url('../images/bundlesbkd1-min.png');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: space-around;
  height: 100vh;
}

.bundlecontainer {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 50%;
  padding-top: 100px;
  font-size: 6vh;
  display: block;
}

.bundletitle {
  color: #fff;
  text-align: center;
  letter-spacing: -2px;
  font-size: 6vw;
  font-weight: 700;
  line-height: 6vh;
}

.bundlecontainer2 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 50%;
  padding-bottom: 60px;
  font-size: 6vh;
  display: flex;
}

.bundlesection2 {
  background-image: linear-gradient(78deg, #e62580 46%, #32a9b6 56%, #2e9eae 72%);
  padding-top: 100px;
  padding-bottom: 100px;
}

.bundlepriceplanbox3 {
  color: #fff;
  background-image: linear-gradient(#2d9fae, #2d9fae), linear-gradient(rgba(0, 41, 63, .56), rgba(56, 32, 87, .68));
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 5% 20px;
  display: flex;
  box-shadow: -6px 2px 17px 9px rgba(0, 0, 0, .2);
}

.bundlepriceplanbox1 {
  color: #fff;
  background-image: linear-gradient(#cf2473, #cf2473), linear-gradient(rgba(0, 41, 63, .56), rgba(56, 32, 87, .68));
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 5% 20px;
  display: flex;
  box-shadow: -6px 2px 17px 9px rgba(0, 0, 0, .2);
}

.bundlepriceplanbox2 {
  color: #fff;
  background-image: url('../images/BUNDLEBOX2.png'), linear-gradient(rgba(0, 41, 63, .56), rgba(56, 32, 87, .68));
  background-position: 0 75%, 0 0;
  background-size: cover, auto;
  background-attachment: fixed, scroll;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 5% 20px;
  display: flex;
  box-shadow: -6px 2px 17px 9px rgba(0, 0, 0, .2);
}

.descriptionplanpointbundle-copy {
  color: #fff;
  text-transform: uppercase;
  background-image: url('../images/bulletIcon.svg');
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 23px;
  font-weight: 300;
  text-decoration: none;
}

.descriptionplanwrapbundle {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.currencytabs {
  justify-content: center;
  width: 100%;
  display: flex;
}

.cop {
  z-index: 99999;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, .1);
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .51);
  width: 33%;
  position: static;
  box-shadow: 0 -1px rgba(0, 0, 0, .2);
}

.cop:hover {
  background-color: rgba(0, 0, 0, .2);
}

.ctabtext {
  text-shadow: none;
}

.ctabtext:hover {
  background-color: rgba(0, 0, 0, .23);
}

.usd {
  z-index: 99999;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, .1);
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .51);
  width: 33%;
  position: static;
  box-shadow: 0 -1px rgba(0, 0, 0, .2);
}

.usd:hover {
  background-color: rgba(0, 0, 0, .2);
}

.cad {
  z-index: 99999;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, .1);
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .51);
  width: 33%;
  position: static;
  box-shadow: 0 -1px rgba(0, 0, 0, .2);
}

.cad:hover {
  background-color: rgba(0, 0, 0, .2);
}

.priceplancad {
  letter-spacing: -1px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Bebas Neue, sans-serif;
  font-size: 56px;
  line-height: 56px;
  display: none;
}

.priceplancop {
  letter-spacing: -1px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Bebas Neue, sans-serif;
  font-size: 3vh;
  line-height: 56px;
  display: none;
}

.discuntpricecad, .discuntpricecop {
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 300;
  text-decoration: line-through;
  display: none;
}

.dropdown-toggle-3 {
  font-size: 17px;
}

.div-block {
  padding-bottom: 22px;
  padding-left: 22px;
}

.faq-img-en {
  background-image: url('../images/FAQ-min.png');
  background-position: 24%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 100vw;
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
}

.textarea {
  border-radius: 10px;
}

.textarea::placeholder {
  color: #143558;
  font-family: Radio Canada, sans-serif;
  font-weight: 300;
}

.success-message {
  background-color: #ff0;
}

.error-message {
  background-color: red;
}

.success-message-2 {
  background-color: #ff0;
  margin-top: 20px;
}

.text-block-10 {
  color: green;
}

.error-message-2 {
  background-color: red;
}

.text-block-11 {
  color: #fff;
}

.bold-text {
  color: green;
}

.bold-text-2 {
  color: #fff;
}

.success-message-3 {
  color: green;
  background-color: #ff0;
}

.error-message-3 {
  background-color: red;
}

.success-message-4 {
  background-color: #ff0;
}

.text-block-12 {
  color: green;
}

.error-message-4 {
  background-color: red;
}

@media screen and (min-width: 1440px) {
  .untangle {
    letter-spacing: -.5px;
    max-width: 100%;
    font-size: 1.7vw;
  }

  .link-block, .socials {
    overflow: visible;
  }

  .socialscontact {
    background-color: #000;
    display: flex;
    overflow: visible;
  }

  .subtitleservicesmarketing {
    font-size: 2vw;
  }

  .summarysection {
    display: block;
  }

  .herocontainertext {
    z-index: 2;
    max-width: 48%;
  }

  .bundlepriceplanbox3 {
    background-position: 100% 0, 0 0;
    background-size: auto, auto;
  }

  .bundlepriceplanbox2 {
    background-position: 79% 100%, 0 0;
    background-size: 55%, auto;
    display: flex;
  }

  .cop {
    cursor: pointer;
  }

  .usd {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .2);
  }

  .cad {
    cursor: pointer;
  }

  .priceplancad, .priceplancop, .discuntpricecad, .discuntpricecop {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .lang {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 400;
  }

  .eng, .fra, .esp, .nav-link, .nav-link-3, .nav-link-4 {
    font-size: 14px;
  }

  .herosection {
    background-image: linear-gradient(#136084, #136084);
  }

  .success {
    letter-spacing: -5px;
    font-size: 9.3vw;
  }

  .engage {
    letter-spacing: 0;
    font-size: 9.5vw;
    line-height: 9.5vw;
  }

  .untangle {
    letter-spacing: -.5px;
    font-size: 2.5vw;
  }

  .buttonnav {
    font-size: 14px;
  }

  .screen {
    width: 100vw;
  }

  .heading-2 {
    font-size: 35px;
  }

  .faqs, .faqsttl, .faq2 {
    grid-row-gap: 19px;
    justify-content: space-between;
  }

  .text-block-3 {
    text-align: center;
  }

  .column-wrap-2 {
    display: flex;
  }

  .image-3 {
    padding-left: 63px;
  }

  .nav-link-6 {
    font-size: 14px;
  }

  .con_linkedin {
    background-position: 0%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 25px;
    height: 25px;
  }

  .con_youtube {
    background-position: 50%;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    display: flex;
  }

  .con_facebook {
    background-position: 50%;
    background-size: 9px;
    width: 25px;
    height: 25px;
  }

  .con_tiktok {
    background-position: 50%;
    background-size: 15px;
    width: 25px;
    height: 25px;
  }

  .con_instagram {
    background-position: 50%;
    background-size: 20px;
    width: 30px;
    height: 30px;
  }

  .con_x {
    background-position: 50%;
    background-size: 16px;
    width: 25px;
    height: 25px;
  }

  .h1title {
    font-size: 49px;
    line-height: 50px;
  }

  .subtitleservices {
    font-size: 39px;
  }

  .uxuiherosection {
    background-position: 50% 0;
    background-size: cover;
    height: 55vh;
  }

  .brandingherosection {
    background-position: 67% 0;
    background-size: cover;
    height: 63vh;
  }

  .titlewrapperservices2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 66vh;
    padding-right: 40%;
  }

  .subtitleservices2 {
    font-size: 31px;
    line-height: 40px;
  }

  .h1titlebranding {
    font-size: 62px;
  }

  .socialiherosection {
    background-position: 100% 0;
  }

  .subtitleservicessocial {
    margin-top: 0;
    font-size: 23px;
    font-weight: 400;
    line-height: 29px;
  }

  .marketingherosection {
    background-position: 58%;
  }

  .titlewrapperservicesmarketing {
    padding-left: 28%;
  }

  .subtitleservicesmarketing {
    font-size: 35px;
  }

  .subtitleservicescontent {
    font-size: 31px;
  }

  .h1titlesocial, .h1titlecontent {
    font-size: 49px;
    line-height: 50px;
  }

  .subtitledescription {
    width: 100%;
    font-size: 18px;
  }

  .descriptiontext {
    padding-left: 10px;
    padding-right: 10px;
  }

  .titledescriptiontext {
    font-size: 20px;
  }

  .stepsgrid {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
  }

  .stepbox {
    padding: 10%;
  }

  .stagenumber {
    font-size: 18px;
    font-weight: 700;
  }

  .stagetitle {
    font-size: 18px;
    font-weight: 300;
  }

  .stagetext {
    font-weight: 300;
    line-height: 23px;
  }

  .bannerwrapper {
    background-position: 23%;
  }

  .bannertextwrapper {
    align-items: flex-start;
  }

  .text-block-4 {
    text-align: left;
    font-size: 29px;
  }

  .bannerwrapper2 {
    background-position: 19%;
  }

  .subtextpromo2 {
    text-align: left;
    font-size: 15px;
    line-height: 24px;
  }

  .bannertextwrapper2 {
    align-items: flex-start;
  }

  .titlebanner {
    text-align: left;
    font-size: 29px;
  }

  .priceplanbox {
    padding: 20px 4%;
  }

  .titleplan {
    height: 50%;
    font-size: 16px;
  }

  .subtitleplan {
    height: 50%;
    font-size: 13px;
  }

  .pricewrapper {
    height: 50%;
  }

  .fromprice {
    font-size: 13px;
  }

  .priceplanusd {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 54px;
    line-height: 54px;
  }

  .monthpriceplan {
    font-size: 13px;
  }

  .percentagewrap {
    align-items: stretch;
    width: 30%;
  }

  .discountbox2 {
    align-items: center;
  }

  .discunttext, .discountpercentage {
    font-size: 12px;
  }

  .descriptionplanwrap {
    flex-direction: column;
    align-items: stretch;
    height: 65%;
  }

  .discuntpriceusd {
    letter-spacing: -1px;
    font-size: 12px;
  }

  .discountfrom {
    width: 70%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-link5, .text-block-9 {
    font-size: 14px;
  }

  .image-9 {
    min-width: 848px;
    top: auto;
    bottom: auto;
    right: 99px;
  }

  .bundletitle {
    font-size: 9vw;
    line-height: 9vh;
  }

  .bundlepriceplanbox3 {
    background-repeat: no-repeat, repeat;
    background-size: 181%, auto;
    padding: 20px 4%;
  }

  .bundlepriceplanbox1 {
    background-position: 45% 150%, 0 0;
    background-repeat: repeat, repeat;
    padding: 20px 4%;
  }

  .bundlepriceplanbox2 {
    padding: 20px 4%;
  }

  .descriptionplanwrapbundle {
    flex-direction: column;
    align-items: stretch;
    height: 65%;
  }

  .priceplancad, .priceplancop {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 54px;
    line-height: 54px;
    display: none;
  }

  .discuntpricecad, .discuntpricecop {
    letter-spacing: -1px;
    font-size: 12px;
  }

  .dropdown-toggle-3 {
    font-size: 14px;
  }

  .faq-img-en {
    background-position: 23%;
    background-size: cover;
    height: 70vh;
  }

  .success-message {
    color: #067a0e;
    background-color: #ffd33b;
  }

  .error-message {
    color: var(--white);
    background-color: red;
  }
}

@media screen and (max-width: 767px) {
  .nav-menu {
    background-color: #0b1d30;
    justify-content: flex-end;
  }

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

  .nav-link {
    padding-left: 20px;
  }

  .herosection {
    background-image: linear-gradient(#136084, #136084);
  }

  .success {
    letter-spacing: -2px;
  }

  .engage {
    letter-spacing: 2px;
  }

  .buttonnav {
    display: none;
  }

  .buttonhero {
    margin-top: 31px;
  }

  .screen {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 90vw;
    top: 100vh;
  }

  .intronav1 {
    justify-content: flex-start;
    width: 25%;
    display: flex;
  }

  .intronav2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 75%;
  }

  .intronav {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .introlink {
    font-size: 9px;
  }

  .introtext {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 40%;
    display: flex;
  }

  .introtextwrap {
    display: block;
  }

  .rank {
    text-align: right;
    width: auto;
    font-size: 17px;
  }

  .servicesection {
    height: auto;
    padding-top: 60px;
    position: relative;
  }

  .service-title {
    padding-left: 67px;
    padding-right: 63px;
  }

  .services {
    flex-direction: column;
    display: flex;
  }

  .faq {
    position: relative;
  }

  .faqs {
    height: auto;
  }

  .titlefaq1 {
    font-size: 17px;
  }

  .parafaq {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .cloudtext {
    padding-bottom: 20px;
  }

  .faqsttl {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .whitefaq {
    height: auto;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blackfaq {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    position: relative;
  }

  .titlefaq3 {
    font-size: 17px;
  }

  .blktitfaq {
    padding-top: 20px;
  }

  .titlefaq5 {
    font-size: 17px;
  }

  .faq2 {
    height: auto;
  }

  .faqgrid2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    display: block;
  }

  .faqgrid {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

  .about-title {
    font-size: 46px;
    line-height: 50px;
  }

  .footercolumns {
    grid-template: ". . ."
                   "Area Area Area"
                   / 1fr 1fr 1fr;
  }

  .link-block, .link-block-2, .link-block-3, .link-block-4, .link-block-5, .link-block-6 {
    background-position: 50%;
  }

  .image-3 {
    max-width: 90%;
    padding-left: 22px;
  }

  .column-wrap-4 {
    width: 100%;
  }

  .socials {
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .icon {
    color: #fff;
  }

  .container-5 {
    margin-left: 0;
  }

  .brand-2 {
    margin-right: 0;
    padding-left: 0;
  }

  .nav-link-6 {
    display: block;
  }

  .socialscontact {
    text-align: center;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .con_linkedin, .con_youtube, .con_facebook, .con_tiktok, .con_instagram, .con_x {
    background-position: 50%;
  }

  .h1title {
    font-size: 50px;
    line-height: 47px;
  }

  .description {
    font-size: 34px;
  }

  .titlewrapperservices {
    padding-top: 66px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .subtitleservices {
    font-size: 25px;
  }

  .uxuiherosection {
    background-position: 50% 0;
    height: 50vh;
    position: static;
  }

  .brandingherosection {
    background-position: 66% 0;
    height: 50vh;
    padding-left: 10px;
    padding-right: 10px;
  }

  .titlewrapperservices2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 55vh;
    padding-right: 47%;
  }

  .contentherosection {
    height: 50vh;
  }

  .contentwrapperservices {
    height: 50vh;
    padding-left: 10px;
    padding-right: 10px;
  }

  .subtitleservices2 {
    margin-top: 0;
    font-size: 20px;
    line-height: 24px;
  }

  .h1titlebranding {
    font-size: 40px;
    line-height: 44px;
  }

  .socialiherosection {
    background-position: 91% 0;
    height: 30vh;
    padding-left: 10px;
    padding-right: 10px;
  }

  .socialwrapperservices {
    height: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 32%;
  }

  .subtitleservicessocial {
    margin-bottom: 0;
    font-size: 3.7vw;
    line-height: 20px;
  }

  .webdevherosection {
    height: 50vh;
    padding-left: 10px;
    padding-right: 10px;
  }

  .titlewrapperservices-copy {
    padding-top: 109px;
  }

  .marketingherosection {
    padding-left: 10px;
    padding-right: 10px;
  }

  .titlewrapperservicesmarketing {
    padding-left: 25%;
  }

  .h1titlemarketing {
    font-size: 54px;
    line-height: 66px;
  }

  .subtitleservicesmarketing {
    font-size: 33px;
  }

  .subtitleservicescontent {
    font-size: 4vw;
  }

  .h1titlesocial {
    font-size: 31px;
    line-height: 39px;
  }

  .h1titlecontent {
    font-size: 50px;
    line-height: 47px;
  }

  .descriptionsection {
    padding-left: 10px;
    padding-right: 10px;
  }

  .subtitledescription {
    width: 100%;
    font-size: 18px;
  }

  .descriptionimgwrap {
    grid-column-gap: 20px;
    grid-row-gap: 37px;
  }

  .descriptiontext {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .titledescriptiontext {
    letter-spacing: -1px;
    font-size: 15px;
  }

  .descriptionparragraph {
    padding-top: 5px;
    line-height: 20px;
  }

  .descriptionimgwrap-r {
    grid-column-gap: 20px;
    grid-row-gap: 37px;
  }

  .stepsgrid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .stepscontainer, .promosection {
    padding-left: 10px;
    padding-right: 10px;
  }

  .promotextwrapper {
    align-items: flex-start;
    padding-left: 40px;
  }

  .promotext {
    text-align: left;
    font-size: 24px;
    line-height: 43px;
  }

  .buttoncontact {
    margin-top: 31px;
  }

  .bannerwrapper {
    background-position: 27%;
  }

  .bannertextwrapper {
    padding-left: 61%;
  }

  .text-block-4 {
    font-size: 30px;
    line-height: 39px;
  }

  .summarysection {
    padding-left: 10px;
    padding-right: 10px;
  }

  .summarywrap {
    flex-direction: column-reverse;
  }

  .summarytextwrap, .summaryimgwrap {
    width: 100%;
  }

  .bannerwrapper2 {
    background-position: 13%;
  }

  .subtextpromo2 {
    line-height: 17px;
  }

  .bannertextwrapper2 {
    padding-left: 54%;
    padding-right: 0;
  }

  .titlebanner {
    font-size: 22px;
    line-height: 28px;
  }

  .planscontainer {
    padding-left: 10%;
    padding-right: 10%;
  }

  .titleplan {
    font-size: 20px;
  }

  .subtitleplan {
    font-size: 15px;
    line-height: 15px;
  }

  .pricewrapper {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .fromprice {
    padding-top: 15px;
  }

  .discountbox2 {
    height: auto;
  }

  .discunttext, .discountpercentage {
    font-size: 15px;
  }

  .descriptionplanwrap {
    padding-bottom: 40px;
  }

  .descriptionplanpoint {
    font-size: 15px;
  }

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

  .discuntpriceusd {
    font-size: 15px;
  }

  .discountfrom {
    height: 100%;
  }

  .purchasebuttonwrap {
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .pricingsection {
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
  }

  .image-9 {
    min-width: 848px;
    right: 99px;
  }

  .herowrapper {
    max-width: 529px;
  }

  .servicesection2 {
    height: auto;
  }

  .bundlesection {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bundletitle {
    font-size: 11vw;
    line-height: 11vh;
  }

  .bundlesection2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .descriptionplanpointbundle-copy {
    font-size: 15px;
  }

  .descriptionplanwrapbundle {
    padding-bottom: 40px;
  }

  .discuntpricecad, .discuntpricecop {
    font-size: 15px;
  }

  .faq-img-en {
    height: 52vh;
  }
}

@media screen and (max-width: 479px) {
  .lang {
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    padding: 10px 10px 10px 6px;
    font-size: 10px;
  }

  .eng, .fra, .esp {
    font-size: 12px;
  }

  .brand {
    text-align: center;
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    display: block;
  }

  .herosection {
    -webkit-text-fill-color: inherit;
    background-image: linear-gradient(#136084, #136084);
    background-clip: border-box;
  }

  .languages {
    position: relative;
  }

  .success {
    letter-spacing: -1px;
    font-size: 8.7vw;
  }

  .engage {
    letter-spacing: 2px;
    font-size: 9vw;
  }

  .untangle {
    text-align: center;
    font-size: 2.5vw;
  }

  .buttonnav {
    border-radius: 0;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .buttonhero {
    text-align: center;
    font-size: 3vw;
  }

  .introsection {
    background-image: linear-gradient(#12232b, #12232b);
    height: auto;
    display: block;
  }

  .screen {
    background-size: contain;
    justify-content: center;
    align-items: flex-start;
    width: 90vw;
    height: 400px;
    display: block;
  }

  .intronav1 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 22px;
    margin-top: 21px;
    padding-left: 9px;
    display: flex;
  }

  .intronav2 {
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 20px;
    margin-top: 0;
    padding-left: 12px;
    padding-right: 10px;
    font-size: 18px;
    display: flex;
  }

  .intronav {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: hidden;
  }

  .introlink {
    font-size: 8px;
    line-height: 9px;
  }

  .introtext {
    width: 40%;
    margin-top: 10px;
  }

  .text-block-copy {
    font-size: 32px;
    line-height: 26px;
  }

  .rank {
    width: auto;
    padding-left: 0;
    font-size: 14px;
    line-height: 13px;
  }

  .servicesection {
    padding-top: 60px;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    overflow: scroll;
  }

  .service-title {
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
    overflow: scroll;
  }

  .services {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .uxui, .brandingservice, .socialmm, .webdev, .digimark, .ccontent {
    padding-bottom: 20px;
  }

  .lang-wrapper {
    align-items: center;
    display: block;
  }

  .parafaq {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: scroll;
  }

  .cloudtext {
    padding-top: 0;
    padding-bottom: 20px;
    overflow: scroll;
  }

  .faqsttl {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    overflow: scroll;
  }

  .whitefaq {
    height: auto;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blackfaq {
    align-items: center;
  }

  .faqgrid2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .aboutsection {
    display: block;
    overflow: scroll;
  }

  .about-title {
    font-size: 38px;
    line-height: 42px;
    position: relative;
    overflow: scroll;
  }

  .abouttext {
    font-size: 17px;
    overflow: scroll;
  }

  .aboutwrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: end;
    justify-content: center;
    align-items: end;
    justify-items: start;
    width: 80%;
    height: 95%;
    display: grid;
    position: relative;
    overflow: scroll;
  }

  .contactsection {
    height: auto;
    padding: 100px 20px;
  }

  .contactuscontainer {
    padding-top: 0;
  }

  .contactwrap {
    width: 100%;
    overflow: scroll;
  }

  .text-block {
    font-size: 31px;
    line-height: 28px;
    overflow: scroll;
  }

  .text-block-2 {
    font-size: 15px;
    overflow: scroll;
  }

  .titcontact_u {
    height: 4%;
    overflow: scroll;
  }

  .submit {
    letter-spacing: -1px;
    padding-left: 6%;
    font-size: 16px;
    overflow: scroll;
  }

  .footersection {
    text-align: center;
    justify-content: center;
    width: 100vw;
    display: flex;
  }

  .footercolumns {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100vw;
    display: block;
  }

  .column-wrap-l {
    width: 100vw;
  }

  .text-footer-col1 {
    padding-bottom: 40px;
  }

  .column-wrap-2 {
    width: 100%;
  }

  .link-block, .link-block-2, .link-block-3, .link-block-4, .link-block-5, .link-block-6 {
    width: 30px;
    height: 30px;
  }

  .languagesection {
    z-index: -99;
  }

  .logobrand {
    margin-left: auto;
    margin-right: auto;
  }

  .image-3 {
    text-align: left;
    padding-left: 0;
    display: inline-block;
  }

  .column-wrap-4 {
    border-bottom-width: 0;
    width: 100%;
  }

  .socials {
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    justify-items: center;
    display: flex;
  }

  .menu-button {
    -webkit-text-stroke-color: white;
  }

  .icon {
    color: #daecea;
  }

  .container-5 {
    justify-content: flex-start;
    margin-left: 0;
    padding-left: 10px;
    display: block;
  }

  .brand-2 {
    text-align: center;
    justify-content: flex-start;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    display: block;
  }

  .wrapintro {
    width: 82%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-4 {
    margin-left: auto;
    margin-right: auto;
  }

  .ouremail {
    font-size: 15px;
    overflow: scroll;
  }

  .infowrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: center;
  }

  .info {
    font-size: 15px;
    overflow: scroll;
  }

  .leftinfo {
    border-left: 1px solid #fff;
    width: 100%;
    padding-left: 10px;
  }

  .rightinfo {
    align-items: flex-start;
    width: 100%;
    padding-top: 16px;
    padding-left: 10px;
  }

  .socialscontact {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    justify-items: center;
    width: 85%;
    margin-top: 20px;
    display: flex;
  }

  .con_linkedin, .con_youtube, .con_facebook, .con_tiktok, .con_instagram, .con_x {
    width: 30px;
    height: 30px;
  }

  .h1title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 31px;
    line-height: 31px;
  }

  .description {
    text-align: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 28px;
    line-height: 39px;
    overflow: scroll;
  }

  .titlewrapperservices {
    padding-top: 60px;
  }

  .subtitleservices {
    margin-top: 0;
    font-size: 4vw;
    line-height: 20px;
  }

  .uxuiherosection {
    background-size: cover;
    position: static;
  }

  .titlewrapperservices2 {
    height: 50vh;
  }

  .contentherosection, .contentwrapperservices {
    height: 30vh;
  }

  .subtitleservices2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }

  .h1titlebranding {
    font-size: 26px;
    line-height: 26px;
  }

  .socialiherosection {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .socialwrapperservices {
    padding-bottom: 7%;
  }

  .webdevherosection {
    height: 30vh;
  }

  .titlewrapperservices-copy {
    padding-top: 39px;
  }

  .marketingherosection {
    height: 30vh;
  }

  .titlewrapperservicesmarketing {
    justify-content: flex-start;
    height: 30vh;
    padding-top: 42px;
    padding-left: 25%;
  }

  .h1titlemarketing {
    text-align: right;
    padding-bottom: 2px;
    font-size: 36px;
    line-height: 39px;
  }

  .subtitleservicesmarketing {
    text-align: right;
    width: auto;
    margin-top: 0;
    font-size: 4vw;
    line-height: 20px;
  }

  .subtitleservicescontent {
    margin-top: 0;
    line-height: 28px;
  }

  .h1titlesocial {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 31px;
    line-height: 31px;
  }

  .h1titlecontent {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 29px;
    line-height: 31px;
  }

  .descriptionsection {
    margin-bottom: 0;
  }

  .titledescription {
    padding-top: 40px;
    font-size: 23px;
    line-height: 31px;
  }

  .subtitledescription {
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 20px;
  }

  .descriptionimgwrap {
    grid-template-columns: 1fr;
    display: block;
  }

  .descriptionimg {
    width: 100%;
    margin-bottom: 20px;
  }

  .descriptionimgwrap-r {
    grid-template-columns: 1fr;
    display: block;
  }

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

  .stagestitle {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 43px;
  }

  .promosection {
    padding: 100px 10px 0;
  }

  .promowrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .promotextwrapper {
    width: 100%;
    padding-left: 0;
  }

  .promotext {
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 29px;
    line-height: 41px;
  }

  .imgwrapper {
    width: 100%;
  }

  .buttoncontact {
    text-align: center;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
  }

  .bannerwrapper {
    background-position: 43%;
    background-repeat: no-repeat;
    background-size: auto 42%;
    margin-top: 0;
  }

  .bannertextwrapper {
    padding-left: 45%;
  }

  .text-block-4 {
    font-size: 18px;
    line-height: 24px;
  }

  .summarysection {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .summarywrap {
    flex-direction: column-reverse;
    display: flex;
  }

  .summarytextwrap, .summaryimgwrap {
    width: 100%;
  }

  .bannerwrapper2 {
    background-position: 18%;
    background-repeat: no-repeat;
    background-size: auto 42%;
    margin-top: -100px;
    margin-bottom: 0;
    padding-top: 0;
  }

  .subtextpromo2 {
    padding-top: 5px;
    font-size: 12px;
    line-height: 14px;
  }

  .bannertextwrapper2 {
    padding-left: 41%;
  }

  .titlebanner {
    font-size: 13px;
    font-weight: 700;
    line-height: 14px;
  }

  .planscontainer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .priceplanbox {
    justify-content: space-around;
    display: flex;
  }

  .plantitlebox {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .priceplanusd {
    font-size: 50px;
  }

  .percentagewrap {
    width: 28%;
  }

  .discountpercentage {
    letter-spacing: -1px;
    font-size: 12px;
  }

  .descriptionplanwrap {
    height: 60%;
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .discountfrom {
    width: 72%;
  }

  .purchasebuttonwrap {
    align-items: center;
  }

  .pricingsection {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-link5 {
    display: none;
  }

  .herocontainertext {
    padding-left: 11px;
  }

  .image-9 {
    min-width: 150vw;
    right: 56px;
  }

  .servicesection2 {
    display: block;
    overflow: scroll;
  }

  .bundletitle {
    font-size: 15vw;
    line-height: 15vh;
  }

  .bundlesection2 {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .bundlepriceplanbox3, .bundlepriceplanbox1, .bundlepriceplanbox2 {
    justify-content: space-around;
    display: flex;
  }

  .descriptionplanwrapbundle {
    height: 60%;
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .priceplancad, .priceplancop {
    font-size: 50px;
  }

  .faq-img-en {
    background-position: 21%;
    height: 50vh;
    display: block;
  }
}

#w-node-_21faf16f-8388-9c27-29a9-995933391c94-b5f217e6, #w-node-ce9c4697-1443-6f9f-8674-82951f9f65a6-b5f217e6, #w-node-f63162de-4497-5ae3-ac16-a9585d4cfeb9-b5f217e6, #w-node-_99c12dd4-ae4b-ba04-b386-08d092778c4a-b5f217e6, #w-node-a788c21b-0fc5-ee07-970e-8ef8034ed59f-b5f217e6, #w-node-_87456f9c-61dc-ea2b-11db-087467e1490d-b5f217e6, #w-node-_87456f9c-61dc-ea2b-11db-087467e14913-b5f217e6, #w-node-_87456f9c-61dc-ea2b-11db-087467e14928-b5f217e6, #w-node-_87456f9c-61dc-ea2b-11db-087467e1493d-b5f217e6, #w-node-_3e4882a3-17de-4445-bc09-e8c0f4e79a94-c9a908bd, #w-node-_3e4882a3-17de-4445-bc09-e8c0f4e79a9a-c9a908bd, #w-node-_3e4882a3-17de-4445-bc09-e8c0f4e79aaf-c9a908bd, #w-node-_3e4882a3-17de-4445-bc09-e8c0f4e79ac4-c9a908bd, #w-node-f2df1830-ddb7-f2fd-0fba-03e12c9b0f14-8d8c8e30, #w-node-f2df1830-ddb7-f2fd-0fba-03e12c9b0f1a-8d8c8e30, #w-node-f2df1830-ddb7-f2fd-0fba-03e12c9b0f2f-8d8c8e30, #w-node-f2df1830-ddb7-f2fd-0fba-03e12c9b0f44-8d8c8e30, #w-node-_2f4f4c13-12be-c159-3515-9ceeb1e6abdd-fea849fd, #w-node-_2f4f4c13-12be-c159-3515-9ceeb1e6abe4-fea849fd, #w-node-_2f4f4c13-12be-c159-3515-9ceeb1e6abeb-fea849fd, #w-node-_2f4f4c13-12be-c159-3515-9ceeb1e6abf2-fea849fd, #w-node-_2f4f4c13-12be-c159-3515-9ceeb1e6abf9-fea849fd, #w-node-fef1f8f7-27ee-6928-9111-a47f4daeed7a-fea849fd, #w-node-fef1f8f7-27ee-6928-9111-a47f4daeed80-fea849fd, #w-node-fef1f8f7-27ee-6928-9111-a47f4daeed95-fea849fd, #w-node-fef1f8f7-27ee-6928-9111-a47f4daeedaa-fea849fd, #w-node-_7ac58418-2966-10a6-1ecf-4a11a81a0cf2-61ba5b0e, #w-node-_9075b174-1b1d-acef-e633-5b9e240c2c59-61ba5b0e, #w-node-cd22c8fb-c486-caa1-9731-9e0690679a51-61ba5b0e, #w-node-cd22c8fb-c486-caa1-9731-9e0690679a52-61ba5b0e, #w-node-cd22c8fb-c486-caa1-9731-9e0690679a53-61ba5b0e, #w-node-cd22c8fb-c486-caa1-9731-9e0690679a57-61ba5b0e, #w-node-cd22c8fb-c486-caa1-9731-9e0690679a58-61ba5b0e, #w-node-cd22c8fb-c486-caa1-9731-9e0690679a59-61ba5b0e, #w-node-cd22c8fb-c486-caa1-9731-9e0690679a5d-61ba5b0e, #w-node-cd22c8fb-c486-caa1-9731-9e0690679a5e-61ba5b0e, #w-node-cd22c8fb-c486-caa1-9731-9e0690679a5f-61ba5b0e, #w-node-cd22c8fb-c486-caa1-9731-9e0690679a63-61ba5b0e, #w-node-cd22c8fb-c486-caa1-9731-9e0690679a64-61ba5b0e, #w-node-cd22c8fb-c486-caa1-9731-9e0690679a65-61ba5b0e, #w-node-_0e4443ad-640d-e0c7-fcc5-52fcb5bb0026-61ba5b0e, #w-node-_0e4443ad-640d-e0c7-fcc5-52fcb5bb002c-61ba5b0e, #w-node-_0e4443ad-640d-e0c7-fcc5-52fcb5bb0041-61ba5b0e, #w-node-_0e4443ad-640d-e0c7-fcc5-52fcb5bb0056-61ba5b0e, #w-node-_1b0930fd-2398-ad42-a829-c85e6eecd9ca-43e9817b, #w-node-_1b0930fd-2398-ad42-a829-c85e6eecd9d1-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae64-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae65-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae66-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae6a-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae6b-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae6c-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae70-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae71-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae72-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae76-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae77-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae78-43e9817b, #w-node-_8a855fd5-06ae-c127-f786-dd02e2e8ae7f-43e9817b, #w-node-af6c1741-92fb-85a0-e991-db2591ebc517-43e9817b, #w-node-af6c1741-92fb-85a0-e991-db2591ebc51d-43e9817b, #w-node-af6c1741-92fb-85a0-e991-db2591ebc532-43e9817b, #w-node-af6c1741-92fb-85a0-e991-db2591ebc547-43e9817b, #w-node-_6c4a691c-db0f-7dce-6ef7-f70319e8d341-dbb6cff3, #w-node-_6c4a691c-db0f-7dce-6ef7-f70319e8d348-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec201-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec202-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec203-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec207-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec208-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec209-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec20d-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec20e-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec20f-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec213-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec214-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec215-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec219-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec21a-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec21b-dbb6cff3, #w-node-_2c314142-c316-7ab7-e64e-8851ce9ec222-dbb6cff3, #w-node-_3054971e-32cc-bfc0-fe38-a633e86ba1be-dbb6cff3, #w-node-_3054971e-32cc-bfc0-fe38-a633e86ba1c4-dbb6cff3, #w-node-_3054971e-32cc-bfc0-fe38-a633e86ba1d9-dbb6cff3, #w-node-_3054971e-32cc-bfc0-fe38-a633e86ba1ee-dbb6cff3, #w-node-_1c03c61f-9f6a-2d5c-3dcb-5257622c5faa-116e759c, #w-node-_1c03c61f-9f6a-2d5c-3dcb-5257622c5fb1-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af607845d-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af607845e-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af607845f-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af6078463-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af6078464-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af6078465-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af6078469-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af607846a-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af607846b-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af607846f-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af6078470-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af6078471-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af6078475-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af6078476-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af6078477-116e759c, #w-node-ea4f80c3-68f7-01d1-1eb6-6f9af607847e-116e759c, #w-node-_93c699ab-a590-c3ef-ccc7-6f26e646c964-116e759c, #w-node-_93c699ab-a590-c3ef-ccc7-6f26e646c96a-116e759c, #w-node-_93c699ab-a590-c3ef-ccc7-6f26e646c97f-116e759c, #w-node-_93c699ab-a590-c3ef-ccc7-6f26e646c994-116e759c, #w-node-_96ef9483-073f-2faa-859f-59a5ca3067af-0ec14721, #w-node-_96ef9483-073f-2faa-859f-59a5ca3067b6-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc15-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc16-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc17-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc1b-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc1c-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc1d-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc21-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc22-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc23-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc27-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc28-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc29-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc2d-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc2e-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc2f-0ec14721, #w-node-a11be97a-56e6-0b02-8dff-fed6dda7cc36-0ec14721, #w-node-c39164f4-fea3-61fb-0502-1047683980cd-0ec14721, #w-node-c39164f4-fea3-61fb-0502-1047683980d3-0ec14721, #w-node-c39164f4-fea3-61fb-0502-1047683980e8-0ec14721, #w-node-c39164f4-fea3-61fb-0502-1047683980fd-0ec14721, #w-node-_7110c076-e913-ac0d-e207-ebf7a02797d1-1f56526d, #w-node-_7110c076-e913-ac0d-e207-ebf7a02797d8-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c90183073b-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c90183073c-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c90183073d-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c901830741-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c901830742-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c901830743-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c901830747-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c901830748-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c901830749-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c90183074d-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c90183074e-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c90183074f-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c901830753-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c901830754-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c901830755-1f56526d, #w-node-_670f8a69-4b52-ef15-3c38-31c90183075c-1f56526d, #w-node-f89bf9c1-8402-9aba-a316-124bb0531875-1f56526d, #w-node-f89bf9c1-8402-9aba-a316-124bb053187b-1f56526d, #w-node-f89bf9c1-8402-9aba-a316-124bb0531890-1f56526d, #w-node-f89bf9c1-8402-9aba-a316-124bb05318a5-1f56526d, #w-node-e968cb99-8237-de3a-20da-6690d59015ac-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015ad-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015ae-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015b2-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015b3-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015b4-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015b8-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015b9-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015ba-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015be-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015bf-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015c0-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015c4-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015c5-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015c6-eadb72c7, #w-node-e968cb99-8237-de3a-20da-6690d59015cd-eadb72c7, #w-node-e4413c2a-b888-a758-b82c-e1fb03c6f5e3-eadb72c7, #w-node-e4413c2a-b888-a758-b82c-e1fb03c6f5e4-eadb72c7, #w-node-e4413c2a-b888-a758-b82c-e1fb03c6f5e5-eadb72c7, #w-node-e4413c2a-b888-a758-b82c-e1fb03c6f5e9-eadb72c7, #w-node-e4413c2a-b888-a758-b82c-e1fb03c6f5ea-eadb72c7, #w-node-e4413c2a-b888-a758-b82c-e1fb03c6f5eb-eadb72c7, #w-node-e4413c2a-b888-a758-b82c-e1fb03c6f5ef-eadb72c7, #w-node-e4413c2a-b888-a758-b82c-e1fb03c6f5f0-eadb72c7, #w-node-e4413c2a-b888-a758-b82c-e1fb03c6f5f1-eadb72c7, #w-node-e4413c2a-b888-a758-b82c-e1fb03c6f5f5-eadb72c7, #w-node-e4413c2a-b888-a758-b82c-e1fb03c6f5f6-eadb72c7, #w-node-e4413c2a-b888-a758-b82c-e1fb03c6f5f7-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b7d-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b7e-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b7f-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b83-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b84-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b85-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b89-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b8a-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b8b-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b8f-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b90-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b91-eadb72c7, #w-node-effd3c0a-b731-cbfe-3e48-4a5426ba2b98-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa0063855f6-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa0063855f7-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa0063855f8-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa0063855fc-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa0063855fd-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa0063855fe-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa006385602-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa006385603-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa006385604-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa006385608-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa006385609-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa00638560a-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa00638560e-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa00638560f-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa006385610-eadb72c7, #w-node-b3c5f331-06e1-4fe2-548d-faa006385617-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a578b-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a578c-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a578d-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a5791-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a5792-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a5793-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a5797-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a5798-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a5799-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a579d-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a579e-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a579f-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a57a3-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a57a4-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a57a5-eadb72c7, #w-node-c2b3bb26-c91d-4f8f-54f6-b44da25a57ac-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece64-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece65-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece66-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece6a-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece6b-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece6c-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece70-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece71-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece72-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece76-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece77-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece78-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece7c-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece7d-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece7e-eadb72c7, #w-node-_218cb9fd-4958-5412-d429-fb05f9eece85-eadb72c7, #w-node-_96032f68-a7a3-850c-94dc-2e65a393c595-eadb72c7, #w-node-_96032f68-a7a3-850c-94dc-2e65a393c59b-eadb72c7, #w-node-_96032f68-a7a3-850c-94dc-2e65a393c5b0-eadb72c7, #w-node-_96032f68-a7a3-850c-94dc-2e65a393c5c5-eadb72c7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_87456f9c-61dc-ea2b-11db-087467e1493d-b5f217e6, #w-node-_3e4882a3-17de-4445-bc09-e8c0f4e79ac4-c9a908bd, #w-node-f2df1830-ddb7-f2fd-0fba-03e12c9b0f44-8d8c8e30, #w-node-fef1f8f7-27ee-6928-9111-a47f4daeedaa-fea849fd, #w-node-_0e4443ad-640d-e0c7-fcc5-52fcb5bb0056-61ba5b0e, #w-node-af6c1741-92fb-85a0-e991-db2591ebc547-43e9817b, #w-node-_3054971e-32cc-bfc0-fe38-a633e86ba1ee-dbb6cff3, #w-node-_93c699ab-a590-c3ef-ccc7-6f26e646c994-116e759c, #w-node-c39164f4-fea3-61fb-0502-1047683980fd-0ec14721, #w-node-f89bf9c1-8402-9aba-a316-124bb05318a5-1f56526d, #w-node-_96032f68-a7a3-850c-94dc-2e65a393c5c5-eadb72c7 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}