:root {
  --primary-color: rgb(246, 222, 182);
  --dark-color: rgb(6, 11, 35);
  --paragraph-color: rgb(68, 68, 68);
  --border-color: rgb(220, 223, 228);
  --placeholder-color: rgb(237, 240, 249);
  --background-color: rgb(249, 250, 251);
  --secondary-color: rgb(0, 173, 239);
  --light-color: rgb(255, 255, 255);
  --paragraph-alt-color: rgb(209, 213, 219);
  --border-alt-color: rgb(71, 71, 107);
  --placeholder-alt-color: rgb(250, 245, 240);
  --background-alt-color: rgb(245, 245, 245);
  --tertiary-color: rgb(235, 87, 87);
  --black-color: rgb(25, 25, 25);
  --white-color: rgb(255, 255, 255);
  --success-color: rgb(56, 161, 105);
  --warning-color: rgb(214, 158, 46);
  --error-color: rgb(229, 62, 62);
  --success-light-color: rgb(240, 255, 244);
  --warning-light-color: rgb(255, 255, 240);
  --error-light-color: rgb(255, 245, 245);
  --extra-color-1: rgb(255, 255, 255);
  --extra-color-2: rgb(255, 255, 255);
  --extra-color-3: rgb(255, 255, 255);
  --extra-color-4: rgb(255, 255, 255);
  --primary-hover-color: rgba(240, 202, 136, 1);
  --secondary-hover-color: rgba(0, 135, 188, 1);
  --primary-alt-color: rgba(250, 238, 218, 1);
  --secondary-alt-color: rgba(214, 243, 255, 1);
  --primary-alt-hover-color: rgba(243, 218, 174, 1);
  --secondary-alt-hover-color: rgba(163, 227, 255, 1);
  --primary-rgb-vals: 246, 222, 182;
  --secondary-rgb-vals: 0, 173, 239;
  --transparent-color: transparent;
  --dark-rgb-vals: 6, 11, 35;
  --paragraph-rgb-vals: 68, 68, 68;
  --tertiary-rgb-vals: 235, 87, 87;
  --black-rgb-vals: 25, 25, 25;
  --success-rgb-vals: 56, 161, 105;
  --warning-rgb-vals: 214, 158, 46;
  --error-rgb-vals: 229, 62, 62;
  --extra-color-1-rgb-vals: 255, 255, 255;
  --extra-color-2-rgb-vals: 255, 255, 255;
  --extra-color-3-rgb-vals: 255, 255, 255;
  --extra-color-4-rgb-vals: 255, 255, 255;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 1.7rem;
}
:root {
  --desktop-text-base: 1.7;
  --responsive-spacing-ratio: 70;
  --step-gap-px: 4;
  --mobile-text-base: 1.6;
  --responsive-text-ratio: 0.7;
  --smallest-font-size: 1.5;
  --h-font-weight: 700;
  --desktop-type-scale-ratio: 1.25;
  --mobile-type-scale-ratio: 1.2;
  --viewport-min: 48;
  --viewport-max: 112;
  --lh-65-150: 0.98;
  --lh-49-64: 1;
  --lh-37-48: 1.1;
  --lh-31-36: 1.2;
  --lh-25-30: 1.33;
  --lh-21-24: 1.45;
  --lh-17-20: 1.54;
  --lh-13-16: 1.68;
  --desktop-h6: 2.125;
  --desktop-h5: 2.65625;
  --desktop-h4: 3.3203125;
  --desktop-h3: 4.150390625;
  --desktop-h2: 5.18798828125;
  --desktop-h1: 6.4849853515625;
  --desktop-hero: 8.1062316894531;
  --mobile-h6: 1.92;
  --mobile-h5: 2.304;
  --mobile-h4: 2.7648;
  --mobile-h3: 3.31776;
  --mobile-h2: 3.981312;
  --mobile-h1: 4.7775744;
  --mobile-hero: 5.73308928;
  --desktop-xs: 1.275;
  --desktop-sm: 1.4875;
  --desktop-base: 1.7;
  --desktop-lg: 1.9125;
  --desktop-xl: 2.125;
  --desktop-2xl: 2.55;
  --desktop-3xl: 2.975;
  --desktop-4xl: 3.825;
  --desktop-5xl: 4.675;
  --desktop-6xl: 5.95;
  --desktop-7xl: 7.225;
  --desktop-8xl: 9.775;
  --desktop-9xl: 11.9;
  --mobile-xs: 0.8925;
  --mobile-sm: 1.04125;
  --mobile-base: 1.19;
  --mobile-lg: 1.33875;
  --mobile-xl: 1.4875;
  --mobile-2xl: 1.785;
  --mobile-3xl: 2.0825;
  --mobile-4xl: 2.6775;
  --mobile-5xl: 3.2725;
  --mobile-6xl: 4.165;
  --mobile-7xl: 5.0575;
  --mobile-8xl: 6.8425;
  --mobile-9xl: 8.33;
  --lh-hero: 0.99;
  --lh-h1: 1.04;
  --lh-h2: 1.05;
  --lh-h3: 1.15;
  --lh-h4: 1.265;
  --lh-h5: 1.39;
  --lh-h6: 1.495;
  --lh-xs: 1.68;
  --lh-sm: 1.68;
  --lh-base: 1.61;
  --lh-lg: 1.61;
  --lh-xl: 1.565;
  --lh-2xl: 1.435;
  --lh-3xl: 1.39;
  --lh-4xl: 1.215;
  --lh-5xl: 1.15;
  --lh-6xl: 1.05;
  --lh-7xl: 0.99;
  --lh-8xl: 0.98;
  --lh-9xl: 0.98;
}
#section-2-10 > .ct-section-inner-wrap {
  padding-top: 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6rem;
}
#section-2-10 {
  display: block;
}
#section-2-10 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
    url(./Designer-20.jpeg);
  background-size: auto, cover;
  height: 100vh;
  width: 100vw;
  background-attachment: scroll;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  background-position: 50% 50%;
}
#div_block-14-10 {
  margin-right: auto;
}
#div_block-16-10 {
  display: flex;
  margin-right: auto;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin-top: 4rem; 
  z-index: 2;
}
#text-block-4-11 {
    font-size: 2.25rem;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-background-clip: text;
    background-clip: text;
    backdrop-filter: blur(15px);
    mix-blend-mode: screen;
}
#div_block-12-10 {
  display: flex;
  /* gap: 2rem; */
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}
#div_block-6-10 {
  text-align: left;
  flex-direction: row;
  display: flex;
