@charset "utf-8";

/* CSS Document */
@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

html,
body {
    height: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: 'roboto', sans-serif;
    color: #616161;
    font-size: 14px;
    /* overflow-x: hidden; */
    /* background: #f3f4f4; */
}

body::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #FFC035;
    border-radius: 10px;
}

html,
body {
    height: 100%;
}

html {
    scroll-behavior: smooth;
}

::placeholder {
    color: red;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: red;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: red;
}

.fs2 {
    font-size: 1.2em;
}

.fs3 {
    font-size: 1.3em;
}

p {
    font-size: 1.3em;
    word-break: break-word;
    margin: 0;
    /* color: #7e7f80; */
    line-height: initial;
}

li {
    color: #7e7f80;
    padding-bottom: 8px;
    font-size: 1.3em;
    /* list-style: none; */
}

.no_padding {
    padding: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.underline {
    border-bottom: 2px solid #17c400;
    width: 250px;
}

.btmline {
    border-bottom: 1px solid #616161;
    width: 100%;
}

.rightLine {
    border-right: 2px solid #616161;
}

.leftLine {
    border-left: 2px solid #616161;
}

.font-white {
    color: #fff;
}

.font-grey {
    color: #414042;
}

.font-blue {
    color: #064B7C;
}

.font-darkblue {
    color: #1B2F6E
}

.font-lightgreen {
    color: #C3E36D;
}

.font-yellow {
    color: #FFC035;
    font-weight: 700;
}

.bg-white {
    background: #fff;
}

.bg-green {
    background: #96be32;
}

.bg-grey {
    /* background: #f3f4f4; */
}

.pd {
    padding: 2%;
}

.pd4 {
    padding: 4%;
}

.margin_t3 {
    margin-top: 3%;
}

.margin_r1 {
    margin-right: 1%;
}

.margin_b1 {
    margin-bottom: 3%;
}

.ml-4 {
    margin-left: 15px;
}

.padding_l1 {
    padding-left: 7%;
}

.padding_r1 {
    padding-right: 7%;
}

.padding_l5 {
    padding-left: 5%;
}

.padding_r5 {
    padding-right: 5%;
}

.padding_t2 {
    padding-top: 2%;
}

.padding_t3 {
    padding-top: 3%;
}

.gap {
    height: 18px;
    clear: both;
}

.big-gap {
    height: 2.8em;
    clear: both;
}

.sec1 {
    width: 57%;
}

.certificate img {
    width: 95%;
    float: right;
}

.contact {
    color: #064B7C;
    float: right;
}

.contactlogo {
    width: 50px;
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}

.header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.3%;
    width: 100%;
    /* position: relative; */
}

.Toplogo {
    width: 110px;
}

.icon {
    color: #C3E36D;
    margin-right: 1%;
}

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

.profDetails {
    width: 80%;
    font-size: 1.2em;
    margin: 0 auto;
}

.prof1 {
    /* margin-bottom: 3%; */
    margin-top: 3%;
    display: flex;
    align-items: center;
}

.prof1 img {
    margin: 0 auto;
}

.rounded {
    border-radius: 50%;
}

.bg_header {
    background: url(../images/bg_header.jpg) no-repeat center;
    background-size: cover;
    background-color: #fff;
}

/* .banner_section {
    height: 500px;
} */

.banner {
    /* background: url(../images/banner.jpg) no-repeat center; */
    /* background-size: cover; */
    height: 335px;
    padding: 1% 0;
    /* position: relative; */
    background: #064B7C;
}

.banner img {
    width: 450px;
    padding-top: 7%;
}

.graph {
    background-image: url(../images/graph.png);
    background-position: 72% bottom;
    height: 415px;
    background-repeat: no-repeat;
    /* background-position-x: right; */
}

.topGraph {
    height: 115px;
    background-position-x: right;
    background-image: url(../images/topgraph.png);
    background-position: top 100%;
    background-repeat: no-repeat;
}

.structure {
    background-image: url(../images/structure.png);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 157px;
}

