@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');

@font-face {
    font-family: 'bahij_thesansarabicplain';
    src: url('bahij_thesansarabic-plain-webfont.woff2') format('woff2'), url('bahij_thesansarabic-plain-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body {
    height: 100%;
    margin: 0;
}

html, body {
    font-family: 'bahij_thesansarabicplain' !important;
}

a {
    font-family: 'bahij_thesansarabicplain' !important;
}

#btnSwitch {
    font-family: "Noto Kufi Arabic", sans-serif !important;
    font-size: 15px;
}

[dir="rtl"] p,
[dir="rtl"] body {
    font-family: "Noto Kufi Arabic", sans-serif !important;
}

.bg_div {
    /*background: url("../images/bg.png") no-repeat;*/
    background-size: 100% 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.section_wrap {
    width: 100%;
    min-height: 100%;
    padding: 50px 0;
    box-sizing: border-box;
    flex-wrap: wrap;
}

    .section_wrap.section_one {
        background: url("../images/bg_sec_1.png") no-repeat center bottom;
        display: flex;
        justify-content: center;
        align-items: center;
        background-size: cover;
    }

        .section_wrap.section_one .img_a {
            width: 100%;
            max-width: 700px;
            text-align: center;
        }

            .section_wrap.section_one .img_a img {
                max-width: 550px;
                width: 100%;
            }

.section_two {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
}

    .section_two .img_b img {
        max-width: 800px;
        width: 100%;
    }

    .section_two .content_b p {
        max-width: 700px;
        font-size: 22px;
        line-height: 34px;
        color: #201751;
    }

    .section_two .content_b {
        align-self: center;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        box-sizing: border-box;
    }

.section_three {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

    .section_three .wrapn {
        max-width: 400px;
        height: 400px;
        width: 100%;
    }

        .section_three .wrapn.wrap_a {
            background: url("../images/war_a.png") no-repeat center right;
            background-size: 100%;
        }

        .section_three .wrapn.wrap_b {
            background: url("../images/war_b.png") no-repeat center center;
            background-size: 100%;
        }

        .section_three .wrapn.wrap_c {
            background: url("../images/war_c.png") no-repeat left center;
            background-size: 100% 104%;
        }

.section_four {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

    .section_four h2 {
        font-size: 33px;
        background: #268aa9;
        padding: 7px 20px;
        color: #fff;
        font-weight: normal;
        text-align: center;
    }

    .section_four .list {
        width: 300px;
        height: 388px;
    }

    .section_four .wrapm {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        row-gap: 25px;
    }

    .section_four .list.aa {
        background: url("../images/list_a.png") no-repeat left center;
        background-size: 100%;
    }

    .section_four .list.ab {
        background: url("../images/list_b.png") no-repeat left center;
        background-size: 100%;
    }

    .section_four .list.ac {
        background: url("../images/list_c.png") no-repeat left center;
        background-size: 100%;
    }

    .section_four .list.ad {
        background: url("../images/list_d.png") no-repeat left center;
        background-size: 100%;
    }

.section_five {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

    .section_five h2 {
        font-size: 33px;
        padding: 7px 20px;
        color: #fff;
        font-weight: normal;
        text-align: center;
        background: #7a7a7a;
        background: linear-gradient(180deg, rgba(122, 122, 122, 1) 0%, rgba(230, 230, 230, 1) 100%);
    }

    .section_five .wraps {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        max-width: 1350px;
        justify-content: space-around;
        row-gap: 50px;
    }

    .section_five .list {
        width: 244px;
        height: 244px;
        background: url(../images/frame_1.png) no-repeat left center;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        line-height: 28px;
        text-align: center;
        padding: 20px;
        color: #696f92;
        position: relative;
        padding-top: 52px;
        box-sizing: content-box;
    }

        .section_five .list .num {
            position: absolute;
            top: 60px;
            left: auto;
            right: auto;
        }

.section_six {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

    .section_six h2 {
        text-align: center;
        font-size: 33px;
        background: #e8b63c;
        padding: 7px 20px;
        color: #fff;
        font-weight: normal;
    }

    .section_six .wraps {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        max-width: 1350px;
        justify-content: space-around;
        row-gap: 50px;
    }

    .section_six .list {
        width: 244px;
        height: 244px;
        background: url(../images/frame_2.png) no-repeat left center;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        line-height: 28px;
        text-align: center;
        padding: 20px;
        color: #C79A48;
        position: relative;
        padding-top: 52px;
        box-sizing: content-box;
    }

        .section_six .list .num {
            position: absolute;
            top: 60px;
            left: auto;
            right: auto;
        }

.section_seven {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

    .section_seven h2 {
        font-size: 33px;
        background: #aaaaaa;
        padding: 7px 20px;
        color: #fff;
        font-weight: normal;
        text-align: center;
    }

    .section_seven .wraps {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        max-width: 1350px;
        justify-content: space-around;
        row-gap: 50px;
    }

    .section_seven .list {
        width: 244px;
        height: 244px;
        background: url(../images/frame_3.png) no-repeat left center;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        line-height: 28px;
        text-align: center;
        padding: 20px;
        color: #787879;
        position: relative;
        padding-top: 52px;
        box-sizing: content-box;
    }

        .section_seven .list .num {
            position: absolute;
            top: 60px;
            left: auto;
            right: auto;
        }

.section_eight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

    .section_eight h2 {
        font-size: 33px;
        background: #2694B4;
        padding: 7px 20px;
        color: #fff;
        font-weight: normal;
        text-align: center;
    }

    .section_eight .wraps {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        max-width: 1350px;
        justify-content: space-around;
        row-gap: 50px;
    }

    .section_eight .list {
        width: 244px;
        height: 244px;
        background: url(../images/frame_4.png) no-repeat left center;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        line-height: 28px;
        text-align: center;
        padding: 20px;
        color: #2F94B4;
        position: relative;
        padding-top: 52px;
        box-sizing: content-box;
    }

        .section_eight .list .num {
            position: absolute;
            top: 60px;
            left: auto;
            right: auto;
        }

.section_nine {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

    .section_nine h2 {
        font-size: 33px;
        background: #2694B4;
        padding: 7px 20px;
        color: #fff;
        font-weight: normal;
        text-align: center;
    }

    .section_nine .wraps {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        max-width: 1350px;
        justify-content: space-around;
        row-gap: 50px;
        overflow: scroll;
        width: 100%;
    }

    .section_nine table {
        background: #BFE8F1;
        border-spacing: 0;
        border: none;
    }

        .section_nine table td {
            border: 1px solid #fff;
            color: #1F1750;
            padding: 10px;
            text-align: center;
            font-size: 17px;
        }

            .section_nine table td:first-child {
                font-weight: bold;
            }

        .section_nine table th {
            border: 1px solid #fff;
            background: #2694B4;
            color: #fff;
            padding: 10px;
            text-align: center;
            font-size: 22px;
        }

        .section_nine table tr:nth-child(even) {
            background-color: #f9f9f9;
        }

.section_ten {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .section_ten .img_b img {
        max-width: 700px;
        width: 100%;
    }

    .section_ten .img_a img {
        max-width: 700px;
        width: 100%;
    }

.section_elev {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 80px;
}

    .section_elev .img_b img {
        max-width: 700px;
        width: 100%;
    }

    .section_elev .img_a img {
        max-width: 700px;
        width: 100%;
    }

    .section_elev table {
        background: #BFE8F1;
        border-spacing: 0;
        border: none;
    }

        .section_elev table td {
            border: 1px solid #fff;
            color: #1F1750;
            padding: 18px;
            text-align: center;
            font-size: 22px;
        }

            .section_elev table td:first-child {
                font-weight: bold;
            }

        .section_elev table th {
            border: 1px solid #fff;
            background: #2694B4;
            color: #fff;
            padding: 10px;
            text-align: center;
            font-size: 20px;
        }

        .section_elev table tr:nth-child(even) {
            background-color: #f9f9f9;
        }

    .section_elev .left {
        width: 100%;
        max-width: 375px;
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .section_elev h2 {
        font-size: 33px;
        background: #2694B4;
        padding: 7px 20px;
        color: #fff;
        font-weight: normal;
        text-align: center;
        width: fit-content;
        margin: 0 auto;
        text-align: center;
    }

.section_twel {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .section_twel .content_wrap {
        width: 100%;
        max-width: 1000px;
        position: relative;
        min-height: 300px;
        font-size: 27px;
        text-align: center;
        align-items: center;
        display: flex;
        padding: 65px;
        box-sizing: border-box;
        color: #1F1750;
    }

    .section_twel .img_w {
        width: 250px;
        height: 250px;
        position: absolute;
    }

        .section_twel .img_w img {
            width: 100%;
        }

        .section_twel .img_w.img_top {
            top: 0;
            left: 0;
        }

        .section_twel .img_w.img_botom {
            bottom: 0;
            right: 0;
        }

[dir="rtl"] .section_three .wrapn.wrap_a {
    background: url(../images/war_a_ar.png) no-repeat center right;
    background-size: 100%;
}

[dir="rtl"] .section_three .wrapn.wrap_b {
    background: url(../images/war_b_ar.png) no-repeat center center;
    background-size: 100%;
}

[dir="rtl"] .section_three .wrapn.wrap_c {
    background: url(../images/war_c_ar.png) no-repeat center center;
    background-size: 100%;
}

[dir="rtl"] .section_three .wrapn {
    height: 418px;
}

[dir="rtl"] .section_four .list.aa {
    background: url(../images/list_a_ar.png) no-repeat left center;
    background-size: 100%;
}

[dir="rtl"] .section_four .list.ab {
    background: url(../images/list_b_ar.png) no-repeat left center;
    background-size: 100%;
}

[dir="rtl"] .section_four .list.ac {
    background: url(../images/list_c_ar.png) no-repeat left center;
    background-size: 100%;
}

[dir="rtl"] .section_four .list.ad {
    background: url(../images/list_d_ar.png) no-repeat left center;
    background-size: 100%;
}

/*/header styles start/*/

.nav-top {
}

nav {
    height: 77px;
    border-bottom: 0px solid #ccc;
    background: none;
}

    nav .container {
        width: 100% !important;
        position: fixed;
    }

.navbar-collapse.collapse {
    background: none;
    border: none !important;
}

.main-nav ul.nav > li > a {
    color: #201751;
}

    .main-nav ul.nav > li > a.active, .main-nav ul.nav > li > a:hover {
        color: #158399;
    }

.right_actions > li {
    border: none;
}

.main-nav ul.nav > li {
    width: auto;
    padding: 0 20px;
}

nav.small .main-nav {
    background: #fffffff2;
}

.right_actions li.profile {
    position: relative;
    padding-left: 25px !important;
}

li.profile::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    /* transform: translateY(-50%); */
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.5 21.5'%3E%3Cg transform='translate(-1.25 -1.25)'%3E%3Cpath d='M12.121 12.78a.963.963 0 0 0-.24 0 3.28 3.28 0 1 1 .24 0Z' fill='none' stroke='%2330b0c8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' opacity='0.4'/%3E%3Cpath d='M18.74 19.38a9.979 9.979 0 0 1-13.48 0A3.679 3.679 0 0 1 7.03 16.8a9.73 9.73 0 0 1 9.94 0A3.679 3.679 0 0 1 18.74 19.38Z' fill='none' stroke='%2330b0c8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' opacity='0.34'/%3E%3Cpath d='M12 22A10 10 0 1 0 2 12 10 10 0 0 0 12 22Z' fill='none' stroke='%2362b9af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

nav.small .minilogo {
    display: none;
}

.login-drop-down a {
    border: 0px solid #51a196;
    border-radius: 8px;
    padding: 5px 11px;
    background: #51a19600;
    color: #201751;
}

.dgep_logo_pos {
    width: 140px;
    margin-top: -23px;
    display: none;
}

.main-nav .container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu {
    width: auto;
}

.login_search {
    width: auto;
    margin-inline-start: 32px;
}

#login-drop-down img {
    display: none;
}

#register-drop-down img {
    display: none;
}

.right_actions {
    margin-top: 2px;
    display: flex;
    gap: 30px;
    overflow: visible;
}

    .right_actions > li {
        padding: 0 !important;
    }

#btnSwitch img {
    display: none;
}

.main-nav ul.nav > li > a.active, .main-nav ul.nav > li > a:hover {
    color: #106a7c;
}

#btnSwitch {
    color: #201751;
}

nav.small ul.nav {
    padding-left: 0px !important;
}

div#login-menu .my_form {
    background: #59b7b9 !important;
}

.my_form {
    height: 50px;
}

.login-menu .btn {
    padding: 13px !important;
}

div#login-menu .login_sub_text {
    margin-top: 8px;
}

.footer_widget .main_widget {
    display: none;
}

.copyright_text p, .privacy p {
    color: #888888;
    font-size: 15px;
}

.footer {
    background: none;
    border-top: 1px solid #fff;
}


[dir="rtl"] .section_twel .content_wrap {
    font-size: 20px;
    line-height: 32px;
}

[dir="rtl"] .section_elev h2,
[dir="rtl"] .section_four h2,
[dir="rtl"] .section_five h2,
[dir="rtl"] .section_six h2,
[dir="rtl"] .section_seven h2,
[dir="rtl"] .section_eight h2,
[dir="rtl"] .section_five h2,
[dir="rtl"] .section_nine h2 {
    font-size: 28px;
    padding: 10px 25px;
}

[dir="rtl"] .section_two .content_b p * {
    font-size: 19px;
    font-family: "Noto Kufi Arabic", sans-serif !important;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 {
    font-family: "Noto Kufi Arabic", sans-serif !important;
}

[dir="rtl"] a {
    font-family: "Noto Kufi Arabic", sans-serif !important;
}

[dir="rtl"] .section_eight .list,
[dir="rtl"] .section_seven .list,
[dir="rtl"] .section_six .list,
[dir="rtl"] .section_five .list {
    font-size: 18px;
}

[dir="rtl"] .section_nine table th {
    font-size: 15px;
    padding: 17px;
}

[dir="rtl"] .section_elev table td,
[dir="rtl"] .section_elev table th {
    padding: 14px;
    font-size: 17px;
}

[dir="rtl"] .login_text {
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
}

[dir="rtl"] .form_lab {
    font-size: 16px;
}

[dir="rtl"] li.profile::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .right_actions li.profile {
    padding-right: 30px !important;
    padding-left: 0 !important;
}

.dropdown-menu {
    padding: 12px 0;
    border: 0px solid #ccc;
    border: 0px solid rgba(0, 0, 0, .15);
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgb(0 0 0 / 7%);
}

.right_actions .dropdown-menu li {
    border-right: 0;
    width: 100%;
}

[dir="rtl"] a i {
    margin-right: 0px;
    margin-left: 10px;
}

a i {
    color: #136677;
}

body {
    background: #C7EDF9;
    background: linear-gradient(322deg,rgba(199, 237, 249, 1) 0%, rgba(255, 255, 255, 1) 53%) !important;
}

#dvRegisterform {
    margin-top: 57px;
}

    #dvRegisterform .forms {
        margin: 20px 0px 20px 0px;
        border: 1px #c7e6ec solid;
        padding: 30px 50px 50px 50px;
        border-radius: 15px;
        background: #ffffff4f;
    }

.form_lab1 {
    font-size: 16px;
    color: #404040;
}

.my_form2, .my_form3 {
    display: block;
    width: 95%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
}

.select2-container .select2-selection--single {
    height: 50px !important;
    border-radius: 8px !important;
}

#btnRegister.register_btn {
    background: #36b0ca !important;
    border: none !important;
    color: #fff;
    font-size: 18px;
}

#btnAddEvent.register_btn {
    background: #201751 !important;
    border: none !important;
    color: #fff;
    font-size: 18px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px !important;
}

.select2-container {
    width: 95% !important;
}

.photo_bg {
    margin-top: 100px;
    background: #349DBA;
    background: linear-gradient(333deg, rgba(52, 157, 186, 1) 0%, rgba(102, 186, 175, 1) 100%);
}

.name_subtxt {
    color: #ffffff;
    font-size: 20px;
}

.profile_photo li a {
    display: flex;
    gap: 10px;
    font-size: 18px;
    align-items: center;
    color: #201751;
}

.margintop_proinfo .marginbottom {
    margin-bottom: 30px;
}

.margintop_proinfo h2 {
    margin-bottom: 30px;
}

.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    border-bottom: 4px solid #36b0ca;
}

