:root {
--primaryColor: #3e69b2;
--footerColor: #0033a0;
--iconColor: #fff;
}


/* orientation page styling start */
a.brand-logo {height: 85px;display: flex;align-items: center;padding: 10px 0;}
a.brand-logo img {max-width: 100%;max-height: 100%;}
.banner-content {padding: 25px;background: var(--primaryColor);color: #fff;height: 100%;display: flex;flex-wrap: wrap;align-items: center;}
    .banner-img {width: 100%;height: 100%;}
    .banner-img img {width: 100%;height: 100%;object-fit: cover;}
    .banner-content p {margin: 0;}
    .banner-content p i {font-size: 14px;}
    .banner .col-md-6 {height: inherit;}
    .tag-line {background: var(--footerColor);padding: 15px 0;}
    .tag-line ul {list-style: none;padding: 0;margin: 0 -10px;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .tag-line ul li {padding: 10px;display: flex;flex-wrap: wrap;align-items: center;color: #23ce60;}
    .tag-line ul li p {margin: 0;font-weight: 600;color: var(--iconColor)}
    .tag-line ul li .icon {margin-right: 15px;font-size: 30px;color: var(--iconColor)}
    .registration {padding: 25px 0;}
    .student-renter h2 {color: #333;font-weight: 600;}
    .banner-content h2 {color: inherit;font-weight: 600}
    .event-button {background: transparent; border-color : transparent;color: #000; font-size: 14px; font-weight: 600;}
    .event-button:hover {background: var(--primaryColor); border-color : var(--primaryColor);}
    .registration-webinar {padding: 3px 0;}
    .registration-webinar h3 {color: #23ce60;font-size: 20px;font-weight: 600;}
    .registration-webinar ul {list-style: none;padding: 0;margin: 0;}
    .registration-webinar ul li {position: relative;padding-left: 25px;font-size: 14px;padding-bottom: 2px;color: #3c3c3c;}
    .registration-webinar ul li:after{content: "\f058";font-family: "Font Awesome 5 Free";position: absolute;left: 2px;top: 47%;transform: translateY(-50%);color: #3c3c3c;}
    .registration-form {text-align: center;border:1px solid #000}
    .registration-form p{font-size: 14px}
    .registration-form iframe{width: 100%}
    .registration-form form {text-align: left;}
    .registration-form label, .registration-form legend {font-size: 15px;font-weight: 600;margin: 0 0 4px;}
    .registration-form .custom-checkbox label {font-weight: 400;font-size: 13px;}
    .footer-color {background-color: var(--footerColor);border-color: var(--footerColor);color: #fff;}
    .footer-color:hover {background-color: var(--footerColor);border-color: var(--footerColor);color: #fff;}
    .panelist {background: #f8f8f8;padding: 45px 0;}
    ul.speakers {list-style: none;padding: 0;margin: 0 -10px;display: flex;flex-wrap: wrap;justify-content: center;}
    ul.speakers li {padding: 10px;text-align: center;}
    ul.speakers li .speaker .speaker-img {margin: 0 auto 30px;width: 150px;height: 150px;border-radius: 100%;background: #ddd;overflow: hidden;}
    ul.speakers li .speaker .speaker-img img {width: 100%;height: 100%;object-fit: cover;}
    ul.speakers li .speaker h4 {font-size: 22px;margin: 0 0 15px;}
    ul.speakers li .speaker p {font-size: 14px;}
    .student-renter footer {padding: 15px 0;background: var(--footerColor);}
    .student-renter footer img {height: 60px;}
    ul.speakers li .speaker {max-width: 75%;margin: auto;}


    @media(min-width: 767px){
        a.brand-logo {max-width: 320px;}
        .student-renter h2 {font-size: 22px;}
        .banner-content h2 {font-size: 26px;}
        .banner-content p {font-size: 15px;}
        .tag-line ul li {font-size: 18px;}
        .banner-content p + p {margin-top: 5px !important;}
        .registration-form {padding: 20px}
        .registration-form h3{font-size: 20px}
        .registration-form .form-control {height: calc(1.75em + .75rem + 2px);font-size: 18px;}
        ul.speakers li {flex: 0 0 50%;max-width: 50%;}
    }

    @media(min-width: 991px){
        .student-renter h2 {font-size: 26px;}
        .banner-content h2 {font-size: 34px;}
        .banner-content p {font-size: 16px;}
        .tag-line ul li {font-size: 22px;}
        .banner-content p + p {margin-top: 15px;}
        .registration-form{padding: 20px 30px}
        .registration-form h3{font-size: 25px}
        .registration-form .form-control {height: calc(2.25em + .75rem + 2px);font-size: 20px;}
        ul.speakers li {flex: 0 0 25%;max-width: 25%;}
    }

    @media(min-width: 1199px){
        .student-renter h2 {font-size: 30px;}
        .banner-content{padding-right: 60px}
        .banner-content h2 {font-size: 42px;}
        .banner-content p {font-size: 18px;}
        .tag-line ul li {font-size: 24px;}
    }

    @media (max-width: 767px) {
        a.brand-logo {justify-content: center;}
        .student-renter h2 {font-size: 18px;}
        .banner-content h2 {font-size: 22px;}
        .banner-content p {font-size: 15px;}
        .tag-line ul li {font-size: 16px;flex: 0 0 100%;justify-content: center}
        .banner-content p + p {margin-top: 5px !important;}
        .registration-form {padding: 20px}
        .registration-form h3{font-size: 18px}
        ul.speakers li {flex: 0 0 100%;max-width: 100%;margin: auto}
    }
/* orientation page styling end */