/* ----------------------------------------------------------------
Typography
-----------------------------------------------------------------*/
@font-face {
    font-family: 'Gothic-Regular';
    src: url('../Fonts/GOTHIC.TTF');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gothic-Bold';
    src: url('../Fonts/GOTHICB.TTF');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GESS-Light';
    src: url('../Fonts/ArbFONTS-GE_SS_TEXT_LIGHT.otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GESS-Medium';
    src: url('../Fonts/ArbFONTS-GE-SS-Text-Medium.otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GESS-Bold';
    src: url('../Fonts/ArbFONTS-GE-SS-Text-Bold.otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {
    margin: auto;
    padding: 0;
    font-family: "Gothic-Regular", sans-serif;
    overflow-x: hidden;
}

a {
    text-decoration: none!important;
}

/*Header Section*/
#header, #header-wrap {
    height: auto;
}

#wrapper {
    background-color: #0f345e;
    position: relative;
    z-index: 100;
}

.header-content {
    display: flex;
    align-items: center;
    z-index: 100;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

#primary-menu {
    margin-left: auto;
    padding-bottom: 10px;
}

    #primary-menu ul {
        list-style: none;
        /* margin: 15px 0;*/
        display: flex;
        padding: 0;
    }

        #primary-menu ul > li.mega-menu, #primary-menu ul > li.mega-menu-search, #primary-menu ul > li.submenu, .header-content, .onapptap, .owl-carousel, .owl-carousel .owl-stage-outer, .video-box, a.navbar-brand {
            position: relative;
        }

li {
    list-style: none;
}

#primary-menu ul > li > .subNodesLink, #primary-menu ul > li > a > .mega-menu-title {
    display: block;
    color: #fff;
    font-size: 17px;
    -o-transition: margin .4s, padding .4s;
    padding: 14px 15px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: .4s;
    font-weight: 600;
}

#primary-menu ul li.submenu > ul {
    display: block;
}

#primary-menu ul > li.submenu ul {
    background-color: #faffff;
    box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
    margin: 0;
    padding: 0;
    height: 0;
    position: absolute;
    top: 100%;
    right: 0;
    width: 230px;
    perspective: 300px;
    transition: .2s;
    visibility: hidden;
}

#primary-menu-trigger {
    opacity: 0;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    top: 50px;
}

#primary-menu ul > .mega-menu > a, .bottom-footer-section a {
    color: #fff;
    text-decoration: none;
}

img {
    max-width: 100%;
}

.UBCI-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin: auto;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1200px) {
    .UBCI-container {
        max-width: 90%;
    }
}

.submenu::before {
    content: '';
    background-image: url(../images/Arrow1.svg);
    position: absolute;
    width: 15px;
    height: 47px;
    right: -9px;
    background-repeat: no-repeat;
    bottom: -15px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

#primary-menu ul > li.submenu:hover::before {
    background-image: url(../images/Arrow1-up.svg);
}

.submenu {
    margin-right: 10px;
    padding-right: 10px;
}

#header.sticky-header, #header.sticky-header #header-wrap {
    /*   height: 73px;*/
    background-color: #0f345e;
}

    #header.sticky-header #logo img {
        height: 80px;
        width: 150px;
    }

    #header.sticky-header .drop1-item {
        font-size: 15px;
    }

    #header.sticky-header a.drop-item-a {
        font-size: 14px;
    }

    #header.sticky-header .top-header-container {
        display: none;
    }

    #header.sticky-header #header-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #0f345e;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        padding: 0;
        z-index: 1000;
        /* height: auto;*/
        opacity: 1;
        animation: 1s headerFade;
    }

@keyframes headerFade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#header.sticky-header #primary-menu ul > li > a {
    /*  padding-top: 19px;
        padding-bottom: 19px;*/
    font-size: 16px;
}

@media (min-width: 992px) {
    #primary-menu ul > li.submenu ul li > a {
        font-size: 15px;
        display: block;
        padding: 9px 15px;
        color: #0F345E;
        background: rgba(255, 255, 255, .961);
        box-shadow: 0 8px 44px rgba(0,0,0,.078);
        transition: .5s;
        border-right: 4px solid #dedede;
        text-decoration: none;
    }

    #primary-menu ul > li.submenu:hover li.subNodes-list {
        transform: inherit;
        opacity: 1
    }

    #primary-menu ul > li.submenu:hover ul {
        height: auto;
        visibility: visible
    }

   
    #primary-menu ul > li.submenu ul li:nth-child(2) {
        transition-delay: .2s
    }

    #primary-menu ul > li.submenu ul li:nth-child(3) {
        transition-delay: .4s
    }

    #primary-menu ul > li.submenu ul li:nth-child(4) {
        transition-delay: .6s
    }

    #primary-menu ul > li.submenu ul li:nth-child(5) {
        transition-delay: .8s
    }

    #primary-menu ul > li.submenu ul li:nth-child(6) {
        transition-delay: .10s
    }

    #primary-menu ul > li.submenu ul li:nth-child(7) {
        transition-delay: .12s
    }

    #primary-menu ul > li.submenu ul li:nth-child(8) {
        transition-delay: .14s
    }

    #primary-menu ul > li.submenu ul li:nth-child(9) {
        transition-delay: .16s
    }

    #primary-menu ul > li.submenu ul li:nth-child(10) {
        transition-delay: .18s
    }

    #primary-menu ul > li.submenu ul li:nth-child(11) {
        transition-delay: .20s
    }
}

.searchIcon img {
    position: relative;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

    .searchIcon img:hover {
        opacity: 1;
        transform: scale(1.2);
    }

li.subNodes-list {
    transform: rotateX(70deg);
    transform-origin: top;
    opacity: 0;
    transition: .5s;
}

#primary-menu ul > li.submenu ul li > a:hover, #primary-menu ul > li.submenu ul li > a:hover #primary-menu ul > li > .subNodesLink {
    background: #D1BD7D;
    color: #fff;
    border-right-color: #65634e
}

#primary-menu ul > li > .subNodesLink:hover, .submenu:hover #primary-menu ul > li > .subNodesLink, #primary-menu ul > li > a > .mega-menu-title:hover, #primary-menu ul > li.mega-menu:hover #primary-menu ul > li > a > .mega-menu-title {
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.259);
}

#primary-menu ul > li > .subNodesLink::before, #primary-menu ul > li > a > .mega-menu-title::before {
    content: "";
    position: absolute;
    top: 127%;
    left: calc(30% - 100px);
    height: 225px;
    width: 325px;
    background: #D1BD7D;
    z-index: 1;
    border-radius: 100%;
    box-shadow: 0 0 7px 5px rgba(180,151,90,.62);
    transition: .4s;
}

#primary-menu ul > li > .subNodesLink > *, #primary-menu ul > li > a > .mega-menu-title > * {
    z-index: 2;
    position: relative;
    text-transform: uppercase;
}

#primary-menu ul > li > .subNodesLink:hover:before, #primary-menu ul > li > a > .mega-menu-title:hover:before, #primary-menu ul > li.submenu:hover #primary-menu ul > li > .subNodesLink:before, #primary-menu ul > li > a > .mega-menu-title:hover:before {
    top: -160%;
    transition: .8s;
}

.mega-menu-search {
    margin: auto;
    padding-left: 10px;
}

.header-UBCI-container {
    text-align: center;
    margin: auto;
    padding: 0 80px;
    /*    top: -20px;*/
}

.top-header-container {
    display: flex;
    justify-content: flex-end;
    position: relative;
    /* padding: 0 80px;*/
    align-items: baseline;
}

.headerList {
    padding: 0 15px;
    /*    border-right: 1px solid #8396ac;*/
    color: #D4DFE2;
    text-decoration: none;
}

.topHeader {
    display: flex;
    margin-bottom: 1rem;
    margin-top: 3px;
}

img.topHeaderIcon {
    margin-right: 10px;
    transition: 1s;
}

.headerTitle {
    font-size: 15px;
    position: relative;
}

    .headerTitle:after {
        content: "";
        position: absolute;
        width: 0;
        background-color: #b4975a;
        left: 50%;
        transform: translateX(-50%);
        bottom: -0.6em;
        height: 2px;
        border-radius: 8px;
        transition: all 0.3s ease;
    }

a.headerList:hover .headerTitle:after {
    width: 100%;
    animation: pulse11 1s;
    box-shadow: 0 0 0 1em transparent;
}

a.headerList:hover img.topHeaderIcon {
    transform: rotateY(180deg);
}

.languageTap {
    background-color: #092643;
    padding: 10px 15px;
    position: relative;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

.headerList:hover {
    color: #fff;
    text-decoration: none;
}

.languageTap span {
    font-family: GESS-Bold, sans-serif;
    color: #d1bd7d;
    font-weight: bold;
}

a.languageTap:hover {
    background-color: #2d6464;
    transition: 1s ease-in;
    text-decoration: none;
}

.top-header-container ul {
    display: inline-flex;
}

.top-header-container li {
    padding-top: 6px;
    padding-left: 0;
}

/*Hayat - New Menu*/
.main-menu-items {
    display: flex;
    margin-top: 1rem;
}

.drop {
    display: flex;
    position: relative;
    align-items: center;
    margin-right: 10px;
    padding-right: 10px;
}

    .drop:before {
        content: '';
        background-image: url(../images/Arrow1.svg);
        position: absolute;
        width: 15px;
        height: 47px;
        right: -9px;
        background-repeat: no-repeat;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        bottom: -15px;
    }

.drop1-item {
    color: white;
    font-weight: bold;
    padding: 14px 15px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: .4s;
    text-transform: uppercase;
    text-decoration: none;
}

.drop-menu {
    position: absolute;
    top: 100%;
    /*    left: 0;*/
    width: 230px;
    perspective: 300px;
    transition: .2s;
    visibility: hidden;
}

.drop-item {
    transform: rotateX(70deg);
    transform-origin: top;
    opacity: 0;
    transition: .2s;
}

a.drop-item-a {
    display: block;
    padding: 9px 15px;
    color: #0f345e;
    background: rgba(255, 255, 255, .961);
    box-shadow: 0 8px 44px rgba(0, 0, 0, .078);
    transition: .2s;
    border-left: 4px solid #dedede;
    text-decoration: none;
}

.drop1-item:before {
    content: "";
    position: absolute;
    top: 127%;
    left: calc(30% - 100px);
    height: 200px;
    width: 330px;
    background: #b4975a;
    z-index: -1;
    border-radius: 100%;
    box-shadow: 0 0 7px 5px rgba(180, 151, 90, .62);
    transition: .4s;
}

.drop1-item > * {
    z-index: 2;
    position: relative;
}



.drop1-item:hover:before, .drop:hover .drop1-item:before, .circle-hov:hover:before, .q-btn:hover:before {
    top: -160%;
    transition: .8s
}

.drop1-item:hover, .drop:hover .drop1-item {
    color: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,.259);
}

