/* @font-face {

    font-family: 'gothamBold';

    src: url("/css/font/Gotham-Bold.ttf");

}

h1, h2, h3, h4, h5, h6

{

    font-family: 'gothamBold', Arial, Helvetica, sans-serif;

} */



/* CSL Infographic Styles */



.CslInfographic{padding-top:30px;padding-left:16px;max-width:1200px;margin:0 auto}.CslInfographic__mobile{display:block}@media only screen and (min-width: 992px){.CslInfographic__mobile{display:none}}.CslInfographic__desktop{display:none}@media only screen and (min-width: 992px){.CslInfographic__desktop{display:block}}.mobile-list__item{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:16px 16px 32px 0}.mobile-list__image{width:120px;height:auto;display:none;margin-right:32px}.mobile-list__image img{width:100%;height:auto}@media only screen and (min-width: 450px){.mobile-list__image{display:block}}@media only screen and (min-width: 576px){.mobile-list__image{width:170px}}.mobile-list__content{width:100%}@media only screen and (min-width: 450px){.mobile-list__content{width:calc(100% - 152px)}}.mobile-list__number{font-size:1.2rem;margin-bottom:4px}.mobile-list__heading{font-size:1.25rem;margin-top:0;margin-bottom:15px}.mobile-list__text{color:#000}.mobile-list__link{display:block;margin-top:20px;width:100%;max-width:150px;padding:8px 16px;border-radius:4px;color:#fff !important;text-decoration:none}.buildings{width:100%;margin:0;position:relative;padding-top:7.6% ;padding-bottom:10.69%}.buildings__container{position:relative;width:87%;margin:0 auto 0 5%}.buildings__background{width:100%;height:auto;display:flex;flex-direction:column;align-items:flex-start;z-index:1}.buildings__clickable,.buildings__superimposed,.buildings__shadows{position:absolute}.buildings__clickable img,.buildings__superimposed img,.buildings__shadows img{width:100%;height:auto}.buildings__clickable{cursor:pointer;pointer-events:all;z-index:3;margin:0;padding:0;text-decoration:none}.buildings__clickable--green{top:58.85371%;left:0%;width:31.3259%}.buildings__clickable--green:hover+.buildings__superimposed--green{opacity:1}.buildings__clickable--red{top:63.51624%;left:35.41876%;width:42.51121%}.buildings__clickable--red:hover+.buildings__superimposed--red{opacity:1}.buildings__clickable--blue{top:30.49174%;left:15.2778%;width:40.5133%}.buildings__clickable--blue:hover+.buildings__superimposed--blue{opacity:1}.buildings__clickable--purple{top:0%;left:27.81692%;width:48.69185%}.buildings__clickable--purple:hover+.buildings__superimposed--purple{opacity:1}.buildings__clickable--pink{top:33.23708%;left:60.13663%;width:39.86337%}.buildings__clickable--pink:hover+.buildings__superimposed--pink{opacity:1}.buildings__superimposed{z-index:3;opacity:0;transition:0.5s ease-in-out}.buildings__superimposed.active,.buildings__superimposed.active--always{opacity:1}.buildings__superimposed--green{top:58.85371%;left:.01085%;width:28.16181%}.buildings__superimposed--red{top:63.51624%;left:35.40791%;width:39.11097%}.buildings__superimposed--pink{top:33.23708%;left:60.12578%;width:36.72105%}.buildings__superimposed--blue{top:30.49174%;left:15.27758%;width:40.50268%}.buildings__superimposed--purple{top:0%;left:27.80607%;width:46.13785%}.buildings__superimposed,.buildings__shadows{pointer-events:none}.buildings__shadows{z-index:2;top:30.89189%;left:13.81371%;width:73.31677%}.buildings__text{position:absolute;width:20%;overflow:visible;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;z-index:5;transition:0.5s ease-in-out;padding:4px;text-decoration:none !important;margin:0 !important;cursor:pointer;text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff}.buildings__text .buildings__content{opacity:0;transition:0.5s ease-in-out}.buildings__text.active .buildings__content,.buildings__text.active--always .buildings__content{opacity:1;margin-bottom: 15px;}.buildings__text--01{bottom:130px;left:2%}.buildings__text--01.active,.buildings__text--01.active--always{left:0}.buildings__text--01 .buildings__number,.buildings__text--01 .buildings__heading{color:#428200 !important; width:90%}.buildings__heading span{font-family: var(--h6-typography_font-name); font-size:2rem;} .buildings__text--02{top:24%;left:8%}.buildings__text--02.active,.buildings__text--02.active--always{left:5%}.buildings__text--02 .buildings__number,.buildings__text--02 .buildings__heading{color:#1c7397 !important; width: 80%;}.buildings__text--03{top:6%;right:21.5%}.buildings__text--03.active,.buildings__text--03.active--always{top:-1.5%}.buildings__text--03 .buildings__number,.buildings__text--03 .buildings__heading{color:#533ba4 !important; width: 100%;}.buildings__text--04{top:21%;right:0%}.buildings__text--04.active,.buildings__text--04.active--always{top:13.5%}.buildings__text--04 .buildings__number,.buildings__text--04 .buildings__heading{color:#901250 !important;width: 50%;}.buildings__text--05{left:65%;bottom:80px;height:auto}.buildings__text--05.active,.buildings__text--05.active--always{left:68%}.buildings__text--05 .buildings__number,.buildings__text--05 .buildings__heading{color:#a23833 !important; width: 70%;}.buildings__content,.buildings__number,.buildings__heading{width:100%}.buildings__number{font-size:2rem}.buildings__heading{margin:4px 0 0 0;font-size:1.2rem;line-height:1.2}.buildings__content{margin:8px 0 0 0;font-size:0.9rem;line-height:1.15;pointer-events:none;color:#000 !important}



/* End of CSL Infographic Styles */



/* Navigation bar styles */



/** Custom dropdown code */

    .custom-dropdown {

      position: relative;

    }



    .custom-dropdown-toggle {

      white-space: nowrap;

    }



    .custom-dropdown-toggle::after {

      border-bottom: 0;

      border-left: 0.3em solid transparent;

      border-right: 0.3em solid transparent;

      border-top: 0.3em solid;

      content: "";

      display: inline-block;

      margin-left: 0.255em;

      vertical-align: 0.255em;

    }



    .custom-dropdown-toggle:empty::after {

      margin-left: 0;

    }



    .custom-dropdown-menu {

      --k-custom-bs-dropdown-zindex: 1000;

      --k-custom-bs-dropdown-min-width: auto;

      --k-custom-bs-dropdown-padding-x: 0;

      --k-custom-bs-dropdown-padding-y: 0.5rem;

      --k-custom-bs-dropdown-spacer: 0.125rem;

      --k-custom-bs-dropdown-font-size: 1rem;

      --k-custom-bs-dropdown-color: var(--k-custom-bs-body-color);

      --k-custom-bs-dropdown-bg: var(--k-custom-bs-body-bg);

      --k-custom-bs-dropdown-border-color: var(--k-custom-bs-border-color-translucent);

      --k-custom-bs-dropdown-border-radius: var(--k-custom-bs-border-radius);

      --k-custom-bs-dropdown-border-width: var(--k-custom-bs-border-width);

      --k-custom-bs-dropdown-inner-border-radius: calc(var(--k-custom-bs-border-radius) - var(--k-custom-bs-border-width));

      --k-custom-bs-dropdown-divider-bg: var(--k-custom-bs-border-color-translucent);

      --k-custom-bs-dropdown-divider-margin-y: 0.8rem;

      --k-custom-bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

      --k-custom-bs-dropdown-link-color: var(--k-custom-bs-body-color);

      --k-custom-bs-dropdown-link-hover-color: var(--k-custom-bs-body-color);

      --k-custom-bs-dropdown-link-hover-bg: var(--k-custom-bs-tertiary-bg);

      --k-custom-bs-dropdown-link-active-color: #fff;

      --k-custom-bs-dropdown-link-active-bg: #1e49e2;

      --k-custom-bs-dropdown-link-disabled-color: var(--k-custom-bs-tertiary-color);

      --k-custom-bs-dropdown-item-padding-x: 1.6rem;

      --k-custom-bs-dropdown-item-padding-y: 0.4rem;

      --k-custom-bs-dropdown-header-color: #6c757d;

      --k-custom-bs-dropdown-header-padding-x: 1.6rem;

      --k-custom-bs-dropdown-header-padding-y: 0.5rem;



      background-clip: padding-box;

      background-color: var(--k-custom-bs-dropdown-bg);

      border: var(--k-custom-bs-dropdown-border-width) solid var(--k-custom-bs-dropdown-border-color);

      border-radius: var(--k-custom-bs-dropdown-border-radius);

      color: var(--k-custom-bs-dropdown-color);

      display: none;

      font-size: var(--k-custom-bs-dropdown-font-size);

      list-style: none;

      margin: 0;

      min-width: var(--k-custom-bs-dropdown-min-width);

      padding: var(--k-custom-bs-dropdown-padding-y) var(--k-custom-bs-dropdown-padding-x);

      position: absolute;

      text-align: left;

      z-index: var(--k-custom-bs-dropdown-zindex);

    }



    .custom-dropdown-item {

      background-color: #fff;

      border: 0;

      border-radius: var(--k-custom-bs-dropdown-item-border-radius, 0);

      clear: both;

      color: var(--k-custom-bs-dropdown-link-color);

      display: block;

      font-weight: 400;

      padding: var(--k-custom-bs-dropdown-item-padding-y) var(--k-custom-bs-dropdown-item-padding-x);

      text-align: inherit;

      text-decoration: none;

      white-space: nowrap;

      width: 100%;

      line-height: 1.75;

      margin-bottom:3px;

    }



    .custom-dropdown-item:focus,

    .custom-dropdown-item:hover {

      background-color: var(--k-custom-bs-dropdown-link-hover-bg);

      color: var(--k-custom-bs-dropdown-link-hover-color);

      text-decoration: none;

      background-color: white;

    }



    .custom-dropdown-item:active {

      background-color: var(--k-custom-bs-dropdown-link-active-bg);

      color: var(--k-custom-bs-dropdown-link-active-color);

      text-decoration: none;

    }



    .custom-dropdown-item:disabled {

      background-color: transparent;

      color: var(--k-custom-bs-dropdown-link-disabled-color);

      pointer-events: none;

    }



    .show.custom-dropdown-menu {

      display: block;

    }

    /** Custom dropdown code */



    #site-header.bg-custom {

      background-color: transparent;

    }



    #site-header.main-nav.navbar {

      padding: 0 1.3rem;

    }



    #site-header.main-nav .navbar-nav .nav-link {

      font-size: 1.3rem;

      padding: 1.8rem 0.5rem 2rem 0.5rem;

      border-top: 3px solid transparent;

      line-height: normal;

    }



    #site-header.main-nav .navbar-nav .nav-link:hover {

      border-top: 3px solid transparent !important;

      color: black;

    }



    @media screen and (max-width: 991px) {

      #site-header.main-nav .navbar-nav .nav-link {

        padding: 0.8rem 0rem 1rem 0rem;

      }

    }



    #site-header.main-nav.navbar-light .navbar-nav .nav-link:hover {

      border-top: 3px solid #ff5951;

    }



    #site-header.main-nav.navbar-light .navbar-nav .show > .nav-link {

      border-top: 3px solid #ff5951;

    }



    #site-header.main-nav.navbar .bottom-gradient {

      background-image: linear-gradient(to right, #68cd00, #2fbefa, #7e59f8, #e41d7f, #ff5951, #ffb700);

      height: 5px;

      width: 100%;

      position: absolute;

      bottom: 0;

      left: 0;

    }



    #site-header.main-nav .custom-dropdown-menu {

      margin-top: 0;

      padding: 0;

      border: 1px solid #000000;

      border-radius: 0;

      left: auto;

      right: 0;

      overflow: visible;

      background-color:#fff;

    }

    

    #site-header.main-nav #navbarDropdownMenuLink + .custom-dropdown-menu {

      margin-top:2px;

    } 



    #site-header.main-nav .custom-dropdown-toggle .custom-dropdown-toggle::after {

      transition: all linear 0.3s;

    }



    #site-header.main-nav .custom-dropdown-toggle.show .custom-dropdown-toggle::after {

      transition: all linear 0.3s;

      transform: rotate(180deg);

    }



    #site-header.main-nav .custom-dropdown-item {

      font-size: 1rem;

    }



    #site-header.main-nav .custom-dropdown-item:active {

      background-color: #ffb700;

      color: #000000;

    }

    

    #site-header.main-nav .custom-dropdown-item.custom-dropdown-toggle[aria-expanded="true"] {

      background-color: #ffb700;

      color: #000000;

    }



    #site-header.main-nav .navbar-nav {

      gap: 1rem;

    }

    #site-header .desktext {

      display: block;

    }

    #site-header .mobtext {

      display: none;

    }

    @media screen and (max-width: 991px) {

      #site-header.main-nav .navbar-nav {

        gap: 0;

        flex-direction: row;

        align-items: center;

        justify-content: flex-end;

      }

      #site-header .desktext {

        display: none;

      }

      #site-header .mobtext {

        display: block;

      }

      #site-header .navbar-collapse {

        position: absolute;

        top: 0;

        right: 0;

        z-index: 2;

        width: 100%;

      }

      #site-header .nav-item.custom-dropdown {

        display: flex;

        justify-content: end;

        flex-direction: column;

        align-items: flex-end;

      }



      #site-header.main-nav .custom-dropdown-item {

        white-space: normal;

      }

      #site-header.main-nav.navbar {

        padding: 20px;

      }

      #site-header .nav-link.custom-dropdown-toggle {

        border: none;

        background-image: url(/media/w20hj5ro/menuopen.png);

        height: 30px;

        background-repeat: no-repeat;

        background-size: 35px;

        background-position: center;

        font-size: 0px !important;

        height: 40px;

        width: 40px;

        margin: 14px 16px 16px 16px;

      }

      #site-header .nav-link.custom-dropdown-toggle:hover,

      #site-header.main-nav.navbar-light .navbar-nav .show > .nav-link {

        border: none !important;

      }

      #site-header .nav-item.custom-dropdown-toggle.show .nav-link.custom-dropdown-toggle {

        background-image: url(/media/kcjlpbh3/menuclose.png);

        background-size: 28px 28px;

      }

      #site-header .nav-link.custom-dropdown-toggle + .custom-dropdown-menu {

        margin-top: 21px;

        width: 100%;

      }

      

     



      #site-header .custom-dropdown-menu.show {

        position: relative;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

      }



      #site-header .custom-dropdown-menu .custom-dropdown-submenu {

        position: relative;

        top: unset;

        left: unset;

        right: unset;

        bottom: unset;

      }



      #site-header .nav-link.custom-dropdown-toggle + .custom-dropdown-menu.show {

        position: relative;

        margin-top: 20px;

        width: 100%;

        z-index: 999;

        background-color: #fff;

      }



      #site-header.main-nav .custom-dropdown-toggle.show .custom-dropdown-submenu a::after {

        transition: all linear 0.3s;

        transform: rotate(0deg) !important;

      }

    }



    @media screen and (max-width: 349px) {

      #site-header.main-nav .navbar-brand {

        max-width: 100px;

      }



      #site-header.main-nav .navbar-brand img {

        width: 100%;

        height: auto;

      }

    }



    #site-header.main-nav .navbar-toggler {

      margin: 1rem 0;

    }



    #site-header.main-nav .custom-dropdown-submenu {

      position: relative;

      line-height: 1.75;

    }



    #site-header.main-nav .custom-dropdown .custom-dropdown-submenu a::after {

      transition: all linear 0.3s;

      position: absolute;

      left: 4px;

      top: 1.1em;

    }



    @media screen and (min-width: 991px) {

      #site-header.main-nav .custom-dropdown .custom-dropdown-submenu a::after {

        transition: all linear 0.3s;

        transform: rotate(90deg);

      }

    }



    #site-header.main-nav .custom-dropdown-toggle.show .custom-dropdown-submenu a::after {

      transition: all linear 0.3s;

      transform: rotate(90deg);

    }



    #site-header.main-nav .custom-dropdown-submenu .custom-dropdown-menu {

      top: -1px;

      right: calc(100% + 2px);

    }



    @media screen and (max-width: 991px) {

      #site-header.main-nav .custom-dropdown-submenu .custom-dropdown-menu {

        position: relative;

        top: unset;

        left: unset;

        right: unset;

        bottom: unset;

      }

    }

    #site-header #logo img {

      width: auto;

      height: 40px;

    }

    #site-header #logo span {

      display: none;

    }

    #site-header #burgerNavStyle {

      display: none;

    }

    #site-header .site-search {

      margin: 0;

    }

    #site-content .content.usn_cmp_ctastrip {

      display: none;

    }



    #site-header .nav-item {

      align-self: center;

    }



