@tailwind base;
@tailwind components;
@tailwind utilities;
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://db.onlinewebfonts.com/c/6988694c95d037f35e9a8deef53179b3?family=Recoleta+Black");

body {
  font-family: "Lexend", sans-serif !important;
}

a {
  transition: all 0.1s ease-in-out;
}

/* 
.dropdown>a.show {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

} */

.crt-bt.show {
  border-radius: 4px 4px 0 0;
}

.crt-bt.show>span img {
  transform: rotate(180deg);
}

.transform-no {
  transform: none !important;
}

.dropbck::before {
  content: "";
  display: block;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 998;
  backdrop-filter: blur(10px);
  transition: none !important;
}

.border-b-black {
  border-color: #262626;
}

.text-bold-black {
  color: #262626 !important;
}

.text-bold-gray {
  color: #717171;
}

.leading-14 {
  line-height: 14px;
}

.text-11 {
  font-size: 11px;
}

.bg-gray-3 {
  background-color: #acaaaa;
}

.ms-\[12px\] {
  margin-inline-start: 12px;
}


.grid-cols-\[232px_1fr\] {
  grid-template-columns: 232px 1fr;
}

.flex-1 {
  flex: 1 1 0%;
}


.max-w-\[calc\(100\%-232px\)\] {
  max-width: calc(100% - 232px);
}

.pt-\[72px\] {
  padding-top: 72px;
}


.w-\[96px\] {
  width: 96px;
}

.h-\[96px\] {
  height: 96px;
}

.bg-\[\#FFF3E4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 243 228 / var(--tw-bg-opacity))
    /* #fff3e4 */
  ;
}


@media not all and (min-width: 768px) {
  .max-md\:max-w-full {
    max-width: 100%;
  }
}


.grid-cols-340 {
  grid-template-columns: 1fr 340px;
}


.before\:bg-\[url\(\'\.\.\/img\/unchecked-box\.svg\'\)\]::before {
  content: var(--tw-content);
  background-image: url('../img/unchecked-box.svg');
}


.pl-\[32px\] {
  padding-left: 32px;
}

.bg-\[\#008C8C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 140 140 / var(--tw-bg-opacity)) /* #008c8c */;
}

.w-\[23px\] {
  width: 23px;
}

.h-\[23px\] {
  height: 23px;
}

.pr-\[32px\] {
  padding-right: 32px;
}

.min-w-\[23px\] {
  min-width: 23px;
}

.p-\[0\.31rem_0\.5rem_0\.31rem_0\.75rem\] {
  padding: 0.31rem /* 4.96px */ 0.5rem /* 8px */ 0.31rem /* 4.96px */ 0.75rem /* 12px */;
}

.drop-shadow-4{
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.08);
}


.min-w-\[121px\] {
  min-width: 121px;
}


.h-\[25px\] {
  height: 25px;
}


.p-\[0\.25rem\] {
  padding: 0.25rem /* 4px */;
}


.grid-cols-\[6\.25rem_1fr\] {
  grid-template-columns: 6.25rem /* 100px */ 1fr;
}


.p-\[5px_8px\] {
  padding: 5px 8px;
}


.rounded-\[0_0\.1875rem_0\.1875rem_0\.1875rem\] {
  border-radius: 0 0.1875rem /* 3px */ 0.1875rem /* 3px */ 0.1875rem /* 3px */;
}

.rounded-\[0\.1875rem_0\.1875rem_0_0\] {
  border-radius: 0.1875rem /* 3px */ 0.1875rem /* 3px */ 0 0;
}

@media (min-width: 640px) {
  .sm\:grid-cols-\[6\.25rem_1fr\] {
      grid-template-columns: 6.25rem /* 100px */ 1fr;
  }
}


@media (max-width: 800px) {
  .max-\[800px\]\:px-\[16px\] {
      padding-left: 16px;
      padding-right: 16px;
  }
}


@media (max-width: 520px) {
  .max-\[520px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}


.shadow-\[0px_1px_2px_0px_\#00000033\] {
  --tw-shadow: 0px 1px 2px 0px #00000033;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.peer:checked ~ .peer-checked\:bg-\[\#333\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity)) /* #333333 */;
}


.peer:checked ~ .peer-checked\:shadow {
  box-shadow: inset 0 0 0 2px #f4f4f4;
}


.hover\:bg-transparent:hover {
  background-color: transparent;
}


/* -----march-12 */

.max-w-\[1920px\] {
  max-width: 1920px;
}

.bg-linear-primary{
  background: linear-gradient(180deg, #F4FBFF 37.04%, rgba(244, 251, 255, 0) 100%);
}

.min-h-lvh {
  min-height: 100lvh;
}


@media (min-width: 1024px) {
  .lg\:p-\[12\.5rem_6\.25rem\] {
      padding: 12.5rem /* 200px */ 6.25rem /* 100px */;
  }
}

@media (min-width: 640px) {
  .sm\:p-\[72px_68px\] {
      padding: 72px 68px;
  }
}



@media (min-width: 1024px) {
  .lg\:space-x-\[101px\] > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(101px * var(--tw-space-x-reverse));
      margin-left: calc(101px * calc(1 - var(--tw-space-x-reverse)));
  }
}

.bg-\[url\(\.\.\/img\/round-active\.svg\)\] {
  background-image: url(../img/round-active.svg);
}

.bg-\[left_7px\] {
  background-position: left 7px;
}

.mt-\[32px\] {
  margin-top: 32px;
}

@media (min-width: 1536px) {
  .\32xl\:p-\[0_6\.25rem\] {
      padding: 0 6.25rem /* 100px */;
  }
}

@media (min-width: 1024px) {
  .lg\:h-\[509px\] {
      height: 509px;
  }
}

.shadow-\[0px_3px_32px_5px_\#00000005\] {
  --tw-shadow: 0px 3px 32px 5px #00000005;
  --tw-shadow-colored: 0px 3px 32px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.max-w-\[430px\] {
  max-width: 430px;
}

.max-h-\[fit-content\] {
  max-height: fit-content;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[\#2FACD6\] {
  --tw-text-opacity: 1;
  color: rgb(47 172 214 / var(--tw-text-opacity)) /* #2facd6 */;
}

.rounded-\[3px_3px_0_0\] {
  border-radius: 3px 3px 0 0;
}

.-left-\[1px\] {
  left: -1px;
}

.rounded-\[0_0\.1875rem_0\.1875rem_0\.1875rem\] {
  border-radius: 0 0.1875rem /* 3px */ 0.1875rem /* 3px */ 0.1875rem /* 3px */;
}

.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}

.bg-\[\#09ABD9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 171 217 / var(--tw-bg-opacity)) /* #09abd9 */;
}

.hover\:bg-\[\#0a9ac3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(10 154 195 / var(--tw-bg-opacity)) /* #0a9ac3 */;
}

@media (min-width: 640px) {
  .sm\:space-y-\[69px\] > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(69px * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(69px * var(--tw-space-y-reverse));
  }
}

.last\:mb-0:last-child {
  margin-bottom: 0px;
}

.space-y-\[37px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(37px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(37px * var(--tw-space-y-reverse));
}

.p-\[56px_36px\] {
  padding: 56px 36px;
}

@media (min-width: 1024px) {
  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
}