body
{
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-family: 'Gotham-Bold';
    font-family: 'Gotham-BookItalic';
    font-family: 'Gotham-BoldItalic';
     font-family: 'Gotham Book';
    background: #fff;
    font-weight: normal;
}
.container {
    width: 90%;
    max-width: 90%;
}
h1, h2, h3
{
    font-family: 'Gotham-Bold';
}
h2
{
    font-size: 2.3rem;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../font/Gotham-Bold.woff2') format('woff2'),
        url('../font/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-BookItalic';
    src: url('../font/Gotham-BookItalic.woff2') format('woff2'),
        url('../font/Gotham-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../font/Gotham-BoldItalic.woff2') format('woff2'),
        url('../font/Gotham-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../font/Gotham-Book.woff2') format('woff2'),
        url('../font/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: GothamMedium;
  src: url(https://www.webappsdemos.com/Loyola/font/Gotham-Medium.otf);
}


/************* Menu ****************/
header.main-header {
    position: relative;
}
header.main-header nav.navbar {
    border-top: 12px solid #003264;
    padding: 10px 3em 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    align-items: flex-start;
}
header.main-header nav.navbar a.navbar-brand img {
    width: 90px;
}
header.main-header nav.navbar ul.navbar-nav li.nav-item a {
    color: #fff;
    font-size: 17px;
    margin: 0 12px;
    padding: 0 8px;
}
header.main-header nav.navbar ul.navbar-nav li.nav-item:last-child  a{
    margin: 0 0 0 3px;
    padding: 0 0 0 12px;
}
ul.navbar-nav.ml-auto.menu-styles {
    margin-top: 2em;
}
.fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #003d79;
}
nav.navbar.main-nav-menu.sticky.fixed a.navbar-brand img {
    width: 35px;
}
nav.navbar.navbar-expand-lg.main-nav-menu.sticky.fixed ul.navbar-nav.menu-styles {
    margin-top: 1em;
}
header.main-header nav.navbar ul.navbar-nav li.nav-item.active a {
    color: #ffc315;
}
header.main-header nav.navbar ul.navbar-nav li.nav-item a:hover {
    color: #ffc315;
}

header.main-header nav.navbar ul.navbar-nav li.nav-item a.nav-link.active {
    color: #ffc315;
}
/********************** Banner ***********************/
.owl-carousel.banner-home .item {
    /* height: 640px; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 9em 6em 4em;
}

.banner-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.banner-caption h1 {
    font-size: 45px;
    color: #fff;
    text-shadow: 4px 3px #000;
    text-transform: uppercase;
}
/************* Form ***************/
.banner-form {
    padding: 2em 1em;
    width: 90%;
    margin: 0 auto;
}
.banner-form form {
    background: #ffc315;
    box-shadow: 0px 0px 0px 12px #003264b3;
    padding: 1em;
}
.banner-form form h4 {
    text-align: center;
    font-size: 23px;
    margin-bottom: 27px;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
}
.banner-form form .form-group input, .banner-form form .form-group select {
border-radius: inherit;
    border: none;
    font-size: 12px;
    color: gray !important;
    font-family: 'Gotham-Bold';
    padding: 9px;
} 
select#inputState {
    background: url(https://www.webappsdemos.com/Loyola/image/select-icon.png) no-repeat 98% 50% white;
}
.banner-form form .form-group input:focus, .banner-form form .form-group select:focus, .banner-form form button:focus, .banner-form form button:active
{
    box-shadow: none;
}
.banner-form form .form-group input::placeholder {
    color:#292929;
}
.banner-form form button {
    width: 100%;
    border-radius: inherit;
    padding: 20px 10px;
    background: #003264;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
}
.banner-form form button:hover {
    background: #004e9c;
}
.banner-form form .form-group input, .banner-form form .form-group select 
{
    font-family: GothamMedium !important;
} 

/****************** Course Offered *******************/
section.courses-offer-Section {
    padding: 3em 0 0;
    background: rgb(0 50 100);
}
.courses-offer-head {
    text-align: center;
}
.courses-offer-head h2 {
    color: #fff;
    margin-bottom: 1em;
}
.courses-offer-ic {
    text-align: center;
}
.courses-offer-ic:hover img {  
    transform: scale(1.1);
    transition: 0.5s ease all;    
}
.courses-offer-ic img {
    width: 45%;
    margin-bottom: 10px;
    transition: 0.5s ease all;
}
.courses-offer-ic p {
    color: #fff;
    font-family: 'Gotham-Bold';
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
}
.courses-offer-ic p span {
    color: #ffc315;
}
.owl-carousel.hear-from-vc .owl-nav {
    display: block;
}
/**************** Choose Loyola *******************/
section.choose-loyola-Section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 9em 0 3em;
    position: relative;
}
.choose-loy-arrow img {
    width: 100%;
}
.choose-loy-arrow {
    position: absolute;
    top: -1px;
}
.choose-loyola-head h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 1em;
}
.choose-loyola-content {
    padding: 0 2em;
}
.choose-loyola-head h2 span {
    color: #ffc315;
}
.choose-loyola-content p {
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    line-height: 23px;
    margin-bottom: 0;
    height: 78px;
    overflow: hidden;
}
.choose-loyola-content p span {
    width: 80%;
}
.choose-loyola-content p span.number {
    color: #ffc315;
    font-size: 50px;
    font-family: 'Gotham-Bold';
    padding-right: 0;
    width: 16%;
}



/**************** course-details **********************/
.course-details-left {
    background: rgb(0 50 100);
    padding: 0 3em;
}
.course-details-left-content h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 1em;
}
.course-details-left-content {
    padding: 4em 0px 3em;
}
.course-details-bullet {
    margin-top: 1em;
}
.course-details-bullet h4 {
    color: #ffc315;
    font-family: 'Gotham Book';
    font-weight: 600;
    font-size: 1.3rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.course-details-bullet ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.course-details-bullet ul li {
    color: #fff;
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
}
.course-details-bullet ul li:before {
    content: '';
    position: absolute;
    background-image: url(../image/Course-Details/Polygon.png);
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 4px;
}

/***** Tab ******/

.project-tab #tabs{
    background: #007b5e;
    color: #eee;
}
.project-tab #tabs h6.section-title{
    color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #003264;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 13px solid #ffc315 !important;
    font-weight: bold;
    border-radius: inherit;
}
.project-tab .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #a2a2a2;
    font-size: 23px;
    font-weight: 600;
    border-bottom: 13px solid #a2a2a2 !important;
    padding: 40px 0 14px;
    font-family: 'Gotham-Bold';
    border-radius: inherit;
}
.project-tab .nav-link:hover {
    color: #fff;
    background-color: #003264;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 13px solid #ffc315 !important;
    font-weight: bold;
}
.tab-course-details {
    padding: 0;
}
.tab-inner {
    padding: 3em 4em;
}
.tab-inner p {
    font-size: 18px;
}
.course-details-bullet.tab-bullet {
    margin-top: 3em;
}
.course-details-bullet.tab-bullet h4 {
    color: #3b3b3b;
    font-size: 23px;
    font-family: 'Gotham-BookItalic';
}
.course-details-bullet.tab-bullet ul li {
    color: #3b3b3b;
    font-size: 18px;
}
.course-details-bullet.tab-bullet h4.certificate {
    font-size: 18px;
    margin-top: 2em;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 3px;
}
.course-details-bullet.tab-bullet p.tagline {
    font-size: 18px;
    margin-top: 0.5em;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 13px;
    font-weight: 600;
    color: #3b3b3b;
}