/* End of Navigation bar */



/* Home Page Button group Styles */



.button-groups {

    display: flex;

    gap: 15px;

    flex-wrap: wrap;

    justify-content: center;

    margin-bottom: 20px;

}



@media only screen and (min-width: 768px) {

    .button-groups {

            padding-left: 16px;

    }

}



/* End of Home Page Button group Styles */



/* Footer Styles */



    #site-footer nav.footer-navigation

    {

        padding-top: 12px;

        padding-bottom: 30px;

    }

    #site-footer .footer-navigation ul li a

    {

        font-size: 18px;

        font-family: Arial, Helvetica, sans-serif;

    }

    #site-footer .footer-text .footer-copyright

    {

        font-size: 12px;

    }

    #site-footer .footer-navigation ul li

    {

        margin-right: 12px;

        line-height: 1.25;

        display: inline-block;

        padding: 10px 0;

    }

    @media only screen and (min-width: 992px) {

        #site-footer .footer-navigation ul li a {

            font-size: 14px;

        }

    }

    @media only screen and (min-width: 1200px) {

        #site-footer .footer-navigation ul li a {

            font-size: 18px;

        }

    }  



/* End of Footer Styles */



/* Page Headings Styles */



.main-heading

{

    font-size: 22px;

    font-weight: bold;

    margin-bottom: 30px;

}

