html,body,#body-container{height:100%;transition: all 0.4s ease;}
:root {
    --animate-delay: 0.5s;
}
/* 92F6FF*/
body{
    padding: 0px;
    position: relative;
    height: 100%;
    background: radial-gradient(80.42% 74.24% at 50% 50%, #1E7351 0%, #155139 100%), linear-gradient(0deg, #F4F4F4, #F4F4F4), #FFFFFF;
    color:whitesmoke;
    font-family: Manrope;
}

.navbar{
    align-items: center;
    height: 80px !important;
    background: #144D37;
    z-index: 8;
}
.navbar-brand-container{height: 80px !important;padding-top:20px;}
.navbar .container{
    background: #144D37;
}
@media (min-width: 1540px) {
    .nav-item{
        background: #1E7351;
        border-radius: 8px;
        margin-right: 10px;
    }
}



.blur{

    filter: blur(15px);
    background: rgba(0, 0, 0, 0.22);
}
#modal-window{
    display: none;
    width: 400px;
    height: 100%;
    background: #1E7351;
    position: fixed;
    right: 0px;
    top:0px;
}
.active-wide{
    width: 800px !important;
}
.active-light{
    width: 400px !important;
}

.modal-header{
    background: #144D37;
    padding: 17px 28px;
    height: 80px;
}
.modal-header-text{
    /* [Linked] Механика */

    height: 41px;

    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 112%;
    /* or 34px */
    display: flex;
    align-items: center;
    color: #cfffa1;
    text-shadow: -3.74235px -3.74235px 31.1862px rgba(255, 255, 255, 0.13), 3.74235px 3.74235px 31.5604px rgba(255, 255, 255, 0.13);
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;

}
.modal-body{
    overflow: auto;
    height: 100%;
    padding: 27px; padding-bottom: 100px;
}
body::-webkit-scrollbar,.modal-body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-track, .modal-body::-webkit-scrollbar-track {
    background: none;
}
body::-webkit-scrollbar-thumb, .modal-body::-webkit-scrollbar-thumb {
    background-color: rgba(65, 199, 255, 0.25);
    border-radius: 1px;
    border: 0px solid orange;
}
.active{display: block !important;}
.no-scroll{overflow: hidden;}
#close-modal{cursor: pointer;}


.item{
    background: rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3.61011px 16.065px rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(9.7315px);
    border-radius: 72.2022px 0px 43.9982px;
    min-height: 200px;
    border:solid 3px #F39924;
    position: relative;
    padding: 0px;
}
.item img.item-banner{border-radius: 67.2022px 0px 43.9982px;}
.item-buttons-block{padding-left: 30px;padding-right: 30px;padding-bottom: 15px;}
.card-title{
    position: absolute;
    width: 100%;
    top: 5.45%;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 112%;
    text-align: center;
    color: #fff;
    text-shadow: -3.74235px -3.74235px 31.1862px rgba(255, 255, 255, 0.13), 3.74235px 3.74235px 31.5604px rgba(255, 255, 255, 0.13);

}

