@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --primary: #BDD28B;
    --secondary: #004656;
    /* text */
    --text-primary: #292929;
    --text-secondary: #BDBDBD;
    /* text */

    --white: #fff;
    --lightwhite: #fdfdfd;
    --black: #000;
    --dark-bg: #556b2f14;
    --dark-border: #556b2f7a;

    --shadow-1: 0px 16px 24px 0px rgba(85, 107, 47, 0.24);
    /* Transition */
    --transition-half-Sec: 0.5s ease-in-out;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Karla", sans-serif;
    font-family: "Karantina", system-ui;
    background-color: #fdfdfd;
    color: #000;
}

h2,
h3,
h4,
h5,
h6 {}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
}

input:focus {
    outline: none;
}

.input:focus {
    outline: none !important;
    color: #FFFFFF;
}

.primary-clr {
    color: #556B2F;
}

.red-p {
    color: #E2224F !important;
}

.w-95 {
    width: 95%;
}

.b-line-left {
    border-left: 1px dashed rgba(124, 124, 124, 0.32);
}

.m-110 {
    margin-top: 110px;
}

.themebtn-trans {
    color: var(--Main-Light-Primary, #BDD28B);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    border-radius: var(--Radius-8pt, 8px);
    border: 1px solid var(--primary-48, rgba(85, 107, 47, 0.48));
    background: var(--primary-8, rgba(85, 107, 47, 0.08));
    transition: 0.5s ease-in-out;
}
.themebtn-trans:hover {
    border: 1px solid var(--primary-48, #BDD28B);
}

.themebtn-trans-secondary {
    color: var(--Main-Light-Primary, #556B2F);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    border-radius: var(--Radius-8pt, 8px);
    border: 2px solid var(--primary-48, rgba(85, 107, 47, 0.48));
    background: var(--primary-8, rgba(85, 107, 47, 0.08));
    transition: 0.5s ease-in-out;
}

.themebtn-trans-secondary:hover {
    border: 2px solid var(--primary-48, rgba(85, 107, 47, 0.836));
}

.themebtn-bg {
    color: var(--Contrast-Primary, #292929);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    padding: 12px 24px;
    line-height: 26px;
    display: flex;
    gap: 10px;
    height: var(--Button-Large-h, 48px);
    justify-content: center;
    align-items: center;
    border-radius: var(--Radius-8pt, 8px);
    background: var(--Main-Light-Primary, #BDD28B);
    transition: 0.5s ease-in-out;
}

.themebtn-bg:hover {
    background: var(--Main-Light-Primary, #354D17);

}

.themebtn-bg-dark {
    color: var(--Contrast-Primary, #FDFDFD);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    padding: 12px 24px;
    line-height: 26px;
    display: flex;
    gap: 10px;
    height: var(--Button-Large-h, 48px);
    justify-content: center;
    align-items: center;
    border-radius: var(--Radius-8pt, 8px);
    background: var(--Main-Light-Primary, #556B2F);
    transition: 0.5s ease-in-out;
}

.themebtn-bg-dark:hover {
    background: var(--Main-Light-Primary, #354D17);
}

.themebtn-bg-white {
    color: var(--Main-Light-Primary, #556B2F);
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: var(--Button-Spacing, 8px);
    align-self: stretch;
    border-radius: var(--Radius-8pt, 8px);
    border: 1px solid var(--primary-48, rgba(85, 107, 47, 0.48));
    background: var(--primary-8, rgba(85, 107, 47, 0.08));
}

.themebtn-dark {
    color: var(--Global-Inherit-Color, #FDFDFD);
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    padding: 12px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--Button-Spacing, 8px);
    border-radius: var(--Radius-8pt, 8px);
    background: var(--Global-Inherit-BG, #292929);
}

/* 
.bend-Line {
    width: 485px;
    height: 31px;
    position: absolute;
    background: var(--gradient-primary-dark, linear-gradient(135deg, #556B2F 0%, #354D17 100%));
}

.bend-Line::after {} */