@media only screen and (min-width: 992px) {

    .main-heading {

        font-size: 26px;

    }

}

@media only screen and (min-width: 1200px) {

    .main-heading {

        font-size: 35px;

    }

}



.heading-one{

font-size: 26px;

}

@media only screen and (min-width: 768px) {

    .heading-one{ 

        font-size: 32px;

    }

}

@media only screen and (min-width: 1200px) {

    .heading-one{ 

        font-size: 40px;

    }

}

.heading-two{

    font-size: 22px;

}

@media only screen and (min-width: 768px) {

    .heading-two{ 

        font-size: 27px;

    }

}

@media only screen and (min-width: 1200px) {

    .heading-two{ 

        font-size: 32px;

    }

}

.heading-three{

    font-size: 20px;

}

@media only screen and (min-width: 768px) {

    .heading-three{ 

        font-size: 24px;

    }

}

@media only screen and (min-width: 1200px) {

    .heading-three{ 

        font-size: 28px;

    }

}



/* End of Page Headings Styles */





/* Infogrpahic content box */





.infographic-content-box

    {

        padding: 50px 20px;

    }

    @media only screen and (min-width: 992px) {

        .infographic-content-box {

            padding: 50px 40px;

        }

    }

    .infographic-content-box .governmentcampus-logo

    {

        margin-bottom: 50px;

    }

    .infographic-content-box p

    {

        color: #ffffff;

        font-size: 14px;

    }

    @media only screen and (min-width: 992px) {

        .infographic-content-box p {

            font-size: 16px;

        }

    }

    .infographic-content-box ul li

    {

        font-size: 14px;

    }

    @media only screen and (min-width: 992px) {

        .infographic-content-box ul li {

            font-size: 16px;

        }

    }

    .infographic-content-box ul.icon_white

    {

        margin: 0px 0px 40px;

        padding-left: 35px;

    }

    .infographic-content-box .main-heading span

    {

        font-size: 45px;

        color: #ffffff;

    }

    .infographic-content-box .events-update-box

    {

        list-style: none;

        margin-left: 0px;

        margin-right: 0px;

    }

    @media only screen and (min-width: 992px) {

        .infographic-content-box .events-update-box {

            margin-left: 25px;

            margin-right: 0px;

        }

    }

    .infographic-content-box .events-update-box img

    {

        width: 15% !important;

    }