.card-background{width: 100%;

}
.card-button{
    /* Frame 33737707 */
    transition: all 1s ease;
    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 2px;
    isolation: isolate;

    height: 44px;

    background: linear-gradient(189.23deg, #F59E25 0.33%, #EE8427 101.25%), #FFFFFF;
    border-radius: 8px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;

    /* [Linked] Механика */



    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    /* identical to box height, or 20px */
    display: flex;
    align-items: center;
    text-align: center;

    color: #5B2729;

    text-shadow: -3.13601px -3.13601px 26.1334px rgba(255, 255, 255, 0.13), 3.13601px 3.13601px 26.447px rgba(255, 255, 255, 0.13);
    border:none;

}
.card-button:hover{
    color: #42609e;
    background: linear-gradient(189.23deg, #fba733 0.1%, #f18e37 101.25%), #FFFFFF;
}

.btn-sm-text{
    font-size: 12px;
}

.item .row > *{
    padding-right: calc(var(--bs-gutter-x)* 0.1) !important;
    padding-left: calc(var(--bs-gutter-x)* 0.1)  !important;;
}
.button-icon{position:fixed;float: left;text-align: left;left:25px;}
.btn-label{
    background-repeat: no-repeat;background-position: left top;width:100%;
    margin-left:10px;
    min-height: 80%;
    display: flex;
    flex-shrink: inherit;
    align-items: center;   /* <---- NEW    */
    width: 100%;
    justify-content: center;
}
.btn-table{
    background-image: url(/Static/alg/table.svg);
}
.btn-calc{
    background-image: url(/Static/alg/calc.svg);
}
.btn-info{
    background-image: url(/Static/alg/info.svg);
}
.btn-chart{
    background-image: url(/Static/alg/chart.svg);
}

.btn-search{color:whitesmoke;border: solid 1px #acacac;}
footer{font-size: 14px;}
@media (max-width: 800px) {
    .card-title{
        font-size: 20px !important;
    }
    .card-button{
        font-size: 14px;
    }
    .btn-label{
        margin-left: 10px;
        padding-left: 20px;
    }
    .btn-sm-text{
        font-size: 10px;
    }
    .active-wide{
        width: 100% !important;
    }
    .active-light{
        width: 100% !important;
    }
    body.lang-kz .shrink-mobile-kz{
        font-size: 90% !important;
    }
    .shrink-mobile-kz-70{
        font-size: 70% !important;
    }
    .btn-label{
        font-size: 84%;
    }
}

.main-title{
    /* Физика */



    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 49px;
    color: #fff;
    text-align: center;

}

.btn-secondary{
    background: #1E7351;
    border:none !important;
}
.btn-secondary:hover{
    background: #1E7351;
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 3.7rem;
}
.dropdown-menu-dark{
    background: #1E7351;
}

.info-item{
    margin-bottom: 40px;
    border-left: solid 4px #586779;
    padding-left: 10px;
}

.info-item-header{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.info-line p{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #B4B4B4;
    flex: none;
    order: 0;
    flex-grow: 1;
}

.whatsnew{
    font-size: 15px;
    color: #B4B4B4;
    margin-left:30px;
}

.props ul{margin-left: 0px;padding-left: 0;}
.props ul li{list-style: none;margin-left: 0px;padding-left: 0;color: #B4B4B4;font-size: 15px;}
.props ul li b{font-size: 110%;color: whitesmoke}


/* зкашч */
.round-prefix{
    width: 55px;
    height: 55px;
    background: #D82A29;
    border-radius: 55px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.round-prefix div{
    width: 24px;
    height: 20px;
    position: relative;
    left: calc(50% - 24px/2 - 3.5px);
    top: calc(50% - 20px/2 + 4px);
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 20px;
    color: #FFFFFF;
}

.round-const{
    width: 55px;
    height: 55px;
    background: #D82A29;
    border-radius: 55px;
    flex: none;
    order: 0;
    flex-grow: 0;
    color:white;
}
.round-const div{
    position: relative;
    width: 16px;
    height: 20px;
    left: calc(50% - 16px/2 - 0.5px);
    top: calc(50% - 20px/2 + 0.5px);
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;

    color: white;
}

.round-const-2 div{
    position: relative;
    width: 16px;
    height: 20px;
    left: calc(50% - 10px/2 - 0.5px);
    top: calc(50% - 20px/2 + 0.5px);
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;

    color: #112640;
}

.round-temp{
    /* Background */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 4px;
    gap: 5.3px;

    height: 52px;

    background: #1A3355;
    border-radius: 10px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;

}

.info-item-colored{
    padding-left:20px;
    padding-right:20px;
    text-align: center;
    margin-bottom: 50px;
    font-size: 17px;
}

.line-colored{height:8px;border-radius: 4px;}

/** light mode **/
.light-image{display: none}
.mode-light .light-image{display: inline;}
.mode-light .dark-image{display: none;}
body.mode-light{
    padding: 0px;
    position: relative;
    height: 100%;
    background: radial-gradient(80.42% 74.24% at 50% 50%, #dbdde1 0%, #efefef 100%), linear-gradient(0deg, #F4F4F4, #F4F4F4), #FFFFFF;
    color:whitesmoke;
    font-family: Manrope;
}
body.mode-light  .navbar .container, body.mode-light .navbar{
    background: #c0cfdd;
}
body.mode-light .nav-item, body.mode-light .nav-item button {
    background: rgba(94, 113, 138, 0);

}
body.mode-light .nav-link{
    color: #1A3355 !important;
}
body.mode-light .item{
    background: rgba(110, 47, 50, 0.36);

}
body.mode-light .item .card-title {
    color: #1A3355;
}
body.mode-light .main-title, body.mode-light footer{
    color: #1A3355;
}

body.mode-light .card-button{
    color: #42609e;
    background: linear-gradient(189.23deg, rgba(110, 47, 50, 0.14) 0.33%, rgba(110, 47, 50, 0.23) 101.25%), #FFFFFF !important;
}

body.mode-light .modal-header{
    background: #becfe3;
    padding: 17px 28px;
    height: 80px;
}

body.mode-light .modal-header{
    background: #d4dae1;
    padding: 17px 28px;
    height: 80px;
}

body.mode-light .modal-header-text{
    color: #42609e;
}
body.mode-light #modal-window{
    background: whitesmoke;
    color: #223255;
}
body.mode-light .info-item-header {
    color: #223255;
}
body.mode-light .info-line p {
    color: #385188;
}
body.mode-light .whatsnew {
    color: #385188;
}
body.mode-light .props ul li {
    color: #385188;
}
body.mode-light .props ul li b {
    color: #2b3d65;
}
.round-temp {
    background: rgba(56, 81, 136, 0.14);
}
body.mode-light .navbar {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
body.mode-light .navbar-toggler{
    border-color: #385188 !important;
}

body.mode-light .btn-mobile-nav{
    background: none;
    color:#0A1F34 !important;
}
body.mode-light .btn-search{
    color:#0A1F34 !important;
}