@font-face {
    font-family: Inter;
    src: url('../assets/fonts/Inter-VariableFont_slnt\,wght.ttf');
}

:root {
    --blue: #345FF6;
    --gunmetal: #253347;
    --darkElectricBlue: #5E6E85;
    --borders: #D8E2E7;
    --white: #FFFFFF;
}

.gunmetal {
    color: var(--gunmetal);
}
.dark_electric_blue {
    color: #5E6E85;
}
.blue {
    color: var(--blue);
}

.letterspace {
  letter-spacing: -0.05em;
}

.pre-wrap { white-space: pre-wrap; }
.d-768 {
    display: block;
}

.linearbg {
    background-image: linear-gradient(to bottom right,#d6fcfe00,#D6E6FE);
}

.radio_container input[type=radio] {
    appearance: none;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #D8E2E7;
}
.radio_container input[type=radio]:hover {
    border: 1px solid #345FF6;
}
.radio_container input[type=radio]:checked {
    width: 15px;
    height: 15px;
    background: #345FF6;
    border: 1px solid #345FF6;
    box-shadow: 0 0 0 8px  rgba(52, 95, 246, 0.15);
    margin-right: 24px !important;
    margin-left: 8px !important;
}

body {
    font-family: Inter;
}

.lineardiv {
    height: 640px;
    padding: 32px 24px;
}

.input {
    padding: 20px 24px;
    border-radius: 12px;
    background-color: white;
    border: 1px solid #D8E2E7;
    width: 100%;
    height: 69px;
    font-size: 24px;
    font-weight: 600;
    outline: none;
}

.input:focus {
    border-color: #345FF6;
}

#textCM {
    position: absolute;
    top: 47px;
    right: 9%;
}
#textKG {
    position: absolute;
    top: 47px;
    right: 9%;
}
#textFT {
    position: absolute;
    top: 47px;
    left: 31%;
}
#textIN {
    position: absolute;
    top: 47px;
    right: 10%;
}
#textST {
    position: absolute;
    top: 46px;
    left: 31%;
}
#textLBS {
    position: absolute;
    top: 47px;
    right: 10%;
}


/* ees */
.enterYourDetails {
    position: absolute;
    top: 470px;
    z-index: 99;
}
.bmi_result_means {
    margin-top: 530px;
    margin-bottom: 71px;
}
.ees {
    padding: 56px 28.96px 56px 19.04px;
    background: linear-gradient(290.1deg, #D6E6FE 0%, rgba(214, 252, 254, 0) 100%);
    margin-bottom: 72px;
}
.ees-container {
    gap: 40px;
}
.ees-item {
    gap: 32px;
}

/* lob */
.lob.lob_flex {display: none;}
.lob {
    display: grid;
    margin: 96px 24px;
    grid-row-gap: 15px;
}
.lob_caption {
    margin-bottom: 32px;
}
.lob_item.item1 {
    margin-bottom: 41px;
}
.lob_box {
    background: #FFFFFF;
    box-shadow: 16px 32px 56px rgba(143, 174, 207, 0.25);
    border-radius: 16px;
    padding: 24px;
}
.icon_margin {
    margin-right: 21px;
}