/* .btmgraph {
    background-image: url(../images/btmGraph.png);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 108px;
} */
.bg_director {
    background-image: url(../images/director.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 568px;
}


.banner_ty {
    background: url(../images/rank_bg.png) no-repeat;
    background-size: cover;
    height: 100vh;
    padding: 1% 0;
}

.banner h1 {
    font-size: 2.7em;
    font-weight: 500;
    /* margin-bottom: 5%; */
}

.banner h2 {
    font-size: 2.2em;
    font-weight: 500;
    /* line-height: 1.3; */
}

.banner h3 {
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.3;
}

.banner h5 {
    font-size: 1.3em;
    margin-top: 4%;
    color: #414042;
    background: #FFC035;
    padding: 1%;
    border-radius: 5px;
}

.banner p {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.2;
}

.banner_text {
    /* padding: 1% 0 0; */
}

.main_container {
    width: 90%;
    margin: 0 auto;
}

.pro_high {
    width: 100%;
    height: 430px;
    margin-bottom: 10%;
    position: relative;
}

.pro_high h2 {
    position: relative;
    text-align: right;
}


.pro_high h2::after {
    content: "";
    background: #FFC035;
    height: 2.7px;
    position: absolute;
    top: 40px;
    right: 355px;
    width: 78%;
    overflow: hidden;
}

.pro_highlight {

    /* margin-left: 0; */
}

.highlightCard {
    /* background: url(../images/pro_bg2.png) no-repeat; */
    color: #fff;
    border: none;
    /* height: 280px; */
    padding: 7%;
    margin-bottom: 11%;
    border-radius: 5px;
    text-align: center;
    /* font-size: 1.1em; */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

.highlightCard2 {
    /* background: url(../images/pro_bg2.png) no-repeat; */
    color: #fff;
    border: none;
    /* height: 280px; */
    padding: 7%;
    margin-bottom: 11%;
    border-radius: 5px;
    text-align: center;
    /* font-size: 1.1em; */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

.highlight_row {
    position: relative;
    width: 80%;
    margin: 0 5%;
}

.highlight_row2 {
    position: absolute;
    left: 15%;
    top: 63%;
    width: 80%;
    /* height: 590px; */
    overflow: hidden;
}

.highlightCard img {
    /* width: 70px; */
    /* margin-bottom: 10%; */
}

.bg_overview {
    position: relative;
    background: #e7edf2;
}

.bg_overview h2::after {
    content: "";
    background: #FFC035;
    height: 2.7px;
    position: absolute;
    top: 60px;
    left: 430px;
    width: 68%;
    overflow: hidden;
}

.bg_overview p {
    width: 90%;
    font-size: 1.47em;
}

.bg_overview img {
    height: 430px;
    margin: 0 auto;
    float: right;
}

.pro_AV {
    width: 100%;
    /* height: 430px; */
    margin-bottom: 3%;
    position: relative;
}

.pro_AV h2 {
    position: relative;
    text-align: right;
}

.pro_AV h2::after {
    content: "";
    background: #FFC035;
    height: 2.7px;
    position: absolute;
    top: 42px;
    right: 315px;
    width: 88%;
    overflow: hidden;
}

.video {
    position: relative;
    max-width: 720px;
    margin: 2% auto;
    border-width: 0px;
}

.rank {
    background: #e7edf2;
    background: url(../images/rank_bg.png) no-repeat;
    position: relative;
    padding-bottom: 5%;
}

.rank h2::after {
    content: "";
    background: #FFC035;
    height: 2.7px;
    position: absolute;
    top: 60px;
    right: 0;
    width: 34%;
    overflow: hidden;
}

.rank h2::before {
    content: "";
    background: #FFC035;
    height: 2.7px;
    position: absolute;
    top: 60px;
    left: 0px;
    width: 34%;
    overflow: hidden;
}

.rank img {
    margin: 2% auto 0;
}

.rank span {}

.partner_img {
    padding: 2% 0;
}

.probox {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    margin-left: 5%;
}

.probox img {
    width: 50px;
    /* background: #6b472a; */
    /* border-radius: 7px; */
    padding: 5px;
}

.probox h5 {
    padding-left: 7%;
    font-size: 1em;
    font-weight: 600;
    color: #6e492b;
    line-height: 1.3;
}

.probox p {
    padding-left: 3%;
    /* font-size: 1em; */
    /* font-weight: 600; */
    color: #fff;
    line-height: 1.3;
}

.outcome_sec {
    position: relative;
}

.outcome_sec h2 {}

.outcome_sec h2::after {
    content: "";
    background: #FFC035;
    height: 2.7px;
    position: absolute;
    top: 57px;
    left: 400px;
    width: 87%;
    overflow: hidden;
}

.outcome_details {
    background-color: #064B7C;
    width: 80%;
    border-radius: 0 50px 0 0;
    padding: 0% 7% 3%;
}

.pro_struc {
    position: relative;
}

.pro_struc h2::after {
    content: "";
    background: #FFC035;
    height: 2.7px;
    position: absolute;
    top: 60px;
    right: 0;
    width: 38%;
    overflow: hidden;
}

.pro_struc h2::before {
    content: "";
    background: #FFC035;
    height: 2.7px;
    position: absolute;
    top: 60px;
    left: 0px;
    width: 38%;
    overflow: hidden;
}

.pro_details {
    width: 80%;
    margin: 0 auto;
}

.pro_details p {
    margin-bottom: 2%;
}

.structure_sec {
    background: #29648F;
    padding: 0;
    border-radius: 27px 27px 0 0;
    height: 380px;
}

.structure_sec h5 {
    background: #FFC035;
    padding: 4.5%;
    margin: 0;
    border-radius: 25px 25px 0 0;
}

.structure_sec ul {
    padding: 5% 13%;
}

.structure_sec_2 {
    background: #064B7C;
    padding: 0;
    border-radius: 27px 27px 0 0;
    height: 380px;
}

.structure_sec_2 h5 {
    background: #FFC035;
    padding: 4.5%;
    margin: 0;
    border-radius: 25px 25px 0 0;
}

.structure_sec_2 .stucture_details {
    padding: 5% 10%;
}

.pro_benefit {
    width: 100%;
    /* height: 430px; */
    /* margin-bottom: 10%; */
    position: relative;
}

.pro_benefit h2 {
    position: relative;
    text-align: right;
}

.pro_benefit h2::after {
    content: "";
    background: #FFC035;
    height: 2.7px;
    position: absolute;
    top: 40px;
    right: 335px;
    width: 80%;
    overflow: hidden;
}

.pro_benefit {
    /* width: 80%; */
    /* margin: auto; */
}

.pro_Card {
    position: relative;
    background: #F2F6F8;
    color: #fff;
    border: none;
    width: 85%;
    height: 220px;
    padding: 7% 10%;
    margin-bottom: 11%;
    border-radius: 15px 15px 0 0;
    text-align: center;
    font-size: 1.1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pro_Card img {
    position: absolute;
    top: -35px;
    width: 70px;
    margin-bottom: 10%;
}

.pro_Card p {
    margin-top: 20%;
}

.pro_ben {
    margin-top: 5%;
}

.pro_ben1 {
    margin-top: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.selection_sec {
    position: relative;
}

.selection_sec h2::after {
    content: "";
    background: #FFC035;
    height: 2.7px;
    position: absolute;
    top: 63px;
    left: 400px;
    width: 69%;
    overflow: hidden;
}

.selection_1 {
    color: #fff;
    background: #135483;
    padding: 3%;
    border-radius: 20px 0 0 0;
    width: 90%;
    float: right;
    margin-bottom: 2%;
}

.selection_2 {
    color: #fff;
    background: #386F93;
    padding: 3%;
    border-radius: 20px 0 0 0;
    width: 80%;
    float: right;
    margin-bottom: 2%;
}

.selection_3 {
    color: #fff;
    background: #5D8AAA;
    padding: 3%;
    border-radius: 20px 0 0 0;
    width: 70%;
    float: right;
    /* margin-bottom: 2%; */
}

.Q_Asection {
    position: relative;
    background: #f5f5f5;
    margin-bottom: 5%;
}

.Q_Asection h2::after {
    content: "";
    background: #FFC035;
    height: 2.7px;
    position: absolute;
    top: 60px;
    right: 0;
    width: 34%;
    overflow: hidden;
}

.Q_Asection h2::before {
    content: "";
    background: #FFC035;
    height: 2.7px;
    position: absolute;
    top: 60px;
    left: 0px;
    width: 34%;
    overflow: hidden;
}

.panel_wrap {
    width: 95%;
    margin: 0 auto 7%;
    background: #fff;
}

.panel {
    border: none;
    box-shadow: none;
    background: none;
    padding: 0;
    margin: 0;
    /* padding-top: 20px; */
}

.panel-default>.panel-heading {
    background: none;
    transition: ease-in-out 0.5s;
    border-top: 1px solid #ddd;
    border-bottom: none;
}

.panel-default>.panel-heading {
    color: #000;
    /* background: #7caf24; */
    /* border-color: #7caf24; */
    transition: ease-in-out 0.5s;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* user-select: none; */
}

.panel-title {
    font-weight: 500;
    color: #616161;
    /* font-size: 1.8em; */
    padding: 2% 1%;
}

.panel-title span {
    color: #B3B3B3;
    font-size: 0.99em;
    margin-right: 11px;
    float: left;
}

.panel-body {
    padding: 0 15px;
    /* background: #7caf24; */
}

.panel-body p {
    padding: 0 30px 30px;
    /* background: #7caf24; */
}

.panel-default>.panel-heading a {
    display: block;
    padding: 10px 5px;
    text-decoration: none;
    font-size: 0.99em;
}

.panel_list li {
    font-size: 3.25vmin;
    color: #fff;
    font-weight: 100;
    margin: -10px;
}


.panel-default>.panel-heading a[aria-expanded="true"]:after {
    content: "\d7";
    /* content: ""; */
    /* background: url(../images/cross.png) no-repeat; */
    width: 30px;
    height: 30px;
    font-size: 1.5em;
    background: #414042;
    color: #fff;
    padding: 2px 8px;
    margin: 0 auto;
    border-radius: 50%;
    float: right;
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "\002B";
    /* background: url(../images/plus.png) no-repeat; */
    width: 30px;
    height: 30px;
    font-size: 1.5em;
    background: #ccc;
    float: right;
    color: #414042;
    padding: 2px 8px;
    margin: 0 auto;
    border-radius: 50%;
    /* margin-left: 30px; */
}

td {
    font-weight: 400;
    padding: 7px;
    font-size: 1.3em;
}

.banner_info {
    padding-right: 8%;
}

.grey_line {
    height: 2px;
    width: 40%;
    background: #ccc;
    margin: 6% 0 4% 0;
}

.form_box {
    padding-top: 10%;
}

.form_space {
    padding-top: 3%;
}

.form-group {
    margin-bottom: 10px;
}

/* .form_bottom{
    position: absolute;
    right: 7%;
     top: 40%;} */

.LongTermCourses_webImage__LphMG {
    height: 200px;
    width: 280px;
    position: fixed;
    z-index: 9;
    margin-left: 0%;
    bottom: 10%;
    right: 3%;
    border-radius: 10px;
}

.LongTermCourses_webImage__LphMG:hover {
    width: 430px;
    height: 275px;
    transition: width 3s;
}

.LongTermCourses_webImage__LphMG img {
    max-height: 100%;
    width: 100%;
    border-radius: 0 0 10px 10px;
    padding: 0;
}

.LongTermCourses_webImage__LphMG button {
    background: #064b7c;
    color: #fff;
    border: none;
    border-radius: 10px 10px 0 0;
    font-size: 20px;
    font-weight: 800;
    padding: 8px;
    width: 100%;
}

.frmwrp {
    background: #ffffff;
    /* padding: 3% 5%; */
    border-radius: 10px;
    width: 80%;
    /* margin-top: 5%; */
    /* margin-bottom: 5%; */
    margin: 0 auto 5%;
}

.content {
    margin-bottom: 3%;
}

.graphDetails {
    width: 70%;
    margin: 19% auto 0;
}

.trade {
    width: 90%;
    margin: auto;
}

.profile_carousel img {
    width: 60% !important;
    margin: 0 auto;
}

.owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: -10px;
    width: 100%;
}

.customPrevBtn {
    width: 40px;
    color: #C3E36D;
    height: 26px;
    border-radius: 15px;
    margin: 0 auto;
    position: absolute;
    outline: 0;
    border: 0;
    top: 24%;
    left: 10px;
    line-height: 26px;
    text-align: center;
    font-size: 5em;
    font-weight: 900;
    transition: all 0.3s;
}

.customPrevBtn:hover {
    background: #185c9b;
    color: #fff;
    text-decoration: none;
}

.customNextBtn {
    color: #C3E36D;
    width: 40px;
    height: 26px;
    border-radius: 14px;
    margin: 0 auto;
    position: absolute;
    outline: 0;
    border: 0;
    top: 24%;
    right: 10px;
    line-height: 26px;
    text-align: center;
    font-size: 5em;
    font-weight: 900;
    transition: all 0.3s;
}

.customNextBtn:hover {
    background: #185c9b;
    color: #fff;
    text-decoration: none;
}

.virtual_sec3_wrap {
    position: relative;
    /* padding: 80px 0 50px; */
}

.virtual_sec3_wrap .lhead {
    text-align: center;
    color: #185b9b;
    font-size: 2.3em;
    margin-bottom: 0px;
}

.virtual_sec3_wrap .dhead {
    text-align: center;
    color: #185b9b;
    font-size: 2.3em;
    margin-top: 0;
}

.virtual_sec3_wrap .vsec3-slider {
    text-align: center;
    padding: 30px 20px 10px;
    margin: 8% 2.5%;
    height: 370px;
    min-height: 410px;
    border: 1px solid #000;
}


.virtual_sec3_wrap .vsec3-slider img {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 50px;
}

.virtual_sec3_wrap .vsec3-slider h3 {
    color: #185b9b;
    font-size: 1.8em;
    letter-spacing: 0px;
    font-weight: 600;
}

.virtual_sec3_wrap .vsec3-slider p {
    font-size: 1.3em;
    margin-top: 9px;
    color: #58595b;
    /* min-height: 70px; */
}

.virtual_sec3_wrap .vsec3-slider-3 {
    background: #dceeff;
    text-align: center;
    border-radius: 9px;
    padding: 30px 20px 10px;
    margin: 8% 2.5%;
}

.virtual_sec3_wrap .vsec3-slider-3 img {
    width: 100px;
    margin: 0 auto;
}

.virtual_sec3_wrap .vsec3-slider-3 h3 {
    color: #185b9b;
    font-size: 1.8em;
    letter-spacing: 0px;
    font-weight: 600;
}

.virtual_sec3_wrap .vsec3-slider-3 p {
    font-size: 1.1em;
    color: #58595b;
}

.profile_info {
    position: relative;
    /* padding: 80px 0 50px; */
}

.profile {
    width: 60%;
    margin: 0 auto;
    font-size: 1.3em;
}

.Chartprev-btn {
    position: absolute;
    outline: 0;
    border: 0;
    top: 57%;
    left: 10.5%;
    z-index: 999;
    font-size: 6em;
    font-weight: 300;
    transition: all 0.3s;
    color: #185b9b;
}

.Chartprev-btn:hover {
    text-decoration: none;
    color: #185b9ba8;
}

.Chartnext-btn {
    position: absolute;
    outline: 0;
    border: 0;
    top: 57%;
    right: 10.5%;
    z-index: 999;
    font-size: 6em;
    font-weight: 300;
    transition: all 0.3s;
    color: #185b9b;
}

.Chartnext-btn:hover {
    text-decoration: none;
    color: #185b9ba8;
}

.vprev-btn {
    position: absolute;
    outline: 0;
    border: 0;
    top: 48%;
    left: 3.5%;
    font-size: 6em;
    font-weight: 300;
    transition: all 0.3s;
    color: #185b9b;
    z-index: 999;
}

.vprev-btn:hover {
    text-decoration: none;
    color: #185b9ba8;
}

.vnext-btn {
    position: absolute;
    outline: 0;
    border: 0;
    top: 48%;
    right: 3.5%;
    font-size: 6em;
    font-weight: 300;
    transition: all 0.3s;
    color: #185b9b;
    z-index: 999;
}

.vnext-btn:hover {
    text-decoration: none;
    color: #185b9ba8;
}

.video_wrap {
    padding: 18% 8% 2%;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
    box-shadow: 0px 0px 7px 0px rgba(117, 113, 117, 1);
}

.note,
#executive_edu ul li {
    font-size: 1.3em;
    color: #7e7f80;
    line-height: initial;
}

#registration input,
select {
    /* background: none; */
    /* border: none; */
    border: 1.1px solid #064B7C;
    color: #000000;
    background-color: #fff;
    font-size: 1.6rem;
    outline: 0;
    padding: 7px 10px;
    position: relative;
    height: 43px;
    width: 100%;
    box-shadow: none;
    margin-bottom: 1.7em;
    border-radius: 5px;
}

#registration select {
    background: #fff;
    border: none;
    border: 1.1px solid #064B7C;
    color: grey;
    font-size: 1.6rem;
    outline: 0;
    padding: 7px 10px;
    height: 42px;
    position: relative;
    width: 100%;
    box-shadow: none;
    border-radius: 5px;
}

.contact_btn {
    background: #FFC035;
    color: #414042;
    font-size: 1.4em;
    padding: 7px;
    text-transform: uppercase;
    margin-bottom: 11px;
    /* width: 97%; */
    margin-top: 0px;
    font-weight: 600;
}

.submit_btn {
    background: #FFC035;
    color: #414042;
    font-size: 1.4em;
    padding: 5px;
    margin-bottom: 11px;
    width: 45%;
    margin-top: 0px;
    font-weight: 600;
    border: 1px solid #FFC035;
}

.enquire_btn {
    background: #FFC035;
    color: #414042;
    font-size: 1.4em;
    padding: 5px;
    margin-bottom: 11px;
    width: 100%;
    margin-top: 0px;
    font-weight: 600;
    border: 1px solid #FFC035;
}

.apply_btn {
    background: #FFC035;
    color: #414042;
    /* font-size: 1.3em; */
    padding: 5px;
    margin-bottom: 11px;
    width: 20%;
    margin-top: 0px;
    font-weight: 600;
    border: 1px solid #FFC035;
    margin: 3% auto;
    margin-bottom: 0;
}

.register_btn {
    background: #FFC035;
    color: #414042;
    border: 1px solid #FFC035;
    border-radius: 5px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 15px;
    cursor: pointer;
    width: 250px;
    font-weight: 700;
    margin: 3% auto;
}

.bottom-link {
    margin: 0px;
    position: relative;
    background: #3187e2;
    font-size: 17px !important;
    color: #fff !important;
    padding: 10px;
    border-radius: 5px;
}

.bottom-link:hover {
    background: #fff;
    border: 1px solid #3187e2;
    color: #3187e2 !important;
}

.btngrp {
    color: #000;
    font-size: 1.4em;
    font-weight: 500;
}

.dis {
    font-size: .8em;
    color: #202c73;
    line-height: 1.4;
    display: block;
    text-align: center;
}

.cardInfo {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


.modal-header {
    padding: 15px;
    border-bottom: none;
}

.modal-content {
    width: 80%;
    margin: auto;
}

.btn-group>.btn.active {
    background: #17c400;
}

.btn:hover {
    background: #fff;
    border: 1px solid #FFC035;
    color: #FFC035;
}

.box_shadow {
    -webkit-box-shadow: 0px 0px 14px 0px rgba(117, 113, 117, 1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(117, 113, 117, 1);
    box-shadow: 0px 0px 14px 0px rgba(117, 113, 117, 1);
}

.bg_highlight {
    background: url(../images/higlights.png) no-repeat;
    /* background-size: cover; */
    margin: 5% 0 5%;
}

.frmwrp h2 {
    text-align: center;
}

.duration {
    background: #dadada;
    padding: 20px;
    font-size: 1.2em;
}

#Directors img {
    margin-top: 20px;
}

.margin_lr {
    margin: 0px 40px;
}

table,
td,
th {
    border: 1px solid #ddd;
    text-align: left;
}

table {
    border-collapse: collapse;
    width: 60%;
}

th {
    font-weight: 600;
}

th,
td {
    font-weight: 400;
    padding: 7px;
    font-size: 1.2em;
    color: #616161;
}

.table_fees {
    padding: 0 30px 30px;

}

table.sheet0 tr.row2 {
    height: 15.75pt
}

.pro_table {
    margin: 0 30px 30px;
    color: #064B7C;
}

.duration .col-xs-2 {
    width: 7%;
}

.vertical_border {
    border-right: 1px solid #FFF;
}

.sticky {
    position: sticky;
    top: 40px;
}

#Directors span {
    font-size: 1.2em;
    color: #7e7f80;
}

.ptitle {
    color: #064B7C;
    font-weight: 800;
    /* font-size: 4.5vmin; */
    /* margin-top: 0.8em; */
    /* margin-bottom: 2%; */
    margin: 0 30px 30px;
    text-transform: uppercase;
}

.panel-body .title {
    /* font-size: 1.3em; */
    /* margin-bottom: 1%; */
    /* margin: 0 70px 20px; */
}

.footer {
    margin: 0 auto;
    position: relative;
}

.footer h4 {
    color: #414042;
    font-weight: 400;
}

.footer h5 {
    color: #414042;
    font-weight: 700;
}

.footerTitle {
    margin-bottom: 10px;
}

.logo_text {
    margin: 3% auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo_text span {
    font-size: 1.7em;
    padding-right: 5%;
}

.vclogo {
    width: 200px;
    padding-left: 5%;
}

.chartdetails {

    margin-top: 2%;
}

.chartdetails object {
    width: 60%;
}

.selection_pro {
    margin-bottom: 1%;
}

/*
.blink {
    position: absolute;
    top: 0%;
    right: 49%;
    width: 300px;
    height: 74px;
    padding: 9px;
    text-align: center;
}

.blink span {
    font-size: 20px;
    font-family: cursive;
    color: #023085;
    animation: blink 1s linear infinite;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}*/


/* .blink {
    position: absolute;
    bottom: 0%;
    top: 87%;
    width: 300px;
    height: 74px;
    color: #fff;
    background-color: #c3ff00;
    padding: 9px;
    border-radius: 7px;
    text-align: center;
    box-shadow: rgb(10 71 222) 0px 5px 25px;
} */

.blink {
    font-size: 20px;
    font-weight: 600;
    font-family: sans-serif;
    animation: blink 1s linear infinite;
}

.blink h4 {
    /* font-size: 20px; */
    font-weight: 600;
    font-family: sans-serif;
    color: #01286d;
    animation: blink 1s linear infinite;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/


/*table css end*/
/* media queries  */
@media screen and (min-width:768px) {
    body {
        /* background: #f3f4f4; */
        font-size: 12px;
    }

    .title2 img {
        float: unset;
        padding: 4% 0;
    }

    .remo-info-title {
        font-size: 2em
    }
}

/*    */
/********************************************************************************/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {}

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
@media screen and (max-width: 767px) {
/* @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { */
    body {
        /* background: #f3f4f4; */
        font-size: 15px;
        overflow-x: hidden;
    }
.pro_high{
    height: auto !important;
}
    p {
        font-size: 14px;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 25px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 13px;
    }

    .certificate img {
        width: 100%;
    }

    .bg_header {}

    #registration input,
    select {
        margin-bottom: 1em;
    }

    .duration .col-xs-2 {
        width: 16%;
    }

    .vertical_border {
        border-right: 1px solid #fff0;
        padding-left: 10px;
    }

    .mg-t {
        margin-top: 20px;
    }

    .mg-tp {
        margin-top: -20px;
    }

    table {
        font-size: smaller;
    }

    .sec1 {
        width: 92%;
        margin: 4%;
    }

    .banner {
        height: auto;
    }

    .highlightCard {
        margin: 0 auto;
    }

    .bg_overview img {
        float: unset;
        margin: 5%;
    }

    .pro_AV h2 {
        text-align: center;
    }

    .pro_high h2::after {
        position: unset;
    }

    .bg_overview h2::after {
        position: unset;
    }

    .bg_overview p {
        font-size: 1em;
    }

    .pro_AV h2::after {
        position: unset;
    }

    .rank h2::before {
        position: unset;
    }

    .rank h2::after {
        position: unset;
    }

    .outcome_sec h2::after {
        position: unset;
    }

    .pro_struc h2::before {
        position: unset;
    }

    .pro_struc h2::after {
        position: unset;
    }

    .pro_benefit h2::after {
        position: unset;
    }

    .selection_sec h2::after {
        position: unset;
    }

    .Q_Asection h2::before {
        position: unset;
    }

    .Q_Asection h2::after {
        position: unset;
    }

    .frmwrp {
        padding: 5%;
        width: 90%;
    }

    .pro_high h2 {
        text-align: center;
    }

    .highlight_row {
        margin: 0 auto;
    }

    .highlight_row2 {
        position: unset;
        overflow: unset;
        width: 90%;
        margin: 0 auto;
    }

    .pro_details {
        width: 90%;
    }

    li {
        font-size: 14px;
    }

    .structure_sec {
        margin-bottom: 7%;
    }

    .pro_benefit h2 {
        text-align: center;
    }

    .pro_Card {
        margin: 20% auto;
        width: 100%;
    }

    .pro_Card img {
        width: 50px;
    }

    .pro_ben1 {
        display: block;
    }

    .outcome_details {
        width: 90%;
    }

    .selection_pro h2 {
        text-align: center;
    }

    .selection_1 {
        width: 100%;
    }

    .selection_2 {
        width: 90%;
    }

    .selection_3 {
        width: 80%;
    }

    .panel_wrap {
        width: 100%;
    }

    .panel-default>.panel-heading a {
        font-size: 0.8em;
    }

    .apply_btn {
        width: 70%;
    }

    .logo_text span {
        font-size: 1.1em;
    }

    .vclogo {
        width: 100px;
    }
    .video iframe {
    width: 100% !important;
}
.main_container {
width: 100% !important;
}
.frmwrp {
width: 100% !important;
}
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 760px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    body {
        background: #f3f4f4;
        font-size: 15px;
    }
}

/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    body {
        background: #fff;
    }
}

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    body {
        background: #fff;
    }
}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
    body {
        background: #fff;
    }
}

/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    body {
        background: #fff;
        font-size: 10px;
    }

    .contact {
        width: 100%;
    }

    .contactlogo {
        width: 20px;
    }

    .banner {
        height: auto;
    }

    .frmwrp {
        /* margin-top: 15%; */
        width: 100%;
        padding: 5%;
    }

    .bg_overview h2::after {
        left: 370px;
        top: 55px;
        width: 53%;
    }

    .rank h2::before {
        top: 54px;
        width: 29%;
    }

    .rank h2::after {

        top: 50px;

        width: 22%;
    }

    .outcome_sec h2::after {
        top: 50px;
        left: 360px;
        width: 63%;
    }

    .pro_struc h2::before {

        top: 50px;

        left: 0px;

        width: 28%;
    }

    .pro_struc h2::after {

        top: 50px;

        width: 28%;
    }

    .selection_sec h2::after {
        top: 51px;
        left: 340px;
        width: 55%;
    }

    .Q_Asection h2::before {
        width: 22%;
        top: 51px;
    }

    .Q_Asection h2::after {
        width: 22%;
        top: 53px;
    }

    .certificate img {
        /* width: 180px; */
        float: none;
    }

    .highlightCard {
        /* margin-bottom: 7%; */
    }

    .bg_director {
        height: auto;
        padding-bottom: 10%;
    }

    .prof1 {
        text-align: center;
        display: block;
    }

    .rightLine {
        border: none;
        text-align: center;
    }

    .graph {
        height: 305px;
    }

    .graphDetails {

        margin: 5% auto 0;
    }

    .submit_btn {
        margin-left: 10%;
        width: 55%;
    }

    .virtual_sec3_wrap .vsec3-slider p {
        font-size: 1.3em;
    }

    .apply_btn {
        margin-bottom: 7%;
        width: 45%;
    }

    .footer {
        height: 310px;
    }

    .banner_ty {
        height: auto;
    }

    .video_wrap {
        padding: 5% 5%;
    }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    body {
        font-size: 10px;
    }

    body {
        background: #fff;
    }

    .blink {
        top: 95%;
    }

    .banner {

        height: auto;

    }

    .rightLine {
        border: none;
    }

    .frmwrp {
        width: 90%;
        padding: 5%;
    }

    #registration input,
    select {

        margin-bottom: 1.3em;
    }

    .pro_high h2::after {
        position: unset;
    }

    .bg_overview h2::after {
        position: unset;
    }

    .pro_AV h2::after {
        position: unset;
    }

    .rank h2::before {
        position: unset;
    }

    .rank h2::after {
        position: unset;
    }

    .outcome_sec h2::after {
        position: unset;
    }

    .pro_struc h2::before {
        position: unset;
    }

    .pro_struc h2::after {
        position: unset;
    }

    .pro_benefit h2::after {
        position: unset;
    }

    .selection_sec h2::after {
        position: unset;
    }

    .Q_Asection h2::before {
        position: unset;
    }

    .Q_Asection h2::after {
        position: unset;
    }

    .pro_high h2 {
        text-align: center;
    }

    .highlightCard {

        margin-bottom: 7%;
    }

    .bg_overview {
        padding-bottom: 5%;
    }

    .pro_AV h2 {
        text-align: center;
    }

    .pro_benefit h2 {
        text-align: center;
    }

    .apply_btn {
        width: 50%;
    }

    .banner_ty {
        height: auto;
    }
}