.margintop_proinfo .my_tabs li a:hover {
    border-bottom: 4px solid #66baaf;
}

.margintop_proinfo .nav2 li a:hover, .margintop_proinfo .nav2 li a.dropdown-toggle.active {
    background: none !important;
    color: #000;
}

.filter_bar {
    margin-top: 100px;
    background: #349DBA;
    background: linear-gradient(333deg, rgba(52, 157, 186, 1) 0%, rgba(102, 186, 175, 1) 100%);
    padding-bottom: 40px;
}

    .filter_bar .container {
        max-width: 1600px !important;
        width: 100% !important;
    }

.fil_category {
    margin-top: 20px;
    margin-left: -15px;
    margin-right: -15px;
}

.reg_web_btn #btnRegister {
    max-width: 400px;
    margin: 0 auto;
}

#dvEventSession .select2-selection.select2-selection--multiple {
    min-height: 47px;
    border-radius: 8px;
    padding-top: 7px;
}
/*@mediaqury start*/
@media (max-width: 750px) {
    .nav-top .navbar-toggle {
        width: 28px;
        height: 28px;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7C3 6.44771 3.44772 6 4 6H24C24.5523 6 25 6.44771 25 7C25 7.55229 24.5523 8 24 8H4C3.44772 8 3 7.55229 3 7Z' fill='%23000000'/%3E%3Cpath d='M3 14C3 13.4477 3.44772 13 4 13H24C24.5523 13 25 13.4477 25 14C25 14.5523 24.5523 15 24 15H4C3.44772 15 3 14.5523 3 14Z' fill='%23000000'/%3E%3Cpath d='M4 20C3.44772 20 3 20.4477 3 21C3 21.5523 3.44772 22 4 22H24C24.5523 22 25 21.5523 25 21C25 20.4477 24.5523 20 24 20H4Z' fill='%23000000'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .navbar-toggle .fa.fa-bars::before {
        display: none;
    }

    .navbar-collapse.collapse {
        margin-top: 53px;
        background: #fff;
    }

    .main-nav .container {
        flex-direction: column;
    }

    .login_search {
        width: auto;
        margin-inline-start: 0;
        padding: 20px;
    }

    .navbar-collapse {
        padding-right: 0;
    }

    .nav > li > a {
        padding-left: 37px !important;
        padding-right: 37px !important;
    }

    nav {
        background: #fff;
    }

    .main-nav ul.nav > li > a {
        line-height: 20px;
    }

    .navbar-collapse.in {
        overflow: visible;
    }
}

