:root {
    --primaryColor: #004C99;
    --secondaryColor: #E3EEFC;
    --accentColor: #F8F9FA;
    --textColor: #000000;
    --headColor: #4A4949;
    --footerColor: #08417B;
    --hoverColor: #00AEEF;
}

html, 
body {
    font-family: "Lexend", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-style: normal;
    font-optical-sizing: auto;
    font-weight: 400;
    max-width: 100dvw;
    overflow-x: hidden !important;
    padding: 0 !important;
}

* {
    position: relative;
    /* z-index: 1; */
}

img {
    height: auto;
}

.siteHeader {
    padding-block: 4.1875rem;
    position: sticky;
    top: 0;
    max-width: 100vw;
    z-index: 99;
}

.siteLogo {
    width: auto;
    height: 3.25rem
}

#registerBtn,
.btn-login,
#forgotBtn,
#resendVlinkBtn,
.siteBtn{
    margin-top: 24px;
    height: 3.25rem;
    border: 2px solid var(--textColor) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-inline: 2.8rem;
    border-radius: 5rem;
    text-transform: capitalize;
    color: var(--textColor);
    font-weight: 500;
    font-size: 0.875rem !important;
    color: var(--textColor);
    background: transparent !important;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    position: relative;
    z-index: 9999;
}

#registerBtn:hover, #registerBtn:active, .btn-login:hover, .btn-login:active, #forgotBtn:hover, #forgotBtn:active, .dynamic_theme_block .btn-login:hover, .dynamic_theme_block .btn-register:hover, #resendVlinkBtn:hover, #resendVlinkBtn:active, .siteBtn:hover, .siteBtn:active, .siteBtn:active
{
    color: white !important;
    border-color: #004C99 !important;
}
.dynamic_theme_block .btn-login:focus{
    color:#000 !important ;
}
#registerBtn span,
.siteBtn span{
    z-index: 2;
}

#registerBtn::after,
.btn-login::after,
#forgotBtn::after,
#resendVlinkBtn::after,
.siteBtn::after
{
    position: absolute;
    content: "";
    inset: 0 -10px;
    z-index: -1 !important;
    background: radial-gradient(at top left, #429CF5, #004C99);
    border-radius: 2rem;
    transform: translateX(-110%);
    transition: all 0.3s ease-in-out;
}

#registerBtn:hover::after,
.btn-login:hover::after,
#forgotBtn:hover::after,
#resendVlinkBtn:hover::after,
.siteBtn:hover::after{
    transform: translateX(0%);
}

.bannerArea_image,
.bannerArea_image_mob {
    max-width: 100%;
}

.bannerArea_image_mob {
    display: none;
}

.bannerBadge {
    position: absolute;
    top: 0;
    right: 7.5rem;
    z-index: 3;
    width: 6.875rem;
}

.bannerArea_content {
    position: absolute;
    left: 15px;
    bottom: 0;
    z-index: 2;
    padding: 3.75rem;
    color: white;
}

.bannerArea_content h1 {
    font-size: 5.875rem;
    line-height: 0.85;
    font-weight: 700;
    text-shadow: 0 0.25rem 0.25rem rgba( 0, 0, 0, 0.2 );
    margin-bottom: 1rem;
    padding: 0;
}

.bannerArea_content h5 {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.bannerArea_video {
    position: absolute;
    right: 15px;
    bottom: 20rem;
    z-index: 4;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 3rem;
    padding-right: 9.5rem;
    cursor: pointer;
}

.bannerArea_video_icon {
    width: 4.375rem;
}

.bannerArea_video_icon img {
    z-index: 3;
    border-radius: 50%;
    width: 100%;
}

.bannerArea_video_icon::after {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    content: "";
    z-index: 2;
    background: #0496ff;
    animation: pulse 1.5s infinite ease-in-out;
}

.bannerArea_video_icon::before {
    position: absolute;
    inset: -1.1rem;
    border-radius: 50%;
    content: "";
    z-index: 1;
    border: 1px solid white;
}

@keyframes pulse {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.5);
    }
    100% {
      transform: scale(1);
    }
}  

.bannerArea_video p {
    margin: 0;
    color: white;
    font-size: 1.375rem;
}

.row_custom {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    align-items: flex-end;
}

.infoBox_wrap {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 2.875rem;
    column-gap: 1.25rem;
}

.infoBox {
    background: var(--secondaryColor);
    border-radius: 1.25rem;
    flex-grow: 1;
    text-align: center;
    padding: 1.25rem 0.25rem;
}

.infoBox:nth-child(1),
.infoBox:nth-child(2),
.infoBox:nth-child(3) {
    width: 30%;
}

