:root {
    --bg-brown: #7C3E4D;
    --bg-blue: #C3DDEC;
    --bg-white: #83B1C5;
    --grey: #F9F9F9;
    --brown-dark: #220E13;
    --dark-grey: #2C2C2C;
    --gary: #494949;
    --bg-light-brown: #BD7789;
}

/* 
    fonts
*/

@font-face {
    font-family: FutuMdBt;
    src: url(../fonts/FuturaMediumBT.ttf);
}

@font-face {
    font-family: FutuHvBt;
    src: url(../fonts/futuraheavybt.ttf);
}

@font-face {
    font-family: FutuBkBt;
    src: url(../fonts/futura-bk-bt.ttf);
}

.fst-bkbt {
    font-family: FutuBkBt;
}

.fst-mdbt {
    font-family: FutuMdBt;
}

.fst-hvbt {
    font-family: FutuHvBt;
}

.overflow-scroll-css::-webkit-scrollbar {
    height: 0px;
}

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

.text-gray {
    color: var(--gary);
}

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

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

.b-top {
    border-top: 2px solid #7C3E4D;
}

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

.text-brown {
    color: var(--bg-brown);
}

.bg-bw {
    background: linear-gradient(258.64deg, var(--bg-blue) 0%, var(--bg-white) 100%);
}

.fs-10px {
    font-size: 10px;
}

.ls-st-none {
    list-style-type: none;
}

.m-10 {
    margin-left: -30px;
}

.border-css {
    border: 1px solid grey;
}

.wh {
    width: 140px;
    height: 60px;
}

.wh-css {
    width: 100px;
    height: 50px;
}

.fs-10px-css {
    font-size: 14px;
}

.ft-desc {
    line-height: 1.8rem;
}

.fs-10 {
    font-size: 13px;
}

.fs-12 {
    font-size: 12px;
}

.border-brown-css {
    border-left: 5px solid var(--bg-brown);
}


.border-end-css:not(:last-child):after{
    position: absolute;
    content: '';
    right: 0;
    height: 50%;
    width: 2px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #D0D0D0 50%, rgba(255, 255, 255, 0) 100%) !important;
}

.border-end-css {
    position: relative;
    border: none ;
    margin: 2px 2px;
}

.section-title{
    position: relative;
}
.section-title::after,
.section-title::before{
    position: absolute;
    content: '';
    background-color: var(--bg-light-brown);
    bottom: 0;
    left: 0;
}
.section-title::after{ 
    height: 5px;
}
.section-title::before{
    height: 2px;
    width: 100%;
}
.section-title.width-66::after{
    width: 66px;
}

.section-title.width-115::after{
    width: 115px;
}

.section-title.width-90::after{
    width: 90px;
}

.section-title.width-85::after{
    width: 85px;
}

.section-title.width-175::after{
    width: 175px;
}

.section-title.width-78::after{
    width: 78px;
}

.section-title.width-83:after{
    width: 83px;
}