.drop:hover .drop-item {
    transform: inherit;
    opacity: 1
}

.drop:hover:before {
    background-image: url(../images/Arrow1-up.svg);
}

.drop-item:nth-child(2) {
    transition-delay: .1s
}

.drop-item:nth-child(3) {
    transition-delay: .2s
}

.drop-item:nth-child(4) {
    transition-delay: .3s
}

.drop-item:nth-child(5) {
    transition-delay: .4s
}

.drop-item:nth-child(6) {
    transition-delay: .5s
}

.drop-item:nth-child(7) {
    transition-delay: .6s
}

.drop-item:nth-child(8) {
    transition-delay: .7s
}

.drop-item:nth-child(9) {
    transition-delay: .8s
}

.drop-item:nth-child(10) {
    transition-delay: .9s
}

.drop-item:nth-child(11) {
    transition-delay: 1s
}

.drop-item-a:hover {
    background: rgba(180,151,90,.851);
    color: #fff;
    border-left-color: #65634e;
}

.drop:hover .drop-menu {
    visibility: visible;
}

#primary-menu .main-menu-items > .drop:last-child .drop-menu {
    right: 0;
}

a.drop1-item.active {
    background: #D1BD7D;
}

a.drop-item-a.active {
    background-color: antiquewhite;
    font-weight: bold;
    border-left: 4px solid #0f345e;
    color: #0f345e;
}


@media (max-width: 1440px) {
    .drop1-item {
        font-size: 15px;
    }
}

/*Mobile Menu Section*/
.mobileView {
    display: none;
}

#mobile-menu-trigger {
    padding-right: 25px;
    font-size: 14px;
    display: none;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

    #mobile-menu-trigger img {
        height: 2em;
    }

#mobile-search {
    font-size: 14px;
    display: none;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

    #mobile-search img {
        height: 2em;
    }

