body {
    font-family: "Source Sans 3", sans-serif;
}
.display-7 {
    font-size: calc(1.325rem + 0.9vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-7 {
        font-size: 2rem;
    }
}

:root {
    --rcb-color-dark: #117c7c;
    --rcb-color-middle: #149494;
    --rcb-color-light: #F3FAFA;
    --rcb-color-lighter: #E7F4F4;
}
.rcb-bg-dark{
    background-color: #111 !important;
}
.rcb-bg-middle{
    background-color: var(--rcb-color-middle) !important;
}
.rcb-bg-light{
    background-color: var(--rcb-color-light) !important;
}
.rcb-bg-lighter{
    background-color: var(--rcb-color-lighter) !important;
}
.rcb-color{
    color: var(--rcb-color-middle);
}
.rcb-shadow-box{
    box-shadow: -4px 4px 10px 0px #0000000F;
    height: 100%;
    background-color: #fff;
    border-radius: 12px;
}
.rcb-border{
    border: 1px solid #E6E6E6;
}

.rcb-accordion .accordion-item{
    border: none !important;
    border-radius: 12px !important;
}
.rcb-accordion .accordion-item .accordion-header{
    background-color: transparent !important;
}
.rcb-accordion .accordion-item .accordion-button{
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.rcb-accordion .accordion-item .accordion-body{
    color: #888888;
}
.rcb-accordion .accordion-item .accordion-button::after{
    background-image: url('../images/acc-icon.png');
    width: 40px;
    height: 40px;
    background-size: auto;
}


header{
    border-bottom: 1px solid #4e4d4e;
}
header .nav-link{
    font-weight: 600;
}
header .btn{
    border-radius:12px;
    padding: 12px 24px 12px 24px;
}
.link-light:hover{
    color: var(--rcb-color-middle) !important;
}
.link-light.link-active{
    color: var(--rcb-color-middle) !important;
}

.btn-primary.rcb-btn{
    background-color: var(--rcb-color-middle);
    border-color: var(--rcb-color-middle);
}
.btn-primary.rcb-btn:hover{
    background-color: var(--rcb-color-dark);
    border-color: var(--rcb-color-dark);
}
.btn-outline-primary.rcb-btn{
    color: var(--rcb-color-middle);
    border-color: var(--rcb-color-middle);
}
.btn-outline-primary.rcb-btn:hover{
    background-color: var(--rcb-color-middle);
    color: var(--bs-btn-hover-color);
}

.btn-primary.rcb-btn-light{
    background-color: var(--rcb-color-light);
    border-color: var(--rcb-color-light);
    color: var(--rcb-color-middle)
}
.btn-primary.rcb-btn-light:hover{
    background-color: var(--rcb-color-middle);
    border-color: var(--rcb-color-middle);
    color: var(--rcb-color-light)
}
div.btn-primary.rcb-btn-light{
    cursor: default;
}
div.btn-primary.rcb-btn-light:hover{
    background-color: var(--rcb-color-light);
    border-color: var(--rcb-color-light);
    color: var(--rcb-color-middle)
}

.rcb-btn-rounded{
    border-radius: 30px;
}
#hero{
    overflow: hidden;
}
#hero .btn{
    padding: 16px 32px 16px 32px;
}
#hero .green-circle-bg{
    position: absolute;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgb(20, 148, 148, 0.9) 0%, rgba(20,148,148,0.6) 20%, rgba(0,0,0,0) 70%);
}
#hero .green-circle-bg.green-circle-bg-1{
    top: 7%;
    left: -250px;
}
#hero .green-circle-bg.green-circle-bg-2{
    top: 5%;
    right: -100px;
    opacity: 0.7;
}
#hero .green-circle-bg.green-circle-bg-3{
    top: 21%;
    right: 300px;
    opacity: 0.5;
}
.section-rule-class .feature{
    border-radius: 24px;
    background-color: #FCFCFA;
    border: 1px solid #E8E8E8;
    height: 100%;
}
.section-rule-class .feature .btn{
    padding: 24px 48px 24px 48px;
    border-radius: 10px;
}
.section-rightcard-class{
    background-image: url('../images/group.png');
    background-size: contain;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center left;
}
.section-rightcard-class .rightcard{
    border-radius: 24px;
    background-color: #FCFCFA;
    border: 1px solid #E8E8E8;
}
.radius-bg-right{
    background: radial-gradient(at 90% 70%, rgba(243,250,250,1) 0%, rgba(243,250,250,1) 20%, rgba(255,255,255,0) 50%);
}
.radius-bg-right-2{
    background: radial-gradient(at 100% 45%, rgba(243,250,250,1) 0%, rgba(243,250,250,1) 20%, rgba(255,255,255,0) 50%);
}
.radius-bg-left{
    background: radial-gradient(at 10% 70%, rgba(243,250,250,1) 0%, rgba(243,250,250,1) 20%, rgba(255,255,255,0) 50%);
}
.radius-bg-left-top{
    background: radial-gradient(at 10% 10%, rgba(243,250,250,1) 0%, rgba(243,250,250,1) 20%, rgba(255,255,255,0) 50%);
}
.ellip{
    top: calc(50% - 29px);
    left: -113px;
}
.section-scale-class .btn{
    padding: 16px 28px 16px 28px;
    border-radius: 10px;
}

footer form input{
    background-color: #F3FAFA !important;
    border-color: #F3FAFA !important;
    height: 56px;
    line-height: 56px;
    padding: 0 20px 0 20px;
    border-radius: 12px;
    color: #111111 !important;
}
footer form input::placeholder{
    color: #888888 !important;
    opacity: 0.9 !important;
}
footer form input:focus{
    box-shadow: none !important;
}
footer form button{
    background-color: #7CBCBC !important;
    border-color: #7CBCBC !important;
    height: 56px;
    line-height: 56px;
    border-radius: 12px;
    padding: 0;
}
footer form button:hover{
    color: var(--rcb-color-dark) !important;
}