/* End of Infogrpahic content box */



/* Common Styles */

.text-underline

{

    text-decoration: underline !important;

}



.library-tile span

{

padding: 5px;

background-color: #68CD00;

color: #fff;

margin-right:5px;

}





.filter-section {

        margin-top: 50px;

        display: flex;

        gap: 10px 20px;

        flex-wrap: wrap;

    }

    /* The container */

    .filter-section .filter-box {

        display: inline-block;

        position: relative;

        cursor: pointer;

        font-size: 18px;

        -webkit-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

    }



    /* Hide the browser's default checkbox */

    .filter-section .filter-box input {

        position: absolute;

        opacity: 0;

        cursor: pointer;

        height: 0;

        width: 0;

    }



    /* Create a custom checkbox */

    .filter-section .checkmark {

        position: relative;

        display: block;

        padding: 10px 25px;

        background-color: transparent;

        color: #000000; /*color: #8B8B8B; - changed this due to web accessibility contrast issue */       

        transition: all 0.2s linear;

        border-bottom: 3px solid #E4E4E4;

        font-weight: normal; /*font-weight: bold; - changed this due to web accessibility changes */

    }



    /* On mouse-over, add a grey background color */

    .filter-section .filter-box:hover input ~ .checkmark {

        background-color: transparent;

        color: #000000; /*color: #333333; - changed this due to web accessibility changes */

        font-weight: bold;

        transition: all 0.2s linear;

        border-bottom: 3px solid #FD7E14;          

    }



    /* When the checkbox is checked, add a blue background */

    .filter-section .filter-box input:checked ~ .checkmark {

        background-color: transparent;

        color: #000000;

        font-weight:bold;

        transition: all 0.2s linear;

        border-bottom: 3px solid #FD7E14;

    }



    .tile-list {

        margin-top: 40px;

    }



    .tile-list .row {

        gap: 50px 0px;

    }    

    

    .campus-library

    {

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        gap: 35px 25px;

    }

    @media only screen and (max-width: 992px) {

        .campus-library {

            grid-template-columns: repeat(2, 1fr);

        }

    }

    @media only screen and (max-width: 768px) {

        .campus-library {

            grid-template-columns: repeat(1, 1fr);

        }

    }

    

    .campus-library__container

    {

        background-color: #F8F8F8;

        /* box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px; */

        grid-template-rows: max-content auto;

        display: grid;

        transition: all 0.2s ease-in-out;

    }

    

    .campus-library__container:hover

    {

        transform: scale(1.03);

        transition: all 0.2s ease-in-out;

       /*  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; */

       box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;

    }

    .campus-library__image

    {

         background-position: top right; 

         background-repeat: no-repeat; 

         background-size: cover;

         min-height:230px;

    }

    .campus-library__image img

    {

        max-width: 100%;

        width: 100%;

    }

    .campus-library__body

    {

            display: grid;

            grid-template-rows: max-content max-content auto max-content;

            padding: 25px 25px 15px 25px;

    }

    .campus-library__title

    {

        font-weight: bold;

        font-size: 20px;

        margin-bottom: 15px;

    }

    .campus-library__description

    {

        width: 100%;

    }

    .campus-library__keywords

    {

        margin-bottom: 20px;

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        gap: 8px;

    }

    .campus-library__keywords span

    {

        padding: 3px 10px;

        background-color: transparent;

        color: #000;

        border-radius: 20px;

        border: 1px solid #FD7E14;

        font-size: 14px;

    }

    .campus-library__link

    {

        margin: 0 0 0 auto;

    }

    

    .campus-library__link a

    {

        display: inline-block;

        padding: 6px 30px 6px 15px;

        font-weight: bold;

        background-color: transparent;

        color: #000;

        text-decoration: none;

        cursor: pointer;

        position: relative;

        font-size: 15px;

        transition: all 0.2s ease-in-out;

    }

    .campus-library__link a::after

    {

        position: absolute;

        content: "\276F";

        right: 12px;

        color: #FD7E14;

        top: 7px;        

    }

    .campus-library__link a:hover::after

    {

        color: #fff;

        transition: all 0.2s ease-in-out;

    }

    .campus-library__link a:hover

    {

        background-color: #FD7E14;

        color: #fff;

        text-decoration: underline;

        transition: all 0.2s ease-in-out;

    }

    

  /*learnings*/



    .main-content {

        max-width: 1400px;

        margin: 0 auto;

    }



    .hero-banner {

        

        height: 500px;

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center;

    }



    .border-line {

        position: relative;

        margin-top: 30px;

        padding: 1rem 0 0.2rem;

        border-bottom: 2px solid #ffb700;

    }

    .border-line h1 {

        font-size: 2.5rem;

    }

    .body-text {

        padding-top: 2.5rem;

    }



    .page-content {

        padding-bottom: 2rem;

    }

    