.sidenav {
    height: 100%;
    width: 300px;
    position: fixed;
    z-index: 100;
    top: 0;
    right: -300px;
    background-color: #0F345E;
    overflow-x: hidden;
    transition: .5s;
    transform: inherit;
    padding-top: 60px;
    opacity: 0;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

    .dropdown-btn, .sidenav a {
        padding: 6px 8px 6px 16px;
        text-decoration: none;
        font-size: 20px;
        color: #fff;
        display: block;
        border: none;
        background: 0 0;
        width: 100%;
        text-align: left;
        cursor: pointer;
        outline: 0;
        position: relative;
        padding-right: 20px;
    }

        .dropdown-btn:before {
            content: "";
            position: absolute;
            height: 13px;
            width: 13px;
            transform: rotate(45deg);
            border: 2px solid transparent;
            border-bottom-color: #a48332;
            border-right-color: #a48332;
            top: 14px;
            right: 24px;
            transition: .5s;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
.dropdown-container.open {
    max-height: initial;
}
.dropdown-btn.active {
    pointer-events: none;
}

button.dropdown-btn.active.open {
    background-color: #D1BD7D;
    color: #112c44;
    font-weight: bold;
}
a.submenuDropdDown.active {
    background-color: #112c44;
    color: #D1BD7D;
    font-weight: bold;
}


.dropdown-container {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    background-color: #f1f1f1;
    background-color: #2f6483;
}

.active-menu {
    background-color: #051629;
    color: #fff;
}

.dropdown-btn:hover, .sidenav a:hover {
    color: #D1BD7D;
    background-color: #112c44;
}

.close {
    padding-left: 18px !important;
    padding-bottom: 20px !important;
    color: white;
    font-size: 2.5rem;
    font-weight: 200;
    border: none;
    background: none;
}

    .close span:hover {
        opacity: 0.5;
        color: white;
        border: 0;
    }

.dropdown-btn.active-menu:before {
    transform: rotate(225deg);
}

.formAndRequestSection {
    background-color: #e6e6e6;
    padding: 50px 100px 200px 100px;
}



/*.formAndRequestDetails {
    margin: auto;
}*/

.documnet-section h4 {
    color: #0f345e;
    font-weight: 900;
    font-size: 25px;
    margin-bottom: 15px;
}

.formAndRequestDetails p {
    font-weight: 900;
    font-size: 20px;
    margin: 0;
}

.document-form {
    align-items: center;
    /* margin-bottom: 10px;*/
}

    .document-form a {
        color: #ffffff;
        padding: 12px 40px 12px 40px;
        font-size: 16px;
        border-radius: 20px;
        background-image: linear-gradient(to right, #0F345E 0, #0F345E 51%, #D1BD7D 100%);
        background-size: 200% auto;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        text-decoration: none;
        font-weight: bold;
        position: relative;
        border: none;
        /*  margin: 0 20px;*/
        text-decoration: none;
    }

.documnet-section {
    border-bottom: 2px solid #a5a5a5;
    border-bottom: 2px solid #a5a5a5;
    /*    margin-bottom: 30px;*/
    padding: 30px 0;
    min-height: 53%;
}

.document-form a:before {
    content: '';
    background-image: url(../images/Arrow2-gold.svg);
    position: absolute;
    width: 22px;
    height: 22px;
    right: 10px;
    background-repeat: no-repeat;
    bottom: 10px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

.document-form a:hover::before {
    background-image: url(../images/Arrow2-white.svg);
}

.document-form a:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}

.borderBottom {
    border-bottom: 0;
    min-height:auto;
}

.card-details ul {
    color: #ffff;
    font-size: 20px;
}

.card-details li {
    margin-bottom: 1rem;
}
/*.fulid-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin: auto;
    margin-right: auto;
    margin-left: auto;
}
*/

.commingSoonSection {
    padding: 50px 0;
}

    .commingSoonSection h5 {
        font-size: 30px;
        color: #D1BD7D;
        font-weight: bold;
    }

.communationNumber p {
    font-size: 20px;
    margin: 0;
    color: #11345d;
    font-weight: bold;
}

.communationNumber {
    background-color: #d0bd80;
    padding: 15px;
    margin-bottom: 30px;
    border: 1px solid #a1aebe;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .communationNumber span {
        margin-left: 10px;
    }

    .communationNumber a {
        color: #11345d;
    }

        .communationNumber a:hover {
            color: white;
        }


/*GotoTop Section*/
#gotoTop {
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #D1BD7D;
    line-height: 36px;
    text-align: center;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    border-radius: 2px;
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear
}

.icon-angle-up:before {
    content: "";
    border: solid #000000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    position: absolute;
    bottom: 15px;
    right: 15px;
}

#gotoTop:hover {
    background-color: #0f345e;
}

.icon-angle-up:hover::before {
    border-right: solid #ffffff;
    border-bottom: solid #ffffff;
}

/*Footer Section*/
footer {
    background-color: #0f345e;
    overflow: hidden;
}

.footer-top {
    padding: 55px 0;
    position: relative;
}

.md-container {
    margin: auto;
    width: 100%;
    padding: 0 24px;
}

.footer-ttl {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 16px;
    color: #D1BD7D;
    position: relative;
/*    padding-right: 10%;*/
    padding-left: .5rem;
}

a.footer-link {
    display: block;
    color: #ffffff;
    padding: 6px 0 6px 10px;
    position: relative;
    font-weight: bold;
    overflow: hidden;
    text-decoration: none;
}

span.footer-contactInfo {
    display: inline-block;
    color: #ffffff;
    padding: 6px;
    position: relative;
    font-weight: bold;
}

.footer-contactInfo a {
    color: white;
    text-decoration: none;
}

    .footer-contactInfo a:hover {
        color: #D1BD7D;
    }

.footer-logo {
    max-width: 100%;
    margin-bottom: 30px;
}

.footer-icon span {
    color: #ffffff;
    padding: 6px;
    position: relative;
    font-weight: bold;
    transition: .3s;
}

.footer-bottom {
    background: #0f345e;
    text-align: center;
    padding: 17px 15px;
    border-top: 1px solid #60666d;
    color: #ffff;
    font-size: 15px;
    font-weight: bold;
}

.footer-bottom-content a {
    color: #ffff;
    text-decoration: none;
}

    .footer-bottom-content a:hover {
        color: #D1BD7D;
    }

@media (max-width: 1199px) {
    .footer-extend {
        display: none;
        padding: 15px;
    }

    .footer-ttl {
        font-size: 16px;
        margin: 0;
        padding: 11px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .329);
        position: relative;
        transition: .3s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

        .footer-ttl:before {
            content: "";
            position: absolute;
            top: calc(50% - 7px);
            height: 10px;
            width: 10px;
            transform: rotate(45deg);
            border: 1px solid transparent;
            border-bottom-color: #fff;
            border-right-color: #fff;
            right: 3px;
            transition: .3s;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            transition: 1s;
        }

    .footer-acc-block.footer-open {
        background: rgba(255, 255, 255, .078);
        box-shadow: 0 6px 25px rgba(0,0,0,.071);
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .footer-open .footer-ttl:before {
        transform: rotate(225deg);
        margin-top: 5px;
        right: 15px;
    }

    .footer-open .footer-ttl {
        padding: 11px 15px;
        border-bottom-color: rgba(255, 255, 255, .1);
    }
}

a.footer-socialMedia-link {
    text-decoration: none;
}

p.footer-icon {
    position: relative;
}

img.icon-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

a.footer-socialMedia-link:hover .footer-icon > img.icon-orginal {
    opacity: 0;
}

a.footer-socialMedia-link:hover .footer-icon > img.icon-hover {
    opacity: 1;
}

a.footer-socialMedia-link:hover .footer-icon span {
    color: #D1BD7D;
}

.footer-link * {
    z-index: 2;
    position: relative
}

.footer-link:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #D1BD7D;
    box-shadow: 0 0 0 4px #44422e;
    z-index: 1;
    transform: skewX(-40deg) translateX(-110%);
    width: 160%;
    transition: .6s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

.footer-link:hover:before {
    transform: skewX(-40deg) translateX(10%);
}

a.footer-link:hover {
    color: #0F345E;
    text-decoration: none;
}

.footer-link:hover span {
    transform: translateX(8px);
}

.footer-link span {
    transition: .3s;
    display: block;
}

/* Slider Section */
.carousel-indicators [data-bs-target] {
    height: 10px;
    width: 10px;
    border: 3px solid #ffffff;
    background-color: transparent;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 50%;
    display: inline-block;
    opacity: 1;
}

.carousel-indicators .active {
    opacity: 1;
    border: 3px solid #d1bd7d;
}

.slider-content {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    text-align: left;
    color: white;
}

.item-image-container {
    padding-bottom: 36%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.slider-content h1 {
    font-size: 80px;
    font-weight: bold;
    animation-name: slide;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translate(100px,0px);
    }

    100% {
        opacity: 1;
        transform: translate(0px,0px);
    }
}

.slider-content h2 {
    font-size: 60px;
    font-weight: bold;
    animation-name: slide;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
    opacity: 0;
}

.carousel-indicators {
    margin-bottom: 2rem;
}

.readMoreButton {
    margin-top: 40px;
    animation-name: slideUp;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translate(0px,20px);
    }

    100% {
        opacity: 1;
        transform: translate(0px,0px);
    }
}

.readMoreButton a, .readMoreButton button {
    padding: 10px 50px 10px 20px;
    transition: .3s;
    background-size: 200% auto;
    border: none;
    background-image: linear-gradient(to right, #D1BD7D 0, #D1BD7D 51%, #0F345E 100%);
    text-decoration: none;
    font-weight: bold;
    position: relative;
    border-radius: 20px;
    font-size: 16px;
    text-decoration: none;
    color: #0F345E;
    animation-delay: 0.15s;
    transition: .3s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

    .readMoreButton a::before, .readMoreButton button::before{
        content: '';
        background-image: url(../images/Arrow2.svg);
        position: absolute;
        width: 22px;
        height: 22px;
        right: 10px;
        background-repeat: no-repeat;
        bottom: 8px;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .readMoreButton a:hover, .readMoreButton button:hover {
        background-position: right center;
        color: #fff;
        text-decoration: none;
        transition: .3s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

        .readMoreButton a:hover::before, .readMoreButton button:hover::before {
            background-image: url(../images/Arrow2-white.svg);
        }

.carousel-item::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #213e663b;
    height: 100%;
}

.carousel-indicators::before, .carousel-indicators::after {
    display: inline-block;
    content: "";
    border-top: 0.1rem solid rgb(155 170 188);
    width: 4rem;
    margin: 0 1rem;
    transform: translateY(0.5rem);
}

.carousel-item .carousel-caption {
    opacity: 0;
}

.carousel-item.active .carousel-caption {
    transform: translateX(-100px);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    opacity: 1;
    transition-delay: 0.2s;
}

    .carousel-item.active .carousel-caption .readMoreButton {
        transform: translateY(-20px);
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        opacity: 1;
        transition-delay: 0.2s;
    }

.carousel-item {
    animation: SliderAnimationfade 2s;
}

@keyframes SliderAnimationfade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



/*.item-image-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
    height: 700px;
}
*/

/*Home - Services Section*/
.Services-details {
    background: #f0f0f0;
    padding: 30px;
    position: relative;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
}

    .Services-details:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #9bc2d5;
        z-index: 1;
        transform: scaleY(0);
        transition: .3s
    }

    .Services-details:hover:after {
        transform: inherit
    }

.Services-item {
    padding: 6px 0 0 6px;
    text-align: center;
}

.Services-details span {
    font-size: 25px;
    font-weight: bold;
    color: #0f345e;
}

a.Services-details:hover {
    text-decoration: none;
}

.Services-Section {
    padding: 4px 8px 8px 0;
}

.Services-icon {
    position: relative;
    z-index: 2;
}

/*    .Services-icon img {
        position: relative;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

a.Services-details:hover .Services-icon img {
    opacity: 1;
    transform: scale(1.1);
}*/

.service_logo {
    padding-bottom: 27%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30% auto;
    position: relative;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

@media (max-width: 1024px) {
    .service_logo {
        padding-bottom: 35%;
        background-size: 35% auto;
    }
}

    a.Services-details:hover .service_logo {
        opacity: 1;
        transform: scale(1.1);
    }

    .Services-ttl {
        position: relative;
        z-index: 2;
    }

    /*Home - Cards Section*/
    .nav-tabs {
        border: none;
    }

        .nav-tabs .nav-link {
            font-weight: bold;
            font-size: 25px;
            color: #0F345E;
            outline: 0;
            border: none;
        }

    .nav-link {
        padding: 0.2rem 1rem;
    }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border: none;
        color: #D1BD7D;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border: none;
        color: #d1bd7d;
        background-color: transparent;
        font-weight: bold;
        font-size: 25px;
        border-bottom: 3px solid #D1BD7D;
    }

    .Cards-Section {
        padding: 110px 0;
        background-position: center;
        background-size: cover;
        position: relative;
    }

    .tabItem-content {
        text-align: left;
        padding: 50px 0;
        width: 100%;
        height: 100%;
    }

    .tab-title {
        font-size: 45px;
        font-weight: bold;
        color: #0F345E;
    }

    .tab-HighlightTitle {
        color: #D1BD7D;
    }

    .tab-HighlightTitle-darkColor {
        color: #0F345E;
    }



    .tab-SubTitle {
        font-size: 30px;
        font-weight: 600;
        color: #0F345E;
    }

    .tab-details {
        font-size: 22px;
        font-weight: bold;
        max-width: 760px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .tab-content > .active .tabItem-content {
        animation: 2s tabFade;
    }

    @keyframes tabFade {
        0% {
            opacity: 0;
            transform: translate(100px,0px);
        }

        100% {
            opacity: 1;
            transform: translate(0px,0px);
        }
    }

    /*Home - Explore Section*/
    .Explore-Section {
        margin-bottom: 30px;
        overflow: hidden;
    }

    .mobileRow, .explorRow {
        overflow: hidden;
    }

    .Explore-Section-top {
        margin: 50px;
        text-align: center;
    }

        .Explore-Section-top h4 {
            font-size: 45px;
            font-weight: bold;
            color: #0F345E;
        }

        .Explore-Section-top p {
            font-size: 40px;
            font-weight: bold;
            color: #D1BD7D;
        }

    .exploreImage {
        position: relative;
        height: 100%;
    }

    .ex-exploreImage {
        min-height: 480px;
        height: 100%;
        background-position: center;
        background-size: cover;
    }

    .dark {
        background: #0f345e;
        display: flex;
        align-items: center;
    }

    .light {
        background: #e6e6e6;
        display: flex;
        align-items: center;
        overflow: hidden;
    }

    a.ex-exploreDetails:hover {
        text-decoration: none;
    }

    a.ex-exploreDetails {
        display: block;
        text-align: left;
        /*    padding: 112px;*/
        text-decoration: none;
    }

    .dark > a.ex-exploreDetails h3 {
        font-size: 40px;
        font-weight: bold;
        color: #ffffff;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .dark > a.ex-exploreDetails p {
        margin-top: 20px;
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
    }

    .dark > a.ex-exploreDetails > .UBCI-container > .dark-readMoreButton {
        margin-top: 40px;
        color: #0F345E;
        padding: 7px 50px 7px 20px;
        font-size: 16px;
        border-radius: 20px;
        background-image: linear-gradient(to right, #D1BD7D 0, #D1BD7D 51%, #0F345E 100%);
        background-size: 200% auto;
        transition: .5s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        text-decoration: none;
        font-weight: bold;
        position: relative;
        border: none;
    }

    .dark-readMoreButton::before {
        content: '';
        background-image: url(../images/Arrow2.svg);
        position: absolute;
        width: 22px;
        height: 22px;
        right: 10px;
        background-repeat: no-repeat;
        bottom: 8px;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .light > a.ex-exploreDetails h3 {
        font-size: 45px;
        font-weight: bold;
        color: #0F345E;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .light > a.ex-exploreDetails p {
        margin-top: 25px;
        color: #0F345E;
        font-size: 20px;
        font-weight: 600;
    }

    .light-readMoreButton::before {
        content: '';
        background-image: url(../images/Arrow2-gold.svg);
        position: absolute;
        width: 22px;
        height: 22px;
        right: 10px;
        background-repeat: no-repeat;
        bottom: 8px;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .light > a.ex-exploreDetails > .UBCI-container > .light-readMoreButton {
        margin-top: 40px;
        color: #D1BD7D;
        padding: 7px 50px 7px 20px;
        font-size: 16px;
        border-radius: 20px;
        background-image: linear-gradient(to right, #0F345E 0, #0F345E 51%, #D1BD7D 100%);
        background-size: 200% auto;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        text-decoration: none;
        font-weight: bold;
        position: relative;
        border: none;
    }

    .light:hover a.ex-exploreDetails h3 {
        color: #D1BD7D;
        transform: translateX(5px);
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .light:hover .light-readMoreButton::before {
        background-image: url(../images/Arrow2-white.svg);
    }

    .light:hover button.light-readMoreButton {
        background-position: right center;
        color: #fff !important;
        text-decoration: none;
    }

    .dark:hover a.ex-exploreDetails h3 {
        color: #D1BD7D;
        transform: translateX(5px);
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .dark:hover button.dark-readMoreButton {
        background-position: right center;
        color: #fff !important;
        text-decoration: none;
    }

    .dark:hover .dark-readMoreButton::before {
        background-image: url(../images/Arrow2-white.svg);
    }

    /*Home - Mobile Section*/
    .mobileDetails {
        background-color: #9dc4d7;
        text-align: left;
        padding-top: 50px;
        padding-bottom: 50px;
    }

        .mobileDetails span {
            color: #0F345E;
            font-size: 23px;
            font-weight: bold;
        }

        .mobileDetails h4 {
            color: #0F345E;
            font-size: 50px;
            font-weight: bold;
            margin: 20px 0;
            width: 100%;
        }

        .mobileDetails p {
            color: #0F345E;
            font-size: 25px;
            font-weight: bold;
            margin-top: 4rem;
            margin-bottom: 2rem;
            width: 100%;
            max-width: 330px;
        }

    .mobileDetails-list {
        margin: 50px 20px;
    }

    .item-list p {
        position: relative;
        padding-left: 50px;
    }

    .item-list img {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .item-list span {
        font-size: 18px;
        font-weight: 700;
        display: inline-block;
    }

    .item-list {
        width: 100%;
        max-width: 900px;
    }

    .UBCI-mobile {
        position: relative;
        height: 100%;
    }

    .UBCI_Mobile_logo {
        background-size: cover;
        background-position: center;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        position: relative;
        -webkit-animation: action 1s infinite alternate;
        animation: action 1s infinite alternate;
        padding-top: 90%;
    }

    .UBCI-mobile-container {
        padding-top: 90px;
    }

    @media (max-width: 485px) {
        .UBCI_Mobile_logo {
            opacity: 0.5;
            padding-top: 85%;
        }

        .UBCI-mobile-container {
            padding-top: 81px;
        }
    }

    .mobileDetails a {
        position: relative;
        z-index: 5;
    }


    @-webkit-keyframes action {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-10px);
        }
    }

    @keyframes action {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-10px);
        }
    }

    /*.UBCI-mobile img {
    position: relative;
    padding-top: 90px;
    max-height: calc(100% - 100px);
    margin: auto;
    display: block;
    -webkit-animation: action 1s infinite alternate;
    animation: action 1s infinite alternate;
}*/

    .UBCI-mobile:before {
        content: "";
        width: 56%;
        height: 100%;
        background: #9ec4d6;
        position: absolute;
    }

    .googlePay {
        margin-bottom: 25px;
    }

        .googlePay img, .appStore img {
            position: relative;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            transition: 1s;
        }

            .googlePay img:hover, .appStore img:hover {
                opacity: 1;
                transform: scale(1.2);
            }

    .mobile_info_Section {
        margin: 30px 0;
    }

    .mbileBanking-dateils {
        font-size: 18px;
        font-weight: 700;
        color: #11345d;
    }

        .mbileBanking-dateils a {
            color: #d0bd80;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            transition: 1s;
            position: relative;
            text-decoration: none;
        }

            .mbileBanking-dateils a:hover {
                color: #286bb2;
                font-weight: bold;
            }

            .mbileBanking-dateils a:after {
                content: '';
                position: absolute;
                width: 100%;
                height: 2px;
                bottom: -5px;
                left: 0;
                background-color: #898989;
                transform-origin: bottom right;
                transition: transform .25s ease-out;
                transform: scaleX(0);
            }

            .mbileBanking-dateils a:hover:after {
                transform: scaleX(1);
                transform-origin: bottom left;
            }

    /* Home Responsive Section */
    @media (max-width: 1500px) {
        .carousel, .carousel-item, .carousel-item img {
            height: 50vw;
        }

            .carousel-item.active .carousel-caption {
                transform: translateX(-35px);
            }

        .item-image-container {
            background-size: cover;
            height: 50vw;
        }
    }

    @media (max-width: 1487px) {
        .submenu::before {
            top: 30px;
        }
    }

    @media (max-width: 1024px) {
        .header-UBCI-container {
            padding: 0 20px;
        }

        .top-header-container {
            padding: 0 20px;
        }

        #primary-menu ul > li > .subNodesLink, #primary-menu ul > li > a > .mega-menu-title {
            padding: 15px 5px;
            font-size: 13px;
        }

        .borderBottom {
            border-bottom: 2px solid #a5a5a5;
            min-height: auto;
        }
    }

    @media (max-width: 992px) {
        .Services-details span {
            font-size: 18px;
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            font-size: 20px;
        }

        .nav-tabs .nav-link {
            font-size: 20px;
        }

        .tab-title {
            font-size: 25px;
        }

        .tab-SubTitle {
            font-size: 18px;
        }

        .tab-details {
            font-size: 15px;
        }

        .readMoreButton a, .readMoreButton button {
            font-size: 14px;
        }

            .readMoreButton a::before, .readMoreButton button::before {
                width: 18px;
                height: 18px;
            }

        .Explore-Section-top h4 {
            font-size: 35px;
        }

        .Explore-Section-top p {
            font-size: 30px;
        }

        .light > a.ex-exploreDetails h3, .dark > a.ex-exploreDetails h3 {
            font-size: 30px;
        }

        .light > a.ex-exploreDetails p, .dark > a.ex-exploreDetails p {
            font-size: 16px;
        }

        .light > a.ex-exploreDetails > .light-readMoreButton {
            font-size: 14px;
        }

        .light-readMoreButton::before {
            width: 18px;
            height: 18px;
        }

        .dark > a.ex-exploreDetails > .dark-readMoreButton {
            font-size: 14px;
        }

        .dark-readMoreButton::before {
            width: 18px;
            height: 18px;
        }

        .header-UBCI-container {
            padding: 0 15px;
        }

        .top-header-container {
            padding: 0 15px;
        }

        .slider-content h1 {
            font-size: 30px;
        }

        .slider-content h2 {
            font-size: 25px;
        }

        .carousel-indicators [data-bs-target] {
            height: 6px;
            width: 6px;
        }

        .carousel-indicators::before, .carousel-indicators::after {
            width: 2rem;
        }

        .languageTap {
            font-size: 12px;
            padding: 7px 5px;
        }

        .headerList {
            padding: 0px 7px;
            font-size: 12px;
        }

        .top-header-container ul {
            padding: 0;
        }

        .Services-Section {
            padding: 0px 5px 5px 0;
        }

        a.ex-exploreDetails {
            padding: 50px 0;
        }

        .readMoreButton {
            margin-top: 30px;
        }

        .mobileDetails span {
            font-size: 20px;
        }

        .mobileDetails h4 {
            font-size: 40px;
        }

        mobileDetails {
            font-size: 20px;
        }

        .formAndRequestSection {
            padding: 60px 15px;
        }

        a.standard-logo img {
            width: 200px;
            height: 70px;
        }

        .mobileDetails-list {
            margin: 50px 0;
        }
    }

    @media (max-width: 1090px) {
        /*   .header-UBCI-container {
        padding: 0 30px;
    }*/

        .UBCI-container {
            padding: 0 30px;
        }

        .mobileView {
            display: flex;
        }

        #mobile-menu-trigger {
            display: block;
            opacity: 1;
        }

        #mobile-search {
            display: block;
            opacity: 1;
        }

        #primary-menu ul > li.mega-menu-search img, nav#primary-menu {
            display: none;
        }

        /*   .header-UBCI-container {
        top: -10px;
    }*/

        #logo {
            position: relative;
            margin: 0 auto 0 0;
            padding: 18px 0;
        }

            #logo img {
                width: 220px;
            }
    }

    @media (max-width: 376px) {
        .slider-content h1 {
            font-size: 18px;
        }

        .slider-content h2 {
            font-size: 16px;
        }

        .readMoreButton {
            margin-top: 20px;
        }

            .readMoreButton a, .readMoreButton button {
                font-size: 12px;
                padding: 8px 50px 8px 8px;
            }

                .readMoreButton a::before, .readMoreButton button::before {
                    width: 15px;
                    height: 15px;
                    bottom: 8px;
                }
    }

    /* Sub Page Section */
    .banner {
        position: relative;
        padding-top: 23%;
        padding-bottom: 35px;
    }

    .bannerPage-img {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 1;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        background-image: url(../images/Arrow1-right.svg);
        background-repeat: no-repeat;
        position: absolute;
        margin-left: -20px;
        width: 15px;
        height: 50px;
        margin-top: 5px;
        content: "";
    }

    .breadcrumb {
        background-color: #fff;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        text-transform: uppercase;
        padding: .75rem 1rem;
    }

    .breadcrumb-item a {
        color: #D1BD7D;
        font-weight: bold;
        text-decoration: none;
    }

    .breadcrumb-item.active {
        color: #0F345E;
        font-weight: bold;
    }

    .breadcrumb-container {
        border-bottom: 1px solid #aaaaaa;
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 2rem;
    }

    .Subpage-Content-Section {
        margin: 35px 0;
        overflow: hidden;
    }

    .Subpage-title {
        text-align: center;
        margin-bottom: 50px;
    }

        .Subpage-title h4 {
            font-size: 42px;
            font-weight: bold;
            color: #0F345E;
            /*margin-bottom: 30px;*/
            position: relative;
        }

    .Subpage-title-line {
        border-top: 5px solid #f1ebd7;
        width: 100px;
        margin-top: -1rem;
        opacity: 1;
        display: inline-block;
        margin-bottom: 0;
    }

    .gold-color {
        color: #D1BD7D;
    }

    .bold {
        font-weight: bold;
    }

    .background-details p {
        font-size: 20px;
    }

    .backgroundImage {
        position: relative;
        height: 100%;
    }

    .bg-exploreImage {
        min-height: 480px;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .background-details {
        margin: auto;
    }

    @media (max-width: 992px) {
        .Subpage-title h4 {
            font-size: 36px;
        }

        .background-details p {
            font-size: 17px;
        }

        .documnet-section {
            min-height: auto;
        }

            .documnet-section h4 {
                font-size: 20px;
            }

        .formAndRequestDetails p {
            font-size: 16px;
        }

        .document-form a {
            font-size: 14px;
        }

        .documnet-section {
            padding: 25px 0;
        }
    }

    @media (max-width: 768px) {
        .background-details {
            padding: 15px;
        }
    }

    @media (max-width: 367px) {
        .document-form a {
            font-size: 11px;
        }

            .document-form a:before {
                bottom: 5px;
            }
    }

    /*BOD Section */
    ._outerBox {
        border: 1px solid #e2e2e2;
        background: #ffffff;
        box-shadow: 0 0 8px #abacae;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }

    .modal-open .modal {
        padding-right: 0 !important;
    }

    .bod-box ._outerbox {
        box-shadow: 0 0 8px #abacae;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }

    .image-container {
        overflow: hidden;
        position: relative;
    }

    img.img-fluid.w-100 {
        max-width: 100%;
    }

    .bod-box ._outerbox img {
        object-fit: cover;
        object-position: center;
        height: 100%;
    }

    ._bodContainer .bod-box ._desc {
        background-color: #0F345E;
        text-align: center;
        padding: 10px 0;
        position: relative;
    }

    ._pbContainer .bod-box ._desc {
        background-color: #0F345E;
        text-align: center;
        padding: 10px 0;
        position: relative;
    }

    ._desc {
        color: #ffffff;
        margin-bottom: -4px;
        transition: .3s ease-in-out all;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .bod-box ._outerBox h4, .bod-box ._outerBox h5 {
        margin-left: 0;
    }

    ._desc::after {
        bottom: 0;
        content: '';
        width: 0;
        position: absolute;
        left: 0;
        top: 50%;
        border-bottom: solid 18px #D1BD7D;
        border-bottom: 18px solid linear-gradient(to right, #ffffff00 0, #D1BD7D 100%);
        content: '';
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .bod-box ._outerBox ._desc::after {
        border-bottom: solid 18px #D1BD7D;
    }

    .bod-box:hover ._desc::after {
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        width: 100%;
    }

    .shine-effect::before {
        position: absolute;
        top: 0;
        left: -75%;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .bod-box:hover .shine-effect::before {
        -webkit-animation: shine 1.75s;
        animation: shine 1.75s;
    }

    @-webkit-keyframes shine {
        100% {
            left: 125%;
        }
    }

    @keyframes shine {
        100% {
            left: 125%;
        }
    }

    .bod-box:hover ._desc {
        transform: translateY(-4px);
    }

    h4.bod_name {
        color: #ffffff;
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 50px;
    }

    p.bod_positions {
        color: #ffffff;
        font-size: 25px;
        font-weight: bold;
        margin-bottom: 100px;
    }

    .bod_readMoreButton {
        text-align: right;
        position: absolute;
        bottom: 50px;
        right: 60px;
    }

        .bod_readMoreButton span {
            padding: 10px 50px 10px 20px;
            transition: .3s;
            background-size: 200% auto;
            border: none;
            background-image: linear-gradient(to right, #D1BD7D 0, #D1BD7D 51%, #0F345E 100%);
            text-decoration: none;
            font-weight: bold;
            position: relative;
            border-radius: 20px;
            font-size: 16px;
            text-decoration: none;
            color: #0F345E;
            animation-delay: 0.15s;
        }

            .bod_readMoreButton span::before {
                content: '';
                background-image: url(../images/Arrow2.svg);
                position: absolute;
                width: 22px;
                height: 22px;
                right: 10px;
                background-repeat: no-repeat;
                bottom: 8px;
                -webkit-transition: 1s;
                -moz-transition: 1s;
                -ms-transition: 1s;
                transition: 1s;
            }

    .bod-box:hover .bod_readMoreButton span {
        background-position: right center;
        color: #fff;
        text-decoration: none;
    }

        .bod-box:hover .bod_readMoreButton span::before {
            background-image: url(../images/Arrow2-white.svg);
        }

    .bod-box:hover h4.bod_name {
        color: #D1BD7D;
    }

    .modal-content .bodModal {
        border-radius: 0;
        background-color: #0F345E;
        border: 0;
    }

    .modal-header .bodModal {
        border: 0;
    }

    .modal-body.bodModal {
        padding-bottom: 100px;
    }

    .bod_details_section {
        height: calc(100% - 30px);
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        align-items: center;
        bottom: 180px;
        text-align: center;
    }

    .bod_details_image img {
        background-size: cover;
        background-position: center;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .bod_details_name {
        margin: 35px 0 0 0;
    }

    .bod_details_position {
        margin: 0 15px;
        margin-bottom: 15px;
        margin-top: auto;
    }

    .bod_details_name h4 {
        font-size: 35px;
        font-weight: bold;
        color: #D1BD7D;
    }

    .bod_details_position p {
        font-size: 25px;
        font-weight: bold;
        color: #ffffff;
        margin-top: 50px;
    }

    .bod_details_body p {
        color: #ffff;
        font-size: 18px;
        font-weight: bold;
        line-height: 40px;
    }

    .modal-header .close {
        cursor: pointer;
        /*    margin: 0rem 2rem -1rem auto;*/
    }

    .bodModal .UBCI-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    @media (min-width:992px) {
        .bod_details_body {
            padding-left: 30px;
        }
    }

    @media (min-width: 576px) {
        .modal-dialog.bodModal {
            max-width: 100%;
        }
    }

    @media (max-width:1200px) {
        .bod_details_section {
            z-index: 299;
            position: fixed;
            width: 25%;
            text-align: center;
            bottom: unset;
        }

        .bod_details_name h4 {
            font-size: 30px;
        }

        .bod_details_body p {
            font-size: 15px;
        }

        .bod_details_position p {
            font-size: 20px;
            margin-top: 20px;
        }

        /*.notDisplay {
        margin: 0;
        display: none;
    }*/
    }

    @media (max-width:992px) {
        .bod_readMoreButton {
            margin: 20px;
        }

            .bod_readMoreButton a::before {
                width: 18px;
                height: 18px;
            }

            .bod_readMoreButton a {
                font-size: 14px;
            }

        p.bod_positions {
            font-size: 18px;
        }

        h4.bod_name {
            font-size: 24px;
            margin-bottom: 20px;
        }
    }

    @media (max-width:768px) {
        .bod_details_section {
            position: relative;
            width: 100%;
        }

        .bod_details {
            padding-left: 0;
        }
    }

    /*Category Listing Section (Personal banking) */
    .pb-box {
        display: flex;
        border-radius: 10px;
        overflow: hidden;
        transition: .3s;
        height: 100%;
        flex-direction: column;
        color: #005191;
    }

        .pb-box ._outerbox {
            box-shadow: 0 0 8px #abacae;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            height: 100%;
        }

    ._pbContainer .pb-box ._desc {
        background-color: #0F345E;
        text-align: center;
        padding: 10px 0;
        position: relative;
    }

    h4.pb-type {
        color: #ffffff;
        font-size: 30px;
        font-weight: bold;
    }

    .pb-box ._outerBox ._desc::after {
        border-bottom: solid 18px #D1BD7D;
    }

    .pb-box:hover ._desc::after {
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        width: 100%;
    }

    .pb-box:hover .shine-effect::before {
        -webkit-animation: shine 1.75s;
        animation: shine 1.75s;
    }

    .pb-box:hover h4.pb-type {
        color: #D1BD7D;
    }

    .pb-box ._outerBox h4, .pb-box ._outerBox h5 {
        margin-left: 0;
    }

    .pb-box ._outerbox img {
        object-fit: cover;
        object-position: center;
        height: 100%;
    }

    a.pb-item:hover {
        text-decoration: none;
    }

    @media (max-width: 992px) {
        h4.pb-type {
            font-size: 24px;
        }
    }

    /* Category Details Section */
    .accordion-item {
        background-color: #f1ebd7;
        border: 0;
    }

    .accordion > .accordion-item {
        margin-bottom: 35px;
        /*    box-shadow: 0px 2px 4px rgb(111 0 0 / 30%);
    border-radius: 0 0 0 10px;*/
        overflow: hidden;
    }

    .accordion-header {
        border: 0;
        background-color: #f1ebd7;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        color: #fff;
        display: flex;
        align-items: center;
        position: relative;
        padding-right: 40px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-decoration: none;
        padding: 1.375rem 1.75rem;
        cursor: default;
    }


    .accordion-sign {
        background: var(--dark-clr);
        width: 40px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }

        .accordion-sign:before {
            content: "";
            border-bottom: 5px solid #0f345e;
            position: absolute;
            right: calc(30% - 10px);
            bottom: 44%;
            width: 25px;
        }

        .accordion-sign:after {
            content: "";
            border: 0;
            border-left: 5px solid #0f345e;
            position: absolute;
            top: calc(50% - 9px);
            right: 30%;
            height: 25px;
            transition: all 0.3s;
        }

    .acc-sub.accordion-item.open .accordion-header {
        background-color: #11345d;
        border-bottom: 1px solid;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        color: white;
    }

    .acc-sub.accordion-item.open .card-title {
        background-color: #11345d;
        color: white;
    }


    .accordion-item.open .accordion-sign:after {
        height: 0;
    }

    .acc-sub.accordion-item.open .accordion-sign:before {
        border-bottom: 5px solid #ffffff;
    }

    /*.accordion-button {
    font-size: 25px;
    color: #0F345E;
    font-weight: bold;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    position: relative;
    text-align: left;
    background-color: #f1ebd7;
    padding: .375rem .75rem;
}
    .accordion-button:focus {
        border-color: none;
        box-shadow: none;
    }
*/

    .accordion-body {
        padding: 0;
    }

    .card-details {
        background-color: #0F345E;
        display: flex;
        align-items: center;
        padding: 30px 0;
    }

        .card-details p {
            color: #ffff;
            font-size: 20px;
        }

        .card-details h4 {
            font-size: 30px;
            margin-bottom: 30px;
        }

    .card-backgroundImage {
        position: relative;
        height: 100%;
    }

    .card-exploreImage {
        min-height: 480px;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .card-Item-dertails-form {
        background-color: #D1BD7D;
        text-align: center;
        padding: 30px;
    }

    .card-Item-details-form-links {
        display: flex;
        justify-content: center;
    }

    a.card-Item-form {
        color: #D1BD7D;
        padding: 7px 50px 7px 20px;
        font-size: 16px;
        border-radius: 20px;
        background-image: linear-gradient(to right, #0F345E 0, #0F345E 51%, #D1BD7D 100%);
        background-size: 200% auto;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        text-decoration: none;
        font-weight: bold;
        position: relative;
        margin: 20px;
        text-decoration: none;
        width: auto;
    }

    .card-Item-details-form-title h5 {
        font-size: 25px;
        font-weight: bold;
        color: #0F345E;
    }

    a.card-Item-form::before {
        content: '';
        background-image: url(../images/Arrow2-gold.svg);
        position: absolute;
        width: 22px;
        height: 22px;
        right: 10px;
        background-repeat: no-repeat;
        bottom: 7px;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    a.card-Item-form:hover {
        background-position: right center;
        color: #fff;
        text-decoration: none;
    }

        a.card-Item-form:hover::before {
            background-image: url(../images/Arrow2.svg);
        }

    a.card-Item-form-box {
        color: #D1BD7D;
        padding: 12px 50px 12px 20px;
        font-size: 16px;
        border-radius: 20px;
        background-image: linear-gradient(to right, #0F345E 0, #0F345E 51%, #D1BD7D 100%);
        background-size: 200% auto;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        text-decoration: none;
        font-weight: bold;
        position: relative;
        margin: 20px;
        text-decoration: none;
    }

        a.card-Item-form-box::before {
            content: '';
            background-image: url(../images/Arrow2-gold.svg);
            position: absolute;
            width: 22px;
            height: 23px;
            right: 10px;
            background-repeat: no-repeat;
            bottom: 8px;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            transition: 1s;
        }

        a.card-Item-form-box:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

            a.card-Item-form-box:hover::before {
                background-image: url(../images/Arrow2-white.svg);
            }

    .accordion {
        margin-top: 50px;
    }

    .card-title {
        display: inline-block;
        line-height: 1.5;
        margin: 0;
        font-size: 25px;
        color: #0F345E;
        font-weight: bold;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        position: relative;
        text-align: left;
        background-color: #f1ebd7;
        padding: 0;
        margin-left: 30px;
    }

    span.plus {
        content: "";
        position: absolute;
        background-color: #0f345e;
        width: 25px;
        height: 5px;
        left: 0;
        top: 50%;
        transition: .5s;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    button.acc-btn:after {
        content: "";
        position: absolute;
        background-color: #0f345e;
        width: 25px;
        height: 5px;
        left: 0;
        top: 50%;
        transition: .5s;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        opacity: 0;
    }

    button.collapsed:after {
        transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        transform: rotate(90deg);
        opacity: 1;
    }

    .btn.focus, .btn:focus {
        box-shadow: none;
    }

    @media (max-width: 992px) {
        .card-details h4 {
            font-size: 24px;
        }

        .card-details p {
            color: #ffff;
        }
    }

    /* Publication Listing Section */
    .pl-box {
        display: flex;
        border-radius: 10px;
        overflow: hidden;
        transition: .3s;
        height: 100%;
        flex-direction: column;
        color: #005191;
        background: #f0f0f0;
    }

    .pl-image {
        position: relative;
        border-radius: 9px;
        overflow: hidden;
        background-position: center;
        background-size: cover;
    }

    .pl-bg {
        padding-bottom: 70%;
        background-position: center;
        background-size: cover;
        transition: transform 1s;
        background-repeat: no-repeat;
    }

    .pl-title p {
        text-align: center;
        padding: 20px 14px;
        flex: 1 1 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 25px;
        font-weight: bold;
        margin-bottom: 0;
        z-index: 2;
        position: relative;
    }

    .pl-title {
        position: relative;
    }

        .pl-title::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: #0F345E;
            z-index: 1;
            transform: scaleY(0);
            transition: .3s;
        }

    .pl-box:hover .pl-title:after {
        transform: inherit;
    }

    .pl-box:hover {
        color: #D1BD7D;
    }

        .pl-box:hover .pl-bg {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    a:hover {
        text-decoration: none;
    }

    .UBCI-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 3px solid #e3e3e3;
        padding-top: 30px;
    }

        .UBCI-pagination .jp-disabled {
            opacity: .3;
            cursor: default;
            pointer-events: none;
        }

        .UBCI-pagination > a {
            min-width: 48px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #575757;
            font-weight: 500;
            padding: 12px;
            position: relative;
            cursor: pointer;
        }

            .UBCI-pagination > a.jp-current {
                color: #004084;
                box-shadow: 0 0 0 1px;
                border-radius: 10px;
                font-weight: bold;
            }

            .UBCI-pagination > a.jp-next {
                margin-left: 10px;
                padding-right: 35px;
            }

        .UBCI-pagination .jp-next:after {
            content: "→";
            font-weight: bold;
            color: #005191;
            font-size: 40px;
            position: absolute;
            width: 35px;
            overflow: hidden;
            right: -20px;
            top: -8px;
            display: flex;
            justify-content: flex-end;
        }

        .UBCI-pagination > a.jp-previous {
            margin-right: 10px;
            padding-left: 35px;
        }

        .UBCI-pagination .jp-previous:before {
            content: "→";
            font-weight: bold;
            color: #005191;
            font-size: 40px;
            position: absolute;
            width: 35px;
            left: -20px;
            top: -8px;
            display: flex;
            justify-content: flex-end;
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
        }

        .UBCI-pagination > a {
            transition: .3s;
        }

            .UBCI-pagination > a:hover {
                color: #D1BD7D;
                font-weight: bold;
            }

    .jp-hidden {
        display: none !important;
    }

    @media (max-width: 992px) {
        .pl-title p {
            font-size: 18px;
        }

        .UBCI-pagination > a.jp-previous {
            padding-left: 20px;
            margin-right: 5px;
        }

        .UBCI-pagination > a {
            padding: 4px;
            min-width: 30px;
        }

        .UBCI-pagination .jp-previous:before {
            font-size: 26px;
            width: 14px;
            top: -3px;
        }

        .UBCI-pagination > a.jp-current {
            border-radius: 6px;
        }

        .UBCI-pagination > a.jp-next {
            padding-right: 20px;
            margin-left: 5px;
        }

        .UBCI-pagination .jp-next:after {
            font-size: 26px;
            width: 23px;
            top: -3px;
        }
    }

    /* Photo Gallery Section */
    .pg-box {
        display: flex;
        border-radius: 10px;
        overflow: hidden;
        transition: .3s;
        height: 100%;
        flex-direction: column;
        background: #f0f0f0;
        color: #005191;
    }

    .pg-image {
        position: relative;
        border-radius: 9px;
        overflow: hidden;
        background-position: center;
        background-size: cover;
    }

    .pg-bg {
        padding-bottom: 70%;
        background-position: center;
        background-size: cover;
        transition: transform 1s;
        background-repeat: no-repeat;
    }

    .pg-title p {
        text-align: center;
        padding: 20px 14px;
        flex: 1 1 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 25px;
        font-weight: bold;
        margin-bottom: 0;
        z-index: 2;
        position: relative;
    }

    .pg-title {
        position: relative;
    }

        .pg-title::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: #0F345E;
            z-index: 1;
            transform: scaleY(0);
            transition: .3s;
        }

    .pg-box:hover .pg-title:after {
        transform: inherit;
    }

    .pg-box:hover {
        color: #D1BD7D;
    }

        .pg-box:hover .pg-bg {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    .pg-number-images {
        position: absolute;
        bottom: 0;
        background-color: #005191;
        display: flex;
        border-radius: 10px;
        align-items: center;
        padding: 5px 10px;
    }

    p.pg-count {
        color: white;
        margin-bottom: 0;
        font-size: 18px;
        font-weight: bold;
        padding: 0 10px;
    }

    .pg-search-section {
        padding: 60px 0;
        background-color: #f0f0f0;
        margin-top: 50px;
    }

    .search-btn {
        padding: 16px 40px;
        font-size: 16px;
        border-radius: 30px;
        background-color: #0F345E;
        font-weight: bold;
        color: #D1BD7D;
        background-image: linear-gradient(to right, #0F345E 0, #0F345E 51%, #D1BD7D 100%);
        background-size: 200% auto;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        position: relative;
    }

        .search-btn:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

    @keyframes fadeInUp {
        from {
            transform: translate3d(0,40px,0)
        }

        to {
            transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    .search-result {
        padding: 20px 15px;
        border-bottom: 1px solid #ebebeb;
        border-right: 3px solid #ebebeb;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .showResult {
        animation-duration: 1s;
        animation-fill-mode: both;
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        opacity: 0;
        animation-name: fadeInUp;
        -webkit-animation-name: fadeInUp;
    }

    search-result.search-table:nth-child(even):hover {
        background: #0F345E;
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }

    .search-result:hover {
        background: #0F345E;
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }

        .search-result:hover button.search-result-search-btn {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

        .search-result:hover .search-ttl {
            color: #D1BD7D;
        }

    button.search-result-search-btn {
        color: white;
        padding: 10px 70px;
        font-size: 16px;
        border-radius: 30px;
        background-color: #0F345E;
        font-weight: bold;
        color: #D1BD7D;
        background-image: linear-gradient(to right, #0F345E 0, #0F345E 51%, #D1BD7D 100%);
        background-size: 200% auto;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        position: relative;
        border: 0;
    }


    .search-box- {
        position: relative;
    }

    .pg-form {
        margin-bottom: 0;
    }

    .form-group {
        margin-bottom: 0;
        position: relative;
    }

    .form-control {
        border-radius: 20px;
        border: 1.5px solid #8e8e8e;
        font-size: 1.4rem;
        height: calc(2em + 0.75rem + 2px);
    }

    select {
        appearance: none;
        color: #848484;
    }

    .select-box-month .form-control {
        background-image: url(../images/Selectarrow.svg);
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: 90%;
    }

    .form-row {
        justify-content: center;
    }

        .form-row > .col, .form-row > [class*=col-] {
            margin-right: 20px;
        }

    .search-Button {
        position: absolute;
        bottom: 15px;
        right: 50px;
        cursor: pointer;
    }

        .search-Button img.search-orginal-icon {
            position: relative;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            transition: 1s;
        }

        .search-Button img.search-hover-icon {
            position: absolute;
            right: 0;
            opacity: 0;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            transition: 1s;
        }

        .search-Button:hover img.search-orginal-icon {
            opacity: 0;
        }

        .search-Button:hover img.search-hover-icon {
            opacity: 1;
            transform: scale(1.2);
        }

    .modal-header.photo-galleryModal {
        border: 0;
        padding-bottom: 0;
    }

        .modal-header.photo-galleryModal .close {
            color: #707070;
        }

            .modal-header.photo-galleryModal .close:hover {
                color: #0F345E;
            }

    .carousel-inner.photo-galleryModal {
        height: calc(100% - 30px);
        display: flex;
        flex-direction: column;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .UBCI-container-photo-galleryModal {
        margin: auto;
        padding: 0 30px
    }

    .carousel.photo-galleryModal {
        position: initial;
    }

    @media (min-width: 576px) {
        .modal-dialog.photo-galleryModal {
            max-width: 800px;
        }
    }

    .carousel-item-image {
        background-size: cover;
        background-position: center;
    }

    .carousel-inner-images {
        min-height: 500px;
        display: flex;
        align-items: center;
    }

    .carousel-inner-title {
        text-align: center;
        margin-top: 20px;
    }

        .carousel-inner-title p {
            margin: 0;
            font-size: 20px;
            font-weight: bold;
        }

    .carousel-control-next-icon {
        background-image: url(../images/next-icon.svg);
    }

    .carousel-control-prev-icon {
        background-image: url(../images/prev-icon.svg);
    }

    .carousel-control-next, .carousel-control-prev {
        width: auto;
    }

    .modal-content.photo-galleryModal {
        border-radius: 0;
    }

    @media (max-width: 1500px) {
        .carousel.photo-galleryModal, .carousel-item.photo-galleryModal, .carousel-item.photo-galleryModal img {
            height: 100%;
        }
    }

    @media (max-width: 768px) {
        .carousel-inner-images {
            min-height: 230px;
        }

        .UBCI-container-photo-galleryModal {
            padding: 0 10px;
        }

        .headerTitle {
            display: none;
        }

        .card-exploreImage {
            min-height: 340px;
        }
    }

    @media (max-width: 992px) {
        .pg-title p {
            font-size: 18px;
        }
    }

    @media (max-width: 1200px) {
        .form-row > .col, .form-row > [class*=col-] {
            margin-bottom: 20px;
        }
    }

    /* News Listing Section */


    .aos-animate[data-aos] {
        /*  transition-delay: .2s*/
    }

    [data-aos='fade-start'] {
        transform: translateX(-150px);
        transition: 1s;
        opacity: 0
    }

    [data-aos='fade-end'] {
        transform: translateX(150px);
        transition: 1s;
        opacity: 0
    }

    [data-aos*="fade-up"] {
        transform: translateY(100px);
        transition: 1s;
        opacity: 0
    }


    [data-aos*="fade-bottom"] {
        transform: translateY(-50px);
        transition: 1s;
        opacity: 0
    }

    [data-aos='fade-in'] {
        transition: 1s;
        opacity: 0
    }

    .aos-animate[data-aos*='fade'] {
        transform: inherit;
        opacity: 1
    }

    .aos-animate[data-aos]:nth-child(2), .fadeInBottom:nth-child(2) {
        transition-delay: 200ms;
    }

    .aos-animate[data-aos]:nth-child(3), .fadeInBottom:nth-child(3) {
        transition-delay: 300ms;
    }

    .aos-animate[data-aos]:nth-child(4), .fadeInBottom:nth-child(4) {
        transition-delay: 400ms;
    }

    .aos-animate[data-aos]:nth-child(5), .fadeInBottom:nth-child(5) {
        transition-delay: 500ms;
    }

    .aos-animate[data-aos]:nth-child(6), .fadeInBottom:nth-child(6) {
        transition-delay: 600ms;
    }

    .aos-animate[data-aos]:nth-child(7) {
        transition-delay: 700ms;
    }

    .aos-animate[data-aos]:nth-child(8) {
        transition-delay: 800ms;
    }

    .img-box img, .transition-5s, .transition-5s > * {
        -webkit-transition: .5s;
        transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

    .news-lbox-box {
        border: 1px solid #d5d5d5;
        display: flex;
        flex-direction: column;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        height: 100%;
    }

    .news-lbox-image {
        overflow: hidden;
    }

    .news-listing-bg {
        background-size: cover;
        background-position: center;
        padding-bottom: 60%;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .news-lbox-date {
        padding: 0 20px;
        display: flex;
        justify-content: flex-start;
        margin-top: -20px;
    }

    .news-date-box {
        color: white;
        position: relative;
        padding: 8px 15px 8px 15px;
        border-radius: 5px;
        border-top-right-radius: 0;
        background-color: #d1bd7d;
    }

        .news-date-box:before {
            content: "";
            position: absolute;
            transform: rotate(45deg);
            border: 14px solid transparent;
            border-top-color: #383838;
            top: 2px;
            right: -4px;
            transform-origin: bottom;
        }

    .news-day {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        font-weight: bold;
    }

        .news-day img {
            height: 19px;
            margin-bottom: 5px;
        }

        .news-day span {
            padding-left: 10px;
        }

    .news-date-box svg {
        fill: white;
        height: 19px;
        margin-bottom: 5px;
    }

    .news-lbox-ttl {
        margin: 15px;
    }

        .news-lbox-ttl h4 {
            font-weight: bold;
            font-size: 25px;
            color: #01001e;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            transition: 1s;
        }

    .news-month-year span {
        font-size: 13px;
    }

    .news-lbox-desc {
        margin: 0 15px;
        margin-bottom: 15px;
        margin-top: auto;
    }

        .news-lbox-desc p {
            font-size: 16px;
            color: #01001e;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

    .news-lbox-btn-container {
        display: flex;
        justify-content: flex-start;
        padding: 30px 20px;
        margin-top: auto;
    }

    button.news-readMoreButton {
        color: #D1BD7D;
        padding: 7px 50px 7px 20px;
        font-size: 16px;
        border-radius: 20px;
        background-image: linear-gradient(to right, #0F345E 0, #0F345E 51%, #D1BD7D 100%);
        background-size: 200% auto;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        text-decoration: none;
        font-weight: bold;
        position: relative;
        border: none;
    }

        button.news-readMoreButton::before {
            content: '';
            background-image: url(../images/Arrow2-gold.svg);
            position: absolute;
            width: 22px;
            height: 22px;
            right: 10px;
            background-repeat: no-repeat;
            bottom: 8px;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            transition: 1s;
        }

    .news-lbox-box:hover button.news-readMoreButton {
        background-position: right center;
        color: #fff;
    }

    .news-lbox-box:hover .news-lbox-ttl h4 {
        color: #D1BD7D;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    .news-lbox-box:hover button.news-readMoreButton::before {
        background-image: url(../images/Arrow2-white.svg);
    }

    .news-lbox-box:hover .news-listing-bg {
        opacity: 1;
        transform: scale(1.2);
    }

    .news-lbox-box:hover {
        opacity: 1;
        box-shadow: 0 0 0 10px white, 0 0 0 12px #D1BD7D, 0 5px 40px 10px rgba(0, 0, 0, .149);
    }

    .load-more-btn {
        display: flex;
        justify-content: center;
    }

    .loading {
        border: 1px solid #e1e1e1;
        padding: 10px 30px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

        .loading p {
            margin: 0;
            font-size: 20px;
            font-weight: bold;
            padding-right: 20px;
        }

    .loader {
        border: 10px solid #f3f3f3;
        border-top: 10px solid #0F345E;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        animation: spin 2s linear infinite;
    }

    #loadMore {
        color: green;
        cursor: pointer;
    }

        #loadMore:hover {
            color: black;
        }

    #showLess {
        color: red;
        cursor: pointer;
    }

        #showLess:hover {
            color: black;
        }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @media (max-width: 992px) {
        .news-lbox-ttl h4 {
            font-size: 20px;
        }

        .news-lbox-desc p {
            font-size: 15px;
        }

        button.news-readMoreButton {
            font-size: 14px;
        }

            button.news-readMoreButton::before {
                width: 18px;
                height: 18px;
            }

        .news-date-box {
            padding: 6px 10px 6px 10px;
        }

        .news-day {
            font-size: 16px;
        }

        .news-month-year span {
            font-size: 12px;
        }
    }

    /* News Details Section */
    .news-Item-details {
        margin-top: 50px;
    }

    h4.news-details-title {
        font-size: 35px;
        color: #D1BD7D;
        font-weight: bold;
    }

    .news-details-title h4 {
        font-size: 30px;
        font-weight: bold;
        color: #D1BD7D;
    }

    .news-details-body p {
        font-size: 20px;
        color: #0F345E;
    }

    .news-details-title {
        margin-bottom: 30px;
    }

    .news-detailsImage {
        position: relative;
        background-size: cover;
        background-position: center;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        padding-bottom: 50%;
    }

    .news-details-Image {
        min-height: 480px;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .news-Item-body {
        margin-top: 40px;
    }

    .news-body p {
        font-size: 20px;
        color: #0F345E;
    }

    .news-navigation {
        display: flex;
        justify-content: center;
        margin: 40px 0;
    }

    .navigation-buttons {
        display: flex;
        align-items: center;
    }

    a.news-next {
        border: 1px solid #e1e1e1;
        padding: 10px 50px;
        font-size: 20px;
        font-weight: bold;
        color: #0F345E;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        display: inline-block;
        position: relative;
        overflow: hidden;
    }

    a.news-back {
        border: 1px solid #e1e1e1;
        padding: 10px 50px;
        font-size: 20px;
        font-weight: bold;
        color: #0F345E;
        margin-right: 30px;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        display: inline-block;
        position: relative;
        overflow: hidden;
    }

        a.news-next > *, a.news-back > * {
            z-index: 2;
            position: relative;
        }

        a.news-next::before, a.news-back::before {
            content: "";
            position: absolute;
            top: 127%;
            left: calc(50% - 100px);
            height: 200px;
            width: 200px;
            background: #b4975a;
            z-index: 1;
            border-radius: 100%;
            box-shadow: 0 0 7px 5px rgba(180,151,90,.62);
            transition: .4s;
        }

        a.news-next:hover:before, a.news-back:hover:before {
            top: -160%;
            transition: .8s
        }

        .news-next:hover, a.news-back:hover {
            box-shadow: 0 0 0 3px white,0 0 0 4px #65634e
        }

        .news-next span:hover, a.news-back span:hover {
            color: #ffff;
        }

    .news-details-date {
        padding: 0 90px;
        display: flex;
        justify-content: flex-end;
        margin-top: -20px;
        position: relative;
    }

    .news-details-date-box {
        color: white;
        position: relative;
        padding: 8px 15px 8px 15px;
        border-radius: 5px;
        border-top-right-radius: 0;
        background-color: #d1bd7d;
    }

        .news-details-date-box:before {
            content: "";
            position: absolute;
            transform: rotate(45deg);
            border: 14px solid transparent;
            border-top-color: #383838;
            top: 2px;
            right: -4px;
            transform-origin: bottom;
        }

    .news-details-day {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        font-weight: bold;
    }

        .news-details-day span {
            padding-left: 10px;
        }

        .news-details-day img {
            height: 19px;
            margin-bottom: 5px;
        }

    .news-details-month-year span {
        font-size: 13px;
    }

    .news-details-image-section {
        border: 1px solid #d5d5d5;
        height: calc(100% - 30px);
        display: flex;
        flex-direction: column;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

    @media (max-width: 1200px) {
        .news-details-title h4 {
            font-size: 25px;
        }

        .news-details-body p {
            font-size: 16px;
        }

        .news-body p {
            font-size: 16px;
        }

        .news-body {
            margin-top: 50px;
        }

        .news-details-title {
            margin-top: 50px;
        }

        a.news-back, a.news-next {
            padding: 10px 40px;
            font-size: 18px;
        }
    }

    @media (max-width: 992px) {
        .news-details-body {
            margin-bottom: 50px;
        }
    }

    /* Forms Styles */
    .input-control {
        border-radius: 0px;
        border: 1px solid #ced4da;
        margin-bottom: 20px;
        font-size: 1rem;
        height: calc(2em + 0.75rem + 2px);
        display: block;
        width: 100%;
        padding: .375rem .75rem;
    }

    .attachFile {
        margin-bottom: 10px;
    }

    #contactform .input-control, #customerRequestStatusform .input-control, #customerRequestform .input-control, #careerform .input-control, #updateDataform .input-control {
        border-color: transparent;
    }

        #contactform .input-control:focus, #customerRequestStatusform .input-control:focus, #customerRequestform .input-control:focus, #careerform .input-control:focus, #updateDataform .input-control:focus {
            outline: none;
            background: #fff;
            border-color: #cfbc80;
            box-shadow: 0 0 20px #d0bd8085;
        }

    .custom-file-label::after {
        height: 100%;
    }

    select#Services {
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: 90%;
        background-image: url(/images/Arrow1-down.svg);
    }

    select#Branch {
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: 90%;
        background-image: url(/images/Arrow1-down.svg);
    }

    select#Company {
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: 90%;
        background-image: url(/images/Arrow1-down.svg);
    }

    .custom-file-input {
        position: relative;
        z-index: 2;
        width: 100%;
        height: calc(2em + 0.75rem + 2px);
        margin: 0;
        overflow: hidden;
        opacity: 0;
    }

    .custom-file-label {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        height: calc(2em + .75rem + 2px);
        padding: .375rem .75rem;
        overflow: hidden;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: .25rem;
    }

        .custom-file-label:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 3;
            display: block;
            height: calc(1.5em + .75rem);
            padding: .375rem .75rem;
            line-height: 1.5;
            color: #495057;
            content: "Browse";
            background-color: #e9ecef;
            border-left: inherit;
            border-radius: 0 .25rem .25rem 0;
            height: 100%;
        }


    /* Tables Styles */
    .ublibya-table th {
        background: #0f345e;
        color: white;
        border-color: #230f49;
    }

    .ublibya-table tr {
        cursor: pointer;
    }

    .ublibya-table th, .ublibya-table td {
        padding: 10px 20px;
        border: 1px solid #eaeaea;
    }

    .ublibya-table tbody tr:nth-child(odd) {
        background: #f1f1f1;
    }

    .ublibya-table tbody tr:nth-child(even) {
        background: #f9f9f9;
    }

    .show-6 > div:nth-child(6) ~ div {
        display: none
    }


    /* FAQ Section */
    .acc-extend {
        display: none;
    }

    .faq-acc {
        margin-top: 30px;
    }

    .faq-acc {
        margin-top: 30px;
    }

    .faq-item {
        margin-bottom: 35px;
        box-shadow: 0px 2px 4px rgb(111 0 0 / 30%);
        border-radius: 0 0 0 10px;
        overflow: hidden;
    }

    .faq-title {
        background: #0f345e;
        color: #fff;
        display: flex;
        align-items: center;
        position: relative;
        padding-left: 40px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-decoration: none;
        text-decoration: none;
    }

    .faq-content-container {
        padding: 15px 20px;
    }

    .faq-content {
    }

    a.faq-title:hover {
        color: #fff;
    }

    .faq-sign {
        background: #9b0716;
        background: var(--dark-clr);
        width: 40px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }

        .faq-sign:after {
            content: "";
            border: 0;
            border-left: 2px solid #fff;
            position: absolute;
            top: calc(50% - 9px);
            left: 50%;
            height: 18px;
            transition: all 0.3s;
        }

        .faq-sign:before {
            content: "";
            border-bottom: 2px solid #fff;
            position: absolute;
            left: calc(50% - 9px);
            bottom: 49%;
            width: 18px;
        }

    html.gold .faq-sign {
        background: #746330;
    }

    .faq-item.open .faq-sign:after {
        height: 0;
    }

    .faq-title:hover {
        cursor: pointer;
    }

    .faq-item.open .faq-title {
        background: #0f345e;
    }

    .faq-item.open .faq-sign {
        background: #0f345e;
    }

    .faq-qs {
        display: inline-block;
        line-height: 1.5;
        padding: 8px 15px;
        margin: 0;
        font-size: 1.1rem;
    }

    /* Contact Us Section */
    .contact-us-box {
        display: flex;
        border-radius: 10px;
        overflow: hidden;
        width: 100%;
        color: #0F345E;
        background: #f0f0f080;
        padding: 60px 30px;
        margin: 30px 15px;
    }

    @media only screen and (max-width:991px) {
        .contact-us-box {
            margin: 0px;
        }
    }

    .f-icon img {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
    }

    .contact-us-box p {
        margin-bottom: 12px;
    }

    .contact-details p {
        font-size: 24px;
    }

    .contact-details a {
        color: #005191;
        enter;
    }

        .contact-details a:hover {
            color: #D1BD7D;
        }

    @media only screen and (max-width:991px) {
        .contact-details p {
            font-size: 20px;
        }
    }

    .contact-details {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

    .f-icon {
        padding-left: 40px;
        position: relative;
    }

    .submit-btn {
        color: #D1BD7D;
        padding: 10px 70px;
        font-size: 16px;
        border-radius: 20px;
        background-color: #0F345E;
        font-weight: bold;
        border: 1px solid #ced4da;
        margin-top: 25px;
        background-image: linear-gradient(to right, #0F345E 0, #0F345E 51%, #D1BD7D 100%);
        background-size: 200% auto;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        position: relative;
    }

        .submit-btn:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

    /*  Search Section */
    .search-popup {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.95);
        z-index: 9999;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        visibility: hidden;
        opacity: 0;
        transition: 300ms;
        padding: 25px;
    }

        .search-popup.open {
            opacity: 1;
            visibility: visible;
        }

    .search-close {
        position: absolute;
        top: 15px;
        right: 15px;
        color: #636363;
        width: 50px !important;
        height: 50px;
        padding: 15px;
        cursor: pointer;
        border: 1px solid transparent;
    }

        .search-close:hover {
            border-color: #d7d7d7;
        }

    .search-box {
        width: 100%;
        max-width: 700px;
        margin: 15px;
        display: flex;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.11);
        border: 1px solid rgba(0, 0, 0, 0.12);
        transition: 1s;
        border-radius: 90px;
        overflow: hidden;
        background: #fff;
        padding: 0;
    }

    .search-bar {
        background: white;
        border: none;
        outline: none;
        padding: 12px 20px;
        font-size: 20px;
        width: 100%;
        transition: 0.3s;
        border-radius: 90px;
    }

        .search-bar:focus::placeholder {
            opacity: 0;
        }

    .search-popup span {
        display: block;
        font-size: 25px;
        margin-bottom: 30px;
        transition: 1s;
    }

    .search-btn svg {
        height: 21px;
        width: 19px;
    }

    .search-btn:hover {
        background-position: right center;
        color: #fff;
        text-decoration: none;
    }

    @keyframes fadeInUp {
        from {
            transform: translate3d(0,40px,0)
        }

        to {
            transform: translate3d(0,0,0);
            opacity: 1
        }
    }


    /*.collapse.show {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}*/

    .search-content h2 {
        font-weight: 500;
        margin-bottom: 30px;
    }

    span.search-text {
        color: #0F345E;
    }

    .search-url {
        color: #000;
    }

    .search-ttl {
        color: #0F345E;
        /*margin-bottom: 20px;*/
    }


    .search-abstract {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .search-result.search-table:nth-child(even):hover {
        background: #0F345E;
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }

    .search-result.search-table:nth-child(even) {
        background: #f1f1f1;
        border-left: 3px solid #0F345E;
    }

    .search-result:hover {
        background: #0F345E;
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }

        .search-result:hover button.search-result-search-btn {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

        .search-result:hover .search-ttl {
            color: #D1BD7D;
        }

    button.search-result-search-btn {
        color: white;
        padding: 10px 70px;
        font-size: 16px;
        border-radius: 30px;
        background-color: #0F345E;
        font-weight: bold;
        color: #D1BD7D;
        background-image: linear-gradient(to right, #0F345E 0, #0F345E 51%, #D1BD7D 100%);
        background-size: 200% auto;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
        position: relative;
        border: 0;
    }


    .search-box {
        position: relative;
    }


    .search-result.search-table {
        padding: 0;
        display: flex;
        justify-content: space-between;
    }

    .search-table-extra {
        color: #000000;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 300px;
        border: 1px solid #ebebeb;
        font-size: 15px;
        border-bottom: 0;
        border-top: 0;
    }

    .msgEmpty {
        font-size: 20px;
        font-weight: 600;
        color: #0F345E;
        padding: 25px;
    }

    .search-table-info {
        padding: 20px 15px;
        width: calc(100% - 300px);
    }

    .search-result.search-table:first-child {
        border-top: 1px solid #ebebeb;
    }

    @media (max-width: 800px) {
        .search-result.search-table {
            display: block;
            padding: 20px 15px;
            margin: 20px 0px;
        }

        .search-table-extra {
            padding-top: 20px;
            width: 100%;
            text-align: inherit;
            display: block;
            font-weight: bold;
        }

        .search-table-info {
            padding: 0;
            width: 100%;
        }
    }

    .item-num {
        display: flex;
        align-items: center;
        color: #0F345E;
        margin: 20px 0;
    }

        .item-num span {
            color: black;
            padding: 7px 15px;
            border-radius: 90px;
            font-weight: bold;
            font-size: 18px;
            margin-left: 10px;
            background: #f1f1f1;
        }


    /* Branch Locator - Map Section */
    .hide-section {
        display: none !important
    }

    #mapImgContainer {
        padding: 100px;
        background-position: center;
    }

    .location-details {
        position: absolute;
        top: 25%;
        right: 5%;
        border-radius: 20px;
        padding: 30px 40px;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 1;
        animation-name: fadeInOpacity;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: 1s
    }

    .mapBoxStyle {
        position: absolute;
        width: 360px;
        right: 70px;
        z-index: 1;
        height: auto;
        border-radius: 10px;
        padding: 30px 40px;
        background-size: cover;
        top: -550px;
        right: 500px;
        background-color: #0f345e;
        padding-top: 60px;
    }

    .mapBoxStyle {
        opacity: 1;
        animation-name: fadeInOpacity;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: 1s
    }

    @media only screen and (max-width:991px) {
        .mapBoxStyle {
            top: -570px;
            right: -5px;
            background-color: #0f345e;
            padding-top: 60px;
        }
    }

    #mapImgContainer, .mapBoxStyle {
        background-repeat: no-repeat
    }

    .almuni-image-box, .almuni-info-box, .company-section, .location-image {
        margin: auto;
    }

    .location-body h4 {
        font-size: 22px;
        font-weight: 700;
        text-align: left;
        color: #f1ebd7;
    }

    .location-body-abstract {
        font-size: 16px;
        font-weight: 700;
        text-align: left;
        color: #f1ebd7;
    }

    .location-body-list, .location-body-list a {
        font-size: 14px;
        color: #f1ebd7;
        text-decoration: none;
    }

    .closeIcon {
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        color: #ffffff;
        width: 50px !important;
        height: 50px;
        padding: 15px;
        border: 1px solid transparent;
        font-size: 1.5rem;
    }


        .closeIcon:hover {
            color: #D1BD7D;
            font-size: 1.6rem;
        }
    /*  Table hover - Loaceter */
    .ublibya-table tbody tr {
        position: relative;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }

        .ublibya-table tbody tr:hover {
            -ms-transform: scale(1.02);
            transform: scale(1.02);
        }

            .ublibya-table tbody tr:hover td {
                background: #d1bd7d;
                color: #0f345e;
                font-weight: bold;
            }

        .ublibya-table tbody tr.active {
            background: #d1bd7d;
            color: #0f345e;
            font-weight: bold;
        }

    .location-body-hr {
        border-top: 1px solid white;
    }

    .location-body-list img {
        margin-right: 10px;
    }


    /* 404 Error Page Styles */
    .template404-container {
        height: calc(100vh - 400px);
        display: flex;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-height: 500px
    }

    .template404 h1 {
        font-family: sans-serif;
        font-weight: bold;
        color: #0F345E;
        font-size: 95px;
        margin: 0;
        text-shadow: 0 0 44px #aeaeae
    }

    .template404 {
        width: 100%;
    }

    .empty-msg {
        font-size: 18px;
        font-weight: 600;
        color: black;
        text-align: center;
    }

    a.card-Item-form.goldButton:hover::before {
        background-image: url(../images/Arrow2-white.svg);
    }

    a.card-Item-form.goldButton::before {
        bottom: 5px;
    }

    a.card-Item-form.goldButton:hover {
        color: #fff;
    }

    #listing .news-item {
        display: none;
    }

    .btn-submitDisabled {
        background-color: gray;
        background-image: none;
    }


    @media (max-width: 992px) {

        .ublibya-table th, .ublibya-table td {
            padding: 10px 10px;
            font-size: 13px;
        }
    }

    @media (max-width: 575px) {
        .mobileDetails-box {
            position: relative;
            z-index: 10;
        }

        .UBCI-mobile {
            position: absolute;
            width: 50%;
            height: 100%;
            width: 300px;
            height: 350px;
            max-width: 80%;
            bottom: 0;
            right: 0;
            bottom: -10px;
            z-index: 4;
        }

            .UBCI-mobile img {
                max-height: 100%;
            }

            .UBCI-mobile:before {
                background: none;
            }

        .mobileDetails .UBCI-container {
            position: relative;
            z-index: 5;
        }
    }

    @media (max-width: 485px) {
        .UBCI-mobile img {
            opacity: 0.5;
        }
    }