/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* Import Google Font Here*/

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;1,700&display=swap");
/* Global Styles & Variables*/
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:root {
  /* Color Variables*/
  --color-black-rgb: 0, 0, 0;
  --color-black: rgba(var(--color-black-rgb), 1);
  --color-white-rgb: 255, 255, 255;
  --color-white: rgba(var(--color-white-rgb), 1);
  --color-blue-rgb: 78, 191, 212;
  --color-blue: rgba(var(--color-blue-rgb), 1);
  --color-dark-blue-rgb: 39, 146, 166;
  --color-dark-blue: rgba(var(--color-dark-blue-rgb), 1);
  --color-orange-rgb: 235, 152, 84;
  --color-orange: rgba(var(--color-orange-rgb), 1);
  --color-dark-orange-rgb: 232, 124, 37;
  --color-dark-orange: rgba(var(--color-dark-orange-rgb), 1);
  --color-yellow-rgb: 247, 216, 165;
  --color-yellow: rgba(var(--color-yellow-rgb), 1);
  --color-footer: #F9F6F1;
  --color-gray: #d9d9d9;
  --color-lightgray: #e6e8eb;
  --color-text-rgb: 17, 77, 88;
  --color-text: rgba(var(--color-text-rgb), 1);
  --color-text-light: rgba(var(--color-text-rgb), 0.8);
  --color-text-ultra-light: rgba(var(--color-text-rgb), 0.6);
  --color-alert-error: #ff213e;
  --color-alert-success: #46d054;

  /* Font Variables*/
  --ff-base: "Poppins", sans-serif;
  --ff-secondary: "Merriweather", serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fs-normal: normal;
  --fs-italic: italic;
  --fs-sm: clamp(0.8rem, 0.1vi + 0.7rem, 0.9rem);
  --fs-base: clamp(1rem, 0.2vi + 1rem, 1.2rem);
  --fs-md: clamp(1.3rem, 0.3vi + 1.3rem, 1.6rem);
  --fs-lg: clamp(1.8rem, 0.3vi + 1.7rem, 2.1rem);
  --fs-xl: clamp(2.4rem, 0.5vi + 2.3rem, 2.8rem);
  --fs-xxl: clamp(3.2rem, 0.6vi + 3rem, 3.7rem);
  --fs-xxxl: clamp(4.2rem, 0.8vi + 4rem, 5rem);

  /* Spacing Variables*/
  --gap-global-small: 4vw;
  --gap-global: 6vw;
  --gap-global-big: 8vw;
  --gap-base: clamp(5em, 7.5vw, 7.5em);
  --gap-05: calc(var(--gap-base) * 0.5);

  /* Other Variables*/
  --br-10: 0.5em;
  --br-20: 1em;
  --br-30: 2em;

  /* Animation Variables*/
  --animation-primary: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-fast: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-smooth: all 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-slow: all 0.9s cubic-bezier(0.7, 0, 0.3, 1);
}

/* Base CSS*/
body {
  font-family: var(--ff-base);
  transition: var(--animation-primary);
  word-break: break-word;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  object-fit: cover;
  width: 100%;
}
section {
  position: relative;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  background-color: unset;
  padding: unset;
  text-align: inherit;
}

.sub-menu{
  padding-left: 0;
  list-style-type: none;
}
li {
  text-decoration: none;
}
header,
footer {
  width: 100%;
}

/* Lenis CSS*/
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* Screen reader only class*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Base Div Classes*/

.container {
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
.row {
  display: flex;
  width: 100%;
  position: relative;
}

.col {
  display: flex;
  flex-direction: column;
  position: relative;
}

.grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(1, 1fr));
}

.serif, .serif-white {
  font-family: var(--ff-secondary);
  font-weight: var(--fw-bold);
  font-style: var(--fs-italic);
  position: relative;
  z-index: 2;
  display: inline-block;
}

.serif:after, .serif-white:after{
  display: block;
  position: absolute;
  width: 100%;
  bottom: -16px;
  z-index: -1;
}

.serif::after {
  content: url("data:image/svg+xml,%3Csvg width='auto' height='auto' viewBox='0 0 272 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8002 21.5078C59.0665 16.7219 164.134 9.31269 254.274 17.9624' stroke='%23EB9854' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M3.1519 11.7263C49.5679 6.50212 167.744 -1.60923 269.122 7.73864' stroke='%23EB9854' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.serif-white:after{
  content: url("data:image/svg+xml,%3Csvg width='auto' height='auto' viewBox='0 0 272 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8002 21.5078C59.0665 16.7219 164.134 9.31269 254.274 17.9624' stroke='white' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M3.1519 11.7263C49.5679 6.50212 167.744 -1.60923 269.122 7.73864' stroke='white' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.reccomendation:nth-child(odd){
border: 4px solid var(--color-orange);
}

.reccomendation:nth-child(even){
 border: 4px solid var(--color-yellow);
}
.reccomendation:nth-child(odd) .circle{
  background-color: var(--color-orange);
}
.reccomendation:nth-child(even) .circle{
  background-color: var(--color-yellow);
}

.sub-menu {
  border-radius: var(--br-20);
}
.bricks-mobile-menu {
  padding-bottom: 2rem;
}
.ti-angle-down{
  margin-left:10px;
}