@media (max-width: 500px) {
    .nav > li > a {
        text-align: center !important;
        padding: 10px 15px !important;
    }

    .right_actions {
        justify-content: center;
    }

    #dvRegisterform .forms {
        padding: 16px 0 10px 17px;
    }
}
/*@mediaqury end*/
.filter_bar .page_title h1 {
    color: #fff;
}

.filter_bar .title_sub_content {
    color: #fff;
}

.fil_category label {
    color: #e4fcff;
    font-weight: normal;
}

.fil_category .bootstrap-select .btn {
    height: 46px;
    border: 1px solid #ffffff;
    width: 95%;
    border-radius: 8px !important;
    background: #57b1b3;
}

.fil_category #txtDate {
    height: 46px;
    border: 1px solid #ffffff;
    width: 95%;
    border-radius: 8px;
    background: #57b1b3;
}

.fil_category #btnSearch {
    width: 100%;
    height: 50px;
    border-radius: 8px !important;
    margin-top: 4px;
    background: #201751 !important;
}

.fil_category .refresh {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    margin: 5px 0px 0px 10px;
    background-color: #63b8b0;
    border-radius: 8px;
    border: 1px solid #a1d8d2;
}

.bs-slider-overlay1 {
    background-color: rgb(56 148 179 / 71%);
}