.infoBox h6 {
    font-size: 1rem;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
}

.infoBox h4 {
    font-size: 2rem;
    line-height: 1;
    margin: 0;
    font-weight: 700;
}

.innovationArea {
    padding-top: 13.25rem;
}

.innovationArea .row {
    display: flex;
    align-items: center;
    margin: 0;
}

.innovationArea .row * {
    padding: 0;
    margin: 0;
}

.siteHeading {
    font-size: 3rem;
    line-height: 1.125;
    font-weight: 700;
    color: var(--headColor);
    margin: 0;
    padding: 0;
}

.innovationArea .row p {
    padding-left: 2%;
}

.videoArea {
    padding-block: 4rem;
}

.videoContainer {
    border-radius: 1.5rem;
    overflow: hidden;
    background: var(--textColor);
}

.videoContainer img {
    width: 100%;
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease-in-out;
}

.videoContainer .playVideo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    cursor: pointer;
    z-index: 3;
    transition: transform 0.3s ease-in-out;
}

.videoContainer .playVideo:hover {
    transform: translate(-50%, -50%) scale(1.5);
}

.videoContainer iframe {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.specialisationArea {
    padding-block: 3rem 6.875rem;
}

.specialisationArea .siteHeading {
    margin-bottom: 3.75rem;
}

.specialisationArea .panel-group {
    border-radius: 1.5rem;
    overflow: hidden;
}

.specialisationArea .panel-group, 
.specialisationArea .panel-group * {
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.specialisationArea .panel-group .spec_1 {
    background: #E3EEFC;
}

.specialisationArea .panel-group .spec_1::after {
    position: absolute;
    content: "";
    inset: 0;
    transform: translateY(90%);
    background: #E3EEFC;
}

.specialisationArea .panel-group .spec_2 {
    background: #F7F4F4;
    z-index: 2;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

.specialisationArea .panel-group .spec_2::after {
    position: absolute;
    content: "";
    inset: 0;
    transform: translateY(90%);
    background: #F7F4F4;
}

.specialisationArea .panel-group .spec_3 {
    background: #F8F9FA;
    z-index: 3;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

.specialisationArea .panel-group .panel-heading,
.specialisationArea .panel-group .panel-heading *,
.specialisationArea .panel-group .panel-collapse, 
.specialisationArea .panel-group .panel-collapse * {
    background: transparent;
}

.specialisationArea .panel-group .panel-heading {
    padding: 0;
}

.specialisationArea .panel-title {
    padding: 0;
}

.specialisationArea .panel-title a {
    display: block;
    font-size: 2rem;
    line-height: 1.2em;
    font-weight: 400;
    color: var(--textColor);
    padding: 1.5rem 4.625rem;
    text-decoration: none;
    display: none;
}

.specialisationArea .panel-title a.collapsed {
    display: block;
}

.specialisationArea .panel-body {
    padding: 2.25rem 4.625rem 3.25rem;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 3rem;
}

.specialisationArea .panel-body::after,
.specialisationArea .panel-body::before {
    display: none;
}

.specialisationArea .specHead {
    width: 26rem;
}

.specialisationArea .specHead h3 {
    font-size: 2rem;
    line-height: 1.1;
    font-weight: 700;
    margin: 0 0 2rem !important;
}

.specialisationArea .specHead p {
    margin-bottom: 0;
    padding-right: 5% !important;
}

.specialisationArea .panel-group .specNote_wrap {
    display: flex;
    row-gap: 2rem;
    flex-wrap: wrap;
}

.specialisationArea .panel-group .spec_1 .specNote_wrap,
.specialisationArea .panel-group .spec_3 .specNote_wrap {
    width: 37.5rem;
    column-gap: 2rem;
}

.specialisationArea .panel-group .spec_2 .specNote_wrap {
    width: 48rem;
    column-gap: 1rem;
}

.specialisationArea .panel-group .specNotes p { 
    margin-bottom: 1.5rem !important;
}

.specialisationArea .panel-group .specNote {
    flex-grow: 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.specialisationArea .panel-group .spec_1 .specNote,
.specialisationArea .panel-group .spec_3 .specNote {
    width: 35%;
    gap: 1.25rem;
}

.specialisationArea .panel-group .spec_2 .specNote {
    width: 25%;
    gap: 1rem;
}

.specialisationArea .panel-group .specNote img {
    width: auto;
    height: 4.0625rem;
}

.specialisationArea .panel-group .specNote p {
    margin: 0 !important;
}

.scholarshipArea {
    padding-block: 10rem;
    background: var(--primaryColor);
}

.customRow_2 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.scholarshipArea_head {
    width: 31.25rem;
}

.scholarshipArea_head p {
    margin: 0;
    color: white;
}

.scholarshipArea_head .siteHeading {
    color: white;
    margin-bottom: 1.5rem;
}

.scholarshipArea_content {
    flex-grow: 1;
}

.nav-tabs {
    display: flex;
    border: none;
    gap: 0.65rem;
    margin-bottom: 1.75rem;
}

.nav-tabs::after, .nav-tabs::before {
    display: none;
}

.nav-tabs li {
    flex: 1;
    text-align: center;
    border: none !important;
}

.nav-tabs li a {
    border: none !important;
    display: block;
    border-radius: 2rem;
    font-weight: bold;
    line-height: 1;
    padding: 0.55em;
    background: #F5F5F5;
    color: var(--textColor);
    transition: all 0.3s ease-in-out;
}

.nav-tabs li.active a,
.nav-tabs li.active:hover a,
.nav-tabs li.active:active a,
.nav-tabs li.active:focus a,
.nav-tabs li a:hover,
.nav-tabs li a:focus,
.nav-tabs li a:active {
    background: var(--hoverColor) !important;
    color: white !important;
} 

.tab-pane {
    background: #E3EEFC;
    border-radius: 1.25rem;
    overflow: hidden;
}

.tab-pane {
    /* border-color: white !important; */
    text-align: center;
}
.tab-pane .form-control{
    text-align:left !important;
}
.tab-pane .table {
    margin: 0;
    border: none;
}

.tab-pane .table th {
    border-top: none;
    padding-block: 2rem 0.5rem;
    font-weight: 700;
}

.tab-pane .table td {
    padding-block: 0.5rem;
}

.tab-pane .table th:first-child,
.tab-pane .table td:first-child {
    border-left: none;
}

.tab-pane .table th:last-child,
.tab-pane .table td:last-child {
    border-right: none;
}

.tab-pane .table tr:last-child td {
    border-bottom: none;
    padding-bottom: 2rem;
}

.tab-pane .table th:first-child,
.tab-pane .table th:last-child {
    width: 30%;
}

.scholarshipArea .customRow_2 {
    gap: 4rem;
}

.facultyArea {
    padding-block: 5rem 1rem;
}

.facultyArea .siteHeading {
    margin-bottom: 1.5rem;
}

.facultyArea p {
    margin-bottom: 3.125rem;
}

.facultyCarousel_navigation {
    display: flex;
    justify-content: center;
    padding-top: 1.5rem;
}

.facultyCarousel_navigation .custom-nav {
    background: var(--accentColor);
    display: inline-block;
    padding: 0.3125rem;
    border-radius: 5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.facultyCarousel_navigation .custom-nav button {
    border: none;
    box-shadow: none;
    background: white;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    padding: 0;
}

.facultyCarousel_navigation .custom-nav button::after {
    position: absolute;
    content: "";
    inset: 0;
    background-image: url(../images/HSB_arrowleft.png);
    background-position: center center;
    background-size: cover;
}

.facultyCarousel_navigation .custom-nav button.customNext::after  {
    background-image: url(../images/HSB_arrowright.png);
}

.facultySlider {
    padding: 1.5rem 1.5rem 1.5rem 0;
}

.facultySlider_content {
    background: var(--secondaryColor);
    padding: 4.0625rem 3.5rem;
    border-radius: 1.5rem;
    height: 22.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.facultySlider_content h4 {
    font-size: 1.5rem;
    line-height: 1;
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--textColor);
    display: inline-block;
    color: var(--primaryColor);
    font-weight: 700;
}

.facultySlider_content p {
    margin: 0;
}

.facultySlider img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    object-fit: contain;
    object-position: right center;
    padding-bottom: 1.5rem;
    padding-right: 1.5rem;
}

.facultySlider img.alt {
    padding-bottom: 0;
}

.processArea {
    padding-block: 5rem 8.75rem;
}

.processArea .siteHeading {
    margin-bottom: 5rem;
}

.stepBox_wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.stepBox {
    display: flex;
    flex-wrap: nowrap;
    width: 28%;
    column-gap: 1rem;
    border-bottom: 1px solid var(--textColor);
}

.stepBox h3 {
    color: #F5F5F5;
    font-size: 10rem;
    line-height: 0.85;
    font-weight: 700;
    margin: 0;
}

.stepBox h5 {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 1.5rem;
    font-weight: 400;
}

.stepBox p {
    margin-block: 0 1.5rem;
}

.faqArea {
    background: var(--secondaryColor);
    padding-block: 8.75rem;
    border-radius: 3.125rem;
}

.faqArea .customRow_2 {
    column-gap: 15rem;
    align-items: start;
}

.faqArea_content {
    width: 51.875rem;
}

.faqArea_content .panel-heading {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: none;
}

.faqArea_content .panel-heading .panel-title {
    overflow: hidden;
}

.faqArea_content .panel-heading .panel-title a {
    display: block;
    font-size: 1.5rem;
    line-height: 2em;
    font-weight: 400;
    padding-block: 0.5em;
    text-decoration: none;
    padding-inline: 0 4.5rem;
}

.faqArea_content .panel-heading .panel-title a::after {
    position: absolute;
    pointer-events: none;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/HSB_arrowdown.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 1.5rem;
    top: 50%;
    transform-origin: center center;
    transform: translateY( calc( -50% + 10rem ) );
    transition: transform 0.3s ease-in-out;
}

.faqArea_content .panel-heading .panel-title a.collapsed::after {
    transform: translateY(-50%);
}

.faqArea_content .panel-heading .panel-title a::before {
    position: absolute;
    pointer-events: none;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/HSB_arrowdown.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 1.5rem;
    top: 50%;
    transform-origin: center center;
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s ease-in-out;
}

.faqArea_content .panel-heading .panel-title a.collapsed::before {
    transform: translateY( calc( -50% - 10rem ) ) rotate(180deg);
}

.faqArea_content .panel-group,
.faqArea_content .panel {
    margin: 0 !important;
}

.faqArea_content .panel,
.faqArea_content .panel * {
    background: transparent;
    border: none !important;
    box-shadow: none !important;
}

.faqArea .panel-body {
    padding-inline: 0;
    padding-bottom: 2rem;
}

.panel_divider {
    padding-block: 0.5rem;
}

.panel_divider span {
    border-top: 1px solid var(--textColor);
    display: block;
}

.faqArea .siteHeading {
    width: 1%;
    flex-grow: 1;
}

.siteFooter {
    padding-block: 8.75rem 2rem;
}

.siteFooter_content {
    border-radius: 3.125rem;
    background: var(--footerColor);
}

.siteFooter_content_1 {
    padding: 2.5rem 3.125rem;
    border-bottom: 1px solid white;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.siteFooter_content_1_left {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.siteFooter_content_1_left img {
    width: 14.375rem;
}

.siteFooter_content_1_left p {
    margin: 0;
    color: white;
    font-size: 0.875rem;
}

.siteFooter_content_1_left p a {
    color: white;
    text-decoration: none;
}

.siteFooter_content_1_right {
    display: flex;
    gap: 1.25rem;
    align-items: flex-end;
}

.siteFooter_content_1_right img {
    height: 2.5rem;
    width: auto;
}

.siteFooter_content_1_right img.logo_04 {
    height: 5.125rem;
}

.siteFooter_content_1_right p {
    color: #9EC0E4;
    font-size: 0.75rem;
    line-height: 1.1428;
    margin: 0;
    font-weight: 500;
    border-left: 1px solid white;
    padding-left: 1.25rem;
}

.siteFooter_content_2 {
    padding: 1.25rem 3.125rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.social_links {
    margin: 0;
    padding: 0;
    display: flex;
    list-style-type: none;
    gap: 1rem;
}

.social_links img {
    height: 1.25rem;
    width: auto;
}

.siteFooter_content_2 p {
    margin: 0;
    font-size: 0.75rem;
    line-height: 2em;
    color: white;
}

.fab_download {
    position: fixed;
    right: -10px;
    top: 50dvh;
    transform: translate( 11rem, -50%);
    z-index: 999;
    overflow: hidden;
    background: radial-gradient(at top left, #429CF5, #004C99);
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem;
    transition: all 0.3s ease-in-out;
}

.fab_download a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    padding: 0.7rem 1.875rem;
    color: #fff;
}

.fab_download:hover {
    transform: translate( 0, -50%);
}

.fab_download p {
    margin: 0;
    color: white;
    opacity: 1;
    transform: translateX(30%);
    transition: all 0.3s ease-in-out;
}

.fab_download:hover p {
    transform: translateX(0%);
}

.formArea {
    padding-top: 4.75rem;
}

.formBox_wrap {
    position: absolute;
    right: 0px;
    bottom: 0;
    background: var(--accentColor);
    width: 30rem;
    height: 23rem;
    border-radius: 1.25rem;
}

.formBox_wrap .nav-tabs {
    gap: 0;
}

.formBox_wrap .nav-tabs li a,
.formBox_wrap .nav-tabs li a:hover,
.formBox_wrap .nav-tabs li a:focus,
.formBox_wrap .nav-tabs li a:active {
    border-radius: 1.25rem;
    padding: 2rem 0.55em;
    background: transparent !important;
    color: #adadad !important;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

.formBox_wrap .nav-tabs li.active a,
.formBox_wrap .nav-tabs li.active:hover a,
.formBox_wrap .nav-tabs li.active:active a,
.formBox_wrap .nav-tabs li.active:focus a {
    background: var(--primaryColor) !important;
    color: white !important;
} 

.formBox_wrap .tab-pane {
    background: transparent;
}

.formBox_wrap form {
    /* display: flex; */
    flex-direction: column;
    gap: 0.5rem;
    padding: 0 2.75rem;
}

.formBox_wrap .form-control {
    outline: none;
    box-shadow: none;
    background: transparent;
    padding: 0.5em 0;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 2px dotted #C9C7C7 !important;
    color: var(--headColor);
    text-align: left;
    border-radius: 0;
    font-size: 0.875rem;
    line-height: 1;
}

.formBox_wrap .form-control::placeholder {
    color: var(--headColor);
    opacity: 1; 
}
  
.formBox_wrap .form-control::-ms-input-placeholder { 
    color: var(--headColor);
}

.fromFooter {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    padding-top: 1rem;
    justify-content: space-between;
}

.tab-pane_login .fromFooter {
    padding-block: 2rem;
    width: 100%;
}

.tab-pane_login form {
    align-items: start;
}

.fromFooter .checkbox {
    margin: 0;
}

.formBox_wrap .agree-condition  {
    margin: 0 !important;
    font-size: 0.71rem !important;
    text-align: left !important;
    line-height: 14px;
}

.formBox_wrap .siteBtn {
    padding-inline: 3.5rem;
    border: 2px solid var(--textColor) !important;
}

.fromFooter .siteBtn:hover,
.fromFooter .siteBtn:active,
.fromFooter .siteBtn:focus {
    border-color: #004C99 !important;
}

.forgot {
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1;
    color: #C7C3C3;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.forgot:hover,
.forgot:active,
.forgot:focus {
    color: var(--headColor);
    text-decoration: none;
}

.videoModal,
.videoModal * {
    padding: 0;
    border-radius: 0;
}

.videoModal .modal-body {
    background: #000000;
}

.videoModal iframe {
    aspect-ratio: 16/9;
}

.videoModal .modal-dialog {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
  
.modal.videoModal.in {
    text-align: center;
    padding: 0 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
  
.modal.videoModal:before {
    display: none;
}

@media( min-width: 1200px ) {
    .container {
        width: 1170px;
    }
}

@media( min-width: 1600px ) {
    .container {
        width: 1430px;
    }
}

@media( max-width: 1599px ) {
    html, 
    body {
        font-size: 14px;
    }
    .siteHeader {
        padding-block: 3rem;
    }
    .formBox_wrap {
        width: 28.85rem;
    }
    .formBox_wrap .nav-tabs li a,
    .formBox_wrap .nav-tabs li a:hover,
    .formBox_wrap .nav-tabs li a:focus,
    .formBox_wrap .nav-tabs li a:active {
        padding: 1.25rem 0.55em;
    }
    .formBox_wrap form {
        padding: 0 2rem;
    }
    .formBox_wrap .nav-tabs {
        margin-bottom: 1rem;
    }
    .infoBox h6 {
        margin-bottom: 0.25rem;
    }
    .stepBox {
        width: 30%;
    }
    .facultySlider img.alt {
        padding-right: 0;
    }
    .facultySlider_content {
        padding-left: 2.5rem;
    }
}

@media( max-width: 1199px ) {
    .siteHeader {
        padding-block: 2rem;
    }
    .bannerArea_content h1 {
        font-size: 5rem;
    }
    .bannerArea_video {
        bottom: 15rem;
        gap: 3rem;
        padding-right: 6rem;
    }
    .formArea .row_custom {
        flex-direction: column;
        gap: 4rem;
        align-items: center;
    }
    .infoBox_wrap {
        width: 100%;
        row-gap: 1.25rem;
    }
    .infoBox {
        padding: 2rem 0.25rem;
    }
    .formBox_wrap {
        position: static;
        width: 40rem;
        height: auto;
    }
    .formBox_wrap form {
        padding-bottom: 4rem;
    }
    .specialisationArea .panel-body {
        padding: 2.25rem 3rem 3.25rem;
        gap: 3rem;
    }
    .specialisationArea .panel-title a {
        padding-inline: 3rem;
    }
    .specialisationArea .panel-group .spec_1 .specNote_wrap,
    .specialisationArea .panel-group .spec_3 .specNote_wrap, 
    .specialisationArea .panel-group .spec_2 .specNote_wrap {
        width: 37.5rem;
        column-gap: 2rem;
    }
    .specialisationArea .panel-group .spec_1 .specNote,
    .specialisationArea .panel-group .spec_3 .specNote, 
    .specialisationArea .panel-group .spec_2 .specNote {
        width: 35%;
        gap: 1rem;
    }
    .scholarshipArea .customRow_2 {
        flex-direction: column;
        align-items: flex-start;
    }
    .scholarshipArea_content,
    .scholarshipArea_head {
        width: 100%;
    }
    .facultySlider_content {
        padding: 2rem;
        height: 15rem;
    }
    .facultySlider img.alt {
        padding-right: 0;
    }
    .faqArea_content {
        width: 68%;
    }
}

@media( max-width: 991px ) {
    .bannerArea_content {
        padding-left: 2rem;
    }
    .bannerArea_content h1 {
        font-size: 4.75rem;
    }
    .bannerArea_video {
        bottom: 12rem;
        gap: 2rem;
        padding-right: 2rem;
    }
    .bannerArea_video_icon {
        width: 3.5rem;
    }
    .siteBtn {
        border-width: 1px;
    }
    .formBox_wrap {
        max-width: 100%;
    }
    .infoBox_wrap {
        gap: 0.5rem;
    }
    .infoBox h6 {
        font-size: 0.75rem;
    }
    .infoBox h4 {
        font-size: 1.75rem;
    }
    .specialisationArea .panel-body {
        flex-direction: column;
    }
    .specialisationArea .panel-body > div {
        width: 100% !important;
    }
    .innovationArea .row {
        display: flex;
        flex-direction: column;
    }
    .innovationArea .siteHeading {
        margin-bottom: 2rem;
    }
    .innovationArea .row * {
        width: 100%;
        padding: 0 !important;
    }
    .facultyArea .owl-carousel {
        max-width: 550px;
        margin: 0 auto;
    }
    .stepBox_wrap {
        flex-wrap: wrap;
        row-gap: 2rem;
    }
    .stepBox {
        width: 45%;
    }
    .faqArea .customRow_2 {
        flex-direction: column;
    }
    .faqArea .siteHeading {
        margin-bottom: 2rem;
    }
    .faqArea .siteHeading,
    .faqArea_content {
        width: 100% !important;
    }
    .siteFooter_content_1 {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
    }
    .bannerBadge {
        right: 3rem;
        width: 5rem;
    }
    .videoModal .modal-dialog {
        width: 100%;
    }
}

@media( max-width: 767px ) {
    body,
    html {
        font-size: 12px;
    }
    .bannerArea_image {
        display: none;
    }
    .bannerArea_image_mob {
        display: block;
    }
    .infoBox {
        width: 35% !important;
        min-width: 170px;
    }
    br {
        display: none;
    }
    .videoContainer img,
    .videoContainer iframe {
        height: 300px;
        object-fit: cover;
        object-position: center center;
    }
    .videoContainer .playVideo {
        width: 6rem;
        height: 6rem;
    }
    .videoContainer .playVideo img {
        height: 100% !important;
    }
    .specialisationArea .panel-group .specNote,
    .specialisationArea .panel-group .specNote_wrap {
        width: 100% !important;
        max-width: 100% !important;
    }
    .specialisationArea .panel-group .specNote img {
        width: 4rem;
        height: 4rem;
        object-fit: contain;
        object-position: center center;
    }
    .scholarshipArea_content .nav-tabs li {
        flex: auto;
        flex-grow: 1;
        width: 25%;
    }
    .nav-tabs {
        flex-wrap: wrap;
    }
    .nav-tabs li a {
        padding-block: 1em;
    }
    .facultySlider {
        overflow: hidden
    }
    .facultySlider_content * {
        max-width: 50%;
    }
    .facultySlider_content {
        padding-bottom: 1rem;
    }
    .stepBox {
        width: 100%;
    }
    .bannerArea_video_icon {
        width: 2.5rem;
    } 
    .bannerArea_video_icon::before {
        inset: -0.75rem;
    }
    .bannerArea_video p {
        font-size: 1.1rem;
        line-height: 1;
    }
    .bannerArea_video {
        right: auto;
        left: 15px;
        padding-right: 0;
        padding-left: 2rem;
        bottom: 18rem;
        width: 15rem;
    }
    .bannerArea_content h1 {
        max-width: 70%;
    }
    .bannerArea_content h5 {
        max-width: 63%;
    }
}

@media( max-width: 530px ) {
    .siteFooter_content_2 {
        flex-direction: column;
        gap: 1rem;
    }
    .siteFooter_content_1 {
        gap: 4rem;
        padding-inline: 2rem;
    }
    .siteFooter_content_1_left {
        align-items: center;
        width: 100%;
    }
    .siteFooter_content_1_right {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }
    .siteFooter_content_1_right p  {
        width: 100%;
        padding: 1rem 0;
        border-left: none;
        border-top: 1px solid #fff;
        text-align: center;
    }
    .siteFooter_content_1_right img.logo_04 {
        height: 7rem;
    }
    .bannerArea_content {
        padding: 2.5rem 2rem;
    }
    .bannerArea_content h1 {
        font-size: 3.75rem;
        max-width: 100%;
    }
    .bannerArea_content h5 {
        font-size: 1.25rem;
    }
    
}

@media( max-width: 380px ) {
    .facultySlider img {
        transform: translateX(15%);
    }
    .siteLogo {
        width: auto;
        max-width: 100%;
        height: 3.25rem;
        object-fit: contain;
        object-position: left center;
    }
}

@media( max-width: 350px ) {
    body, html {
        font-size: 11px;
    }
}

/*----------------- THANK YOU -----------*/

.siteHeader.thank {
    padding-bottom: 0 !important;
}

.thankBanner_image {
    width: 100%;
}

.thankBanner .bannerArea_video {
    bottom: 1.5rem;
    padding-right: 0;
    gap: 2rem;
}

.thankBanner .bannerArea_video p {
    color: var(--textColor);
    line-height: 1.1;
}

.thankBanner .bannerArea_video .bannerArea_video_icon {
    width: 3rem;
    height: 3rem;
}

.thankBanner .bannerArea_video .bannerArea_video_icon::before {
    border-color: var(--secondaryColor);
}

.thankBanner .row {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
}

.thankBanner .row::before,
.thankBanner .row::after {
    display: none;
}

.thankBanner_content h1 {
    color: #1955A6;
    font-size: 6rem;
    line-height: 1;
    font-weight: 700;
    margin: 0;
}

.thankBanner_content h2 {
    color: var(--headColor);
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
    margin-block: 1rem 2rem;
}

.thankBanner_content p {
    padding-right: 15%;
    margin-block: 0 3rem;
}

.thankBanner_content .linkGroup {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.videoSlide {
    padding-block: 6rem;
}

.videoItem_thumb {
    cursor: pointer;
    border-radius: 1.5rem;
    overflow: hidden;
}

.videoItem_thumb .videoSlide_play {
    width: 4rem !important;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%,-50%) scale(1);
    transition: transform 0.3s ease-in-out;
}

.videoItem_thumb:hover .videoSlide_play {
    transform: translate(-50%,-50%) scale(1.3);
}

.videoItem p {
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    margin-block: 1rem 0;
}

.siteFooter.thank {
    padding-top: 0;
}

.videoSlide_prev,
.videoSlide_next {
    position: absolute;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    z-index: 5;
    top: 4.2rem;
    background-color: white;
    --shadow_offset: 1.2rem;
}

.videoSlide_prev {
    left: 15px;
    transform: translateX( -50% );
    background-image: url(../images/HSB_videoSlide_prev.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 25%;
}

.videoSlide_next {
    right: 15px;
    transform: translateX( 50% );
    background-image: url(../images/HSB_videoSlide_next.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 25%;
}

.videoSlide_prev::after,
.videoSlide_prev:before,
.videoSlide_next::after,
.videoSlide_next::before {
    width: 35%;
    height: 35%;
    position: absolute;
    content: "";
    background: transparent;
    border-radius: 50%;
}

.videoSlide_prev::after {
    top: 0;
    left: 50%;
    transform: translateY(-95%);
    box-shadow: calc( -1 * var(--shadow_offset) ) var(--shadow_offset) 0 0rem white;
}

.videoSlide_next::after {
    top: 0;
    right: 50%;
    transform: translateY(-95%);
    box-shadow: var(--shadow_offset) var(--shadow_offset) 0 0rem white;
}

.videoSlide_prev:before {
    bottom: 0;
    left: 50%;
    transform: translateY(95%);
    box-shadow: calc( -1 * var(--shadow_offset) ) calc( -1 * var(--shadow_offset) ) 0 0rem white;
}

.videoSlide_next:before {
    bottom: 0;
    right: 50%;
    transform: translateY(95%);
    box-shadow: var(--shadow_offset) calc( -1 * var(--shadow_offset) ) 0 0rem white;
}

@media( max-width: 1399px ) {
    .bannerArea_video p {
        font-size: 1.2rem;
    }
    .videoSlide_prev,
    .videoSlide_next {
        top: 4rem;
    }
}

@media( max-width: 1199px ) {
    .bannerArea_video p {
        font-size: 1rem;
    }
    .thankBanner .bannerArea_video {
        bottom: 1rem;
        gap: 1.5rem;
    }
    .thankBanner_content h1 {
        font-size: 5rem;
    }
    .thankBanner_content h2 {
        font-size: 1.5rem;
    }
    .videoSlide_prev,
    .videoSlide_next {
        width: 5rem;
        height: 5rem;
        top: 3.5rem;
        --shadow_offset: 1rem;
    }
}

@media( max-width: 991px ) {
    .videoSlide_prev,
    .videoSlide_next {
        top: 4rem;
    }
    .thankBanner .row {
        flex-direction: column-reverse;
        gap: 3rem;
    }
}

@media( max-width: 767px ) {
    .thankBanner .bannerArea_video {
        position: static;
    }
    .thankBanner .bannerArea_video .bannerArea_video_icon {
        width: 3rem !important;
        height: 3rem !important;
    }
    .bannerArea_video {
        width: 100%;
        padding-top: 3rem;
    }
    .videoSlide_prev,
    .videoSlide_next {
        width: 18vw;
        height: 18vw;
        top: 16vw;
        --shadow_offset: 3.3vw;
    }
    .thankBanner_content .linkGroup {
        row-gap: 1rem;
    }
}
.modal-dialog {
    max-width: 100%;
}
.form-custom {
    max-height: 100%;
    overflow: auto;
    padding-right: 10px;
}
.dynamic_theme_block .panel-body {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    margin-top: 0px;
    padding: 0px;
}
.dynamic_theme_block .form-custom .form-group.StateId {
    width: 49%;
    float: left;
    padding: 0px;
    /* z-index: 1; */
    clear: both;
    padding-right: 14px;
}
.dynamic_theme_block .form-custom .form-group.CityId {
    width: 51%;
    float: left;
    padding: 2px;
    /* z-index: 1; */
}
.dynamic_theme_block .form-custom .form-group.CourseId {
    width: 45%;
    float: left;
    padding: 0px;
    /* z-index: 1; */
}
.dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select {
    float: left;
    background-color: transparent;
    border: none;
    border-bottom: 2px dotted #C9C7C7 !important;
    border-radius: 0;
    padding: 6px 15px 6px 0;
    height: auto;
}
.formBox_wrap .panel-default{
    border: 0px !important;
}
.formBox_wrap .show_dial_code_option ul{
    background-color: var(--accentColor) !important;
}
.formBox_wrap .panel,
.formBox_wrap .panel .panel-heading{
    background-color: var(--accentColor) !important;
    border-radius: 1.25rem;
    z-index: 999;
}
.clearfix {
    clear: both;
}
.dynamic_theme_block .form-control[disabled], .dynamic_theme_block .form-control[readonly], .dynamic_theme_block fieldset[disabled] .form-control {
    background-color: transparent;
}
.StateId:before {
    right: 21px !important;
}
.CourseId:before{
    right: 8px !important;
}
.help-block {
    font-size: 10px;
    text-align:left;
}
.reg_mobile_div .help-block{
    left:-50px;
    position:relative;
}
.agree-group {
    /* display: flex; */
    /* justify-content: space-between; */
}
.dynamic_theme_block .tab-pane .form-group {
    margin-bottom: 8px;
}
.dynamic_theme_block .tab-content {
    box-shadow: none;
    padding: 0;
    margin-top: 0;
    line-height: 12px;
}

.agree-group .checkbox label{
    text-align:left;
    font-size: 0.75rem;
    font-family: "Lexend", sans-serif;
}
.form-group.agree-group.col-md-6 {
    padding-left: 0px;
}
.close {
    opacity: 1;
    z-index: 999;
}.resentVerification a {
    float: left!important;
    margin-left: 8%!important;
}.panel {
    box-shadow: 0 1px 1px rgb(0 0 0 / 0%)!important;
}
@media(max-width:400px){
    .siteHeading span{
        margin-right:10px;
        display:inline-block;
    }
}

.modal-header .close{
    margin-top:7px !important;
    opacity: 2
}

span#clockdivForget {
    color: #000 !important
}
.form-group.label-floating.field-select.reg_specialization_id_div {
    width: 54%;
    float: left;
    padding-left: 12px;
}

.dynamic_theme_block .npf_cpt_new .newCptImg + .form-group.captcha-text {
    width: 50%;
    padding-right: 4px;
}