/*!
Theme Name: soreal
Theme URI: http://viitorcloud.com/
Author: Viitorcloud
Author URI: http://viitorcloud.com/
Description: Revolutionize your real estate sales with soreal
Version: 1.0.0
Tested up to: 6.5.5
Requires PHP: 7.4 or higher
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: soreal
Tags: real-estate

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

*/

/* tailwind css component */
@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  @apply m-0 p-0;
}
body {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
}
#unity-warning {
  display: none !important;
}
section {
  @apply lg:py-[120px] md:py-[70px] py-10;
}
a {
  @apply inline-block;
}
h1 {
  @apply text-2xl md:text-3xl lg:text-[52px] lg:leading-70 bg-gradient-to-r from-primary to-primaryHover font-semibold bg-clip-text uppercase;
  -webkit-text-fill-color: transparent;
}
.about h1 {
  @apply text-white;
  -webkit-text-fill-color: unset;
}
h2 {
  @apply text-xl md:text-3xl lg:text-5xl lg:leading-70 bg-gradient-to-r from-primary to-primaryHover font-semibold bg-clip-text uppercase mb-3;
  -webkit-text-fill-color: transparent;
}
h3 {
  @apply text-2xl lg:text-4xl font-semibold flex items-end mb-4;
}
h4 {
  @apply text-lg lg:text-2xl;
}
h6 {
  @apply text-black-700 text-base lg:text-lg;
}
p {
  @apply text-base text-black-700;
}
.pricing ul li {
  @apply relative pl-[30px] before:content-[''] before:absolute before:left-0 before:top-1 before:bg-[url(assets/images/tick-mark.svg)] before:w-[20px] before:h-[20px] before:bg-cover before:bg-center before:bg-no-repeat;
}
.works ul {
  @apply relative md:pl-0 pl-10 before:content-[''] before:absolute before:md:left-1/2 before:left-2 before:top-0 before:w-0 before:h-full before:border-r-2 before:border-[#A2A9B0] before:border-dashed;
}
.works li {
  @apply lg:mb-20 mb-10 md:flex flex-wrap justify-between even:flex-row-reverse relative;
  counter-increment: listCount;
}
.works ul li::before {
  @apply content-["0"counter(listCount)] w-[1.5em] h-[1.5em] text-base md:text-3xl font-bold text-secondary bg-white inline-flex items-center justify-center md:mr-[1em] absolute md:left-1/2 -left-10  md:-translate-x-1/2 top-0;
}

.slick-prev::before,
.slick-next::before {
  @apply text-primary text-[25px] leading-[10px];
}

.slick-prev,
.slick-next {
  @apply -top-6 md:-top-14 lg:-top-[70px] right-0 h-8 md:h-14 w-8 md:w-14 border border-primary rounded-full border-solid;
}

.slick-prev {
  @apply left-auto right-10 md:right-20;
}

.slick-prev::before {
  content: "\2039";
  padding-right: 4px;
}
.slick-next::before {
  content: "\203A";
  padding-left: 6px;
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) { 
.solutions-slide.slick-slide {
    height: auto;
}
}