.clear {
    clear: both;
}

a.undlBtn {
    font-weight: bold;
    color: #470a68;
    text-decoration: underline;
}

    a.undlBtn:hover {
        color: #00a3a1;
    }


.frldwrap {
    margin-bottom: 3%;
}

    .frldwrap label, .Pupdesign h4 {
        display: block;
        font-size: 12px;
        margin-bottom: 10px;
        color: #616161;
        font-family: 'Open Sans Semibold';
        letter-spacing: 0;
    }

    .frldwrap input, .frldwrap select, .frldwrap input[type=date] {
        border-radius: 5px;
        border: none;
        padding: 6px 10px;
        font-size: 12px;
        width: 100%;
        /* box-shadow: 1px 1px 10px -2px #00000054; */
        border: 1px solid #c1c1c1;
    }

    .frldwrap .btnIcns {
        box-shadow: 1px 1px 10px -2px #00000057;
        border-radius: 0.35rem;
        overflow: hidden;
    }

        .frldwrap .btnIcns span {
            height: 37px;
            display: block;
            width: 15%;
            float: left;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #0fb172;
            color: #fff;
            /* border-radius: 0.35rem; */
            border-top-left-radius: 0.35rem;
            border-bottom-left-radius: 0.35rem;
        }

        .frldwrap .btnIcns input, .frldwrap .btnIcns select {
            border-radius: 0px;
            box-shadow: none;
            width: 85%;
        }

    .frldwrap ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .frldwrap ul {
        padding: 0px;
        list-style: none;
        margin: 0px;
        margin-top: 21px;
    }

        .frldwrap ul li {
            float: left;
            width: auto;
            margin-right: 8%;
        }

            .frldwrap ul li input {
                float: left;
                box-shadow: none;
                min-width: initial;
                margin-right: 10px;
                width: auto;
                margin-top: 4px;
                color: #000;
            }

            .frldwrap ul li label {
                float: left;
                margin: 0px;
                font-size: 12px;
                color: #020202;
            }

    .frldwrap .btn {
        width: 100%;
        font-size: 16px;
        padding: 0.344rem 0.75rem;
    }

    .frldwrap input[type=file] {
        padding: 5px 10px;
    }

    .frldwrap.fileUpl {
    }

        .frldwrap.fileUpl input {
            visibility: hidden;
            display: none;
        }

        .frldwrap.fileUpl .lbl2 {
            text-align: center;
            box-shadow: 1px 1px 10px -2px #00000057;
            border-radius: 0.35rem;
            padding: 8px 10px;
            font-size: 12px;
            color: #424242;
        }

            .frldwrap.fileUpl .lbl2 svg {
                margin-right: 10px;
                color: #bd004a;
            }

    .frldwrap.chkbk:after {
        content: '';
        display: block;
        clear: both;
    }

    .frldwrap.mrb0 {
        margin-bottom: 0px;
    }

    .frldwrap.chkbk {
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

        .frldwrap.chkbk input {
            float: left;
            width: 20px;
        }

        .frldwrap.chkbk label {
            float: left;
            margin: 0pc;
            margin-left: 5px;
        }

.upldFld {
    width: 100%;
    float: right;
    margin-top: -2px;
}

    .upldFld .custom-file {
        height: auto;
        line-height: 0px;
    }

    .upldFld .custom-file-label {
        border: 1px solid #c1c1c1;
        border-radius: 5px;
        height: auto;
        padding: 5px 10px;
        overflow: hidden;
    }

        .upldFld .custom-file-label::after {
            background: #00338d;
            color: #fff;
            font-size: 12px;
            height: 100%;
        }

    .upldFld .input-group-append {
        /* padding: 5px 10px; */
        height: 100%;
    }

        .upldFld .input-group-append .input-group-text {
            height: 100%;
            padding: 7.5px 10px;
            font-size: 12px;
            min-height: initial;
            line-height: normal;
            background: #f2f4f9;
            border-left: 0px;
        }

.m20 {
    margin: 20px 0px;
}

.table {
    border: 1px solid #dbdbdb;
}

    .table thead {
        background: #00338d;
    }

        .table thead th:last-child {
            border-right: 0px;
        }

    .table tbody td:last-child {
        border-right: none
    }

    .table tbody td {
        border-right: 1px solid #f4f4f4;
    }

    .table thead th {
        color: #fff;
        border-bottom: none !important;
        border-right: 1px solid #f4f4f4;
    }

    .table h2 {
        background: #005eb7;
        padding: 13px 15px;
        color: #fff;
        font-weight: normal;
        border-radius: 5px;
        font-size: 17px;
        font-family: 'Open Sans';
        font-weight: normal;
    }

        .table h2 i, .table h2 svg {
            float: right;
            transform: rotate(180deg);
        }

    .table .panl {
        margin-bottom: 20px;
    }


    .table .show {
        border: 1px solid #e6e6e6;
        padding: 20px;
    }

    .table table {
        border: 1px solid #c5c5c5;
        width: 100%;
    }

        .table table tr:nth-child(even) {
            background: #f1f1f1;
        }

            .table table tr:nth-child(even) td {
                border: 1px solid #d8d8d8;
            }

        .table table tr {
            border: none;
        }

            .table table tr th {
                font-size: 15px;
                padding: 10px;
                text-align: center;
                background: #0091da;
                color: #fff;
                border-right: 1px solid #ffffff38;
                font-weight: normal;
                min-width: 100px;
                background: rgb(0,145,218);
                background: linear-gradient(0deg, rgba(0,145,218,1) 19%, rgba(0,51,141,1) 87%);
            }

            .table table tr td {
                text-align: center;
                font-size: 13px;
                padding: 10px;
                border-right: 1px solid #9c9c9c38;
            }

                .table table tr td i.icnEdit, .table table tr td svg.icnEdit {
                    color: #bc204b;
                }

                .table table tr td .btn {
                    font-size: 12px;
                    background: #00338d;
                    border-color: #00338d;
                    padding: 0px;
                    border: none;
                    background: none;
                    color: #00338d;
                    opacity: 1;
                    /* font-weight: bold; */
                    text-decoration: underline;
                }

                .table table tr td .dnwl {
                    color: #bc204b;
                }

                .table table tr td .dtl {
                    color: #009a44;
                }

                .table table tr td.stut {
                    color: #f68d2e;
                }

        .table table.miniTbl {
            max-width: 47%;
        }

            .table table.miniTbl td {
                text-align: left;
            }

                .table table.miniTbl td:nth-child(odd) {
                }

    .table td .actions {
    }

        .table td .actions a {
            display: inline-block;
            position: relative;
        }

            .table td .actions a:hover p {
                display: block;
            }

            .table td .actions a p {
                color: #fff;
                background: #bc204b;
                width: 83px;
                text-align: center;
                border-radius: 20px;
                position: absolute;
                font-size: 10px;
                padding: 3px 0px;
                left: 50%;
                margin-left: -41.5px;
                top: -25px;
                transition: 0.5s ease;
                display: none;
                /* margin: auto auto; */
            }

            .table td .actions a i, .table td .actions a svg {
                font-size: 20px;
            }

            .table td .actions a.aprov {
                margin-right: 7px;
                color: #bc204b;
            }

            .table td .actions a.rejct {
                color: #00a3a1;
            }

                .table td .actions a.rejct p {
                    background: #00a3a1;
                }


body h3 {
    font-family: 'Open Sans Semibold';
    letter-spacing: 0px;
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 10px;
    color: #616161;
    color: #00a3a1;
}


.fntBld {
    font-weight: bold;
    color: #00338d;
}

h3.mr10 {
    margin-bottom: 20px;
    /* font-weight: normal; */
    letter-spacing: 3px;
}

.table .tblUpl {
    width: 100%;
}

    .table .tblUpl th {
        background: #2fbb85
    }

    .table .tblUpl .fils a.ful {
        width: 100%;
        border: none;
    }

        .table .tblUpl .fils a.ful svg {
            color: #bd004a;
        }

    .table .tblUpl .fils a {
        display: inline-block;
        width: 48%;
        color: #00338d;
        font-size: 13px;
        border-right: 1px solid #d2d2d2;
    }

        .table .tblUpl .fils a svg {
            display: block;
            margin: 0 auto;
            color: #f4a100;
            font-size: 18px;
            margin-bottom: 5px;
        }

        .table .tblUpl .fils a:nth-child(2) {
            border-right: 0px;
        }

            .table .tblUpl .fils a:nth-child(2) svg {
                color: #00ac69;
            }

.modal.show .modal-dialog.popUp {
}

    .modal.show .modal-dialog.popUp .modal-header {
    }

        .modal.show .modal-dialog.popUp .modal-header h5 {
            font-weight: normal;
            font-size: 25px !important;
            letter-spacing: 3px;
        }

    .modal.show .modal-dialog.popUp .frldwrap {
        margin-bottom: 30px;
    }

        .modal.show .modal-dialog.popUp .frldwrap.col-md-6 {
            float: left;
        }

/*manage=-role-start */
.pr-page-header-content.hdrPnl {
}

    .pr-page-header-content.hdrPnl h1 {
        /* float: left; */
    }

        .pr-page-header-content.hdrPnl h1 span {
            /* font-size: 30px; */
            /* letter-spacing: 2px; */
        }

.rgtPnl:after {
    content: '';
    display: block;
    clear: both;
}

.rgtPnl {
    position: relative;
    z-index: 1;
    float: right;
    display: flex;
    align-items: center;
}

    .rgtPnl .tltip {
        position: relative; /* width: 120px; */
        transition: 0.5s ease;
        float: left;
        margin-right: 10px;
    }

        .rgtPnl .tltip a.add:hover {
            background: #00338d;
        }

        .rgtPnl .tltip a.add {
            width: 42px;
            height: 42px;
            display: block;
            background: #035e8c;
            border-radius: 50%;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 16px; /* line-height: 39px; */
            border: 5px solid #d0d0d0eb;
            float: left;
            text-decoration: none !important; /* margin-right: 20px; */
        }

        .rgtPnl .tltip p {
            color: #fff;
            background: #84795a;
            width: 100px;
            text-align: center;
            border-radius: 20px;
            position: absolute;
            font-size: 12px;
            padding: 3px 0px;
            right: -30px;
            top: -25px;
            transition: 0.5s ease;
            display: none;
        }

        .rgtPnl .tltip:hover p {
            display: block;
            transition: 0.5s ease;
        }

    .rgtPnl .SrchPnl {
        float: right;
        /* margin-bottom: 25px; */
        width: 410px;
        background: #0678b1;
        padding: 3px;
        border-radius: 5px;
    }

        .rgtPnl .SrchPnl input {
            width: 90%;
            float: left;
            border: none;
            border-radius: 5px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        .rgtPnl .SrchPnl a {
            width: 10%;
            float: left;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            margin-top: 3px;
        }

        .rgtPnl .SrchPnl i, .rgtPnl .SrchPnl svg {
            color: #fff;
            font-size: 18px;
        }

    .rgtPnl .btn.smlBtn {
        margin-left: 20px;
        margin-top: 0;
        padding: 4.5px 10px;
        font-size: 12px;
    }

        .rgtPnl .btn.smlBtn i, .rgtPnl .btn.smlBtn svg {
            margin-right: 10px;
            display: inline-block;
        }

/*manage0=-role-end */
.ftPswd .rgt h3 {
    font-family: 'Open Sans' !important;
}

.ftPswd .rgt {
    padding: 30px;
    background: #fff;
}

.ftPswd {
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #fff; */
    position: relative;
    z-index: 1;
    max-width: 650px;
    /* padding: 30px; */
    margin: 0 auto;
    /* margin-top: 30px; */
    /* padding-top: 1px; */
    padding: 20px 0px;
}



.employerLst del.reject {
    background: var(--red);
}

.employerLst del.pending {
    background: var(--warning);
}

.employerLst del {
    position: absolute;
    right: 0px;
    height: 100%;
    top: 0px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--success);
}

.employerLst {
    border: 1px solid #f4f4f4;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 40px;
    box-shadow: 0px 0px 12px -2px #d2d2d2;
    position: relative;
    position: relative;
}

    .employerLst span {
        text-align: center;
        display: block;
        width: 60px;
        height: 60px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #00338d;
        border: 5px solid #d0d0d0eb;
        color: #fff;
        font-weight: bold;
        border-radius: 50%;
        position: absolute;
        left: -10px;
        top: -20px;
    }

    .employerLst a {
        text-align: center;
        display: block;
        color: #0091da;
        /* font-weight: bold; */
        text-align: left;
        padding-left: 55px;
    }

        .employerLst a b {
            color: #666;
            font-size: 12px;
            border-top: 1px solid #dfdfdf;
            width: 100%;
            display: block;
            margin-top: 6px;
            padding-top: 6px;
        }

.pr-dropdown-notifications {
    display: none;
}

.loginPg {
    width: 535px;
    margin: 0 auto;
    border: 1px solid #a6a6a6;
    background: #fff;
}

.modal-title {
    font-family: 'Open Sans';
    font-size: 18px !important;
    font-weight: normal;
}

.pr-nav-fixed {
    height: 100%;
}

.modal-body ul {
    padding: 0px;
}

    .modal-body ul li input {
        margin-right: 10px;
    }

.loginPg h2 {
    font-size: 18px;
    font-family: 'Open Sans Bold' !important;
    color: #000;
    background: rgb(0,145,218);
    background: linear-gradient(0deg, rgba(0,145,218,1) 19%, rgba(0,51,141,1) 87%);
    padding: 20px;
    color: #fff;
    margin-bottom: 0px;
}

.loginPg .frldwrap {
    margin-bottom: 25px;
}

    .loginPg .frldwrap label, .modal.Pupdesign.lgnPup .frldwrap label {
        color: #0090d8;
    }

    .loginPg .frldwrap input {
        padding: 9px;
    }

        .loginPg .frldwrap input:read-only {
            background: #d9d9d9;
            border: 1px solid #d9d9d9;
        }

.loginPg button:hover, .modal.Pupdesign.lgnPup button.submit:hover {
    background: #0090d8;
}

.loginPg button, .modal.Pupdesign.lgnPup button.submit {
    width: 100%;
    border: none;
    background: #00a3a1;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    padding: 9px;
    font-family: 'Open Sans Bold';
}

.loginPg .lgnbody {
    padding: 30px 20px;
}

.loginPg a.frgt {
    margin-bottom: 20px;
    display: block;
    font-family: 'Open Sans Bold';
    color: #00338d;
    font-size: 12px;
    cursor: pointer;
}

.modal.Pupdesign.lgnPup .modal-dialog {
    max-width: 455px;
}

.modal.Pupdesign.lgnPup .modal-header {
    font-size: 18px;
    font-family: 'Open Sans Bold';
    color: #000;
    background: rgb(0,145,218);
    background: linear-gradient(0deg, rgba(0,145,218,1) 19%, rgba(0,51,141,1) 87%);
    padding: 20px;
    color: #fff;
    margin-bottom: 0px;
}

    .modal.Pupdesign.lgnPup .modal-header h5 {
        font-size: 18px;
        font-family: 'Open Sans Bold';
        color: #000;
        color: #fff;
        margin-bottom: 0px;
    }

.modal.Pupdesign.lgnPup .modal-body {
    padding: 30px 20px;
}

.modal.Pupdesign.lgnPup .frldwrap {
    margin-right: 0px;
    width: 100%;
}

.modal.Pupdesign.lgnPup .resand:after {
    content: '';
    display: block;
    clear: both;
}

.modal.Pupdesign.lgnPup .resand {
    margin-bottom: 20px;
    display: block;
}

    .modal.Pupdesign.lgnPup .resand a {
        float: left;
        font-size: 12px;
        color: #0090d8;
    }

    .modal.Pupdesign.lgnPup .resand span {
        float: right;
        text-decoration: underline;
        color: #00a3a1;
    }






.modal.Pupdesign {
}

    .modal.Pupdesign .modal-body {
        padding: 30px 20px;
        background: #fff;
    }

    .modal.Pupdesign .modal-header {
        padding: 10px;
    }

        .modal.Pupdesign .modal-header h5 {
            font-size: 20px !important;
            font-family: 'Open Sans Semibold';
        }

    .modal.Pupdesign .frldwrap.mr0 {
        margin-right: 0px;
    }

    .modal.Pupdesign .frldwrap {
        width: 48.5%;
        float: left;
        margin-right: 3%;
    }

    .modal.Pupdesign ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .modal.Pupdesign ul {
        padding: 0px;
        list-style: none;
        width: 100%;
    }

        .modal.Pupdesign ul li {
            float: left;
            width: auto;
            margin-right: 20px;
        }

            .modal.Pupdesign ul li label {
                margin: 0px;
                font-size: 12px;
                color: #0061f2;
            }

            .modal.Pupdesign ul li input {
                margin-right: 10px;
            }

    .modal.Pupdesign .btn.subBtn:hover {
        background: #00a3a1;
    }

    .modal.Pupdesign .btn.subBtn {
        color: #fff;
        margin: 0px;
        background: #00338d;
        min-width: 120px;
        font-size: 15px;
        font-weight: bold;
    }

    .modal.Pupdesign.miniPup {
    }

        .modal.Pupdesign.miniPup .actnIcns {
            text-align: center;
            margin-bottom: 10px;
        }

            .modal.Pupdesign.miniPup .actnIcns i, .modal.Pupdesign.miniPup .actnIcns svg {
                font-size: 55px;
                color: #bd004a;
            }

                .modal.Pupdesign.miniPup .actnIcns i.grnClr, .modal.Pupdesign.miniPup .actnIcns svg.grnClr {
                    color: #00a3a1;
                }

        .modal.Pupdesign.miniPup p {
            text-align: center;
        }

        .modal.Pupdesign.miniPup .frldwrap {
            width: 100%;
            margin-right: 0px;
            margin-bottom: 0px;
        }

            .modal.Pupdesign.miniPup .frldwrap label {
                text-align: center;
            }

            .modal.Pupdesign.miniPup .frldwrap textarea {
                width: 100%;
                border: 1px solid #c1c1c1;
                border-radius: 5px;
                height: 70px;
            }

    .modal.Pupdesign .cl3 {
    }

        .modal.Pupdesign .cl3 .frldwrap {
            width: 31.33%;
            margin-bottom: 0%;
        }

    .modal.Pupdesign.upldPup {
    }

        .modal.Pupdesign.upldPup .blkupldpg {
        }

            .modal.Pupdesign.upldPup .blkupldpg .upldFld {
                width: 100%;
            }

        .modal.Pupdesign.upldPup p {
            margin-bottom: 0px;
            font-size: 12px;
            margin-top: 5px;
        }

.btn.smlBtn:hover, .btn.smlBtn.redbg:hover {
    background: #00a3a1;
    color: #fff;
}

.btn.smlBtn {
    color: #fff;
    margin: 0px;
    background: #00338d;
    min-width: 120px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 20px;
}

    .btn.smlBtn.redbg {
        background: #6d2077;
        margin: 0px;
        margin-right: 2%;
    }

    .btn.smlBtn.mrlft {
        /* margin-left: 12px; */
        margin-bottom: 15px;
        margin-right: 10px;
    }

.mr-auto.ctrAln {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.apprvlTbs {
    text-align: center;
    margin-bottom: 20px;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #dedede;
    padding-bottom: 10px;
}

    .apprvlTbs li:last-child {
        margin-right: 0px;
    }

    .apprvlTbs li {
        margin-right: 25px;
    }

        .apprvlTbs li a {
            font-size: 12px;
            color: #424242;
            position: relative;
            display: block;
            text-decoration: none !important;
        }

            .apprvlTbs li a i, .apprvlTbs li a svg {
                display: block;
                text-align: center;
                margin: 0 auto;
                font-size: 20px;
                margin-bottom: 5px;
            }

            .apprvlTbs li a.active:after {
                content: '';
                display: block;
                position: absolute;
                width: 100%;
                height: 2px;
                background: #00a3a1;
                bottom: -13px;
            }

            .apprvlTbs li a.active, .apprvlTbs li a.active i, .apprvlTbs li a.active svg {
                color: #00a3a1 !important;
            }

.blkupldpg {
    /* min-height: 45vh; */
}

    .blkupldpg .col-md-12.mr20 {
        margin: 20px 0px 0px;
    }

ul.redioLst:after {
    content: '';
    display: block;
    clear: both;
}

ul.redioLst {
    padding: 0px;
    list-style: none;
}

    ul.redioLst li {
        float: left;
        margin-right: 20px;
        display: flex;
        align-items: center;
    }

        ul.redioLst li input {
        }

        ul.redioLst li label {
            margin: 0px;
            font-size: 12px;
            color: #0075c3;
            margin-left: 10px;
        }

.landPg {
    display: flex;
    flex-wrap: wrap;
}

    .landPg h1 {
        font-size: 30px;
        letter-spacing: 5px;
        color: #004098;
        margin-bottom: 10px;
    }

    .landPg .lft {
        float: left;
        background: url(../img/lndpg-bg.jpg) no-repeat left top;
        width: 53.7%;
        display: block;
        position: relative;
    }

        .landPg .lft a {
            position: absolute;
            top: 0;
            left: 0;
        }

    .landPg .rgt {
        float: right;
        width: 46.3%;
        height: 100%;
        background: url(../img/ldgpg-rgt-bg.jpg) no-repeat;
        height: 656px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

.fldPg {
}

    .fldPg ul.rdoBtns:after {
        content: '';
        display: block;
        clear: both;
    }

    .fldPg ul.rdoBtns {
        padding: 0px;
        list-style: none;
        margin-top: 15px;
    }

        .fldPg ul.rdoBtns li {
            float: left;
            margin-right: 15px;
        }

            .fldPg ul.rdoBtns li label {
                font-size: 15px;
            }

            .fldPg ul.rdoBtns li input {
                margin-right: 10px;
            }

.loading-gif {
    display: block;
}

.loading-Image {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    content: url('../img/loader.gif');
}


/*.lndPg {*/
    /* width: 100%; */
     /*height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/bg1.jpg) no-repeat center bottom;
    background-size: cover;
    position: relative;
}

    .lndPg:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        background: #0009;
        background: linear-gradient(180deg, #c1c1c1 30%, #00000057 73%);
        opacity: 0.6;
    }*/

    /*.lndPg .cntnBx {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
        z-index: 0;
    }

        .lndPg .cntnBx h1 {
            font-weight: normal;
            color: #fff;
            letter-spacing: 3px;
        }

        .lndPg .cntnBx ul {
            list-style: none;
            padding: 0px;
            width: 100%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0px;
            margin-top: 20px;
            flex-wrap: wrap;
            justify-content: flex-start;
            margin-bottom: 20px;*/
            /* padding-left: 30px; */
        /*}

            .lndPg .cntnBx ul li h2 {
                margin: 0px;
                color: #000;
                font-family: 'Open Sans' !important;
                font-weight: normal;
                font-size: 18px;
                margin-top: 30px;
            }

            .lndPg .cntnBx ul li i {
                width: 90px;
                min-height: 90px;
                background: #483698;
                display: block;
                border-radius: 50%;
                margin: 0px auto;
                border: 8px solid #dddddd;
                padding: 7px;
                display: flex;
                align-items: center;
            }

            .lndPg .cntnBx ul li a {
                display: block;*/
                /* line-height: 0px; */
                /*width: 100%;
                height: 100%;*/
                /* padding: 30px; */
            /*}



            .lndPg .cntnBx ul li:nth-child(4n+4) {
                margin-right: 0px;
            }

            .lndPg .cntnBx ul li {
                float: left;
                margin-right: 3%;*/
                /* padding: 30px; */
                /* background: #fdfdfd; */
                /*border-radius: 5px;*/
                /*   box-shadow: 1px 0px 10px -1px #070707;*/
                /*max-width: 274px;
                position: relative;
                height: 200px;
                overflow: hidden;
                margin-bottom: 30px;
                flex: 0 0 22%;
            }*/


            /*.lndPg .cntnBx {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
        z-index: 0;
    }

        .lndPg .cntnBx h1 {
            font-weight: normal;
            color: #fff;
            letter-spacing: 3px;
        }

        .lndPg .cntnBx ul {
            list-style: none;
            padding: 0px;
            width: 100%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0px;
            margin-top: 20px;
            flex-wrap: wrap;
            justify-content: flex-start;
            margin-bottom: 20px;*/
            /* padding-left: 30px; */
        /*}

            .lndPg .cntnBx ul li h2 {
                margin: 0px;
                color: #000;
                font-family: 'Open Sans' !important;
                font-weight: normal;
                font-size: 18px;
                margin-top: 30px;
            }

            .lndPg .cntnBx ul li i {
                width: 90px;
                min-height: 90px;
                background: #483698;
                display: block;
                border-radius: 50%;
                margin: 0px auto;
                border: 8px solid #dddddd;
                padding: 7px;
                display: flex;
                align-items: center;
            }

            .lndPg .cntnBx ul li a {
                display: block;*/
                /* line-height: 0px; */
                /*width: 100%;
                height: 100%;*/
                /* padding: 30px; */
            /*}



            .lndPg .cntnBx ul li:nth-child(4n+4) {
                margin-right: 0px;
            }

            .lndPg .cntnBx ul li {
                float: left;
                margin-right: 3%;*/
                /* padding: 30px; */
                /* background: #fdfdfd; */
                /*border-radius: 5px;*/
                /*   box-shadow: 1px 0px 10px -1px #070707;*/
                /*max-width: 274px;
                position: relative;
                height: 200px;
                overflow: hidden;
                margin-bottom: 30px;
                flex: 0 0 22%;
            }*/
.lndPg {
    /* width: 100%; */
/*    min-height: 100%;*/
    min-height: 92vh;
    /*    display: flex;
    align-items: center;
    justify-content: center;*/
    background: url(../img/bg1.jpg) no-repeat center bottom;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
}

/*    .lndPg:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        background: #0009;
        background: linear-gradient(180deg, #c1c1c1 30%, #00000057 73%);
        opacity: 0.6;
    }*/
    .lndPg .cntnBx {
       /* height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
        z-index: 0;*/
    }

        .lndPg .cntnBx h1 {
            font-weight: normal;
            color: #fff;
            letter-spacing: 3px;
        }

        .lndPg .cntnBx .rowUL {
            padding-top:20px;
            /*list-style: none;
            padding: 0px;*/
            /*width: 100%;*/
            /*text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0px;
            margin-top: 20px;
            flex-wrap: wrap;
            justify-content: flex-start;
            margin-bottom: 20px;*/
            /* padding-left: 30px; */
        }
            .lndPg .cntnBx .rowUL div{ margin-bottom:20px}
            .lndPg .cntnBx .rowUL div h2 {
                margin: 0px;
                color: #000;
                font-family: 'Open Sans' !important;
                font-weight: normal;
                font-size: 18px;
                margin-top: 30px;
            }

        .lndPg .cntnBx .rowUL div i {
            width: 90px;
            min-height: 90px;
            background: #483698;
            display: block;
            border-radius: 50%;
            margin: 0px auto;
            border: 8px solid #dddddd;
            padding: 7px;
            display: flex;
            align-items: center;
        }

        .lndPg .cntnBx .rowUL div a {
            display: block;
            /* line-height: 0px; */
            width: 100%;
            height: 100%;
            /* padding: 30px; */
        }



           /* .lndPg .cntnBx ul li:nth-child(4n+4) {
                margin-right: 0px;
            }
*/
            .lndPg .cntnBx .rowUL div {
                height: 260px;
                /*float: left;
            margin-right: 3%;*/
                /* padding: 30px; */
                /* background: #fdfdfd; */
                /*border-radius: 5px;*/
                /*   box-shadow: 1px 0px 10px -1px #070707;*/
                /*max-width: 274px;*/
                /*            position: relative;*/
                /*            height: 200px;*/
                /*            overflow: hidden;*/
                /*            margin-bottom: 30px;*/
                /*            flex: 0 0 22%;*/
            }
.flip-card {
    background-color: transparent;
    width: 300px;
    height: 300px;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 20px;
}

.flip-card-front {
    background: url(../img/bx-bg.png) no-repeat center center;
    background-color: white;
    color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    border-radius: 15px;
}

.flip-card-back {
    background-color: #483698;
    color: white;
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
   /* padding-top: 50px;*/
    border-radius: 15px;
    font-size: 18px;
    border: 2px solid #dddddd;
}