.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.-bottom-52{
  bottom: -13rem;
}
.bottom-5{
  bottom: 1.25rem;
}
.bottom-6{
  bottom: 1.5rem;
}




.end-0{
  inset-inline-end: 0px;
}
.end-2{
  inset-inline-end: 0.5rem;
}
.start-1\/2{
  inset-inline-start: 50%;
}
.start-2{
  inset-inline-start: 0.5rem;
}
.start-6{
  inset-inline-start: 1.5rem;
}







.float-right{
  float: right;
}




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



.mt-10{
  margin-top: 2.5rem;
}




.inline-block{
  display: inline-block;
}





.inline{
  display: inline;
}



.flex{
  display: flex;
}

.hidden{
  display: none;
}
.h-10{
  height: 2.5rem;
}



.w-full{
  width: 100%;
}






.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}







.overflow-scroll{
  overflow: scroll;
}



.rounded-lg{
  border-radius: 0.5rem;
}


.border{
  border-width: 1px;
}
.border-s{
  border-inline-start-width: 1px;
}





.section-header.is-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}


.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
	
}


.bg-colorIvory {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 245 / var(--tw-bg-opacity));
}






.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(87 74 99 / var(--tw-bg-opacity));
}



.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}







.p-1{
  padding: 0.25rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-6{
  padding: 1.5rem;
}







.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}





.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}


.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}


.font-medium{
  font-weight: 500;
}


.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}





.text-slate-100{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}





.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-700{
  transition-duration: 700ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}



html{
  position: relative;
  scroll-behavior: smooth;
}



@supports (-webkit-overflow-scrolling: touch) {
  body {
    cursor: pointer;
  }
}
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4, h5, h6{
  font-weight: 600;
}



.vertical-rl {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}










.filter-options li a{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 1rem;
  font-family: 'workSans', serif;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.filter-options li:hover a,
.filter-options li.active a,
.filter-options li:active a,
.filter-options li:focus a{
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(87 74 99 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-0::after{
  content: var(--tw-content);
  inset: 0px;
}

.hover\:scale-\[1\.1\]:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}



.hover\:bg-black:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.hover\:text-blue-500:hover{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.hover\:transition-all:hover{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hover\:duration-500:hover{
  transition-duration: 500ms;
}

.hover\:after\:-bottom-10:hover::after{
  content: var(--tw-content);
  bottom: -2.5rem;
}

.group:hover .group-hover\:bottom-2{
  bottom: 0.5rem;
}

.group:hover .group-hover\:scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}

.group:hover .group-hover\:bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}




:is([dir="rtl"] .rtl\:float-left){
  float: left;
}

:is(.dark .dark\:bg-opacity-80){
  --tw-bg-opacity: 0.8;	
}







	
	@media (min-width: 320px){
  .sm\:mx-20{
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .sm\:w-1\/2{
    width: 100%;
  }
}
	


@media (min-width: 640px){
  .sm\:mx-20{
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .sm\:w-1\/2{
    width: 50%;
  }
}

@media (min-width: 768px){
  .md\:mx-40{
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .md\:flex{
    display: flex;
  }
  .md\:w-1\/2{
    width: 50%;
  }
  .md\:w-1\/4{
    width: 25%;
  }
}

@media (min-width: 1024px){
  .lg\:block{
    display: block;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:w-1\/3{
    width: 33.333333%;
  }
  .lg\:bg-transparent{
    background-color: transparent;
  }
}

@media (min-width: 1280px){
  .xl\:mx-80{
    margin-left: 20rem;
    margin-right: 20rem;
  }
  .xl\:w-\[16\.66\%\]{
    width: 16.66%;
  }
}