/********************* Our Alumini ***********************/
section.our-alumni-sec {
    padding: 3em 0 0;
}
.our-alumni-head {
    margin-bottom: 4em;
    text-align: center;
}
.our-alumni-inner {
    text-align: center;
}
.our-alumni-inner img {
    width: 85%;
    margin-bottom: 1em;
}
.our-alumni-inner h4 {
    font-family: 'Gotham-Bold';
    font-size: 20px; 
    text-transform: uppercase;
} 
.our-alumni-inner h5, .our-alumni-inner p {
    font-size: 16px;
    /* font-family: 'Gotham-BookItalic'; */
    margin: 0;
    color: #003d79;
    font-weight: 600; 
    /* text-transform: uppercase; */
}   
.our-alumni-inner p{

    font-size: 14px !important;
}
.owl-carousel.our-alumini-fm .owl-nav {
    text-align: center;
    margin-top: 1em;
}
.owl-carousel.our-alumini-fm .owl-nav button:focus {
    outline: inherit;
}
.owl-carousel.our-alumini-fm .owl-nav button img {
    padding: 0 3px;
    width: 30px;
}
.our-alumini-fm .our-alumni-inner img {
    width: 75%;
    margin: 0 auto 15px;
}

/******************** Finest *********************/

section.finest-section {
    position: relative;
    padding: 13em 0 4em;
    background: rgb(0 50 100);
}
.finest-left-arc {
    top: 0;
    position: absolute;
    left: 0;
}
.finest-left-arc img {
    width: 360px;
}
.finest-white-arrow
{
    z-index: 1;
}
.finest-head p {
    color: #fff;
}
.finest-head h2 {
    color: #fff;
}
.finest-head {
    text-align: center;
    margin-bottom: 4em;
}


