:root {
    /*Colors*/
    --brand1: #70ad47;
    --brand2: #00637e;
    --brand3: #b04068;
    --bg-page: #fff;
    --txt-body: #1a1a1a;

    --brand1-10: #e7f0f1;
    --brand2-10: #eef4e9;
    --brand1-70: rgba(102, 153, 51, 0.70);
    --brand2-70: rgba(0, 99, 126, 0.70);
    --brand2-dark: #043a49;
    --grey: #d9d9d9;
    --grey2: #69707F;
    --grey3: #c5c5c5;
    --grey4: #454b5a;
    --grey-card: #f6f6f6;
    --grey-card-bg: #f7f7f7;
    --light-grey: #efefef;
    --dark-grey: #EDEDED;
    --white: #fff;
    --white2: #fcfbfb;
    --white3: #f8f7f9;
    --border: #e4e4e4;
    --boxedBG: #162731;

    /*Bricks Override*/
    --bricks-color-primary: #70ad47;

    /*Fonts*/
    --font: "Poppins", sans-serif;
    --font-heading: "Poppins", serif;

    /*Element Font*/
    --btn-txt-large: 22px;
    --btn-txt-large-height: 26px;

    /* Content Width */
    --mobile-nav: 294px;
    --header-height: 87px;

    /* Radius */
    --radius-small: 8px;
    --radius: 16px;

    /*Effects*/
    --shadow0: rgb(27, 219, 207, 0.4) 0px 0px 50px;
    --shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    --shadowStrong: 0 0 40px rgba(27, 219, 207, 0.3),
        0 0 80px rgba(27, 219, 207, 0.2),
        0 0 120px rgba(27, 219, 207, 0.1);
}



body {}

div,
section,
footer {
    position: relative;
}

body * {
    box-sizing: border-box
}


a {
    color: var(--brand1)
}

a:hover {
    color: var(--brand2)
}

img {
    max-width: 100%;
    height: auto
}

b,
strong,
.bold {
    font-weight: 600;
}

p {
    margin-top: 0
}

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

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

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

.bg-brand1-10 {
    background-color: var(--brand1-10)
}

.bg-brand2-10 {
    background-color: var(--brand2-10)
}

.bg-brand2-dark {
    background-color: var(--brand2-dark)
}

.bg-grey {
    background-color: var(--grey)
}

.bg-grey-card-bg {
    background-color: var(--grey-card-bg)
}

.txt-brand1 {
    color: var(--brand1)
}

.txt-brand2 {
    color: var(--brand2)
}

.txt-brand3 {
    color: var(--brand3)
}

.link-inherit,
.link-inherit * {
    color: inherit
}

.link-no-ul a {
    text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0
}

p+ul {
    margin-top: 18px
}

ul li {
    list-style: none;
}

.list-inline ul li {
    display: inline;
}

.list-inline ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 16px;
    flex-direction: row;
    flex-wrap: wrap;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.txt-center {
    text-align: center;
}

.center {
    align-self: center;
}

.txt-center img {
    margin-left: auto;
    margin-right: auto
}

.txt-small {
    font-size: 14px;
    line-height: 20px;
}

.txt-small {
    font-size: var(--txt-small);
    line-height: 20px;
}

.txt-body {
    color: var(--txt-body)
}


.white,
.white * {
    color: #fff;
}

#main p:last-of-type {
    margin-bottom: 0
}

.rounded-l {
    border-radius: var(--space-4);
    overflow: hidden;
}

.rounded-s {
    border-radius: var(--space-2);
    overflow: hidden;
}

.radius {
    border-radius: var(--radius);
}

.img-radius img,
.img-radius {
    border-radius: 10px;
}

.color-inherit {
    color: inherit
}

.h-brand1,
.h-brand1 h1,
.h-brand1 h2,
.h-brand1 h3,
.h-brand1 h4,
.brand1 {
    color: var(--brand1)
}

.h-brand2,
.h-brand2 h1,
.h-brand2 h2,
.h-brand2 h3,
.h-brand2 h4,
.brand2 {
    color: var(--brand2)
}

blockquote {
    font-size: 21px;
    line-height: 26px;
    font-family: var(--font);
    font-weight: 400;
    padding: 0;
    margin: 0;
    color: #000000;
}

.h-full {
    height: 100%
}

.w-full {
    width: 100%;
}

.swiper-button-disabled {
    opacity: 0.5
}

.img-rounded-s {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid var(--grey3)
}

.img-rounded-s img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.pre-heading {
    opacity: 0.7;
}

.rounded-shadow {
    box-shadow: var(--shadow);
    border-radius: 8px;
    overflow: hidden;
}

.bg-white {
    background-color: #fff
}