/*    .tab-section .nav-tabs .nav-item:first-child .nav-link {*/

/*    padding-left: 0;*/

/*}*/



    .main-content p a {

        text-decoration: underline !important;

        text-decoration-color: inherit !important;

    }



    .tab-wrapper {

        background-color: #f6f6f6;

        padding: 1rem;

    }







    .tab-section .nav-link {

        text-decoration: none !important;

        padding: 0.5rem 1.5rem;

    }



    .tab-section .nav-tabs .nav-link.active {

        color: #495057;

        background-color: unset;

        border-bottom: 3px solid #ffb700;

        font-weight: bold;

    }



    .tab-section .nav-tabs .nav-link {

        border: none;

        border-top-left-radius: 0;

        border-top-right-radius: 0;

        font-size: 1.3rem;

    }



    .tab-wrapper .tab-content > .tab-pane {

        margin: 2rem 1rem;

    }



        .tab-wrapper .tab-content > .tab-pane.active.show {

        }



        .tab-wrapper .tab-content > .tab-pane h5 {

            font-size: 1.2rem;

            font-weight: bold;

        }



    .tab-content-body .col-md-6 a::before, .optionalLearnings .col-sm-6 a::before {

        content: url(../img/Arrow.svg);

        vertical-align: middle;

        display: inline-block;

        height: 35px;

        width: 35px;

    }



    .tab-content-body .row {

        padding: 0.5rem;

    }





    #main {

        margin: 50px 0;

    }



    .card-body {

        padding: 0;

    }



    #main .accordion .card {

        margin-bottom: 10px;

        border: 0;

    }



        #main .accordion .card .card-header {

            background-color: #fff;

            border: 0;

            -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);

            box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);

            border-radius: 2px;

            padding: 0;

        }



            #main .accordion .card .card-header .btn-header-link {

                display: block;

                text-align: left;

                padding: 20px 38px 20px;

                transition: none;

                font-weight: bold;

                font-size: 1.2rem;

                background: none;

                width: 100%;

                border: 0;

            }

            

             #main .accordion .card .card-header .btn-header-link.collapsed:after {

                 

                   content: "\2b";

                   float: right;

                    /*content: "\002B";*/

                    

                }

                #main .accordion .card .card-header .btn-header-link:after {

                    /*content: "\f068";*/

                    float: right;

                    font-family: "Font Awesome 6 Free";

                    content: "\2212";

                    /*float: right;*/

                }

            

                #main .accordion .card .card-header .btn-header-link.collapsed {

                    background: #fff;

                    color: #000;

                    text-decoration: none;

                    color: #000 !important;

                }



                #main .accordion .card .card-header .btn-header-link:not(.collapsed) {

                    border-left: 2px solid #ffb700;

                    text-decoration: none;

                    color: #000 !important;

                }



               /* #main .accordion .card .card-header .btn-header-link.collapsed:after {

                    content: "\f106";

                }*/







        #main .accordion .card .collapse {

            border: 0;

        }



            #main .accordion .card .collapse.show {

                background: #fff;

                line-height: 30px;

                color: #222 !important;

                border-left: 2px solid #ffb700;

                padding-bottom: 1rem;

            }



    .tab-content-body a, .optionalLearnings .col-sm-6 a {

        font-size: 1.2rem;

        text-decoration: underline !important;

        cursor: pointer;

    }



    .border-line h6 {

        font-weight: bold;

    }



    .content {

        padding: 2rem 0;

    }



    .link-section {

        width: 50%;

        float: left;

        padding: 1rem 2rem;

    }

    

    .tab-content-body .courseList {

    display: block;

    float: left;

    padding-right: 7px;

    padding-left: 3px;

    line-height: inherit;

}