.finest-caption-left {
    text-align: center;
}
/* .lf-indus-img {
    width: 160px;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 11px;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 10px;
} */
.finest-caption-left h4 {
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    margin:0;
}
.finest-caption-left h5 {
    font-family: 'Gotham-BookItalic';
    color: #fff;
    font-size: 14px;
}
.finest-caption-left p {
    color: #FDC114;
    font-family: 'Gotham-BookItalic';
    font-size: 14px;
    line-height: 17px;
}
.finest-caption-right p {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}
.owl-carousel.finest-home .finest-caption-left img {
    width: 65%;
    margin: 0 auto;
}
.owl-carousel.finest-home .finest-caption-left img {
    width: 65%;
    margin: 0 auto;
}
.owl-carousel.finest-home .owl-nav {
    text-align: center;
    margin-top: 1em;
}
.owl-carousel.finest-home .owl-nav button:focus {
    outline: inherit;
}
.owl-carousel.finest-home .owl-nav button img {
    padding: 0 3px;
    width: 30px;
}


/********************* Interact With ***********************/
section.interct-with {
    position: relative;
    padding: 7em 0 4em;
    background: rgb(252 212 96);
}
.interct-with-head p {
    color: #fff;
}
.interct-with-head h2 {
    color:#003264;
}
.interct-with-head {
    text-align: center;
    margin-bottom: 4em;
}
.choose-loy-arrow.interct-with-arrow {
    position: absolute;
    top: -1px;
    background: #003264;
}
.choose-loy-arrow.interct-with-arrow img
{
    bottom: -8px;
    position: relative;
}

.interact-with-home .owl-item.center > div {
    cursor: auto;
    padding: 3% 1%;
    transition: padding .5s ease;
    /* margin-bottom: 40px; */
}
.interact-with-home .owl-item > div {
    cursor: pointer;
    padding: 8% 12%;
    transition: padding .5s ease;
}
.owl-carousel.interact-with-home .owl-nav {
    text-align: center;
    margin-top: 1em;
}
.owl-carousel.interact-with-home .owl-nav button:focus {
    outline: inherit;
}
.owl-carousel.interact-with-home .owl-nav button img {
    padding: 0 3px;
    width: 30px;
}


/****************** Finest ***************/
section.campus-life-section {
    position: relative;
    padding: 4em 0 2em;
    background: rgb(252 212 96);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.campus-life-head p {
    color: #fff;
}
.campus-life-head h2 {
    color: #fff;
}
.campus-life-head {
    text-align: center;
    margin-bottom: 4em;
}

.owl-carousel.campus-life-home .owl-nav {
    text-align: center;
    margin-top: 1em;
}
.owl-carousel.campus-life-home .owl-nav button:focus {
    outline: inherit;
}
.owl-carousel.campus-life-home .owl-nav button img {
    padding: 0 3px;
    width: 30px;
}
section.campus-life-section.campus-opt-life .choose-loy-arrow.interct-with-arrow img {
    bottom: 0;
}
section.campus-life-section.campus-opt-life .choose-loy-arrow.interct-with-arrow {
    top: -2px;
}


/****************** footer *********************/
.footer-top {
    background: #003264;
    padding: 3em 0;
    position: relative;
    overflow: hidden;
}
.footer-right-arc {
    position: absolute;
    right: 0;
    top: 0;
}
.footer-right-arc {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    bottom: 0;
}
.footer-logo img {
    width: 60%;
}
.footer-link h4, .footer-address h4, .footer-social h4 {
    color: #fff;
    font-family: 'Gotham-Bold';
    font-size: 21px;
    margin-bottom: 20px;
}
.footer-address h5, .footer-visitor-c h5 {
    color: #fff;
    font-family: 'Franklin Gothic Demi';
    font-size: 19px;
}
.footer-address p {
    color: #fff;
    line-height: 1.3;
    font-size: 15px;
}
.footer-link ul {
    padding: 0;
    list-style: none;
}
.footer-link ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}
.footer-link ul li:before {
    content: '';
    position: absolute;
    background-image: url(../image/Course-Details/Polygon.png);
    width: 13px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 4px;
}
.footer-link ul li a {
    width: 100%;
    color: #fff;
    text-decoration: inherit;
}
.footer-link ul li a:hover {
    color: #ffc315;
}
.footer-social ul {
    display: flex;
    list-style: none;
    padding: 0;
}
.footer-social ul li a {
    display: block;
    width: 45px;
    margin-right: 10px;
}
.footer-social ul li:last-child a {
    margin-right: 0px;
}
.footer-social ul li a img {
    width: 100%;
    border: 2px solid #003f7d;
    border-radius: 50%;
}
.footer-address p a {
    color: #fff;
}

/****************** Footer Bottom *********************/
.footer-bottom  {
    display: none;
}