/*   margin-top: auto; */
}
#div_block-8-10 {
  width: 50%;
  flex-direction: column;
  display: flex;
  text-align: center;
  align-items: flex-start;
  gap: 2rem;
}
#div_block-7-10 {
  width: 50%;
}
#div_block-18-10 {
  display: flex;
  gap: 3rem;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
}
.primary-color {
  color: var(--primary-color);
}
@media (max-width: 767px) {
  #div_block-12-10 {
    align-items: center;
    text-align: center;
  }
}
@media (max-width: 767px) {
  #div_block-6-10 {
    flex-direction: column;
    display: flex;
  }
}
@media (max-width: 767px) {
  #div_block-8-10 {
    width: 100%;
  }
}
#headline-3-10 {
  color: var(--primary-color);
}
#headline-10-10 {
  color: var(--primary-color);
}
#text_block-4-10 {
  color: var(--primary-color);
  text-align: center;
}
#text_block-4-11 {
  color: var(--primary-color);
  text-align: center;
  padding-top: 16rem;
}
#text_block-11-10 {
  color: var(--primary-color);
  text-align: left;
}
@media (max-width: 991px) {
  #span-21-10 {
    color: var(--secondary-color);
  }
}
#link_button-28-10 {
  background-color: rgba(30, 115, 190, 0);
  border: 1px solid rgba(30, 115, 190, 0);
}
#link_button-28-10 {
  border-top-color: var(--white-color);
  border-right-color: var(--white-color);
  border-bottom-color: var(--white-color);
  border-left-color: var(--white-color);
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-radius: 5px;
}
#image-16-10 {
  height: 120px;
}
#image-20-10 {
  transform: rotate(-16deg);
  height: 80vh;
  position: absolute;
  right: -15px;
  top: 30%;
  filter: brightness(80%);
}
@media (max-width: 991px) {
  #image-20-10 {
    display: none;
  }
}
.warning {
  height: 60px;
}