@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);ul.main-nav{list-style-type:none;display:block;padding:0;max-width:1275px;margin:0 auto}ul.main-nav>li{display:inline-block;padding:auto}ul.main-nav>li>a{display:block;padding:10px 20px;position:relative;color:#000;font-size:16px;font-weight:400;box-sizing:border-box;cursor:pointer}ul.main-nav>li ul.sub-menu-lists{margin:auto 0;padding:1px 0;list-style-type:none;display:block}ul.main-nav>li ul.sub-menu-lists>li{padding:auto;width:100%;margin-top:2px}ul.main-nav>li ul.sub-menu-lists>li>a{font-size:1em;font-weight:500}@media only screen and (max-width:768px){ul.main-nav{z-index:2;padding:50px 0;position:fixed;right:0;top:0;width:0;background-color:rgba(0,0,0,1);height:100%;overflow:auto}.ic.menu:focus~.main-nav{width:85%;background-color:#fff}.ic.menu:focus~.main-nav>*{opacity:1}ul.main-nav>li>a:after{display:none}ul.main-nav>li:first-child{border-radius:0}ul.main-nav>li{display:block;border-bottom:1px solid #444}ul.main-nav>li>a{font-weight:600}.sub-menu-head{font-size:16px}ul.main-nav>li:hover{background-color:transparent}}@media only screen and (min-width:769px){ul.main-nav{display:block}.sub-menu-block{padding:15px}ul.main-nav>li>div.sub-menu-block{top:100%;visibility:hidden;box-shadow:inset 0 11px 8px -10px #CCC,inset 0 -11px 8px -10px #CCC;background-color:#fff;position:absolute;margin-top:0;min-width:48.8%;max-width:100%;color:#333;left:0;box-sizing:border-box;z-index:3;font-size:16px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;opacity:0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center}#five-block{width:97%;margin:0 20px;height:430px}ul.main-nav>li:hover>div.sub-menu-block{visibility:visible;opacity:1;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg)}ul.main-nav>li>div.sub-menu-block>*{-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s;opacity:0}ul.main-nav>li:hover>div.sub-menu-block>*{opacity:1}.sub-menu-head{font-size:20px}ul.cr-pgp li{color:#000;margin-left:40px;padding-top:10px;list-style-type:disc;font-size:14px}}

* {
    margin: 0;
    padding: 0
}

@media only screen and (min-width:992px) {
    .tabs {
        float: left;
        width: 23%;
        height: 350px;
        background: #fff;
        padding: 5px;
        margin: 0 10px !important
    }

    .tabbutton {
        width: 100%;
        background: none;
        color: #000;
        margin: 2px !important;
        padding: 14px 16px;
        border-radius: 8px;
        border-style: none;
        text-align: left;
        font-size: 15px !important;
        border-bottom: 1px solid #e6e6e6;
        cursor: pointer;
        font-weight: 500 !important
    }

    .tabbutton:hover:not(.tabbuttonactive) {
        background-color: #ddd !important;
        color: #005791;
        border: none
    }

    .tabbuttonactive {
        width: 100%;
        background-color: #005791;
        color: #fff;
        font-weight: 500;
        padding: 14px 16px;
        border-radius: 8px;
        text-align: left
    }

    .tabbuttonactive:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: '\f105' !important;
        float: right;
        padding-right: 3px;
        vertical-align: middle
    }

    .green {
        background-color: green;
        color: #fff;
        padding: 3px 8px !important;
        border-radius: 10px 10px 10px 0;
        font-size: 8px !important
    }

    .orange {
        background-color: orange;
        color: #fff;
        padding: 3px 8px !important;
        border-radius: 10px 10px 10px 0;
        font-size: 8px !important
    }

    .red {
        background-color: rgb(195 8 8) !important;
        color: #fff;
        padding: 3px 8px !important;
        border-radius: 10px 10px 10px 0;
        font-size: 8px !important
    }

    .content-section {
        float: left;
        padding: 0 12px;
        background-color: #f7f7f7 !important;
        width: 75%;
        border-left: none;
        height: 400px;
        overflow-y: scroll
    }

    .Bluebold li a {
        color: #000 !important
    }

    .Bluebold {
        color: #084376;
        font-weight: 500
    }

    .content-section::-webkit-scrollbar {
        width: 4px
    }

    .content-section::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px
    }

    .content-section::-webkit-scrollbar-thumb {
        background: #00415D;
        border-radius: 10px
    }

    .content-section::-webkit-scrollbar-thumb:hover {
        background: #00415D
    }

    .box-card {
        width: 33%;
        color: #000;
        margin: 10px;
        padding: 15px 10px 15px 20px;
        background-color: #fff;
        box-shadow: 0 0 5px 2px #ddd;
        border-radius: 5px
    }

    .cnt-box {
        display: flex
    }

    .cnt-box p {
        line-height: 1.4;
        margin-left: 5px;
        margin-bottom: 1em;
        font-size: 14px
    }

    #course-box {
        display: flex;
        margin: 0 10px
    }

    .h2 {
        font-weight: 700;
        font-size: 20px;
        color: #072C50
    }

    .h4 {
        font-weight: 600;
        font-size: 17px !important;
        color: #072C50
    }

    .h3 {
        font-weight: 600;
        font-size: 15px
    }

    .title {
        color: #000;
        margin: 10px 30px
    }

    .img {
        width: 4em;
        height: 4em;
        margin: 7px
    }

    .img-aprrovals {
        width: 4em;
        height: 4em
    }

    .cnt-box .aprrovals-cnt {
        font-weight: 600;
        font-size: 17px;
        color: #228DBA
    }

    table.navinfo {
        border-collapse: separate;
        border-spacing: 0;
        padding: 0;
        border-style: none;
        margin: 0 0 0em;
        width: 100%
    }

    table.navinfo td {
        padding: 2px 5px !important
    }

    .navinfo .td1 a {
        font-weight: 500;
        padding: 0
    }

    .navinfo .td2 a {
        font-weight: 500;
        color: #1375Ba;
        margin-left: 12px;
        padding: 0
    }

    .navinfo .td3 {
        background-color: #b4facc;
        color: #00401f;
        border-radius: 20px;
        font-size: 10px !important
    }

    .navinfo .td3 p {
        font-size: 12px;
        text-align: center;
        color: #000;
        font-weight: 500
    }

    .navinfo .td1-cr a {
        font-weight: 500;
        padding: 5px 10px;
        border-radius: 15px;
        background-image: linear-gradient(to right, #FF6600, #EC4020);
        color: #fff;
        font-size: 13px
    }

    .navinfo .td2-cr a {
        font-weight: 500;
        color: #000;
        margin-left: 12px;
        padding: 5px 10px;
        border-radius: 15px;
        background-color: #b4facc;
        font-size: 13px
    }

    .navinfo .td3-cr {
        background-color: #b4facc;
        color: #00401f;
        border-radius: 20px;
        font-size: 10px !important
    }

    .navinfo .td3-cr p {
        font-size: 12px;
        text-align: center
    }

    .vl {
        border-left: 1px solid #ccc;
        height: 400px;
        margin-right: 12px
    }

    hr {
        background-color: #ccc;
        border: 0;
        height: 1px;
        margin-bottom: 5px
    }

    .apr-btm-img {
        margin: 5px;
        font-size: 15px
    }

    .uni-flex-apr {
        display: flex
    }

    .uni-flex-apr p {
        font-size: 12px;
        margin: 10px;
        background-color: #b4facc;
        color: #00401f;
        padding: 6px;
        border-radius: 20px
    }

    p {
        margin-bottom: 0
    }

    td {
        padding: 0
    }

    .university-h {
        font-size: 16px;
        font-weight: 500
    }

    .uni-img {
        margin-top: -10px;
        margin-bottom: 0 10px 5px 10px;
        width: 70px;
        height: 70px
    }

    .pgpupes {
        width: 45%;
        margin-left: 20px
    }

    .pgptech {
        width: 50%;
        margin-left: 30px
    }

    .pgp-logos {
        float: right
    }
}