@media screen and (device-width: 1180px) and (device-height: 820px) {
    .bg_overview h2::after {
        width: 63%;
    }

    .outcome_sec h2::after {
        width: 80%;
    }

    .selection_sec h2::after {
        left: 370px;
        width: 66%;
    }

    .apply_btn {
        width: 40%;
    }

    .rightLine {
        border-right: 2px solid #616161;
    }
}

@media screen and (device-width: 1024px) and (device-height: 768px) {
    .rightLine {
        border-right: 2px solid #616161;
    }
}

@media screen and (device-width: 1024px) and (device-height: 1366px) {
    .bg_overview h2::after {
        left: 350px;
        top: 55px;
        width: 53%;
    }

    .rank h2::before {
        top: 50px;
        width: 28%;
    }

    .rank h2::after {
        top: 55px;
        width: 28%;
    }

    .outcome_sec h2::after {
        top: 50px;
        left: 388px;
        width: 75%;
    }

    .pro_struc h2::after {
        top: 54px;
        right: 0px;
        width: 33%;
    }

    .pro_struc h2::before {
        top: 52px;
        left: 0px;
        width: 33%;
    }

    .selection_sec h2::after {
        top: 55px;
        left: 370px;
        width: 62%;
    }

    .Q_Asection h2::after {
        width: 29%;
    }

    .Q_Asection h2::before {
        width: 29%;
    }

    .rightLine {
        border-right: 2px solid #616161;
    }
}