.tab-content-body p {

    color: #000;

}



.tab-description-text {

    padding: 0 1.25rem;

    width: 90%;

}

.tab-content-body ul {

    margin-bottom: 0;

}



/*search pagination accessibility fix */

#pagination .page-item.active {

    outline: 2px dashed orange;

    border-radius: var(--base-border-radius);

}



#pagination .page-item.active .page-link {

    text-decoration: underline !important;

}



.h5-font-size {

    font-size: var(--h5-typography_font-size_xl);

}



.bg-green {background-color: #42821e!important}

.bg-blue {background-color: #1c7397!important}

.bg-purple {background-color: #533ba4!important}

.bg-pink {background-color: #901250!important}

.bg-red {background-color: #a23833!important}



/* chatbot */

#chatTogglerDiv {

    width: 10%;

    height: 100px;

    position: fixed;

    bottom: 100px;

    right: 0;

    border: 0;

    z-index: 99;

    border-radius: 50%;

}



#chatTogglerDiv:focus {

    outline: 0;

}



.map-page main .custom-alert {

    display: none;

}



/* overwrite search input placeholder text */



.site-search .form-control::placeholder {

  color: #000;

  opacity: 1; /* Firefox */

}



.site-search .form-control::-ms-input-placeholder { /* Edge 12 -18 */

  color: #000;

}







@media screen and (max-width: 767px)

{

    .nav {

        display: block !important;

        text-align:center;

    }

    

    .tab-content-body a, .optionalLearnings .col-sm-6 a

    {

        font-size: 1rem;

    }

    

    .left, .right {

        width:100% !important;

    }

    

    #chatTogglerDiv {

        width: 24%;

    }

}