@font-face {
    font-family: 'proxima_nova';
    src: url('proximanova_regular-webfont.woff2') format('woff2'),
         url('proximanova_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    /* height: 100vh; */
    background: linear-gradient(180deg, #015d52 50%, #eceefa 50%);
    font-family: 'proxima_nova';
    background-attachment: fixed;
}

.vertical-center {
    width: 400px;
    padding-top: 50px;
    margin: 0 auto;
}

.appnt_box .txt {
    color: #fff;
}

.appnt_box h2 {
    font-weight: 700;
}

.appnt_box .sub_hd {
    font-size: 21px;
}

.appnt_box span.icn_ph>i {
    background: #00b771;
    padding: 5px 3px 2px 4px;
    font-size: 11px;
    margin-left: 6px;
    border-radius: 5px;
}

.appnt_box .vtl_lne {
    color: #317c73;
}

.appnt_box .dsc {
    font-weight: 600;
    color: #5F5E63;
}

.appnt_box .tme_hd {
    font-weight: 700;
}

.appnt_box form {
    border-radius: 20px;
    box-shadow: 0px 0px 12px 0px #001F1B29;

}

.appnt_box .upr_box {
    border-bottom: 1px dashed #00000033;

}

.appnt_box .tm_btn {
    background-color: #029D8A;
    border-radius: 4px;
    border: 1px solid #018675;

}

.appnt_box .sb_btn {
    border-radius: 8px;
    border: 1px solid #029D8A;
    width: 75%;
    font-weight: 500;
    font-size: 20px;
    color: #029D8A;
}
.app_txt_hd{
    font-size: 13px;
    color: #5F5E63;
    font-weight: 500;
}
.tkn{
    background-color: #FFF0E4;
    font-size: 17px;
    font-weight: 700;
    border-radius: 5px;
}
.ptn_hed{
    background-color: #F1FCEE;
    font-size: 17px;
    font-weight: 700;
    border-radius: 5px;
}
span.ptn_hed_dtl {
    background: radial-gradient(104.16% 106.67% at 50% 0%, #2AA495 0%, #016256 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.tkn_dtl, .new_ptn_tkn>span{
    background: radial-gradient(104.16% 106.67% at 50% 0%, #FE9B4B 0%, #F47814 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.new_ptn_tkn{
    background: #fff0e4;
    padding: 10px 0px;
    border-radius: 50%;
    width: 46px;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0 0 13px #fff0e4;
    font-size: 17px;
    font-weight: 700;
    }

.pnt_dtl_txt{
    font-size: 16px;
    font-weight: 700;
    word-break: break-word;
}
.pnt_btn{
    column-gap: 20px;
}
.pnt_btn .pnt_btn_b{
    border-radius: 8px;
    border: 1px solid #029D8A;
    font-weight: 500;
    font-size: 20px;
    background: #2AA495;
    color: #fff;
}
.pnt_btn .pnt_btn_a{
    border-radius: 8px;
    border: 1px solid #00000036;
    font-weight: 500;
    font-size: 20px;
    color: #000;
}
button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: 0px 0px 3px 3px #015d5230;
}
.bkg_dtl>p{
    color: #00000080;
    font-size: 10px;
    font-weight: 600;
}
.appnt_box .upr_box .tnt-dev {
    font-size: 18px;
    margin: 0;
    background: #edede4;
    padding: 5px 0;
    box-shadow: 0 0 10px #00000017;
    border-radius: 5px;
    font-weight: 600;
}
.col-7.pnt_nme {
    padding: 0 10px 0 0;
}

@media only screen and (max-width: 1366px) {
    body {
        /* height: auto ; */
    }

}

@media only screen and (max-width: 600px) {
    body {
        /* height: auto ; */
        padding: 30px 0;
    }

    .vertical-center {
        width: auto;
        padding: 0 8px;
    }

    .appnt_box .sb_btn {
        width: 100%;
    }
}