html,
body {
box-sizing: border-box;
overflow-x: hidden;
width: 100%;
margin: 0;
padding: 0;
background: #f0f2f5;
}
@media (min-width: 320px) and (max-width: 480px) {
html,
body {
overflow-x: hidden;
}
}
* {
font-family: "Montserrat";
}
.red_color {
color: #97231a;
}
.blue_color {
color: #0253b6;
}
.yellow_color {
color: #f4bf00;
}
/* ####################### Home Page Start ###################### */
nav.navbar img {
width: 225px !important;
}
/* banner section start */
.banner_section {
background: url("../images/banner_back.png");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
height: auto;
padding-bottom: 7%;
}
.banner_section .navbar {
background: rgba(255, 255, 255, 0.4);
}
.banner_section .navbar .nav-item .nav-link {
color: #fff;
font-weight: 600;
}
.banner_section .navbar .navbar-brand {
color: #fff;
font-size: 30px;
}
.banner_section .navbar .navbar-brand span {
font-weight: 700;
}
.banner_section .navbar .nav-item button {
font-weight: 600;
color: #80140c;
}
.banner_section .banner_content {
padding-top: 6%;
}
.banner_section .banner_content h2 {
font-size: 8rem;
color: #fff;
font-size: 300;
}
.banner_section .banner_content h2 b {
color: #fff;
font-size: 900;
}
.banner_section .banner_content h4 {
font-size: 2.1rem;
color: #fff;
font-size: 600;
margin-top: -2%;
margin-bottom: 6%;
}
.banner_section .banner_content p {
color: #fff;
font-size: 30px;
}
.banner_section .banner_content p span {
color: #f4bf00;
font-weight: 700;
font-size: 35px;
}
.banner_section .about_aipmcet {
margin-top: 5%;
}
.banner_section .about_aipmcet .about_aipmcet_inner {
background: rgba(255, 255, 255, 0.2);
padding: 2% 2% 0% 2%;
border-radius: 20px;
height: auto;
}
.banner_section .about_aipmcet .about_aipmcet_inner h3 {
color: #fff;
font-weight: 300;
}
.banner_section .about_aipmcet .about_aipmcet_inner h3 span {
font-weight: 700;
}
.banner_section .about_aipmcet .about_aipmcet_inner p {
color: #fff;
font-size: 14px;
font-weight: 500;
text-align: justify;
}
.banner_section .about_aipmcet .about_aipmcet_inner img {
margin-top: -59%;
}
@media (min-width: 320px) and (max-width: 480px) {
.banner_section .navbar .navbar-brand {
font-size: 25px;
}
.banner_section .navbar button.navbar-toggler {
background: #fff;
}
.banner_section .banner_content h2 {
font-size: 2.2rem;
}
.banner_section .banner_content p span {
font-size: 20px;
}
.banner_section .banner_content h4 {
font-size: 0.8rem;
margin-bottom: 10%;
}
.banner_section .banner_content {
padding-top: 15%;
}
.banner_section {
background: #0253b6;
height: auto;
padding-bottom: 0%;
}
.banner_section .about_aipmcet .about_aipmcet_inner {
background: rgba(255, 255, 255, 0.2);
padding: 2% 5%;
border-radius: 20px;
height: auto;
}
.banner_section .about_aipmcet .about_aipmcet_inner img {
margin-top: 0%;
}
nav.navbar img {
width: 175px !important;
}
}
/* banner section end */
/* eligible criteria section start */
.eligible_criteria {
padding: 3% 0%;
}
.eligible_criteria h2 {
color: #97231a;
font-size: 50px;
font-weight: bold;
}
.eligible_criteria h3 {
font-size: 25px;
font-weight: 500;
text-align: center;
}
.eligible_criteria .eligible_content {
background: #97231a;
border-radius: 30px;
}
.eligible_criteria .eligible_content button {
border-radius: 20px;
color: #97231a;
font-weight: bold;
}
@media (min-width: 320px) and (max-width: 480px) {
.eligible_criteria h2 {
font-size: 30px;
margin-bottom: 7%;
}
.eligible_criteria .eligible_content {
border-radius: 0px;
}
.eligible_criteria h3 {
font-size: 25px;
}
}
/* eligible criteria section end */
/* aipmcet process section start */
.process {
padding: 4% 0%;
}
.process h2 span {
color: #97231a;
font-weight: bold;
}
.process h6 {
font-size: 14px;
font-weight: 700;
color: rgba(0, 0, 0, 0.6);
}
.process p {
color: #000;
font-weight: 600;
font-size: 15px;
text-align: center;
}
/* aipmcet process section end */
/* detailed registration process section start */
.detailed_process {
padding: 4% 0% 0% 0%;
background: #fff;
}
.detailed_process h2 {
font-size: 45px;
font-weight: bold;
}
.detailed_process h2 span.blue_heading {
color: #0253b6;
}
.detailed_process h2 span.red_heading {
color: #97231a;
}
.detailed_process .process_content {
padding: 4% 7%;
}
.detailed_process .process_content h6 {
color: #0253b6;
font-weight: bold;
}
.detailed_process .process_content p {
font-size: 13px;
font-weight: bold;
color: rgba(0, 0, 0, 0.6);
}
.detailed_process .process_content hr {
border-top: 1px solid #c4c4c4;
}
.detailed_process .imp_notes {
font-weight: 600;
font-size: 14px;
text-align: justify;
color: rgba(0, 0, 0, 0.8);
}
.detailed_process .process_result {
padding-top: 20%;
}
@media (min-width: 320px) and (max-width: 480px) {
.detailed_process h2 {
font-size: 25px;
}
.detailed_process {
padding: 10% 0% 0% 0%;
}
.detailed_process h4 {
font-size: 20px;
}
.detailed_process .process_content {
padding: 2% 7%;
}
}
/* detailed registration process section end */
/* why choose para section start */
.why_choose {
background: url("../images/why_choose.png");
background-position: top;
background-size: cover;
background-repeat: no-repeat;
height: auto;
margin-top: -1.8%;
padding: 8% 0%;
}
.why_choose .why_chooseContent {
background: rgba(255, 255, 255, 0.9);
padding: 7% 5%;
border-radius: 10px;
}
.why_choose .why_chooseContent h3 {
font-weight: bold;
}
.why_choose .why_chooseContent h3 span {
color: #0253b6;
font-size: 50px;
}
.why_choose .why_chooseContent hr {
border-top: 1px solid rgba(0, 0, 0, 0.6);
}
.why_choose .why_chooseContent p {
text-align: justify;
font-size: 13px;
color: #000;
font-weight: 500;
}
.why_choose .why_chooseContent button {
background: #000;
color: #fff;
font-weight: bold;
}
@media (min-width: 320px) and (max-width: 480px) {
.why_choose .why_chooseContent h3 span {
font-size: 48px;
}
}
/* why choose para section end */
/* key highlights section start */
.key_highlights {
padding: 4% 0%;
}
.key_highlights h2 {
color: #0253b6;
font-size: 50px;
font-weight: bold;
}
.key_highlights h6 {
font-weight: 700;
color: rgba(0, 0, 0, 0.6);
}
.key_highlights hr {
border-top: 1px solid #97231a;
margin-top: 3%;
margin-bottom: 3%;
}
.key_highlights h5 {
font-size: 30px;
font-weight: 700;
color: rgba(0, 0, 0, 0.6);
}
@media (min-width: 320px) and (max-width: 480px) {
.key_highlights {
padding: 15% 0%;
}
.key_highlights h6 {
font-size: 12px;
}
.key_highlights hr {
margin-top: 6%;
margin-bottom: 6%;
}
.key_highlights h5 {
font-size: 17px;
}
}
/* key highlights section end */
/* announcement section start */
.announcement {
padding: 3% 0%;
background: linear-gradient(180deg, #0253b6 0%, #0313a7 100%);
}
.announcement h5 {
color: #fff;
}
.announcement h1 {
font-weight: 700;
color: rgba(255, 255, 255, 1);
margin-bottom: 3%;
}
.announcement hr {
border-top: 1px solid rgba(255, 255, 255, 0.4);
margin-top: 2%;
margin-bottom: 2%;
}
.announcement h6 {
font-size: 20px;
color: #fff;
font-weight: 600;
margin-bottom: 1%;
}
.announcement p {
font-size: 14px;
color: rgba(255, 255, 255, 0.6);
font-weight: 600;
}
.announcement ol li {
font-size: 14px;
color: rgba(255, 255, 255, 0.6);
font-weight: 600;
padding-left: 0%;
}
.announcement button {
font-size: 14px;
font-weight: bold;
padding: 1% 5%;
border-radius: 15px;
margin-top: 3%;
}
@media (min-width: 320px) and (max-width: 480px) {
.announcement {
padding: 13% 0%;
}
.announcement hr {
margin-top: 6%;
margin-bottom: 6%;
}
.announcement h6 {
margin-bottom: 4%;
}
}
/* announcement section end */
/* cta section start */
.cta_section {
padding: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgb(0 0 0) 50%);
}
.cta_section button {
background: #97231a;
color: #fff;
font-weight: 700;
border-radius: 10px;
padding: 10px;
margin: 0% 3%;
display: block;
width: 100%;
}
.cta_section button:hover,
.cta_section a:hover {
color: #fff;
text-decoration: none !important;
}
@media (min-width: 320px) and (max-width: 480px) {
.cta_section button {
margin: 0% 1%;
}
.cta_section {
padding: 10% 0% 7% 0%;
}
}
/* cta section end */
/* footer section start */
.footer {
padding: 3% 0% 1% 0%;
background: #000;
}
.footer h2 {
color: #fff;
font-size: 45px;
}
.footer hr {
border-top: 1px solid #97231a;
}
.footer h6,
.footer h6 a {
color: #fff;
font-size: 15px;
font-weight: 600;
}
.footer ul {
list-style: none;
padding-left: 0;
}
.footer ul li {
font-size: 9px;
color: rgba(255, 255, 255, 0.7);
margin: 6% 0%;
}
.footer .copyright_hr {
border-top: 1px solid #fff;
}
.footer h5 {
font-size: 13px;
color: rgba(255, 255, 255, 0.6);
font-weight: 600;
}
@media (min-width: 320px) and (max-width: 480px) {
.footer {
padding: 15% 0% 3% 0%;
}
.footer h6 {
font-size: 14px;
}
}
/* footer section end */
/* ####################### Home Page end ###################### */
/* ####################### Important Dates page start ###################### */
/* banner section start */
.impDates_banner_section {
background: url("../images/importantDates_banner.png");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: auto;
padding-bottom: 6%;
}
.impDates_banner_section .impDates_banner_content {
padding: 0% 4%;
}
.impDates_banner_section .impDates_banner_content h1 {
font-size: 130px;
text-align: right;
font-weight: bold;
color: rgba(0, 0, 0, 0.2);
line-height: 8rem;
}
.impDates_banner_section .impDates_banner_content h2 {
text-align: right;
font-size: 35px;
}
.impDates_banner_section .impDates_banner_content h2 span {
color: #97231a;
font-weight: bold;
}
.impDates_banner_section
.impDates_banner_content
.banner_content_inner
.date_box2 {
background: rgba(255, 255, 255, 0.2);
height: 130px;
width: 130px;
/* padding:; */
border-radius: 10%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}
.impDates_banner_section .impDates_banner_content .banner_content_inner {
padding-top: 100%;
}
.impDates_banner_section
.impDates_banner_content
.banner_content_inner
.date_box2
h1 {
color: #97231a;
font-weight: bold;
font-size: 80px;
text-align: center;
line-height: normal;
}
.impDates_banner_section
.impDates_banner_content
.banner_content_inner
.date_box2
h6 {
font-weight: bold;
margin-top: -5%;
}
.impDates_banner_section .impDates_banner_content .banner_content_inner hr {
border: 1px solid #0253b6;
width: 50%;
}
.impDates_banner_section .impDates_banner_content .banner_content_inner h5 {
font-size: 40px;
}
.impDates_banner_section
.impDates_banner_content
.banner_content_inner
h5
span.red_heading {
color: #97231a;
font-weight: bold;
}
.impDates_banner_section
.impDates_banner_content
.banner_content_inner
h5
span.blue_heading {
color: #0253b6;
font-weight: bold;
}
@media (min-width: 320px) and (max-width: 480px) {
.impDates_banner_section .impDates_banner_content h1 {
font-size: 60px;
line-height: 3.5rem;
margin-top: 3%;
}
.impDates_banner_section
.impDates_banner_content
.banner_content_inner
.date_box2 {
background: rgba(255, 255, 255, 1);
height: 130px;
width: 130px;
border-radius: 10%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}
.impDates_banner_section {
background: url("../images/importantDates_banner.png");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: auto;
padding-bottom: 6%;
}
}
/* banner section end */
/* important dates section start */
.important_dates2 {
background: url("../images/blue_back.png");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
height: auto;
padding: 3% 0%;
}
.important_dates2 h2 {
font-size: 40px;
text-align: center;
font-weight: 300;
color: #fff;
}
.important_dates2 h2 span {
color: #fff;
font-weight: 700;
}
.important_dates2 h5 {
text-align: center;
font-size: 28px;
color: #fff;
font-weight: 400;
}
.important_dates2 h5 span {
color: #fff;
font-weight: 700;
}
.important_dates2 .importantDates_inner2 .date_box {
background: rgba(255, 255, 255, 1);
height: 150px;
width: 150px;
padding: 4%;
border-radius: 10%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}
.important_dates2 .importantDates_inner2 .date_box h1 {
color: #97231a;
font-weight: bold;
font-size: 70px;
}
.important_dates2 .importantDates_inner2 .date_box h6 {
font-weight: bold;
color: #97231a;
font-size: 20px;
}
.important_dates2 .cta_buttons button {
background: #000;
color: #fff;
font-weight: 600;
border-radius: 10px;
padding: 1% 5%;
margin: 0% 3%;
}
@media (min-width: 320px) and (max-width: 480px) {
.important_dates2 h5 {
font-size: 18px;
}
.important_dates2 .cta_buttons button {
padding: 1% 5%;
margin: 0% 1%;
}
.important_dates2 {
background: url("../images/blue_back.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: auto;
padding: 15% 0% 10% 0%;
}
}
/* important dates section end */
/* guidline section start */
.guidline {
padding: 4% 0%;
background: #fff;
}
.guidline h2 {
color: #0253b6;
font-weight: bold;
font-size: 50px;
}
.guidline h5 span {
color: #97231a;
font-weight: 700;
}
.guidline p {
padding: 2% 5%;
text-align: center;
font-weight: 700;
color: rgba(0, 0, 0, 0.6);
}
.guidline hr {
border-top: 1px solid #97231a;
}
.guidline h3 {
font-size: 32px;
font-weight: 700;
color: #000;
}
.guidline ul li {
font-weight: 700;
color: rgba(0, 0, 0, 0.6);
margin: 1% 0%;
}
.guidline button {
background: #000;
margin-top: 2%;
color: #fff;
font-weight: 600;
border-radius: 15px;
}
@media (min-width: 320px) and (max-width: 480px) {
.guidline p {
padding: 2% 2%;
}
.guidline h3 {
font-size: 22px;
}
.guidline ul li {
margin-top: 4%;
margin-bottom: 4%;
}
.guidline {
padding: 10% 0%;
}
}
/* guidline section end */
/* ####################### Important Dates page end ###################### */
/* ####################### Admit Card page Start ###################### */
/* admit card navbar start */
.admitCardNav .navbar {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.admitCardNav .navbar .navbar-brand {
font-size: 25px;
}
.admitCardNav .navbar .navbar-brand span {
color: #97231a;
font-weight: bold;
}
.admitCardNav .navbar .nav-item.active .nav-link {
color: #97231a;
font-weight: bold;
}
.admitCardNav .navbar .nav-item .nav-link {
font-weight: 600;
font-size: 14px;
}
.admitCardNav .navbar .nav-item .nav-link button {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
color: #97231a;
font-weight: 600;
}
/* admit card navbar end */
/* admit card banner section start */
.AdmitCardBannerSection {
padding: 5% 0% 0% 0%;
}
.AdmitCardBannerSection h2 {
font-size: 110px;
font-weight: 800;
color: rgba(0, 0, 0, 0.2);
text-align: right;
}
.AdmitCardBannerSection h4 {
text-align: right;
font-weight: 600;
font-size: 30px;
}
.AdmitCardBannerSection h4 span {
color: #97231a;
}
.AdmitCardBannerSection .admitCardBannerContent {
padding-top: 15%;
}
.AdmitCardBannerSection .admitCardBannerContent h3 {
font-size: 30px;
font-weight: bold;
color: rgba(0, 0, 0, 0.6);
}
.AdmitCardBannerSection .admitCardBannerContent hr {
border-top: 1px solid #97231a;
width: 85%;
}
.AdmitCardBannerSection .admitCardBannerContent h1 {
font-weight: 700;
font-size: 40px;
}
.AdmitCardBannerSection .admitCardBannerContent h1 span {
color: #97231a;
}
.AdmitCardBannerSection .admitCardBannerContent h2 {
font-size: 40px;
text-align: left;
color: rgba(0, 0, 0, 1);
}
.AdmitCardBannerSection .admitCardBannerContent h2 span {
color: #0253b6;
}
.AdmitCardBannerSection .admitCardBannerContent button {
background: #97231a;
color: #fff;
font-weight: 600;
}
@media (min-width: 320px) and (max-width: 480px) {
.AdmitCardBannerSection h2 {
text-align: center;
}
.AdmitCardBannerSection h4 {
text-align: center;
}
.AdmitCardBannerSection .admitCardBannerContent {
text-align: center;
}
.AdmitCardBannerSection .admitCardBannerContent hr {
width: 100%;
}
.AdmitCardBannerSection .admitCardBannerContent h1 {
font-size: 35px;
}
.AdmitCardBannerSection .admitCardBannerContent h2 {
text-align: center;
}
.AdmitCardBannerSection .admitCardBannerContent h3 {
font-size: 20px;
}
.AdmitCardBannerSection h2 {
font-size: 50px;
}
}
/* admit card banner section end */
/* admit card guidline section start */
.AdmitCardGuidline {
padding: 4% 0%;
background: #fff;
}
.AdmitCardGuidline hr {
border-top: 1px solid #97231a;
}
.AdmitCardGuidline ul li {
font-weight: 700;
color: rgba(0, 0, 0, 0.6);
font-size: 20px;
}
.AdmitCardGuidline button {
background: #000;
margin-top: 020px;
color: #fff;
font-weight: 600;
border-radius: 15px;
padding: 10px;
}
.AdmitCardGuidline button:hover {
color: #fff;
}
@media (min-width: 320px) and (max-width: 480px) {
.AdmitCardGuidline ul li {
margin-top: 4%;
margin-bottom: 4%;
}
.AdmitCardGuidline {
padding: 10% 0%;
}
.AdmitCardGuidline ul li {
font-size: 15px;
}
.AdmitCardGuidline {
padding: 2% 0%;
background: #fff;
}
}
/* admit card guidline section end */
/* ####################### Admit Card page end ###################### */
/* ####################### Programs page start ###################### */
/* programs banner section start */
.programsBanner {
background: url("../images/program_banner2.png");
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
height: auto;
padding: 4% 0% 9% 0%;
}
.programsBanner .banner_content h2 b {
color: #fff;
font-size: 10rem;
}
.programsBanner .banner_content p {
font-size: 20px;
color: #fff;
text-align: right;
}
.programsBanner .banner_content p span {
color: #f4bf00;
font-size: 30px;
font-weight: bold;
}
.programsBanner .about_aipmcet {
margin-top: 5%;
}
.programsBanner .about_aipmcet .about_aipmcet_inner {
background: rgba(255, 255, 255, 1);
padding: 2%;
border-radius: 20px;
height: 12em;
}
.programsBanner .about_aipmcet .about_aipmcet_inner h1 {
font-size: 65px;
font-weight: 800;
text-align: right;
}
.programsBanner .about_aipmcet .about_aipmcet_inner h1.diploma_heading {
font-size: 50px;
font-weight: 800;
text-align: right;
}
.programsBanner .about_aipmcet .about_aipmcet_inner h1 span.red_heading {
color: #97231a;
}
.programsBanner .about_aipmcet .about_aipmcet_inner h1 span.blue_heading {
color: #0253b6;
}
.programsBanner .about_aipmcet .about_aipmcet_inner h3 {
color: #000;
font-weight: 700;
text-align: right;
font-size: 2.5rem;
}
.programsBanner .about_aipmcet .about_aipmcet_inner h3 span {
font-weight: 700;
}
.programsBanner .about_aipmcet .about_aipmcet_inner p {
color: #fff;
font-size: 15px;
font-weight: 500;
text-align: justify;
}
.programsBanner .about_aipmcet .about_aipmcet_inner img {
margin-top: -90%;
}
@media (min-width: 320px) and (max-width: 480px) {
.programsBanner {
background: #0253b6;
height: auto;
padding: 4% 0% 0% 0%;
}
.programsBanner .about_aipmcet .about_aipmcet_inner {
background: rgba(255, 255, 255, 1);
padding: 5%;
border-radius: 20px;
height: auto;
}
.programsBanner .about_aipmcet .about_aipmcet_inner img {
margin-top: 0%;
}
.programsBanner .banner_content h2 b {
font-size: 4rem;
}
.programsBanner .banner_content p {
text-align: center;
}
.programsBanner .banner_content p span {
font-size: 20px;
}
.programsBanner .about_aipmcet .about_aipmcet_inner h3 {
text-align: center;
font-size: 1.5rem;
}
.programsBanner .about_aipmcet .about_aipmcet_inner h1 {
font-size: 35px;
font-weight: 800;
text-align: center;
}
}
/* programs banner section end */
/* programs courses section start */
.programs {
padding: 4% 0%;
background: #fff;
}
.programs h3 a {
font-weight: bold;
margin-bottom: 2%;
font-size: 20px;
color: #000;
text-decoration: none;
}
.programs h3 span {
color: #0253b6;
font-size: 30px;
}
.programs h6 a {
font-size: 22px;
font-weight: 700;
color: #000;
text-transform: uppercase;
text-decoration: none;
}
.programs h6 span {
color: #97231a;
}
.programs p a {
font-weight: 700;
letter-spacing: 2px;
color: rgba(0, 0, 0, 0.6);
text-transform: uppercase;
text-decoration: none;
}
.programs hr {
border-top: 1px solid #bdbdbd;
}
/* programs courses section end */
/* explore other courses section start */
.explore {
padding: 2% 0%;
background: linear-gradient(138.98deg, #0253b6 16.23%, #0313a7 76.74%);
}
.explore h4 {
color: rgba(255, 255, 255, 0.6);
text-align: center;
font-weight: bold;
}
.explore p {
color: rgba(255, 255, 255, 0.4);
font-size: 12px;
font-weight: bold;
margin-top: -2%;
}
.explore h6 {
color: #fff;
font-size: 15px;
margin-top: -5%;
}
.explore h6 b {
font-weight: 800;
}
.explore h6 span {
color: rgba(255, 255, 255, 0.6);
}
/* explore other courses section end */
/* ####################### Programs page end ###################### */
/* ##################### B.of Physiotherapy page start ################# */
/* programs banner section start */
.PhysiotherapyBanner {
background: url("../images/Physiotherapy.png");
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.PhysiotherapyBanner .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.PhysiotherapyBanner .banner_content p {
font-weight: 500;
font-size: 20px;
}
.PhysiotherapyBanner .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.PhysiotherapyBanner .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.PhysiotherapyBanner {
height: auto;
}
.PhysiotherapyBanner .banner_content h1 {
font-size: 2rem;
}
.PhysiotherapyBanner .banner_content p span {
font-size: 20px;
}
}
/* programs banner section end */
/* course detail section start */
.course_detail {
padding: 3% 0%;
}
.course_detail .courseContentBox {
padding: 3% 3% 3% 10%;
}
.course_detail .courseContentBox h1 {
font-weight: 300;
}
.course_detail .courseContentBox h1 span {
font-size: 60px;
color: #0253b6;
font-weight: 700;
}
.course_detail .courseContentBox p {
font-weight: 700;
color: rgba(0, 0, 0, 0.6);
text-align: justify;
margin-top: 5%;
}
@media (min-width: 320px) and (max-width: 480px) {
.course_detail .courseContentBox {
padding: 3%;
}
.course_detail .courseContentBox h1 {
text-align: center;
}
}
/* course detail section end */
/* Course eligibility section start */
.course_eligible {
padding: 3% 0%;
}
.course_eligible h4 {
font-weight: 700;
}
.course_eligible p {
font-size: 14px;
font-weight: 700;
color: rgba(0, 0, 0, 0.6);
}
.course_eligible button {
background: #000;
color: #fff;
margin-top: 4%;
font-weight: 600;
border-radius: 20px;
}
.course_eligible .border_right {
border-right: 2px solid #97231a;
}
@media (min-width: 320px) and (max-width: 480px) {
.course_eligible .border_right {
border-right: none;
}
.course_eligible h3 {
font-size: 20px;
}
.course_eligible h1 {
font-size: 30px;
}
}
/* Course eligibility section end */
/* job profiles section start */
.job_profile .jobProfileContent {
padding-top: 20%;
}
.job_profile .jobProfileContent h2 {
font-size: 50px;
font-weight: bold;
}
.job_profile .jobProfileContent ul li {
color: rgba(0, 0, 0, 0.6);
font-weight: 700;
margin-top: 1%;
margin-bottom: 1%;
}
.job_profile .jobProfileContent hr {
border: 1px solid #97231a;
width: 80%;
}
.job_profile .jobProfileContent button {
background: #000;
color: #fff;
border-radius: 20px;
margin-top: 5%;
}
/* job profiles section end */
/* explore other courses section start */
.Courses_explore {
padding: 2% 0%;
background: linear-gradient(138.98deg, #0253b6 16.23%, #0313a7 76.74%);
}
.Courses_explore h4 {
color: rgba(255, 255, 255, 0.8);
text-align: center;
font-weight: bold;
font-size: 30px;
}
.Courses_explore p {
color: rgba(255, 255, 255, 0.8);
font-size: 15px;
font-weight: 500;
margin-top: -2%;
text-align: center;
}
@media (min-width: 320px) and (max-width: 480px) {
.Courses_explore p {
font-size: 13px;
}
.Courses_explore {
padding: 7% 0%;
}
}
/* explore other courses section end */
/* explore UG programs section start */
.explorePrograms a {
text-decoration: none;
color: #000;
}
/* explore UG programs section end */
/* ##################### B.of Physiotherapy page end ################### */
/* ##################### FAQ page start ################### */
/* banner section start */
.faqBanner {
background: url("../images/faq_banner.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 120vh;
}
.faqBanner .banner_content h1 {
font-size: 85px;
font-weight: 800;
color: rgba(0, 0, 0, 0.2);
}
.faqBanner .banner_content h2 {
font-size: 105px;
font-weight: 800;
color: rgba(0, 0, 0, 0.2);
}
.faqBanner .banner_content h4 {
font-size: 35px;
font-weight: 300;
}
@media (min-width: 320px) and (max-width: 480px) {
.faqBanner {
background: transparent;
height: auto;
}
.faqBanner .banner_content h1 {
font-size: 22px;
color: rgba(0, 0, 0, 0.5);
}
}
/* banner section end */
/* faq content section start */
.faq_content {
padding: 3% 0%;
}
.faq_content h5 {
font-weight: 700;
}
.faq_content p {
font-weight: 700;
color: rgba(0, 0, 0, 0.6);
}
/* faq content section end */
/* ##################### FAQ page end ################### */
/* ##################### Syllabus page start ################### */
/* syllabus banner section start */
.SyllabusBanner {
background: url("../images/syllabus_banner.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 120vh;
}
.SyllabusBanner .banner_content h2 {
font-size: 125px;
font-weight: 800;
color: rgba(0, 0, 0, 0.2);
}
.SyllabusBanner .banner_content h4 {
font-size: 35px;
font-weight: 300;
}
.syllabus_content {
padding: 4% 0% 0% 0%;
background: #fff;
}
.syllabus_content h2 {
font-size: 45px;
font-weight: bold;
}
.syllabus_content h2 span.blue_heading {
color: #0253b6;
}
.syllabus_content h2 span.red_heading {
color: #97231a;
}
.syllabus_content .process_content {
padding: 4% 7%;
}
.syllabus_content .process_content h6 {
color: #0253b6;
font-weight: bold;
}
.syllabus_content .process_content p {
font-size: 13px;
font-weight: bold;
color: rgba(0, 0, 0, 0.6);
}
.syllabus_content .process_content hr {
border-top: 1px solid #c4c4c4;
}
.syllabus_content .imp_notes {
font-weight: 600;
font-size: 14px;
text-align: justify;
color: rgba(0, 0, 0, 0.8);
}
.syllabus_content .process_result {
padding-top: 20%;
}
.syllabus_content .process_content ul li {
font-size: 13px;
color: rgba(0, 0, 0, 0.5);
font-weight: bold;
}
.syllabus_content img.syllabus_img2 {
padding-top: 20%;
}
@media (min-width: 320px) and (max-width: 480px) {
.syllabus_content h2 {
font-size: 25px;
}
.syllabus_content {
padding: 10% 0% 0% 0%;
}
.syllabus_content h4 {
font-size: 20px;
}
.syllabus_content .process_content {
padding: 2% 7%;
}
.SyllabusBanner {
background: transparent;
height: auto;
}
.SyllabusBanner .banner_content h2 {
font-size: 70px;
}
.syllabus_content .process_content {
padding: 1% 7%;
}
}
/* syllabus banner section end */
/* syllabus download section start */
.download_section {
padding: 2% 0%;
background: #fff;
}
.download_section h2 {
font-size: 35px;
color: #0253b6;
font-weight: bold;
}
.download_section hr {
border: 1px solid #97231a;
}
.download_section button {
background: #000;
color: #fff;
font-size: 14px;
font-weight: bold;
border-radius: 10px;
}
/* syllabus download section end */
/* ##################### Syllabus page end ################### */
/* apply now page banner start */
.applyNow_banner_section {
background: #0253b6;
height: auto;
padding-bottom: 7%;
}
.applyNow_banner_section .navbar {
background: rgba(255, 255, 255, 0.4);
}
.applyNow_banner_section .navbar .nav-item .nav-link {
color: #fff;
font-weight: 600;
}
.applyNow_banner_section .navbar .navbar-brand {
color: #fff;
font-size: 30px;
}
.applyNow_banner_section .navbar .navbar-brand span {
font-weight: 700;
}
.applyNow_banner_section .navbar .nav-item button {
font-weight: 600;
color: #80140c;
}
.applyNow_banner_section .applyNow_banner_content {
padding-top: 6%;
}
.applyNow_banner_section .applyNow_banner_content h2 {
font-size: 3rem;
color: #fff;
font-size: 300;
}
.applyNow_banner_section .applyNow_banner_content h2 b {
color: #fff;
font-size: 900;
}
.applyNow_banner_section .applyNow_banner_content h4 {
font-size: 1.5rem;
color: #fff;
font-size: 600;
margin-top: -2%;
margin-bottom: 6%;
}
.applyNow_banner_section .applyNow_banner_content p {
color: #fff;
font-size: 20px;
}
.applyNow_banner_content .applyNow_banner_content p span {
color: #f4bf00;
font-weight: 700;
font-size: 25px;
}
@media (min-width: 320px) and (max-width: 480px) {
.applyNow_banner_content .navbar .navbar-brand {
font-size: 25px;
}
.applyNow_banner_content .navbar button.navbar-toggler {
background: #fff;
}
.applyNow_banner_content .banner_content h2 {
font-size: 2.2rem;
}
.applyNow_banner_content .banner_content p span {
font-size: 20px;
}
.applyNow_banner_content .banner_content h4 {
font-size: 0.8rem;
margin-bottom: 10%;
}
.applyNow_banner_content .banner_content {
padding-top: 15%;
}
.applyNow_banner_content {
background: #0253b6;
height: auto;
padding-bottom: 0%;
}
}
/* apply now page banner end */
/* ##################### MLT banner start ################# */
.MLTBanner {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/MLT_banner.jpeg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.MLTBanner .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.MLTBanner .banner_content p {
font-weight: 500;
font-size: 20px;
}
.MLTBanner .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.MLTBanner .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.MLTBanner {
height: auto;
}
.MLTBanner .banner_content h1 {
font-size: 2rem;
}
.MLTBanner .banner_content p span {
font-size: 20px;
}
}
/* ##################### MLT banner end ################# */
/* ##################### radiology banner start ################# */
.RadiologyBanner {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/radiology_banner.jpg");
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.RadiologyBanner .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.RadiologyBanner .banner_content p {
font-weight: 500;
font-size: 20px;
}
.RadiologyBanner .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.RadiologyBanner .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.RadiologyBanner {
height: auto;
}
.RadiologyBanner .banner_content h1 {
font-size: 2rem;
}
.RadiologyBanner .banner_content p span {
font-size: 20px;
}
}
/* ##################### radiology banner end ################# */
/* ##################### Optometry banner start ################# */
.OptometryBanner {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/optometry_banner.png");
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.OptometryBanner .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.OptometryBanner .banner_content p {
font-weight: 500;
font-size: 20px;
}
.OptometryBanner .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.OptometryBanner .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.OptometryBanner {
height: auto;
}
.OptometryBanner .banner_content h1 {
font-size: 2rem;
}
.OptometryBanner .banner_content p span {
font-size: 20px;
}
}
/* ##################### Optometry banner end ################# */
/* ############## Operation Theatre Technology banner start ############ */
.OTBanner {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/operation_tech_banner.jpg");
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.OTBanner .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.OTBanner .banner_content p {
font-weight: 500;
font-size: 20px;
}
.OTBanner .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.OTBanner .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.OTBanner {
height: auto;
}
.OTBanner .banner_content h1 {
font-size: 2rem;
}
.OTBanner .banner_content p span {
font-size: 20px;
}
}
/* ########### Operation Theatre Technology banner end ########## */
/* ##################### Anaethesia banner start ################# */
.AnaethesiaBanner {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.8) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/Anesthesia_banner2.jpg");
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.AnaethesiaBanner .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.AnaethesiaBanner .banner_content p {
font-weight: 500;
font-size: 20px;
}
.AnaethesiaBanner .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.AnaethesiaBanner .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.AnaethesiaBanner {
height: auto;
}
.AnaethesiaBanner .banner_content h1 {
font-size: 2rem;
}
.AnaethesiaBanner .banner_content p span {
font-size: 20px;
}
}
/* ##################### Anaethesia banner end ################# */
/* ##################### BNYS banner start ################# */
.BNYSBanner {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/NaturopathyYoga_banner.jpg");
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BNYSBanner .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BNYSBanner .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BNYSBanner .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BNYSBanner .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BNYSBanner {
height: auto;
}
.BNYSBanner .banner_content h1 {
font-size: 2rem;
}
.BNYSBanner .banner_content p span {
font-size: 20px;
}
}
/* ##################### BNYS banner end ################# */
/* ##################### Occupational banner start ################# */
.OccupationalBanner {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/OccupationalTherapy_banner.jpg");
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.OccupationalBanner .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.OccupationalBanner .banner_content p {
font-weight: 500;
font-size: 20px;
}
.OccupationalBanner .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.OccupationalBanner .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.OccupationalBanner {
height: auto;
}
.OccupationalBanner .banner_content h1 {
font-size: 2rem;
}
.OccupationalBanner .banner_content p span {
font-size: 20px;
}
}
/* ##################### Occupational banner end ################# */
/* ##################### Cardiovascular banner start ################# */
.CardiovascularBanner {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/cardio_banner.jpg");
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.CardiovascularBanner .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.CardiovascularBanner .banner_content p {
font-weight: 500;
font-size: 20px;
}
.CardiovascularBanner .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.CardiovascularBanner .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.CardiovascularBanner {
height: auto;
}
.CardiovascularBanner .banner_content h1 {
font-size: 2rem;
}
.CardiovascularBanner .banner_content p span {
font-size: 20px;
}
}
/* ##################### Cardiovascular banner end ################# */
/* ##################### x-ray banner start ################# */
.XrayBanner {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/xray_banner.jpg");
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.XrayBanner .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.XrayBanner .banner_content p {
font-weight: 500;
font-size: 20px;
}
.XrayBanner .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.XrayBanner .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.XrayBanner {
height: auto;
}
.XrayBanner .banner_content h1 {
font-size: 2rem;
}
.XrayBanner .banner_content p span {
font-size: 20px;
}
}
/* ##################### x-ray banner end ################# */
/* call button start */
.CallButton {
position: fixed;
bottom: 95px;
z-index: 2200000;
right: 16px;
box-shadow: 0 0 10px #ddd;
/* background-color: var(--whiteColor); */
background: #0313a7;
border-radius: 100%;
width: 60px;
height: 60px;
}
.CallButton a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
text-decoration: none;
color: #fff;
}
.CallButton a:hover {
text-decoration: none;
color: #fff;
}
/* call now button end */
/* Apply Now button start */
.applyNowButton {
position: fixed;
bottom: 250px;
z-index: 2200000;
right: -3%;
box-shadow: 0 0 10px #ddd;
/* background-color: var(--whiteColor); */
background: #000;
border-radius: 5% 5% 0% 0%;
width: 110px;
height: 40px;
transform: rotate(270deg);
}
.applyNowButton a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
text-decoration: none;
color: #fff;
}
.applyNowButton a h5 {
font-size: 14px;
}
.applyNowButton a:hover {
text-decoration: none;
color: #fff;
}
.applyNowButton a img {
max-width: 90%;
}
@media (min-width: 320px) and (max-width: 480px) {
.applyNowButton {
position: fixed;
bottom: 250px;
z-index: 2200000;
right: -10%;
box-shadow: 0 0 10px #ddd;
/* background-color: var(--whiteColor); */
background: #000;
border-radius: 5% 5% 0% 0%;
width: 110px;
height: 40px;
transform: rotate(270deg);
}
}
/* Apply Now button end */
/* ################## partner University page start ################# */
/* banner section start */
.partnerUni_banner_section {
background: url("../images/partner_uni.png");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: auto;
padding-bottom: 6%;
}
.partnerUni_banner_section .navbar {
background: rgba(255, 255, 255, 0.4);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}
.partnerUni_banner_section .navbar .navbar-brand {
font-weight: 500;
}
.partnerUni_banner_section .navbar .navbar-brand span {
font-weight: 700;
color: #97231a;
}
.partnerUni_banner_section .navbar .nav-item.active .nav-link {
color: #97231a;
font-weight: bold;
}
.partnerUni_banner_section .navbar .nav-item .nav-link {
color: rgba(0, 0, 0, 0.4);
font-weight: 700;
font-size: 14px;
}
.partnerUni_banner_section .navbar .nav-item button {
color: #97231a;
font-weight: 600;
background: #eeeeee;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.partnerUni_banner_section .partnerUni_banner_content {
padding: 0% 4%;
}
.partnerUni_banner_section .partnerUni_banner_content h1 {
font-size: 90px;
font-weight: bold;
color: rgba(0, 0, 0, 0.5);
margin-top: -15%;
}
.partnerUni_banner_section .partnerUni_banner_content .banner_content_inner {
padding-top: 50%;
}
@media (min-width: 320px) and (max-width: 480px) {
.partnerUni_banner_section {
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 30%,
rgba(0, 0, 0, 1) 80%
),
url("../images/partner_uni.png");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: auto;
padding-bottom: 6%;
}
.partnerUni_banner_section .partnerUni_banner_content h1 {
font-size: 45px;
font-weight: 800;
color: rgba(255, 255, 255, 1);
margin-top: -15%;
}
}
/* banner section end */
/* partner university section start */
.partner_university {
padding: 6% 0%;
background: #fff;
}
.partner_university .universiity_card {
text-align: center;
}
.partner_university .universiity_card .img_div img {
/* padding:1%; */
/* border:2px solid #0253B6; */
/* border-radius:50%; */
margin-bottom: 4%;
box-shadow: 0px 0px 20px rgba(2, 83, 182, 0.5);
}
.partner_university .universiity_card h2 {
font-size: 20px;
font-weight: bold;
color: #80140c;
}
.partner_university .universiity_card p {
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.4);
}
.carousel-cell2 {
width: 65%;
height: auto;
max-height: 1000px;
margin-right: 20px;
margin-bottom: 10px;
border-radius: 5px;
padding: 20px 0px 10px 0px;
counter-increment: carousel-cell;
}
.carousel-cell2 img {
width: 75%;
}
@media (min-width: 320px) and (max-width: 480px) {
.partner_university {
padding: 10% 0%;
}
.partner_university .universiity_card h2 {
font-size: 14px;
font-weight: bold;
color: #80140c;
margin-bottom: 2%;
}
.partner_university .universiity_card p {
font-size: 12px;
}
.carousel-cell2 img {
width: 75%;
margin-bottom: 10%;
}
.partner_university .universiity_card .img_div {
margin-bottom: 4%;
}
.partner_university .universiity_card .img_div img {
padding: 1%;
border: 2px solid #0253b6;
border-radius: 50%;
margin-bottom: 4%;
box-shadow: 0px 0px 20px rgba(2, 83, 182, 0.5);
}
}
/* partner university section end */
/* ################## partner University page end ################# */
/* ##################### Diploma in Male Multipurpose Health Worker banner start ################# */
.DiplomainMaleMultipurposeHealthWorker {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/Diploma-in-Male-Multipurpose-Health-Worker_banner.jpg");
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.DiplomainMaleMultipurposeHealthWorker .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.DiplomainMaleMultipurposeHealthWorker .banner_content p {
font-weight: 500;
font-size: 20px;
}
.DiplomainMaleMultipurposeHealthWorker .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.DiplomainMaleMultipurposeHealthWorker .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.DiplomainMaleMultipurposeHealthWorker {
height: auto;
}
.DiplomainMaleMultipurposeHealthWorker .banner_content h1 {
font-size: 2rem;
}
.DiplomainMaleMultipurposeHealthWorker .banner_content p span {
font-size: 20px;
}
}
/* ##################### Diploma in Male Multipurpose Health Worker banner end ################# */
/* ##################### Diploma in Operation Theatre Technology banner start ################# */
.DiplomainOperationTheatre {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/Diploma-in-Operation-Theatre-Technology_banner.png");
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.DiplomainOperationTheatre .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.DiplomainOperationTheatre .banner_content p {
font-weight: 500;
font-size: 20px;
}
.DiplomainOperationTheatre .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.DiplomainOperationTheatre .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.DiplomainOperationTheatre {
height: auto;
}
.DiplomainOperationTheatre .banner_content h1 {
font-size: 2rem;
}
.DiplomainOperationTheatre .banner_content p span {
font-size: 20px;
}
}
/* ##################### Diploma in Operation Theatre Technology banner end ################# */
/* ##################### Diploma in Psychology banner start ################# */
.DiplomainPsychology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/Diploma-in-Psychology_banner.jpg");
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.DiplomainPsychology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.DiplomainPsychology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.DiplomainPsychology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.DiplomainPsychology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.DiplomainPsychology {
height: auto;
}
.DiplomainPsychology .banner_content h1 {
font-size: 2rem;
}
.DiplomainPsychology .banner_content p span {
font-size: 20px;
}
}
/* ##################### Diploma in Psychology banner end ################# */
/* ##################### Certified Dialysis Technician banner start ################# */
.CertifiedDialysisTechnician {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/Certified-Dialysis-Technician_banner.jpg");
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.CertifiedDialysisTechnician .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.CertifiedDialysisTechnician .banner_content p {
font-weight: 500;
font-size: 20px;
}
.CertifiedDialysisTechnician .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.CertifiedDialysisTechnician .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.CertifiedDialysisTechnician {
height: auto;
}
.CertifiedDialysisTechnician .banner_content h1 {
font-size: 2rem;
}
.CertifiedDialysisTechnician .banner_content p span {
font-size: 20px;
}
}
/* ##################### Certified Dialysis Technician banner end ################# */
/* ##################### Diploma in Yoga banner start ################# */
.DiplomainYoga {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/Diploma-in-Yoga_banner.jpg");
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.DiplomainYoga .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.DiplomainYoga .banner_content p {
font-weight: 500;
font-size: 20px;
}
.DiplomainYoga .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.DiplomainYoga .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.DiplomainYoga {
height: auto;
}
.DiplomainYoga .banner_content h1 {
font-size: 2rem;
}
.DiplomainYoga .banner_content p span {
font-size: 20px;
}
}
/* ##################### Diploma in Yoga banner end ################# */
/* ##################### Certified OT Technician banner start ################# */
.CertifiedOTTechnician {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/Certified-OT-Technician_banner.jpg");
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.CertifiedOTTechnician .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.CertifiedOTTechnician .banner_content p {
font-weight: 500;
font-size: 20px;
}
.CertifiedOTTechnician .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.CertifiedOTTechnician .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.CertifiedOTTechnician {
height: auto;
}
.CertifiedOTTechnician .banner_content h1 {
font-size: 2rem;
}
.CertifiedOTTechnician .banner_content p span {
font-size: 20px;
}
}
/* ##################### Certified OT Technician banner end ################# */
/* ##################### Bachelor in Dialysis Technology banner start ################# */
.BachelorinDialysisTechnology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/Bachelor-in-Dialysis-Technology_banner.jpg");
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BachelorinDialysisTechnology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BachelorinDialysisTechnology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BachelorinDialysisTechnology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BachelorinDialysisTechnology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BachelorinDialysisTechnology {
height: auto;
}
.BachelorinDialysisTechnology .banner_content h1 {
font-size: 2rem;
}
.BachelorinDialysisTechnology .banner_content p span {
font-size: 20px;
}
}
/* ##################### Bachelor in Dialysis Technology banner end ################# */
/* ##################### Bachelor in Hospital Administration banner start ################# */
.BachelorinHospitalAdministration {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/Bachelor-in-Hospital-Administration_banner.jpg");
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BachelorinHospitalAdministration .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BachelorinHospitalAdministration .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BachelorinHospitalAdministration .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BachelorinHospitalAdministration .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BachelorinHospitalAdministration {
height: auto;
}
.BachelorinHospitalAdministration .banner_content h1 {
font-size: 2rem;
}
.BachelorinHospitalAdministration .banner_content p span {
font-size: 20px;
}
}
/* ##################### Bachelor in Hospital Administration banner end ################# */
/* ##################### B.Voc. in Medical Laboratory Technology (MLT) banner start ################# */
.BVocinMedicalLaboratoryTechnology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/B.Voc.-in-Medical-Laboratory-Technology_banner.jpg");
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BVocinMedicalLaboratoryTechnology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BVocinMedicalLaboratoryTechnology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BVocinMedicalLaboratoryTechnology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BVocinMedicalLaboratoryTechnology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BVocinMedicalLaboratoryTechnology {
height: auto;
}
.BVocinMedicalLaboratoryTechnology .banner_content h1 {
font-size: 2rem;
}
.BVocinMedicalLaboratoryTechnology .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Voc. in Medical Laboratory Technology (MLT) banner end ################# */
/* ##################### Bachelor of Public Health (BPH) banner start ################# */
.BachelorofPublicHealth {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/Bachelor-of-Public-Health_banner.jpg");
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BachelorofPublicHealth .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BachelorofPublicHealth .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BachelorofPublicHealth .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BachelorofPublicHealth .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BachelorofPublicHealth {
height: auto;
}
.BachelorofPublicHealth .banner_content h1 {
font-size: 2rem;
}
.BachelorofPublicHealth .banner_content p span {
font-size: 20px;
}
}
/* ##################### Bachelor of Public Health (BPH) banner end ################# */
/* ##################### B.Voc. in Radiology & Imaging Technology (RIT) banner start ################# */
.BVocinRadiologyImagingTechnology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/B.Voc.-in-Radiology-Imaging-Technology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BVocinRadiologyImagingTechnology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BVocinRadiologyImagingTechnology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BVocinRadiologyImagingTechnology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BVocinRadiologyImagingTechnology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BVocinRadiologyImagingTechnology {
height: auto;
}
.BVocinRadiologyImagingTechnology .banner_content h1 {
font-size: 2rem;
}
.BVocinRadiologyImagingTechnology .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Voc. in Radiology & Imaging Technology (RIT) banner end ################# */
/* ##################### B.Voc. in Operation Theatre Technology banner start ################# */
.BVocinOperationTheatreTechnology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/B.Voc.-in-Operation-Theatre-Technology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BVocinOperationTheatreTechnology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BVocinOperationTheatreTechnology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BVocinOperationTheatreTechnology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BVocinOperationTheatreTechnology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BVocinOperationTheatreTechnology {
height: auto;
}
.BVocinOperationTheatreTechnology .banner_content h1 {
font-size: 2rem;
}
.BVocinOperationTheatreTechnology .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Voc. in Operation Theatre Technology banner end ################# */
/* ##################### B.Voc. in Optometry banner start ################# */
.BVocinOptometry {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/B.Voc.-in-Optometry_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BVocinOptometry .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BVocinOptometry .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BVocinOptometry .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BVocinOptometry .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BVocinOptometry {
height: auto;
}
.BVocinOptometry .banner_content h1 {
font-size: 2rem;
}
.BVocinOptometry .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Voc. in Optometry banner end ################# */
/* ##################### B.Voc. in Dialysis Technology banner start ################# */
.BVocinDialysisTechnology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/B.Voc.-in-Dialysis-Technology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BVocinDialysisTechnology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BVocinDialysisTechnology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BVocinDialysisTechnology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BVocinDialysisTechnology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BVocinDialysisTechnology {
height: auto;
}
.BVocinDialysisTechnology .banner_content h1 {
font-size: 2rem;
}
.BVocinDialysisTechnology .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Voc. in Dialysis Technology banner end ################# */
/* ##################### B.Voc. in Cardiac Care Technology banner start ################# */
.BVocinCardiacCareTechnology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/B.Voc.-in-Cardiac-Care-Technology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BVocinCardiacCareTechnology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BVocinCardiacCareTechnology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BVocinCardiacCareTechnology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BVocinCardiacCareTechnology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BVocinCardiacCareTechnology {
height: auto;
}
.BVocinCardiacCareTechnology .banner_content h1 {
font-size: 2rem;
}
.BVocinCardiacCareTechnology .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Voc. in Cardiac Care Technology banner end ################# */
/* ##################### B.Sc. Nutrition & Dietetics (Hons.) banner start ################# */
.BScNutritionDieteticsHons {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/B.Sc.-Nutrition-Dietetics-(Hons)_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BScNutritionDieteticsHons .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BScNutritionDieteticsHons .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BScNutritionDieteticsHons .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BScNutritionDieteticsHons .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BScNutritionDieteticsHons {
height: auto;
}
.BScNutritionDieteticsHons .banner_content h1 {
font-size: 2rem;
}
.BScNutritionDieteticsHons .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Sc. Nutrition & Dietetics (Hons.) banner end ################# */
/* ##################### B.Sc. in Emergency Medicine Technology banner start ################# */
.BScinEmergencyMedicineTechnology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/B.Sc.-in-Emergency-Medicine-Technology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BScinEmergencyMedicineTechnology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BScinEmergencyMedicineTechnology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BScinEmergencyMedicineTechnology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BScinEmergencyMedicineTechnology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BScinEmergencyMedicineTechnology {
height: auto;
}
.BScinEmergencyMedicineTechnology .banner_content h1 {
font-size: 2rem;
}
.BScinEmergencyMedicineTechnology .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Sc. in Emergency Medicine Technology banner end ################# */
/* ##################### B.Sc. in Microbiology banner start ################# */
.BScinMicrobiology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/BSc-in-Microbiology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BScinMicrobiology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BScinMicrobiology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BScinMicrobiology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BScinMicrobiology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BScinMicrobiology {
height: auto;
}
.BScinMicrobiology .banner_content h1 {
font-size: 2rem;
}
.BScinMicrobiology .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Sc. in Microbiology banner end ################# */
/* ##################### B.Sc. Clinical Embryology banner start ################# */
.BScClinicalEmbryology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/BScClinical-Embryology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BScClinicalEmbryology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BScClinicalEmbryology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BScClinicalEmbryology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BScClinicalEmbryology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BScClinicalEmbryology {
height: auto;
}
.BScClinicalEmbryology .banner_content h1 {
font-size: 2rem;
}
.BScClinicalEmbryology .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Sc. Clinical Embryology banner end ################# */
/* ##################### B.Sc. Renal Dialysis Technology banner start ################# */
.BScRenalDialysisTechnology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/BSc-Renal-Dialysis-Technology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BScRenalDialysisTechnology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BScRenalDialysisTechnology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BScRenalDialysisTechnology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BScRenalDialysisTechnology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BScRenalDialysisTechnology {
height: auto;
}
.BScRenalDialysisTechnology .banner_content h1 {
font-size: 2rem;
}
.BScRenalDialysisTechnology .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Sc. Renal Dialysis Technology banner end ################# */
/* ##################### B.Sc. in Psychology banner start ################# */
.BScinPsychology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/BSc-in-Psychology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BScinPsychology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BScinPsychology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BScinPsychology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BScinPsychology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BScinPsychology {
height: auto;
}
.BScinPsychology .banner_content h1 {
font-size: 2rem;
}
.BScinPsychology .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Sc. in Psychology banner end ################# */
/* ##################### B.Sc. in Biotechnology banner start ################# */
.BScinBiotechnology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/B.Sc.-in-Biotechnology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.BScinBiotechnology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.BScinBiotechnology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.BScinBiotechnology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.BScinBiotechnology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.BScinBiotechnology {
height: auto;
}
.BScinBiotechnology .banner_content h1 {
font-size: 2rem;
}
.BScinBiotechnology .banner_content p span {
font-size: 20px;
}
}
/* ##################### B.Sc. in Biotechnology banner end ################# */
/* ##################### M.Sc. in Microbiology banner start ################# */
.MScinMicrobiology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/M.Sc.-in-Microbiology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.MScinMicrobiology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.MScinMicrobiology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.MScinMicrobiology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.MScinMicrobiology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.MScinMicrobiology {
height: auto;
}
.MScinMicrobiology .banner_content h1 {
font-size: 2rem;
}
.MScinMicrobiology .banner_content p span {
font-size: 20px;
}
}
/* ##################### M.Sc. in Microbiology banner end ################# */
/* ##################### M.Sc. in Clinical Embryology banner start ################# */
.MScinClinicalEmbryology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/M.Sc.-in-Microbiology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.MScinClinicalEmbryology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.MScinClinicalEmbryology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.MScinClinicalEmbryology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.MScinClinicalEmbryology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.MScinClinicalEmbryology {
height: auto;
}
.MScinClinicalEmbryology .banner_content h1 {
font-size: 2rem;
}
.MScinClinicalEmbryology .banner_content p span {
font-size: 20px;
}
}
/* ##################### M.Sc. in Clinical Embryology banner end ################# */
/* ##################### M.Sc. in Renal Dialysis Technology banner start ################# */
.MScinRenalDialysisTechnology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/M.Sc.-in-Renal-Dialysis-Technology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.MScinRenalDialysisTechnology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.MScinRenalDialysisTechnology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.MScinRenalDialysisTechnology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.MScinRenalDialysisTechnology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.MScinRenalDialysisTechnology {
height: auto;
}
.MScinRenalDialysisTechnology .banner_content h1 {
font-size: 2rem;
}
.MScinRenalDialysisTechnology .banner_content p span {
font-size: 20px;
}
}
/* ##################### M.Sc. in Renal Dialysis Technology banner end ################# */
/* ##################### M.Sc. in Clinical Psychology banner start ################# */
.MScinClinicalPsychology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/M.Sc.-in-Clinical-Psychology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.MScinClinicalPsychology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.MScinClinicalPsychology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.MScinClinicalPsychology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.MScinClinicalPsychology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.MScinClinicalPsychology {
height: auto;
}
.MScinClinicalPsychology .banner_content h1 {
font-size: 2rem;
}
.MScinClinicalPsychology .banner_content p span {
font-size: 20px;
}
}
/* ##################### M.Sc. in Clinical Psychology banner end ################# */
/* ##################### M.Sc. in Yoga Therapy banner start ################# */
.MScinYogaTherapy {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/MSc-in-Yoga-Therapy_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.MScinYogaTherapy .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.MScinYogaTherapy .banner_content p {
font-weight: 500;
font-size: 20px;
}
.MScinYogaTherapy .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.MScinYogaTherapy .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.MScinYogaTherapy {
height: auto;
}
.MScinYogaTherapy .banner_content h1 {
font-size: 2rem;
}
.MScinYogaTherapy .banner_content p span {
font-size: 20px;
}
}
/* ##################### M.Sc. in Yoga Therapy banner end ################# */
/* ##################### Master in Psychology Therapy banner start ################# */
.MasterinPsychology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/MSc-in-Yoga-Therapy_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.MasterinPsychology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.MasterinPsychology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.MasterinPsychology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.MasterinPsychology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.MasterinPsychology {
height: auto;
}
.MasterinPsychology .banner_content h1 {
font-size: 2rem;
}
.MasterinPsychology .banner_content p span {
font-size: 20px;
}
}
/* ##################### Master in Psychology banner end ################# */
/* ##################### Master in Hospital Administration banner start ################# */
.MasterinHospitalAdministration {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/Master-in-Hospital-Administration_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.MasterinHospitalAdministration .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.MasterinHospitalAdministration .banner_content p {
font-weight: 500;
font-size: 20px;
}
.MasterinHospitalAdministration .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.MasterinHospitalAdministration .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.MasterinHospitalAdministration {
height: auto;
}
.MasterinHospitalAdministration .banner_content h1 {
font-size: 2rem;
}
.MasterinHospitalAdministration .banner_content p span {
font-size: 20px;
}
}
/* ##################### Master in Hospital Administration banner end ################# */
/* ##################### Master in Dialysis Technology banner start ################# */
.MasterinDialysisTechnology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/Master-in-Dialysis-Technology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.MasterinDialysisTechnology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.MasterinDialysisTechnology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.MasterinDialysisTechnology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.MasterinDialysisTechnology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.MasterinDialysisTechnology {
height: auto;
}
.MasterinDialysisTechnology .banner_content h1 {
font-size: 2rem;
}
.MasterinDialysisTechnology .banner_content p span {
font-size: 20px;
}
}
/* ##################### Master in Dialysis Technology banner end ################# */
/* ##################### M.A Psychology banner start ################# */
.MAPsychology {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0) 60%
),
url("../images/M.A-Psychology_banner.jpg");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
height: 100vh;
padding: 13% 0%;
}
.MAPsychology .banner_content h1 {
color: #97231a;
font-weight: 700;
font-size: 5rem;
}
.MAPsychology .banner_content p {
font-weight: 500;
font-size: 20px;
}
.MAPsychology .banner_content p span {
font-weight: 700;
font-size: 30px;
color: #0253b6;
}
.MAPsychology .banner_content button {
background: #000;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
@media (min-width: 320px) and (max-width: 480px) {
.MAPsychology {
height: auto;
}
.MAPsychology .banner_content h1 {
font-size: 2rem;
}
.MAPsychology .banner_content p span {
font-size: 20px;
}
}
/* ##################### M.A Psychology banner end ################# */
/* important dates section start */
.important_dates {
padding: 70px 0 130px;
position: relative;
z-index: 99;
overflow:hidden;
}
.important_dates::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
/*background: url(../images/aifset_2022_bg.png) no-repeat center top / 100%;*/
left: 0;
z-index: -1;
}
.important_dates h2 {
font-size: 50px;
font-weight: 500;
color: #000;
margin: 0 0 50px;
text-align: center;
text-transform: uppercase;
}
.important_dates h2 span {
font-size: 34px;
display: block;
}
.important_dates .card_title {
font-size: 24px;
font-weight: 500;
color: #000;
line-height: normal;
text-align: center;
margin: 10px 0;
text-transform: uppercase;
}
.important_dates p {
font-size: 22px;
line-height: 33px;
color: #000000;
margin: 0;
text-align: center;
}
.important_dates_sub {
width: 100%;
text-align: center;
position: relative;
}
.important_dates_sub img {
width: 100%;
}
.important_dates_sub_content {
text-align: center;
width: 70%;
margin: 0 auto;
position: absolute;
bottom: 60px;
left: 0;
right: 0;
}
.important_dates_sub_content h3 {
font-size: 132px !important;
color: #0231ad !important;
font-weight: 700 !important;
padding: 0 !important;
margin: 0 !important;
}
.important_dates_sub_content h3::before {
display: none !important;
}
.important_dates_sub_content h4 {
font-size: 36px;
font-weight: 500;
color: #000;
}
.important_dates .register_btn {
display: inline-block;
font-size: 22px;
font-weight: 600;
color: #fff;
background: #0231ad;
padding: 15px 50px;
border-radius: 0px;
margin: 80px auto 40px auto;
}
.important_dates .register_btn:hover {
background: #000;
color: #fff;
}
.important_dates hr {
margin: 0px 0 40px;
}
@media screen and (max-width: 1199.98px) {
.important_dates_sub_content {
bottom: 45px;
}
.important_dates_sub_content h3 {
font-size: 110px !important;
line-height: 95px !important;
}
.important_dates_sub_content h4 {
font-size: 32px;
}
.important_dates p {
font-size: 20px;
line-height: 28px;
}
.important_dates hr {
margin: 0px 0 40px;
}
}
@media screen and (max-width: 991.98px) {
.important_dates h2 {
font-size: 60px;
margin: 0 0 30px;
line-height: 50px;
}
.important_dates h2 {
font-size: 30px;
margin: 0 0 30px;
}
.important_dates_sub_content h3 {
font-size: 80px !important;
line-height: 53px !important;
}
.important_dates_sub_content h4 {
font-size: 27px;
padding: 8px 0 0;
}
.important_dates_sub_content {
bottom: 30px;
}
.card_title {
font-size: 17px;
line-height: 24px;
}
.register_btn {
font-size: 20px;
padding: 10px 60px 14px;
margin: 50px auto;
}
.important_dates p {
font-size: 18px;
line-height: 24px;
}
.important_dates hr {
margin: 0px 0 30px;
}
.important_dates::before {
top: 57%;
}
}
@media screen and (max-width: 767.98px) {
.important_dates {
padding: 40px 0;
}
.important_dates h2 {
font-size: 40px;
margin: 0 0 25px;
line-height: 40px;
padding: 0 0 15px;
}
.important_dates h2 {
/*font-size: 18px;*/
margin: 0 0 20px;
}
.important_dates_sub_content h3 {
font-size: 131px !important;
line-height: 104px !important;
}
.important_dates_sub img {
width: 290px;
display: inline-block;
}
.important_dates_sub_content {
bottom: inherit;
top: 95px;
width: 203px;
}
.important_dates .card_title {
margin: 0 0 20px;
}
.important_dates .card_title br {
display: none;
}
.important_dates .register_btn {
font-size: 18px;
padding: 8px 60px 11px;
margin: 25px auto 80px auto;
}
.important_dates p {
font-size: 16px;
line-height: 22px;
}
.important_dates hr {
margin: 0px 0 20px;
}
}
/* important dates section end */