/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#rare-geography-block{
    position: relative;

    padding: 32px 16px 32px 16px;
}
#rare-geography-block .info-content{
    gap: 0;
}
#rare-geography-block.info-block .background-elements>.top-left-angle{
    width: 32px;
    height: 32px;
    top: 16px;
    left: 16px;
}
#rare-geography-block.info-block.info-block .info-content ul{
    padding: 0px;
    padding-top: 10px;
    margin-left: 30px;
}
#rare-geography-block.info-block.info-block .info-content ul>li{
    font-family: Montserrat;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0px;
}
#rare-geography-block.info-block.info-block .info-content ul>li::marker{
    font-size: 11px;
}
#rare-geography-block.info-block.info-block .info-content ul>li b{
    font-family: Montserrat;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0px;
}
#rare-geography-block .title{
    font-family: Montserrat;
    font-weight: 800;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0px;
    text-transform: uppercase;
    position: relative;
    left: 18px;
    top: 6px;
}
#rare-geography-block.info-block.info-block .info-content>.btn{
    margin: 0;
    position: relative;
    left: 20px;
    margin-top: 16px;
}
#rare-geography-block.info-block.info-block .info-content .mobile-content{

}
#rare-geography-block.info-block.info-block .info-content .content{
    display: none;
}

@media(min-width: 375px){
    #rare-geography-block.info-block .background-elements>.top-left-angle{
        width: 48px;
        height: 48px;
        top: 32px;
        left: 16px;
    }
    #rare-geography-block .title{
        font-size: 24px;
        top: 32px;
        left: 32px;
    }
    #rare-geography-block.info-block.info-block .info-content ul{
        padding-top: 32px;
    }
}
@media(min-width: 375px) and (max-width: 376px){
    #rare-geography-block{
        width: 343px;
        height: 540px;
        border-radius: 20px;
        background-color: #FFFFFF;
        padding: 0;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        margin-bottom: 12px;
    }
    #rare-geography-block.info-block .background-elements>.top-left-angle{
        width: 48px;
        height: 48px;
        top: 32px;
        left: 16px;
    }
    #rare-geography-block>.background-elements,
    #rare-geography-block .title{
        position: absolute;
    }
    #rare-geography-block .title{
        top: 59px;
        left: 48px;
        margin: 0;

        font-family: Montserrat;
        font-weight: 800;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0px;
        text-transform: uppercase;
    }
    #rare-geography-block.info-block.info-block .info-content .mobile-content{
        width: 308px;
        height: 328px;
        top: 104px;
        left: 16px;
        gap: 16px;
        position: relative;
    }
    #rare-geography-block.info-block.info-block .info-content ul{
        padding: 0;
        padding-left: 16px;
        margin: 0;
    }
    #rare-geography-block.info-block.info-block .info-content ul>li{
        margin: 0;

        font-family: Montserrat;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0px;

        color: #777777;
    }
    #rare-geography-block.info-block.info-block .info-content ul>li::marker{
        font-family: Montserrat;
        font-weight: 500;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0px;
    }
    #rare-geography-block .info-content{
        height: 100%;
    }
    #rare-geography-block.info-block.info-block .info-content>.btn{
        position: absolute;
        width: 311px;
        height: 60px;
        top: 448px;
        left: 16px;
        margin: 0;
    }
}
@media(min-width: 1366px){
    #rare-geography-block .title{
        font-size: 48px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
@media(min-width: 1600px){
    #rare-geography-block.info-block.info-block .info-content ul>li{
        font-size: 18px;
        line-height: 20px;
    }
    #rare-geography-block.info-block.info-block .info-content ul>li b{
        font-size: 18px;
        line-height: 20px;
    }
}
@media (min-width: 1920px) {
    #rare-geography-block.info-block .background-elements>.top-left-angle{
        width: 72px;
        height: 72px;
        top: 20px;
        left: 20px;
    }
    #rare-geography-block .title{
        top: 58px;
        left: 68px;
        padding: 0;

        font-family: Montserrat;
        font-weight: 800;
        font-size: 60px;
        line-height: 100%;
        letter-spacing: 0px;
        text-transform: uppercase;
    }
    #rare-geography-block{
        padding: 0;
        height: 447px;
    }
    #rare-geography-block.info-block.info-block .info-content .content{
        position: absolute;
        top: 133px;
        left: 40px;
    }
    #rare-geography-block.info-block.info-block .info-content ul{
        padding: 0;
    }
    #rare-geography-block.info-block.info-block .info-content>.btn{
        margin: 0;
        left: 40px;
        top: 377px;
        position: absolute;
    }
    #rare-geography-block.info-block.info-block .info-content ul>li{
        margin: 0;

        font-family: Montserrat;
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0px;
        color: #777777;
    }
    #rare-geography-block.info-block.info-block .info-content ul>li>b{
        font-family: Montserrat;
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0px;
    }
}