.splitter {
    border-right: 1px solid #ffffff;
}

.banner_details,
.banner_date {
    border-bottom: 1px solid #ffffff;
}

.event_reg_banner ul li {
    background: #201751;
}

#activeSessionsContainer {
    overflow: scroll;
}

#qrContainer {
    text-align: center;
    justify-content: center;
    display: flex;
    padding: 40px 10px;
    width: 100%;
}

#qrModal .modal-header .close {
    margin-top: -21px;
}

#qrModal .modal-title {
    color: #000;
    font-size: 15px;
}

#btnVerifyOTP {
    padding: 13px;
    border-radius: 8px;
}

#txtOTP {
    padding: 13px;
    border-radius: 8px;
    height: 46px;
}

#otpStep .form-group {
    padding: 0;
}
.reg_btn_home a {
    background: #201751;
    color: #fff;
    padding: 15px 15px;
    border-radius: 12px;
    width: 100%;
    border: none;
    font-size: 20px;
    max-width: 350px;
    cursor: pointer;
}

    .reg_btn_home a:hover {
        background: #116c7e;
    }

.reg_btn_home {
    width: 100%;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

.section_wrap.section_one {
    flex-direction: column;
}
.pcard_details {
    margin-top: 115px !important;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.pcard_details h4 {
    text-align: center;
    font-size: 17px;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px;
}

.pcard_details .list_wrap {
    display: flex;
    flex-direction: column;
}

.pcard_details .list {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #fff;
}

    .pcard_details .list .title {
        width: 30%;
        font-size: 15px;
        color: #ffffff;
        background: #106a7c;
        padding: 10px;
    }

    .pcard_details .list .res {
        border-bottom: 1px solid #dedcdc;
        padding: 10px;
        display: flex;
        flex-grow: 1;
        font-size: 16px;
    }

#btnMarkAttendance {
    background: #201751;
    padding: 14px;
    border-radius: 6px;
    border: none;
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
}


input::placeholder {
    color: #969595;
}