/************************** VC Alumini *********************************/
.our-alumini-worling-vc .owl-nav {
    text-align: center;
    margin-top: 2em;
}
.our-alumini-worling-vc .owl-nav button:focus {
    outline: inherit;
}
.our-alumini-worling-vc .owl-nav button img {
    padding: 0 3px;
    width: 30px;
}
section.our-alumni-sec.our-alumini-worling {
    padding: 4em 0;
}


/****************** Hear From ************************/
section.hear-from-sec {
    position: relative;
    padding: 2em 0 0em;
    background: rgb(252 212 96);
}
.hear-from-head {
    margin-bottom: 2em;
    text-align: center;
}
.hear-from-head p {
    color: #fff;
}
.hear-from-head h2 {
    color: #003264;
}
.hear-from-vc .owl-nav {
    text-align: center;
    margin-top: 2em;
}
.hear-from-vc .owl-nav button:focus {
    outline: inherit;
}
.hear-from-vc .owl-nav button img {
    padding: 0 3px;
    width: 30px;
}
.finest-caption-left.hear-from-left img {
    width: 35%;
    margin: 0 auto 1em;
}
.finest-caption-left.hear-from-left h4 {
    color: #003264;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    font-size: 18px;
}
.finest-caption-left.hear-from-left h5 {
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    font-size: 14px;
    color: #003264;
}
.finest-caption-right.hear-from-right p {
color: #003264;
    text-align: center;
    position: relative;
    padding: 0 30px;
}
.finest-caption-right.hear-from-right p sup img {
    width: 20px;
}
.finest-caption-right.hear-from-right p sup {
    left: -20px;
    top: 10px;
    display: none;
}

/********************* fine-vc-slider **********************/

.finest-caption-left.fine-vc-slider h5 {
    color: #F2BC18;
    font-size: 15px;
    margin: 0;
}
.finest-ind-vc .owl-nav {
    text-align: center;
    margin-top: 2em;
}
.finest-ind-vc .owl-nav button:focus {
    outline: inherit;
}
.finest-ind-vc .owl-nav button img {
    padding: 0 3px;
    width: 30px;
}
.finest-caption-left.fine-vc-slider img {
    width: 55%;
    margin: 0 auto 1em;
}


/***************** Campus2 *******************/
section.campus-life-section.campus-opt-life {
    background: transparent;
}
section.campus-life-section.campus-opt-life .choose-loy-arrow.interct-with-arrow {
    background: transparent;
}



/************************** HRM VC Alumini *********************************/
.our-alumini-worling-hrm .owl-nav {
    text-align: center;
    margin-top: 2em;
    display: block !important;
}
.our-alumini-worling-hrm .owl-nav button:focus {
    outline: inherit;
}
.our-alumini-worling-hrm .owl-nav button img {
    padding: 0 3px;
    width: 30px;
}

section.course-details-section.hrm-section {
    position: relative;
}
.course-details-left.hrm-course-left {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.tab-course-details.hrm-course-right .tab-inner, .tab-course-details.hrm-course-right nav {
    width: 66.7%;
    margin: 0 0 0 auto;
}



a.button-cal {
    color: #fff;
    padding: 10px 15px;
    background: #003264;
    border-radius: 12px;
    margin-top: 10px;
    display: block;
    width: 130px;
    text-align: center;
    font-family: 'Gotham-Bold';
}
a.button-cal:hover {
    text-decoration: none;
    background: #ffc315;
    font-family: 'Gotham-Bold';
}
a.button-cal.campus-button {
    background: #ffc315;
}
a.button-cal.campus-button:hover {
    background: #003264;
}
section.campus-life-section a.button-cal {
    margin: 3em auto 0;
}
.our-alumni-sec .owl-nav {
    text-align: center;
}
::placeholder {
  color: gray !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: gray !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: gray !important;
}

/****************** Thsnk you *********************/
.owl-carousel.banner-home.thankyou-banner .item {
    padding: 18em 0 10em;
}
.thankyou-banner .item .banner-caption {
    position: relative;
    top: inherit;
    transform: inherit;
    text-align: center;
    z-index: 9;
}
.thankyou-social.footer-social ul {
    justify-content: center;
}
.thankyou-social.footer-social {
    text-align: center;
    z-index: 9;
    position: relative;
}
.thankyou-banner .item .banner-caption p {
    color: #ffc315;
    font-size: 20px;
    padding: 4px 0px;
    font-family: 'Gotham-Bold';
    text-shadow: 2px 1px #020202;
}
.thankyou-social.footer-social ul li a {
    width: 55px;
}
.thankyou-social.footer-social h4 {
    font-size: 25px;
}
.owl-carousel.banner-home.thankyou-banner .item:before {
    content: '';
    position: absolute;
    background: #0000004d;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}
.owl-carousel.banner-home.thankyou-banner .item {
    position: relative;
}