:root {
  --primary: #18A0FB;
  --secondary: #5DD040;
}

.btn {
    border-radius: 20px;
}

.btn.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #18A0FB;
    --bs-btn-border-color: #18A0FB;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #18A0FB;
    --bs-btn-hover-border-color: #18A0FB;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #18A0FB;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #18A0FB;
    --bs-btn-disabled-border-color: #18A0FB;
}

.btn-outline-primary {
    --bs-btn-color: #18A0FB;
    --bs-btn-border-color: #18A0FB;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #18A0FB;
    --bs-btn-hover-border-color: #18A0FB;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #18A0FB;
    --bs-btn-active-border-color: #18A0FB;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #18A0FB;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #18A0FB;
    --bs-gradient: none;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #5DD040;
    --bs-btn-border-color: #5DD040;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5DD040;
    --bs-btn-hover-border-color: #5DD040;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5DD040;
    --bs-btn-active-border-color: #5DD040;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #5DD040;
    --bs-btn-disabled-border-color: #5DD040;
}

.btn-outline-secondary {
    --bs-btn-color: #5DD040;
    --bs-btn-bg: #F6FFF3;
    --bs-btn-border-color: #5DD040;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5DD040;
    --bs-btn-hover-border-color: #5DD040;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5DD040;
    --bs-btn-active-border-color: #5DD040;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #5DD040;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #5DD040;
    --bs-gradient: none;
}

div.hero {
    background: linear-gradient(163deg, #DBF6E8 -2.2%, rgba(215, 239, 255, 0.39) 39.96%, #FFF 68.99%);
    /* padding-top: 160px;
            padding-bottom: 160px; */
}

.leaf.leaf-left {
    border-radius: 0px 25px;
}

.leaf.leaf-right {
    border-radius: 25px 0px;
}

.fira-sans {
    font-family: "Fira Sans", sans-serif;
}

.fira-sans-thin {
    font-family: "Fira Sans", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.fira-sans-extralight {
    font-family: "Fira Sans", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.fira-sans-light {
    font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.fira-sans-regular {
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.fira-sans-medium {
    font-family: "Fira Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.fira-sans-semibold {
    font-family: "Fira Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.fira-sans-bold {
    font-family: "Fira Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.fira-sans-extrabold {
    font-family: "Fira Sans", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.fira-sans-black {
    font-family: "Fira Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.fira-sans-thin-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.fira-sans-extralight-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.fira-sans-light-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.fira-sans-regular-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.fira-sans-medium-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.fira-sans-semibold-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.fira-sans-bold-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.fira-sans-extrabold-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.fira-sans-black-italic {
    font-family: "Fira Sans", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
}

.text-primary{
    color: var(--primary) !important;
}

.text-secondary{
    color: var(--secondary) !important;
}

.bg-primary{
    background: var(--primary) !important;
}

.bg-secondary{
    background: var(--secondary) !important;
}

.easy-box{
    background: #F9F9F9;
    padding: 24px;
    border-radius: 24px;
    overflow: hidden;
    padding-bottom: 0;
    /* margin: 16px; */
    height: 100%;
}

.easy-box-2{
    padding-bottom: 24px;
}

.easy-box img.easy-box-feat{
    position: relative;
    bottom: -60px;
    box-shadow: 0px -10px 60px 5px rgba(24, 160, 251, 0.15);
}

.easy-box .easy-num-box{
    border-radius: 25px;
    background: #FFF;
    padding: 24px;
}

.platform-box{
    border-radius: 25px;
    background: #F9F9F9;
    padding: 40px;
    height: 100%;
}

.platform-box .icon{
    background-color: var(--primary);
    border-radius: 50%;
    margin: auto;
    width: fit-content;
    height: fit-content;
}

.platform-box .platform-box-icon-pack{
    background: rgba(24, 160, 251, 0.20);
    width: fit-content;
    height: fit-content;
    border-radius: 50%;

}

.platform-box .platform-box-icon-pack i{
    font-size: 40px;
    color: white;
    line-height: normal;

}

footer{
    background: linear-gradient(313deg, #54AA7F -27%, #185495 69.67%);
    color: #fff;
}
footer a{
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

footer .footer-social{
    color: var(--primary);
    background-color: #fff;
    padding: .3rem;
    border-radius: 50%;
    line-height: normal;
    margin: .3rem;
}

footer .footer-social i{
    line-height: normal;
    font-size: 24px;
}

button, .btn{
    font-family: "Montserrat", sans-serif;
}