/* Fonts, Tomorrow and Fractul */
@import url("https://fonts.googleapis.com/css2?family=Tomorrow:wght@300;400;500;600;700;800;900&family=Tomorrow&display=swap");

@font-face {
  font-family: 'Fractul Web';
  src: url('../fractul-web/FractulAlt-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Fractul Light';
  src: url('../fractul-web/FractulAlt-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Fractul Regular';
  src: url('../fractul-web/FractulAlt-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.dep::-webkit-scrollbar {
  -webkit-appearance: none;
  /* Required to style scrollbar /
  width: 7px;
}

.dep::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 4px;
  border: 1px solid white; / Optional */
}

.dep::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: 4px;
}

/* Colors and backgrounds */
:root {
  --sub-color-one: #FCF6FF;
  --sub-color-two: #211B36;
  --sub-color-three: #2E2E2E;
  --sub-color-four: #EBE0FD;
  --sub-color-five: #ebaae5;
  --sub-color-six: #F1DAFF;
  --sub-color-seven: #DE241C;
  --sub-color-eight: rgb(64, 75, 137);
  --sub-color-nine: #2B0B3D;
  --sub-color-ten: #2b2b2b;
  --sub-color-eleven: #C0C0C0;
  --sub-color-twelve: #E363AE;
  --sub-color-thirteen: #321D05;
  --sub-color-fourteen: #8D673A;
  --sub-color-fifteen: #F5FFFA;
  --sub-color-sixteen: #EFDAFF;
  --sub-color-seventeen: #FAD3E4;
  --sub-color-eighteen: #3B3756;
  --sub-color-nineteen: #5D450E;
  --sub-color-twenty: #D6A02B;
  --sub-color-twenty-one: #255FC7;
  --sub-color-twenty-two: #7B7A7A;
  --sub-color-twenty-three: #D4D0C9;
  --sub-color-twenty-four: #8764BB;
  --sub-color-twenty-five: #C899EE;
  --sub-color-twenty-six: #62C367;
  --sub-color-twenty-seven: #FFACDD;
  --sub-color-twenty-eight: #76F67D;
  --sub-color-twenty-nine: #E0638F;
  --sub-color-thirty: #B560F6;
}

::selection {
  background-color: #d79eff;
  color: var(--bs-white);
}

/* Altera a cor de fundo da barra de rolagem */
::-webkit-scrollbar {
  background-color: #f1f1f1;
  width: 8px;
  border-radius: 20px;
}

/* Altera a cor de fundo do trilho da barra de rolagem */
::-webkit-scrollbar-track {
  background-color: #f6ebff;
  border-radius: 20px;
}

/* Altera a cor do thumb (alça) da barra de rolagem */
::-webkit-scrollbar-thumb {
  background-color: #ed1e7938;
  border-radius: 20px;
}

body {
  color: var(--dpurple);
  background: var(--bs-white);
  max-width: 1550px;
  margin: 0 auto;
  font-size: 18px;
}

html {
  overflow-x: hidden;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

span {
  font-family: 'Tomorrow', sans-serif;
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6, h7 {
  font-family: 'Tomorrow', sans-serif;
  font-weight: bold;
  line-height: normal;
}

p {
  font-family: 'Tomorrow', sans-serif;
}

/* colors variável */
.color-one, .color-one:hover {
  color: var(--pink);
}

.color-two, .color-two:hover {
  color: var(--dpurple);
}

.color-three, .color-three:hover {
  color: var(--lpurple);
}

.color-four, .color-four:hover {
  color: var(--bs-white);
}

.color-five {
  color: var(--bs-black);
}

/* colors background variável */
.bg-color-one {
  background: var(--pink);
}

.bg-color-two {
  background: var(--dpurple);
}

.bg-color-three {
  background: var(--lpurple);
}

.bg-color-four {
  background: var(--bs-white);
}

.bg-color-five {
  background: var(--bs-black);
}

/* sub colors variável */
.sub-color-seven {
  color: var(--sub-color-seven);
}

.sub-color-eleven {
  color: var(--sub-color-eleven);
}

.sub-color-twelve {
  color: var(--sub-color-twelve);
}

.sub-color-thirteen {
  color: var(--sub-color-thirteen);
}

.sub-color-fourteen {
  color: var(--sub-color-fourteen);
}

.sub-color-fifteen {
  color: var(--sub-color-eighteen);
}

.sub-color-sixteen {
  color: var(--sub-color-nineteen);
}

.sub-color-seventeen {
  color: var(--sub-color-twenty-one);
}

.sub-color-eighteen {
  color: var(--sub-color-twenty-two);
}

.sub-color-nineteen {
  color: var(--sub-color-twenty-four);
}

.sub-color-twenty {
  color: var(--sub-color-twenty-five);
}

.sub-color-twenty-one,a.sub-color-twenty-one{
  color: var(--sub-color-twenty-six);
}

.sub-color-twenty-two {
  color: var(--sub-color-twenty-seven);
}

.sub-color-twenty-three {
  color: var(--sub-color-twenty-eight);
}

.sub-color-twenty-four {
  color: var(--sub-color-twenty-nine);
}

.sub-color-twenty-five {
  color: var(--sub-color-thirty);
}

/* sub colors background variável */
.bg-sub-color-one {
  background: var(--sub-color-one);
}

.bg-sub-color-two {
  background: var(--sub-color-two);
}

.bg-sub-color-three {
  background: var(--sub-color-three);
}

.bg-sub-color-four {
  background: var(--sub-color-four);
}

.bg-sub-color-five {
  background: var(--sub-color-five);
}

.bg-sub-color-six {
  background: var(--sub-color-six);
}

.bg-sub-color-eight {
  background: var(--sub-color-eight);
}

.bg-sub-color-nine {
  background: var(--sub-color-nine);
}

.bg-sub-color-ten {
  background: var(--sub-color-ten);
}

.bg-sub-color-eleven {
  background: var(--sub-color-thirteen);
}

.bg-sub-color-twelve {
  background: var(--sub-color-fifteen);
}

.bg-sub-color-thirteen {
  background: var(--sub-color-sixteen);
}

.bg-sub-color-fourteen {
  background: var(--sub-color-seventeen);
}

.bg-sub-color-fifteen {
  background: var(--sub-color-twenty);
}

.bg-sub-color-sixteen {
  background: var(--sub-color-eighteen);
}

.bg-sub-color-seventeen {
  background: var(--sub-color-twenty-three);
}

.bg-color-whatsapp {
  background: #1CA02B;
}
.bg-color-email {
  background: #220da9;
}
/* background redial gradient */
.bg-circle-one {
  background: rgb(250, 100, 166);
  background: radial-gradient(circle at 50% 50%, rgb(255, 224, 246) 0%, rgb(250, 100, 166) 100%);
}

.bg-circle-two {
  background: rgb(148, 185, 255);
  background: linear-gradient(rgb(148, 185, 255) 0%, rgb(205, 255, 216) 100%);
}

.bg-circle-three {
  background: rgb(2, 141, 255);
  background: linear-gradient(rgb(2, 141, 255) 0%, rgb(157, 211, 255) 100%);
}

.bg-circle-four {
  background: rgb(239, 165, 187);
  background: linear-gradient(rgb(239, 165, 187) 0%, rgb(255, 207, 168) 100%);
}

.bg-circle-five {
  background: rgb(176, 65, 178);
  background: linear-gradient(90deg, rgb(176, 65, 178) 0%, rgb(249, 215, 96) 100%);
}

.bg-circle-six {
  background: rgb(127, 71, 221);
  background: linear-gradient(90deg, rgb(127, 71, 221) 0%, rgb(237, 30, 121) 100%);
}

.bg-circle-seven {
  background: rgb(1, 9, 29);
  background: radial-gradient(circle at 0% 0%, rgb(1, 9, 29) 0%, rgb(12, 97, 168) 20%, rgb(173, 134, 143) 40%, rgb(233, 175, 52) 60%, rgb(223, 239, 199) 80%, rgb(255, 0, 207) 100%);
}

.bg-circle-eight {
  background: rgb(2, 141, 255);
  background: linear-gradient(rgb(40, 144, 218) 0%, rgb(55, 49, 144) 100%);
}

.bg-circle-nine {
  background: rgb(64, 77, 100);
  background: linear-gradient(90deg, rgb(64, 77, 100) 0%, rgb(3, 27, 59) 100%);
}

.bg-circle-ten {
  background: rgb(87, 86, 102);
  background: linear-gradient(90deg, rgb(87, 86, 102) 0%, rgb(107, 107, 107) 100%);
}

.bg-circle-eleven {
  background: rgb(166, 0, 73);
  background: linear-gradient(90deg, rgb(166, 0, 73) 0%, rgb(114, 36, 70) 100%);
}

.bg-circle-twelve {
  background: rgb(134, 18, 13);
  background: linear-gradient(rgb(134, 18, 13) 0%, rgb(135, 18, 12) 50%, rgb(253, 126, 44) 100%);
}

.bg-circle-thirteen {
  background: rgb(77, 53, 27);
  background: linear-gradient(135deg, rgb(77, 53, 27) 0%, rgb(141, 103, 58) 33.333%, rgb(137, 100, 57) 66.667%, rgb(168, 121, 51) 100%);
}

.bg-circle-fourteen {
  background: rgb(95, 151, 226);
  background: linear-gradient(rgb(95, 151, 226) 0%, rgb(30, 80, 191) 100%);
}

.bg-circle-fifteen {
  background: rgb(129, 221, 255);
  background: linear-gradient(rgb(255, 254, 192) 0%, rgb(129, 221, 255) 100%);
}

.bg-circle-sixteen {
  background: rgb(75, 79, 87);
  background: linear-gradient(90deg, rgb(75, 79, 87) 0%, rgb(45, 54, 118) 100%);
}

.bg-circle-seventeen {
  background: rgb(0, 43, 28);
  background: linear-gradient(90deg, rgb(0, 43, 28) 0%, rgb(25, 71, 5) 100%);
}

.bg-circle-eighteen {
  background: rgb(49, 41, 107);
  background: linear-gradient(rgb(49, 41, 107) 0%, rgb(143, 55, 130) 100%);
}

.bg-circle-nineteen {
  background: rgb(253, 155, 255);
  background: linear-gradient(90deg, rgb(253, 155, 255) 0%, rgb(185, 106, 255) 100%);
}

.bg-circle-twenty {
  background: rgb(255, 244, 149);
  background: linear-gradient(rgb(255, 244, 149) 0%, rgb(34, 109, 253) 100%);
}

.bg-circle-twenty-one {
  background: rgb(96, 76, 57);
  background: linear-gradient(rgb(96, 76, 57) 0%, rgb(84, 87, 78) 100%);
}

.max-height-250{
  max-height: 250px;
}
.max-height-300{
  max-height: 300px;
}
.max-height-350{
  max-height: 350px;
}
.max-height-400{
  max-height: 400px;
}
.min-height-400{
  min-height: 400px;
}

.gap-b-20{
  gap: 20px 0px;
}