/* General Setting */
:root {
    --animate-delay: 0.7s !important;
    --theme-color: #234280;
    --theme-color-rgb: 35, 66, 128;
    --border-top-height: 0;
    --border-right-width: 9999px;
    --border-bottom-height: 0;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: var(--theme-color);
}

a {
    text-decoration: none;
}

.span-text {
    color: rgba(var(--theme-color-rgb), 1);
}

a:hover {
    color: rgba(var(--theme-color-rgb), 0.85);
}

/*a>i {
    color: #234280;
}*/

hr.line {
    margin: 20px 0;
    border-color: #cccccc;
}

hr.line-white {
    margin: 20px 0;
    border-color: #ffffff;
}

hr.line-white-bold {
    margin: 20px 0;
    border-color: #ffffff;
    opacity: unset;
}

hr.line-gold {
    margin: 20px 0;
    border-color: #ac9263;
}

hr.line-industry-partners {
    margin: 50px 0;
    border-color: #cccccc;
}

.mitec-bold {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.mitec-boldItalic {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: italic;
}

.mitec-semiBold {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.mitec-semiBoldItalic {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: italic;
}

.mitec-medium {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.mitec-regular {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.mitec-light {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.display-7 {
    font-size: 2rem;
}

.mitec-full {
    padding: 0 4.0rem;
}

.text-color1 {
    color: #0049ff;
}

.mitec-pt30 { padding-top: 30px; } 

.mitec-pb50 { padding-bottom: 50px; }

.mitec-pb100 { padding-bottom: 100px; }

.main-wrapper {
    margin-bottom: 60px;
}

.mitec-background-white {
    background-color: #ffffff;
}

.mitec-background-grey {
    background-color: #f5f9fc;
}

.page-title {
    text-transform: uppercase;
    color: var(--theme-color);
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 3.6rem;
}

.home-title-white h1  {
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 3.6rem;
}

.home-title-color h1  {
    text-transform: uppercase;
    color: var(--theme-color);
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 3.6rem;
}

.home-description p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
}

.page-secondlevel-title h1 {
    text-transform: uppercase;
    color: var(--theme-color);
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 50px;
}

.page-decription {
    color: var(--theme-color);
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
}

@media only screen and (max-width: 1366px) {
    .page-title { font-size: 45px; }

    .home-title-white h1,
    .home-title-color h1 { font-size: 45px; }

    .page-decription { font-size: 16px; }

    hr.line {
        margin: 10px 0;
    }

    .home-description p { 
        font-size: 14px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 1170px) {
    .page-title { font-size: 36px; }

    .home-title-white h1,
    .home-title-color h1 { font-size: 36px; }
}


/* scrollbar setting */
@media screen and (min-width: 1024px) {
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    ::-webkit-scrollbar {
        height: 10px;
        width: 10px;
        background-color: #F5F5F5;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #555;
    }
}

@media screen and (max-width: 991px) {
    .mitec-full {
        padding: 20px 50px;
    }

    .display-1 {
        font-size: 2.25rem;
    }
}

@media screen and (max-width: 767px) {
    .page-title { font-size: 30px; }

    .home-title-white h1,
    .home-title-color h1 { font-size: 30px; }

    .mitec-full {
        padding: 10px 35px;
    }

    .p-5 { padding: 1rem !important; }
}

@media screen and (max-width: 424px) {
    .display-1 {
        font-size: 1.8rem;
    }
}



/* general button setting */
.butn {
    display: inline-block;
    padding: 10px 18px 10px 52px;
    position: relative;
    background-color: var(--theme-color);
    color: #ffffff !important;
    cursor: pointer;
    transition: 0.5s;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.butn2 {
    display: inline-block;
    padding: 12px 40px;
    position: relative;
    background-color: #0049ff;
    color: #ffffff !important;
    cursor: pointer;
    transition: 0.5s;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-weight: bold;
}

.butn3 {
    display: inline-block;
    padding: 12px 40px;
    position: relative;
    background-color: #fff;
    cursor: pointer;
    transition: 0.5s;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid;
    border-color: #0d6efd;
}

.butn .icon-arrow {
    color: #ffffff;
    top: 50%;
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    /* font-size: 16px; */
    backface-visibility: hidden;
    transform: translateZ(0);
    perspective: 1000;
}

.butn .icon-arrow.before {
    left: 15px;
    position: absolute;
    transform-origin: left center;
    color: #0049ff;
}

.butn .icon-arrow.after {
    opacity: 0;
    position: absolute;
    right: 15px;
    transform: translateX(75%) scaleX(0.1);
    transform-origin: right center;
    color: #0049ff;
}

.butn .label {
    display: inline-block;
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    backface-visibility: hidden;
    transform: translateZ(0);
    perspective: 1000;
}

.butn:hover {
    background-color: var(--theme-color);
    padding: 10px 52px 10px 18px;
}

.butn:hover .icon-arrow.before {
    opacity: 0;
    transform: translateX(-75%) scaleX(0.1);
}

.butn:hover .icon-arrow.after {
    opacity: 1;
    transform: translateX(0) scaleX(1);
}

.butn.white {
    background-color: #ffffff;
    color: var(--theme-color) !important;
}

.butn.blue {
    background-color: #0d6efd;
    color: #fff !important;
}

.butn.blue .icon-arrow.before, 
.butn.blue .icon-arrow.after {
    color: #fff;
}

.butn.red {
    background-color: #dc3545;
    color: #fff !important;
    padding: 12px 40px 12px 80px;
}

.butn.red .icon-arrow.before,
.butn.red .icon-arrow.after {
    color: #fff;
}

.butn.red:hover {
    background-color: #dc3545;
    color: #ffffff !important;
    padding: 12px 80px 12px 40px;
}

.butn.black {
    background-color: #000000;
    color: #fff !important;
    padding: 10px 35px 10px 70px;
}

.butn.black .icon-arrow.before,
.butn.black .icon-arrow.after {
    color: #fff;
}

.butn.black:hover {
    background-color: #000000;
    color: #ffffff !important;
    padding: 10px 70px 10px 35px;
}


@media only screen and (max-width: 1366px) {
    .butn .label {
        font-size: 14px;
    }
}




/* ===================================
    Pagination
====================================== */

.pagination {
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.pagination ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}

.pagination li {
    display: inline;
}

.pagination a {
    float: left;
    font-size: 16px;
    padding: 0 18px;
    line-height: 40px;
    text-decoration: none;
    font-weight: 500;
    border: 1px solid #ededed;
    background: #fff;
    color: #234280;
}

.pagination a:hover {
    background-color: #234280;
    border: 1px solid #234280;
    color: #ffffff;
}

.pagination .active a {
    background-color: #f7f7f7;
    color: #f5911f;
    border: 1px solid #ededed;
    cursor: default;
}

@media screen and (max-width: 575px) {
    .pagination a {
        padding: 0 13px;
        font-size: 14px;
    }
}

/* page navigation */

.page-navigation {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    background-color: #f1f7ff;
    border-radius: 8px;
}

.page-navigation:last-child {
    margin-bottom: 60px;
}

.prev-page, .next-page {
    position: relative;
    width: 50%;
    max-width: 350px;
    margin: 10px;
}

.prev-page:before, .next-page:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(34, 35, 40, 0);
    transform: scale(1.04, 1.12);
    transition: .3s ease-in-out;
    pointer-events: none;
}

.prev-page .page-info>a, .next-page .page-info>a {
    display: flex;
    align-items: center;
    position: relative;
    padding: 16px 20px;
    min-height: 110px;
    transition: 0.8s;
}

.prev-page .page-info .image-prev, .prev-page .page-info .image-next {
    position: relative;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    transition: inherit;
    border-radius: 4px;
    overflow: hidden;
}

.next-page .page-info .image-prev, .next-page .page-info .image-next {
    position: relative;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    transition: inherit;
    border-radius: 4px;
    overflow: hidden;
}

.prev-page .page-info .prev-title, .prev-page .page-info .next-title {
    display: inline-block;
    position: relative;
    max-width: 220px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    word-wrap: break-word;
    vertical-align: middle;
    transition: 0.45s;
}

.next-page .page-info .prev-title, .next-page .page-info .next-title {
    display: inline-block;
    position: relative;
    max-width: 220px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    word-wrap: break-word;
    vertical-align: middle;
    transition: 0.45s;
}

.prev-page .page-info .prev-title:empty, .prev-page .page-info .next-title:empty {
    display: none;
}

.next-page .page-info .prev-title:empty, .next-page .page-info .next-title:empty {
    display: none;
}

.prev-page:hover:before, .next-page:hover:before {
    background-color: white;
    transform: scale(1);
    box-shadow: 0 10px 30px 0 rgba(34, 35, 40, 0.1);
}

.prev-page a {
    justify-content: flex-start;
    text-align: left;
}

.prev-page a:hover .image-prev:after {
    visibility: visible;
    opacity: 1;
}

.prev-page a:hover .image-prev:before {
    visibility: visible;
    opacity: 1;
    margin-left: 0;
}

.prev-page .image-prev {
    margin-right: 20px;
}

.prev-page .image-prev:after {
    background-color: #7eb2e1;
}

.next-page .image-next:after {
    background-color: #7eb2e1;
}

.prev-page .image-prev:before {
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin-left: 20px;
    content: "\e64a";
    font-family: 'themify';
    font-size: 21px;
    line-height: 70px;
    color: #fff;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
}

.prev-page .image-prev:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
}

.next-page {
    margin-left: auto;
}

.next-page a {
    justify-content: flex-end;
    text-align: right;
}

.next-page a:hover .image-next:after {
    visibility: visible;
    opacity: 1;
}

.next-page a:hover .image-next:before {
    visibility: visible;
    opacity: 1;
    margin-right: 0;
}

.next-page .image-next {
    margin-left: 20px;
}

.next-page .image-next:before {
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin-right: 20px;
    content: "\e64a";
    font-family: 'themify';
    font-size: 21px;
    line-height: 70px;
    color: #fff;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    transform: scaleX(-1);
}

.next-page .image-next:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
}

.next-page .next-title {
    text-align: right;
}

.prev-link-page-info>span, .next-link-page-info>span {
    display: block;
}

.prev-link-page-info .date-details, .next-link-page-info .date-details {
    font-size: 14px;
    letter-spacing: .025em;
    line-height: 20px;
    margin-bottom: -2px;
}

.prev-link-page-info .date-details>div, .prev-link-page-info .date-details>span {
    line-height: inherit;
    transition: 0.45s;
    font-weight: 500;
}

.next-link-page-info .date-details>div, .next-link-page-info .date-details>span {
    line-height: inherit;
    transition: 0.45s;
    font-weight: 500;
}

.prev-link-page-info .date-details:only-child, .next-link-page-info .date-details:only-child {
    margin-top: 0;
}

@media (max-width: 767px) {
    .prev-page, .next-page {
        width: calc(100% - 20px);
        max-width: unset;
    }
    .prev-page+.next-page {
        margin-top: 0;
    }
    .page-navigation {
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .prev-page .page-info>a, .next-page .page-info>a {
        padding: 10px;
    }
    .prev-page .page-info .prev-title, .prev-page .page-info .next-title {
        max-width: 168px;
    }
    .next-page .page-info .prev-title, .next-page .page-info .next-title {
        max-width: 168px;
    }
}



/* Banner Carousel */
/* .banner-container { padding-top:70px; } */


/* slick slider setting */
.responsive .slick-slide img {
    padding: 0;
}

.slick-slide img {
    width: 100%;
    padding: 10px;
}

.slick-next {
    right: -16px;
}

.slick-disabled {
    opacity: 0;
}

.slick-prev i,
.slick-next i {
    color: black;
    right: 1.35rem;
    position: absolute;
    top: 1.2rem;
}

.slick-prev,
.slick-next {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 1;
    background: white;
    border-radius: 50%;
    padding: 0.5rem;
    margin-top: -1.75rem;
    top: 50%;
    font-size: 1rem;
    z-index: 10;
    transition: opacity 250ms ease-in-out, color 250ms ease-in-out, background 250ms ease-in-out;
}

.slick-prev:before,
.slick-next:before {
    font-size: 28px !important;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background: white;
    color: white;
}

@media screen and (max-width: 1080px) {
    .slick-prev {
        left: -4px;
    }

    .slick-next {
        right: 0;
    }
}

@media screen and (max-width: 1023px) {
    .slick-prev {
        left: 2px;
    }

    .slick-next {
        right: 6px;
    }
}


/* card box setting */
.card {
    border: none;
    background-color: #f5f9fb;
    color: var(--theme-color);
}

.card-2 {
    border-left: 2px solid #145DA0;
    border-radius: 0;
    background-color: #ffffff;
}

.card-title {
    font-size: medium;
}

.card-body {
    font-size: small;
}

.card-date {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.news-card-title {
    height: 4rem;
}

.news-card-title>a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: var(--theme-color);
}

.card-morebtn {
    position: absolute;
    bottom: 2px;
    left: 2px;
    color: #fff;
    text-decoration: none;
}

.card-morebtn:hover {
    color: bisque;
    text-decoration: underline;
}

.card-imagebox::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

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

.image-container-event img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease;
    border-radius: 0;
}

.image-container-event:hover img {
    transform: scale(1.05);
}

.responsive-card .card i {
    transition: transform 0.3s ease;
}

.mitec-home-event.card {
    margin: 0 10px;
}

/* General Setting End */



/* navigation bar start */
.nav-mitec {
    padding: 0;
}

.logo-image {
    width: 182px;
}

@media (max-width: 500px) {
    .logo-image {
        width: 138px;
    }
}

.nav-mitec {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
}

.navbar-toggler {
    padding: 7px;
}

.nav-link {
    padding-top: 19px;
    padding-bottom: 19px;
    color: rgba(var(--theme-color-rgb));
    font-size: 15.5px;
}

.nav-link:focus,
.nav-link:hover {
    color: #f5911f;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #f5911f;
}

.nav-mitec .dropdown-item {
    color: rgba(var(--theme-color-rgb), 1);
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 28px;
}

.nav-mitec .dropdown-item:focus,
.nav-mitec .dropdown-item:hover {
    background-color: transparent;
    color: #f5911f;
}

.nav-mitec .dropdown-item.active,
.nav-mitec .dropdown-item:active {
    background-color: transparent;
    color: #f5911f;
}

.dropdown-menu[data-bs-popper] {
    padding: 10px 30px 10px 10px;
    margin-top: 0px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

.dropdown-menu-right {
    right: 0;
    margin-top: -1px;
}

.btn-contact {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #f9c301;
    outline: none;
    border: none;
    transition: 0.5s;
}

.btn-contact:hover {
    background-color: #234280;
    transition: 0.5s;
}

.btn-search2 {
/*    position: absolute;*/
/*    right: 0;*/
    padding: 10px;
    background: #0049ff;
    color: white;
    outline: unset;
    border: none;
    height: 70px;
    width: 70px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    display: none !important;
}

.btn-search2:hover {
    background: #234280;
}

.btn-search {
    padding: 10px;
    background: #0049ff;
    color: white;
    outline: unset;
    border: none;
    border-radius: 0.375rem;
    /* height: 54px;
    width: 54px;
    margin-right: -20px; */
}

/*  for navigation  bar current and active style  */
.navbar-nav li.active > a, .navbar-nav li.current > a {
    color: #f5911f;
}

@media screen and (max-width: 991px) {
    /* .nav-mitec {
        padding: 8px 0;
    } */

    .nav-link {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }

    .navbar-mitec .nav-mitec {
        padding: 20px 20px;
    }

    .nav-contact {
        margin: 20px 20px;
        text-align: right;
    }

    .nav-search button.btn-search2 {
        padding: 8px 10px;
        margin: 20px 0;
        width: 100%;
    }

    .navbar-toggler-icon {
        width: 1em;
        height: 1em;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.1rem;
        padding-left: 1.1rem;
    }

    .btn-search {
        padding: 12px;
        background: #0049ff;
        color: white;
        outline: unset;
        border: none;
        height: 62px;
        width: 62px;
        margin-right: -20px;
        border-radius: 0;
    }
}
/* navigation bar end */



/* side navigation start */
.mitec-side-nav {
    display: block;
    position: fixed;
    z-index: 1000;
    top: calc(100vh - 622px);
    left: 0;
    width: 3.5rem;
    /* background: linear-gradient(45deg, #234280, #076571); */
    text-align: center;
    will-change: transform;
}

.mitec-side-nav li {
    background: linear-gradient(45deg, #234280, #076571);
}

.mitec-side-nav-menu {
    margin: 0;
}

.mitec-side-nav-menu>li>a {
    display: block;
    padding: 0.8rem;
    color: #122e98;
    text-decoration: none;
    height: 56px;
}

.mitec-side-nav-menu>li>a:focus,
.mitec-side-nav-menu>li>a:hover {
    /* background-color: #f5f9fb; */
    /* text-decoration: underline; */
}

.mitec-side-nav-label {
    display: block;
    font-size: 0.625rem;
}

.mitec-sidenav-dropdown-content {
    position: absolute;
    /* top: 143%; */
    left: 55px;
    z-index: 1000;
    display: none;
    float: none;
    min-width: 13.5vw;
    width: auto;
    padding: 8px;
    margin: -56px 0 0;
    font-size: 14px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    /* background-color: #39558f; */
    background: linear-gradient(45deg, #234280, #076571);
    color: white;
    text-align: center;
}

.mitec-sidenav-dropdown-content a {
    color: #ffffff;
    font-size: 14px;
}

.mitec-side-nav-menu li:hover .mitec-sidenav-dropdown-content {
    display: block;
}


@media only screen and (max-width: 1366px) {
    .mitec-side-nav { 
        width: 3rem; 
    }

    .mitec-side-nav-menu>li>a {
        height: 46px;
        line-height: 0;
    }

    .mitec-sidenav-dropdown-content {
        left: 48px;
        margin: -47px 0 0;
        min-width: 20vw;
    }
}

@media only screen and (max-width: 991px) {
    .mitec-sidenav-dropdown-content {
        min-width: 28vw;
    }
}

@media only screen and (max-width: 767px) {
    .mitec-side-nav { 
        width: 2.5rem; 
        top: 40%;
    }

    .mitec-side-nav-menu>li>a {
        height: 40px;
    }

    .mitec-sidenav-dropdown-content {
        left: 39px;
        margin: -40px 0 0;
        min-width: 46vw;
    }
}

/* side navigation end */



/* onepage scroll */
.onepage-pagination li a:before {
    background: #0049ff;
}

.onepage-pagination li a.active:before {
    border: 1px solid #f5911f;
    background: #f5911f;
}

.pagination-hover-text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    background: linear-gradient(45deg, #234280, #076571);
    border: 2px solid #ffffff;
    padding: 10px 20px;
    z-index: 1;
    right: 65%;
    white-space: nowrap;
    transform: translateY(-30px);
    color: white;
    animation: fadeIn .3s;
}
/* onepage scroll end */



/* index - landing */
.wrapper {
    height: 100% !important;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

/* button position at index banner image */
.arrow-down {
    display: block;
    position: fixed;
    bottom: 5%;
    /* left: 50%; */
    /* transform: translateX(-50%); */
}

.btn-browse {
    background: white;
    height: 2.5rem;
    padding: 30px;
    line-height: 0;
    width: fit-content;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.image-container {
    z-index: 3;
    height: auto;
}

div.video-background {
    height: 100%;
}

.video-background iframe,
.video-background video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: black;
    object-fit: cover;
    display: block;
}

.main {
    float: left;
    width: 100%;
    margin: 0 auto;
}

.main section .page_container {
    position: relative;
    margin: 0 auto 0;
    z-index: 3;
    height: 100%;
}

.main section {
    overflow: hidden;
    padding: 8rem 0;
}

.main section.page1 {
    /* background: url('../img/landing/mitec-bg.jpg') no-repeat top;
    background-size: cover; */
    padding: 0;
}

.main section.page2 {
    background: #00000080 url('../img/banner/bg-corporate-2.jpg') no-repeat center;
    background-size: cover;
    background-blend-mode: overlay;
}

.main section.page3 {
    background: url('../img/venue/background-blue.jpg') center;
    background-size: cover;
}

.main section.page4 {
    background: #f5f9fb;
    background-size: cover;
}

/*.main section.page4 img {
    object-fit: cover;
    width: calc(100% + 1rem);
    height: 100%;
}*/

.main section.page5 {
    background: #fff;
}

.main section.page6 {
    background: #f5f9fb;
    background-size: cover;
}

.main section.page7 {
    background: #fff;
}

@media screen and (min-width: 1440px) {
    .main section {
        padding: 6rem 0;
    }

    /*.main section.page4 img {
        height: 11em;
        width: 18em;
    }*/

    .image-container {
        height: 11rem;
    }
}

@media only screen and (max-width: 1170px) {
    /* .video-background iframe, .video-background video {
        position: absolute;
    } */

    .home-description p { line-height: 20px; }
}

@media only screen and (max-width: 991px) {
    .main section {
        padding: 6rem 0;
    }
}

@media screen and (max-width: 767px) {
    .section.page1 {
        height: auto;
    }

    .main section.page3 {
        padding: 2rem 0;
    }

    .main section.page3 {
        padding: 2rem 0;
    }

    .main section.page4 {
        padding: 2rem 0;
        text-align: center;
    }

    /*.main section.page4 img {
        width: 180px;
    }*/

    .btn-browse {
        padding: 22px;
    }

    .arrow-down {
        position: absolute;
        bottom: 26px;
    }
}

@media screen and (max-width: 767px) {
    .onepage-wrapper .section:not(:first-child) {
        height: auto;
        padding: 20px 0;
    }

    .main section.page2,
    .main section.page3,
    .main section.page4,
    .main section.page5,
    .main section.page6,
    .main section.page7 {
        padding: 0;
    }
}


/* landing page 2 - about */
@media screen and (max-width: 991px) {
    .about-container {
        background: rgba(255, 255, 255, .9);
        /* backdrop-filter: blur(30px);
        -webkit-backdrop-filter: blur(30px); */
        border-radius: 10px;
        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .2);
        position: relative;
        padding: 20px 20px; 
        color: #000;
        margin-top: 10px;
    }
}


/* landing page 3 - fast fact */
#fast-fact .service-item {
    border: 1px solid #f3d7ff;
    border-radius: 20px;
    padding: 20px;
    background-color: #fff;
    transition: all .4s;
    height: 100%;
}

#fast-fact .service-item h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: #2a2a2a;
    margin-top: 20px;
    margin-bottom: 0px;
    transition: all .4s;
}

#fast-fact .service-item:hover {
    border-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

#fast-fact .service-item:hover h4 {
    color: #0049ff;
}

@media only screen and (max-width: 1366px) {
    #fast-fact .service-item h4 { font-size: 18px; margin-top: 10px; }
}


@media screen and (max-width: 1199px) {
    #fast-fact .service-item h4 { font-size: 16px; }

    #fast-fact .service-item { padding: 10px; }
}


@media screen and (max-width: 991px) {
    #fast-fact .service-item h4 { font-size: 14px; }

    #fast-fact .service-item {
        text-align: center;
    }
}


/* landing page 4 - navigator */
.mitec-skill-link article {
    z-index: 1;
    position: relative;
}

.mitec-plan-skill article h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 30px;
}

.mitec-plan-skill article p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
}

.link-item {
    position: relative;
    background: #fff;
}

@media (hover:hover) and (pointer:fine) {
    .link-item:before {
        background: #f9c301;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transform: scaleY(0);
        transform-origin: bottom;
        transition: transform .75s cubic-bezier(.19, 1, .22, 1);
        width: 100%;
        /* z-index: -1; */
    }

    .link-item:hover:before {
        transform: scaleY(1);
    }

    .item-title {
        transition: transform .75s cubic-bezier(.19, 1, .22, 1);
    }

    .link-item:hover .item-title {
        transform: translateX(1rem);
        color: #fff;
    }

    .item-icon {
        transition: transform .75s cubic-bezier(.19, 1, .22, 1);
    }

    .link-item:hover .item-icon {
        transform: translateX(1rem);
    }
}

@media only screen and (max-width: 1366px) {
    .mitec-plan-skill article h2 { font-size: 24px; }

    .mitec-plan-skill article p { font-size: 14px; }
}

@media only screen and (max-width: 991px) {
    .mitec-plan-skill article h2 { font-size: 18px; }
}

@media only screen and (max-width: 767px) {
    .mitec-plan-skill article h2 { font-size: 14px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page4 .btn-browse {
        background: none;
    }
}

@media only screen and (max-width: 767px) {
    .mitec-plan-skill article .link-item { padding: 10px; }
}


/* landing page 6 - experience */
.experience-container img {
    max-height: 560px;
    max-width: fit-content;
}

.experience-container iframe {
    width: 100%;
    max-width: 1200px;
    height: 500px;
}


/* landing page7 - location map */
.map-container iframe {
    width: 100%;
    height: 500px;
}

@media screen and (min-width: 1440px) {
    .map-container iframe {
        height: 500px;
    }
}
/* index - landing end */


/* MITEC 360 Start */
section.mitec-welcome360 {
    padding-top: 70px;
}

.mitec-welcome360-container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    padding-top: 100vh;
}

.mitec-welcome360-container iframe.momentopress-embed {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
}


@media only screen and (max-width: 1366px) {
    .mitec-welcome360-container { padding-top: 90vh; }
}

/* MITEC 360 End */


/* Leadership Team Start */
.leadership-main {
    float: right;
}

.leadership-main img,
.leadership-team img {
    border: 1px solid #ededf2;
    border-radius: 20px;
    padding: 25px;
}

.leadership-content h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 36px;
}

.leadership-content-description p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
}

.leadershipteam-content { padding: 20px 10px 0;}

.leadershipteam-content h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 24px;
}

.leadershipteam-content-description p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 16px;
}


@media only screen and (max-width: 1366px) {
    .leadership-main img, .leadership-team img { padding: 10px; }

    .leadershipteam-content h3 { font-size: 18px; }

    .leadershipteam-content-description p { font-size:14px; }
}

/* Leadership Team End */


/* AWARDS START */
.awards-accolades {
    font-family: 'Open Sans', sans-serif;
    background-color: #f5f9fc;
    padding: 50px 50px;
    border-radius: 30px;
}

.awards-accolades-content h1 {
    font-weight: 700;
    font-size: 36px;
    margin-top: 20px;
}

.awards-accolades-content p {
    font-weight: 500;
    font-size: 18px;
    text-align: justify;
    line-height: 30px;
}

.our-accolades { padding: 50px 0 0 0; }

.awards-full { margin-bottom: 20px; }

.awards-full .card {
    border: 1px solid #ac9263;
    border-radius: 0;
    background-color: transparent;
    color: #ac9263;
    padding: 0 20px;
    margin-bottom: 20px;
}

.awards-logo img {
    padding: 20px 0 10px;
}

.awards-content-body {
    padding: 10px 0;
    font-family: 'Open Sans', sans-serif;
    color: var(--theme-color);
}

.awards-content-body h5 {
    color: #ac9263;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.awards-content-body ul>li {
    color: #ac9263;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.awards-content-body ul>li .awards-highlight {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-style: italic;
}


@media only screen and (max-width: 1366px) {
    .awards-accolades-content h1 { font-size: 24px }

    .awards-accolades-content p { font-size: 14px; line-height: 24px; }

    .awards-content-body h5 { font-size: 18px; margin-bottom: 10px; }

    .awards-content-body ul>li { font-size: 14px; }

    .awards-accolades { padding: 30px 30px; }
}

@media only screen and (max-width: 1170px) {
    .awards-accolades-content h1 { font-size: 18px }

    .awards-content-body h5 { font-size: 14px; }

    .awards-accolades { padding: 20px 20px; }
}

/* AWARDS END */


/* Sustainability Start */
.sustainability-content h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 36px;
}

.sustainability-content-description p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
}

.card.brand-promise-card {
    background-color: transparent;
}

.brand-promise-img img {
    border: 1px solid #ededf2;
    border-radius: 10px;
    padding: 15px;
}

.brand-promise-content h5.card-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.brand-promise-content p.card-text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
}

.myworld_logo {
    text-align: right;
}


@media only screen and (max-width: 1366px) {
    .sustainability-content h1 { font-size:24px; }

    .sustainability-content-description p {
        font-size: 14px;
        line-height: 26px;
    }

    .brand-promise-content h5.card-title {
        font-size: 16px;
    }
}

/* Sustainability End */



/* plan_and_exhibit start */
.carousel-caption h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 36px;
    text-transform: uppercase;
}

.carousel-caption {
    top: 45%;
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(var(--theme-color-rgb), 0.5);
}

#plan-exhibit-pills-tab {
    display: flex;
    width: 100%;
    flex-wrap: unset;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#plan-exhibit-pills-tab::-webkit-scrollbar {
    display: none;
}

#plan-exhibit-pills-tab .nav-item {
    flex: 0 0 auto;
    margin-right: 5px;
    margin-bottom: 10px;
}

#plan-exhibit-pills-tab .nav-item:last-child {
    margin-right: 0;
}

#plan-exhibit-pills-tab .nav-item div,
#plan-exhibit-pills-tab .nav-item span {
    pointer-events: none;
    user-select: none;
}

.mitec-plan-button {
    color: #0049ff;
}

.mitec-plan-button .nav .nav-link {
    border: 1px solid #0049ff;
    color: inherit;
    width: 220px;
    font-size: small;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.mitec-plan-button .nav .nav-link.active {
    color: #fff;
    background: #0049ff;
}

.explore-venues {
    background: url('../img/venue/background-blue.jpg') center;
    height: 485px;
    background-attachment: fixed;
}

.explore-venues-container {
    height: inherit;
    margin: auto 220px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.explore-venues-container p {
    font-size: larger;
}

@media screen and (max-width: 1199px) {
    .explore-venues-container {
        margin: auto 120px;
    }

    .break {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .explore-venues-container {
        margin: auto 80px;
    }
}

@media screen and (max-width: 500px) {
    .explore-venues-container {
        margin: auto 20px;
    }
}
/* plan_and_exhibit End */



/* Services - start */
.service-card {
    position: relative; 
    margin-bottom: 4rem;
}

.service-card-box {
    height: calc(100% + 20px);
}

.service-card-container {
    padding: 3rem;
    position: absolute;
    background-color: #fff;
    width: 52%;
    min-height: 280px;
    border-radius: 10px;
    /* transform: translate(0, -50%); */
    top: calc(1.5rem * 2);
    right: calc(1.5rem * .5);
    box-shadow: 
        -5px 0px 10px rgba(0, 0, 0, 0.1),
        5px 0px 10px rgba(0, 0, 0, 0.1),
        0px 10px 10px rgba(0, 0, 0, 0.1);
}

.service-card-title {
    margin-bottom: 1.5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.service-card-description {
    font-size: 18px;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    text-align: justify;
}

.image-wrapper-image {
    position: relative;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 5px;
}


@media only screen and (max-width: 1366px) {
    h3.service-card-title  { font-size:18px; }

    .service-card-description p { font-size:14px; line-height: 24px; }

}

@media (min-width: 1024px) {
    .service-card {
        flex-direction: row;
        width: 100%;
        margin-bottom: 5rem;
    }

    .service-card:nth-of-type(2n) {
        flex-direction: row-reverse;
    }

    .service-card:nth-of-type(2n) .service-card-container {
        top: calc(1.5rem * 2);
        right: auto;
        left: calc(1.5rem * .5);
        /* transform: translate(0, -50%); */
    }
}

@media screen and (max-width: 991px) {
    .service-card-container {
        padding: 2rem;
    }
}

@media (max-width: 767px) {
    .service-card { margin-bottom: 0rem; }

    .service-card-container {
        position: relative;
        width: 100%;
        transform: none;
        top: 0;
        right: 0;
        left: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .image-wrapper-image {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}
/* Services - end */



/* Policies & Guidelines Start */
section.policy-guidelines {
    background: url('../img/banner/policy-guidelines-bg.jpg') center;
    background-attachment: fixed;
}

.mitec-policy { padding: 80px 0; }

.mitec-policy-header h1 {
    color: #ffffff;
    margin-bottom: 30px;
    font-size: 48px;
}

.mitec-policy-content p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    text-align: justify;
}

.mitec-policy-content a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.mitec-policy-content a:hover {
    color: #f5911f;
}

.mitec-policy-content ol.mitec-policy-ol,
.mitec-policy-content ul.mitec-policy-ul {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    text-align: justify;
}


@media only screen and (max-width: 1366px) {
    .mitec-policy-content p,
    .mitec-policy-content ol.mitec-policy-ol,
    .mitec-policy-content ul.mitec-policy-ul,
    .mitec-policy-content ol.mitec-policy-ol h5,
    .mitec-policy-content ul.mitec-policy-ul h5 { font-size: 14px; }

    .mitec-policy { padding: 80px 0; }

    .mitec-policy-header h1 { font-size: 30px; margin-bottom: 20px; }
}

@media only screen and (max-width: 767px) {
    .mitec-policy-header h1 { font-size: 20px; margin-bottom: 10px; }

    .mitec-policy-content p { line-height: 24px; }
}

/* Policies & Guidelines end */


/* Policies & Guidelines Start */
.mitec-policy-faq { padding-bottom: 30px; }

@media only screen and (max-width: 1366px) {
    .mitec-policy-faq { padding-bottom: 10px; }
}

/* Policies & Guidelines End */


/* myscoop newsletter start */
.mitec-newsletter-content .news-card-title {
    height: 6rem;
}
/* myscoop newsletter end */


/* photo gallery start */
.gallery-album .img-responsive {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.event-container{
    padding: 0 6px;
    position: relative;
}

.event-list-con{
    float: left;
    width: 26%;
    position: relative;
    min-height: 1px;
    overflow:hidden;
    z-index: 2;
    background-color: #FFFFFF;
    margin-right: 16px;
}

#event-list-button{
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    background-color: #194cf3;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;

    display: none;
}

#event-list-button .icon{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.event-list{
    border: #e1e1e1 1px solid;
    margin-bottom: 50px;
}

.event-list h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    /* text-transform: uppercase; */
    /* color: #082b42; */
    font-size: 1.5rem;
    padding-bottom: 20px;
    margin: 0;
}

.event-list ul{
    list-style: none;
    padding: 25px 25px;
}

.event-list>ul>li{
    padding: 12px 0;
    border-bottom: 1px solid #dee2e6;
}

.event-list ul li a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #0b3c5c;
    white-space: nowrap;
    transition: .4s ease-in;
}

.event-list ul li a:hover,
.event-list ul li a:focus,
.event-list ul li a:active,
.event-list ul li a.active,
.event-list ul li.active a>span {
    text-decoration: none;
    color: #194cf3;
    transition: .4s ease-in;
    cursor: pointer;
}

.event-list-dropdown ul li a.active {
    color: #fff;
    background-color: #0049ff;
    border-radius: 50rem;
}

.event-album-con{
    float: left;
    width: 75%;
    position: relative;
    min-height: 1px;
    padding-left: 30px;
}

@media only screen and (max-width: 768px) {
    /* EO EVENT - Launching Events ef1fect*/
    .event-list-con{
        float: initial;
        width: 100%;
        position: sticky;
        top: 80px;
        padding: 0 20px;
    }

    #event-floating-container{
        position: absolute;
        width: 0%;
        height: 100%;   
        transition: 0.2s ease-out;
    }

    #event-floating-container.open{
        width: 100%;
        transition: 0.3s ease-out;
    }

    #event-floating-container.open .event-list{
        border: #e1e1e1 1px solid;
    }

    #event-floating-container.open .event-list-con{
        background-color: #FFFFFF;
        transition: 0.4s ease;
        padding: 0;
    }

    .event-list-con{
        background-color: rgba(0,0,0,0);
        transition: 0.2s ease-in;
    }

    #event-list-button{
        display: block
    }

    .event-album-con{
        float: initial;
        width: 100%;
        padding: 1px;
    }

    .event-container { padding: 0; }

    .event-list{
        height: 100vh;
        border: 0;
    }
}

.event-list ul li.event-list-dropdown::after {
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 20px;
    z-index: -1;
}

.event-list-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #0b3c5c;
    white-space: nowrap;
}

.event-list-dropdown ul {
    padding: 12px 5px;
}

.event-list-dropbtn span {
    display: block;
    padding: 0;
    width: 100% !important;
    text-align: left;
}

a.event-list-dropbtn:active, 
a.event-list-dropbtn:hover {
    color: black !important;
    user-select: none; 
}

/* .event-list-dropdown-content {
    display: block;
    z-index: 1;
} */
  
.event-list-dropdown-content a {
    font-weight: 600 !important;
    color: black;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
}
  
/* .event-list-dropdown-content-show {
    display: block;
} */


/* photo gallery image hover effect */
.gallery-effect {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.gallery-album .gallery-effect {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    margin-bottom: 1.75rem;
}

.gallery-album .gallery-effect .gallery-tab-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: rgba(10, 34, 79, 0);
    transition: background-color .25s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gallery-tab-text h2 {
    color: #fff;
    margin: 0;
    font-size: 1.5rem
}

.gallery-tab-text p {
    color: #fff;
    margin: 0;
    font-size: 1rem
}
 
.gallery-image-container {
    overflow: hidden;
    background: #f4f6fb;
}

.gallery-album .gallery-effect img {
    position: relative;
    display: block;
    opacity: 1;
}

.gallery-effect.gallery-effect-figure img {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .25s ease;
    box-sizing: border-box;
    -webkit-transition: transform .25s ease;
}
  
.gallery-effect.gallery-effect-figure:hover img {
    opacity: 1;
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform-origin: center;
    -webkit-transform-origin: center;
}
  
.gallery-effect.gallery-effect-figure h2 {
    text-align: left;
    font-family: Oswald;
    z-index: 2;
    position: relative;
    padding-top: 10%
}
  
.gallery-effect.gallery-effect-figure p {
    text-align: left;
    line-height: 1.2;
    padding-top: 34px;
    padding-left: 1px;
    font-size: .9rem;
    opacity: 0;
    transition: all .35s 0s;
    z-index: 5;
    position: absolute;
    word-spacing: 3px;
    top: 65px;
    width: calc(100% - 4em);
    font-family: Poppins
}
  
.gallery-effect.gallery-effect-figure:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
  
.gallery-effect.gallery-effect-figure .gallery-tab-text:before {
    content: none;
}
  
.gallery-effect.gallery-effect-figure .gallery-tab-text:after {
    content: none;
}
  
.gallery-effect.gallery-effect-figure:hover .gallery-tab-text:after,
.gallery-effect.gallery-effect-figure:hover .gallery-tab-text:before {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.gallery-effect.gallery-effect-figure:hover .gallery-tab-text {
    background: rgba(10, 34, 79, 0.08);
}
  
.gallery-effect.gallery-effect-figure .icons-block {
    z-index: 1000;
    position: absolute;
    bottom: 25px;
    width: 100%;
    left: 0;
    text-align: left;
    padding-left: 15px
}
  
.gallery-effect.gallery-effect-figure .icons-block .social-icon-1,
.gallery-effect.gallery-effect-figure .icons-block .social-icon-2,
.gallery-effect.gallery-effect-figure .icons-block .social-icon-3 {
    transition: all .5s ease-in-out;
    opacity: 0
}
  
.gallery-effect.gallery-effect-figure:hover .social-icon-1 {
    opacity: 1;
    transition-delay: .3s;
    transition-duration: .5s
}
  
.gallery-effect.gallery-effect-figure:hover .social-icon-2 {
    opacity: 1;
    transition-delay: .4s;
    transition-duration: .5s
}
  
.gallery-effect.gallery-effect-figure:hover .social-icon-3 {
    opacity: 1;
    transition-delay: .5s;
    transition-duration: .5s
}
  
.gallery-effect.gallery-effect-figure .icons-block i {
    color: rgba(255, 255, 255, 1);
    padding-left: 10px;
    font-size: 1.3rem
}
/* photo gallery end */



/* press release start */
.mitec-press-release-content .news-card-title {
    height: 7.5rem;
}

.mitec-press-release-content .card .card-body {
    padding: 1rem 1rem;
}

.mitec-press-release-content .news-card-title > a {
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5; /* Limit to 3 lines */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis; /* Add ellipsis for overflow */
}

.filter-by-year .filterbyyear-dropdownmenu ul li a {
    color: #234280;
}

.filter-by-year .filterbyyear-dropdownmenu ul li a.active{
    color: #fff;
    background-color: #0049ff;
}


@media only screen and (max-width: 1366px) {
    .mitec-press-release-content .news-card-title > a {
        font-size: 14px;
    }

    .mitec-press-release-content .news-card-title {
        height: 6.5rem;
    }
}

/* press release end */



/* press release detail start */
.mitec-press-release-detail-content,
.mitec-newsletter-detail-content {
    line-height: 30px;
    text-align: justify;
}

.mitec-press-release-detail-content p,
.mitec-newsletter-detail-content p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.mitec-press-release-detail-content h5,
.mitec-newsletter-detail-content h5 {
    line-height: 30px;
}

.mitec-press-release-detail-content hr,
.mitec-newsletter-detail-content hr {
    margin-left: calc(1.5rem * .5);
    margin-right: calc(1.5rem * .5);
    opacity: .1;
}

.mitec-press-release-detail-content .butn,
.mitec-newsletter-detail-content .butn {
    text-transform: capitalize;
}

figure.mitec-press-figure { margin:0 }

@media only screen and (max-width: 1366px) {
    .mitec-press-release-detail-content h5,
    .mitec-newsletter-detail-content h5 {
        line-height: normal;
        font-size: 16px;
    }

    .mitec-press-release-detail-content p,
    .mitec-press-release-detail-content ul>li,
    .mitec-newsletter-detail-content p,
    .mitec-newsletter-detail-content ul>li 
    { font-size:14px; }
}

/* press release detail end */



/* sustainability start */
.sustainability-accordion-rounded {
    padding: 50px; 
    background: #f5f9fc;
}

#mitec_sustainability_accordion .accordion-button {
    background: linear-gradient(to left, #006a6f 25%, #98ca3c 100%);
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
}

#mitec_sustainability_accordion .accordion-button::after{
    font: var(--fa-font-solid);
    font-size: 1.3rem;
    content: '\f055';

    background-image: none;
    transform: translateY(-60%);
    position: absolute;
    top: 50%;
    right: 1rem;
    width: auto;
}

#mitec_sustainability_accordion .accordion-button:not(.collapsed)::after {
    content: "\f056";
}

#mitec_sustainability_accordion .accordion-item {
    border: none;
}

#mitec_sustainability_accordion .accordion-body > hr {
    margin: 30px 10px;
}

#mitec_sustainability_accordion .accordion-item .accordion-body .row {
    margin-top: 30px;
}


@media (min-width: 1921px) {
    #mitec_sustainability_accordion .accordion-item .accordion-body .accordion-img-container {
        max-width: 100%;
    }
}

#mitec_sustainability_accordion .accordion-item:not(:first-child):not(:last-child) {
    margin: 20px auto;
}

#mitec_sustainability_accordion .accordion-item .accordion-body h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #234280;
    font-size: 18px;
}

#mitec_sustainability_accordion .accordion-item .accordion-body p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #234280;
    font-size: 16px;
}

.accordion-img-container img { margin-bottom:20px; }



@media only screen and (max-width: 1366px) {
    .sustainability-accordion-rounded {
        padding: 20px; 
    }

    #mitec_sustainability_accordion .accordion-item .accordion-body h5 {
        font-size: 16px;
    }

    #mitec_sustainability_accordion .accordion-item .accordion-body p {
        font-size: 14px;
    }

}

@media only screen and (max-width: 991px) {
    #mitec_sustainability_accordion .accordion-button { font-size:14px; }
}

/* sustainability end */



/* event calendar start */
#mitec-upcomming-event .responsive-card .card img {
    height: auto;
}

#mitec-upcomming-event .news-card-title {
    height: 6rem;
}

#mitec-upcomming-event .news-card-title>a {
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

#mitec-pass-event .card {
    border: 1px solid #0000002d;
}

#mitec-pass-event .card .card-title {
    font-size: 1.125rem;
    margin: 0;
}

#mitec-pass-event .card .card-text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

#mitec-pass-event .butn {
    text-transform: capitalize;
}


@media only screen and (max-width: 1366px) {
    #mitec-upcomming-event .news-card-title>a { 
        font-size: 14px;
        line-height: normal;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    #mitec-upcomming-event .news-card-title {
        height: 5rem;
    }
}

/* event calendar end */


/* GETTING TO MITEC START */
.mitec-travelling { padding: 0 0 30px 0; }

.mitec-travelling-content {
    font-family: 'Open Sans', sans-serif;
    color: #c55c28;
}

.mitec-travelling-content h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}

.mitec-travelling-content h2 {
    font-size: 30px;
    font-weight: 700;
}

.mitec-travelling-content .mitec-travelling-table {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    margin-top: 30px;
}

.mitec-travelling-table table tr>th {
    color: #c55c28;
}


@media only screen and (max-width: 1366px) {
    .mitec-travelling-content h3 { font-size: 18px; }

    .mitec-travelling-content h2 { font-size: 24px; }

    .mitec-travelling-content .mitec-travelling-table { font-size: 16px; }
}

@media only screen and (max-width: 991px) {
    .mitec-travelling-content h3 { font-size: 16px; }

    .mitec-travelling-content h2 { font-size: 18px; }

    .mitec-travelling-content .mitec-travelling-table { font-size: 14px; margin-top: 10px; }
}

@media only screen and (max-width: 767px) {
    .mitec-travelling-content h3 { font-size: 14px; }

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

/* GETTING TO MITEC END */


/* request for proposal start */
.mitec-request-proposal-content {
    line-height: 2.25;
}

.mitec-request-proposal-content p {
    font-size: 16px;
    font-weight: 600;
    text-align: justify;
}

.form-outer-box {
    background: #f8f8f8;
    padding: 2rem 1.5rem 3.5rem 1.5rem;
    border-radius: 8px;
    align-items: baseline;
}

.form-outer-box > h4 {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.form-outer-box > h5 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.form-outer-box .form-label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}


@media only screen and (max-width: 1366px) {
    .mitec-request-proposal-content p { font-size: 14px; line-height: 26px; }
}

@media only screen and (max-width: 767px) {
    .form-outer-box > h4 { font-size: 18px; }

    .form-outer-box > h5 { font-size: 16px; }
}

/* request for proposal end */



/* careers start */
.mitec-careers-content a {
    font-weight: bold;
    color: #234280;
}

.mitec-careers-content p {
    font-size: 18px;
}
/* careers end */


/* Industry Partners START */
.industry-partners-full .card {
    border: 1px solid #e0dde4;
    border-radius: 0;
    background-color: transparent;
    padding: 0 20px;
}

.industry-partners-logo img {
    padding: 20px 0 10px;
}

.industry-partners-content-body {
    padding: 10px 0;
    font-family: 'Open Sans', sans-serif;
    color: var(--theme-color);
    text-align: center;
}

.industry-partners-content-body h5 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.industry-partners-content-body p {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.industry-partners-content-footer.card-footer {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-align: center;
    background: transparent;
    border: none;
    padding: 0 0 20px;
}

.industry-partners-content-footer.card-footer a {
    transition: transform 0.3s ease;
    color: #000;
}


@media only screen and (max-width: 1366px) {
    .industry-partners-full .card { padding: 0 10px; }

    .industry-partners-content-body h5 { font-size: 16px; }

    .page-secondlevel-title h1 { font-size: 30px; margin-bottom: 20px; }

    hr.line-industry-partners { margin: 30px 0; }
}

@media only screen and (max-width: 1170px) {
    .page-decription { font-size: 14px; }

    .industry-partners-content-body h5 { font-size: 14px; }

    .page-secondlevel-title h1 { font-size: 24px; }
}

/* Industry Partners END */


/* OLD ----- industry partners start */
.partners-memberships-box {
    display: flex;
    flex-wrap: wrap;
}

.partners-container,
.memberships-container {
    position: relative;
}

.partners-memberships-box .card-text {
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    text-align: center;
}

.partners-img-container,
.memberships-img-container,
.other-collaborations-img-container {
    max-width: 214px;
    height: 142px;
    display: inline-block;
    justify-content: center;
    align-content: center;
}

.partners-img-container img,
.memberships-img-container img,
.other-collaborations-img-container img {
    max-width: 100%;
    max-height: 100%;
}

.partners-memberships-box .partners-container i,
.partners-memberships-box .memberships-container i,
.partners-memberships-box .other-collaborations-container i {
    transition: transform 0.3s ease;
}
/* OLD -----  industry partners end */



/* facilities start */
.facilities-card {
    position: relative; 
    margin-bottom: 4rem;
}

.facilities-card-container {
    padding: 2rem;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 
        -5px 0px 10px rgba(0, 0, 0, 0.1),
        5px 0px 10px rgba(0, 0, 0, 0.1),
        0px 10px 10px rgba(0, 0, 0, 0.1);
}

.facilities-card-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.facilities-card-description {
    text-align: justify;
}

.image-wrapper-image {
    position: relative;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 5px;
}

@media (min-width: 1024px) {
    .facilities-card {
        margin-bottom: 5rem;
    }

    .facilities-card:nth-of-type(2n) {
        flex-direction: row-reverse;
    }
}


@media only screen and (max-width: 1366px) {
    .facilities-card-title { font-size: 18px; }

    .facilities-card-description { font-size:14px; }

    .facilities-card-box { margin-top: 10px; }
}

/* facilities end */


/* VENUE start */
.floor-plan-full-venuelevel {
    background-color: transparent;
    border: 1px solid #e5e9f0;
    border-radius: 20px;
    padding: 30px 30px;
    margin: 50px 0;
}

.choose-level-title h1 {
    color: var(--theme-color);
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 36px;
}

#pills-tabChooseLevel {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.venue-floor-level-img {
    background-color: transparent;
    border: 1px solid #e5e9f0;
    border-radius: 20px;
    padding: 30px 30px;
    margin: 0 0 10px 0;
}

#pills-tabChooseLevel .nav-link {
    font-size: 18px;
    text-transform: uppercase;
    color: #0049ff;
    border: 1px solid #0049ff;
    border-radius: 50rem;
    height: 100% !important;
}

#pills-tabChooseLevel .nav-link.active {
    color: #fff;
}

#pills-tabChooseLevel .nav-item {
    position: relative;
/*    height: fit-content;*/
    margin-bottom: 1.5rem;
}

#pills-tabChooseLevel .nav-item.active {
    background-color: #0049ff;
    border: 1px solid #0049ff;
}

.venue-floor-content {
    padding: 20px 0;
}

.venue-floor-content h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
}

.timeline-list-style {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
    position: relative;
}

.timeline-list-style:after {
  content: '';
  position: absolute;
  width: 1px;
  background-color: #e5e9f0;
  top: 0;
  bottom: 0;
  left: 12px;
  margin-left: 0px;
  z-index: -9;
}

.timeline-list-style li {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    position: relative;
    padding: 0 0 0 35px;
    margin: 0 0 30px 0;
    font-size: 16px;
}

.timeline-list-style li i {
    color: #ffffff;
    font-size: 16px;
    border-radius: 30px;
    padding: 6px;
    position: absolute;
    left: 0;
    top: 0;
}

.timeline-list-style li i.bgcolor-level3 { background: linear-gradient(45deg, #dd9581, #e4727d, #ec3276); }

.timeline-list-style li i.bgcolor-level2 { background: linear-gradient(45deg, #809f64, #128145, #2c502e); }

.timeline-list-style li i.bgcolor-level1a { background: linear-gradient(45deg, #164b81, #26397b, #25285d); }

.timeline-list-style li i.bgcolor-level1 { background: linear-gradient(45deg, #164b81, #26397b, #25285d); }

.timeline-list-style ul.timeline-subcontent li {
    font-weight: 500!important;
    padding: 0!important;
    margin: 0!important;
    font-size: 14px!important;
}

.level-hall-img {
    background-color: transparent;
    border: 1px solid #e5e9f0;
    border-radius: 20px;
    padding: 10px 10px;
    margin: 0 0 20px 0;
}

.mitec-chooselevel-hall {
    padding: 30px 0;
}

.level-hall-content { margin-bottom: 30px; }

.level-hall-content h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 24px;
}

.level-hall-content p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

.level-hall-plan-icon {
    font-size: small;
}

.level-hall-plan-icon-background {
    background-color: var(--theme-color);
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: 5px;
}

.level-hall-plan-icon-background img {
    filter: invert(1) contrast(10);
}


@media only screen and (max-width: 1366px) {
    .choose-level-title h1 { font-size: 30px; }

    #pills-tabChooseLevel .nav-link { font-size: 14px; }

    .venue-floor-content h4 { font-size: 18px; }

    .timeline-list-style li { font-size: 14px; }

    .level-hall-content h4 { font-size: 18px; }

    .level-hall-content p { font-size: 12px; }
}

@media (min-width: 576px) {
    #pills-tabChooseLevel .nav-link.active::after {
        content: '';
        position: absolute;
        bottom: -9px;
        left: 50%;
        transform: translateX(-50%);
        border-width: 10px 10px 0 10px;
        border-style: solid;
        border-color: #0049ff transparent transparent transparent;
        animation: fadeIn ease .25s;
    }
}

/* VENUE end */


/* packages and promotions start */
.mitec-packages-promotions-content .card {
    border: 1px solid #0000002d;
    border-radius: 20px;
    background-color: #ffffff;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
}

.mitec-packages-promotions-content .news-card-title {
    min-height: 2.5rem;
    height: auto;
}

.mitec-packages-promotions-content .card .card-title {
    text-align: center;
    font-weight: bold;
    color: #234280 !important;
    font-size: 1.125rem;
}

.mitec-packages-promotions-content .card .card-body {
    padding-top: 0;
}

.mitec-packages-promotions-content .image-container-event:hover img {
    transform: scale(1.1);
}

.mitec-packages-promotions-content figure {
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}

/*.mitec-packages-promotions-content .responsive-card .card .image-container-event {
    max-width: 415px;
    max-height: 400px;
}*/

.mitec-packages-promotions-content .responsive-card .card img {
    height: auto;
}


@media only screen and (max-width: 1024px) {
    .mitec-packages-promotions-content .card .card-title { font-size: 14px; }
}

/* packages and promotions end */



/* F&B EXPERIENCE START */
.fnb-card {
    position: relative; 
    margin-bottom: 5rem;
}

.fnb-card-container { padding: 2rem; }

.fnb-card-container h1.fnb-card-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 36px;
}

.fnb-card-container .fnb-card-description p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-align: justify;
    line-height: 30px;
}

@media (min-width: 1024px) {
    .fnb-card:nth-of-type(2n) {
        flex-direction: row-reverse;
    }
}


@media only screen and (max-width: 1366px) {
    .fnb-card-container h1.fnb-card-title { font-size: 30px; }

    .fnb-card-container .fnb-card-description p { font-size:14px; }

    .fnb-card-container { padding: 1rem; }
}

@media only screen and (max-width: 1170px) {
    .fnb-card-container h1.fnb-card-title { font-size: 24px; }
}

@media only screen and (max-width: 991px) {
    .fnb-card-container h1.fnb-card-title { font-size: 18px; }

    .fnb-card { margin-bottom: 2rem; }
}

/* F&B EXPERIENCE END */


/* about us start */
.mitec-about-content h1 {
    font-size: 36px;
    font-weight: bold;
}

.mitec-about-content p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
}

.corporate-philosophy p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 16px;
}

.corporate-philosophy .img-overlay {
    position: relative;
    display: inline-block;
    max-width: 400px;
    max-height: 400px;
}

.corporate-philosophy .img-overlay .overlay {
    border-radius: 50%;
    background-color: rgb(0, 73, 255);
    opacity: 0.102;
    position: absolute;
    z-index: 139;
    width: 400px;
    height: 400px;
}

@media only screen and (max-width: 1366px) {
    .mitec-about-content h1 {
        font-size: 30px;
    }

    .mitec-about-content p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1170px) {
    .corporate-philosophy h2 {
        font-size: 24px;
    }

    .corporate-philosophy p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .mitec-about-content h1 {
        font-size: 18px;
    }

    h4.header-title {
        font-size: 16px;
    }

    .corporate-philosophy h2 {
        font-size: 18px;
    }
}


@media (max-width: 576px) {
    .corporate-philosophy .img-overlay {
        width: 250px;
        height: 250px;
    }
    
    .corporate-philosophy .img-overlay .overlay {
        width: 100%;
        height: 100%;
    }
}

#pills-tabOurStory {
    font-size: 0.875rem;
    line-height: 1.5;
}

#pills-tabOurStoryContent {
    background: #f5f9fc;
}

#pills-tabOurStory .nav-link {
    color: #0049ff;
    border: 1px solid #0049ff;
    border-radius: 50rem;
    height: 100% !important;
}

#pills-tabOurStory .nav-link.active {
    color: #fff;
}

#pills-tabOurStory .nav-item {
    position: relative;
/*    height: fit-content;*/
    margin-bottom: 1.5rem;
}

#pills-tabOurStory .nav-item.active {
    background-color: #0049ff;
    border: 1px solid #0049ff;
}

@media (min-width: 576px) {
    #pills-tabOurStory .nav-link.active::after {
        content: '';
        position: absolute;
        bottom: -9px;
        left: 50%;
        transform: translateX(-50%);
        border-width: 10px 10px 0 10px;
        border-style: solid;
        border-color: #0049ff transparent transparent transparent;
        animation: fadeIn ease .25s;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* about us end */



/* visit experience kl start */
.myworld_logo img {
    max-height: 150px;
    margin-bottom: 10px;
}

.myworld_logo > *:not(:first-child) {
    padding-left: 20px;
}

.about-myceb {
    text-align: right;
    font-size: small;
    font-weight: 700;
    text-decoration: underline;
}

a .about-myceb {
    color: #234280;
    text-align: right;
}

.card.visit-experience-card {
    height: 100%;
    max-height: 100%;
    color: #FFFFFF;
    text-align: center;
    padding: 20px 0;
    margin: 0;
    border-radius: 1rem;
}

.visit-experience-card .card-title {
    font-weight: 700;
    text-align: center;
}

.visit-experience-card-content p.card-text {
    text-align: center;
}

.visit-experience-card .card-body {
    font-size: medium;
}

.visit-experience-card .visit-experience-card-content > hr {
    opacity: 1;
}

.visit-experience-kl-content-description p {
    text-align: justify;
    font-weight: 600;
    line-height: 30px;
}

.visit-experience-kl-content-description a {
    color: #234280;
    font-weight: 700;
    text-decoration: underline;
}

.mitec-visit-experience-content .butn {
    text-transform: unset;
}

.mitec-visit-experience-content h4.header-title {
    font-size: 2rem;
    text-transform: uppercase;
}

.mitec-visit-experience-content p {
    font-size: 18px;
    text-align: justify;
    font-weight: 500;
    line-height: 30px;
}

.mitec-visit-experience-content #pills-tabPlacesInterest {
    background: #234280;
    padding: 16px 10px;
}

.mitec-visit-experience-content .card {
    width: 100%;
    border: 1px solid #dee2e6;
    padding: 10px 10px 0;
    background-color: transparent;
}

.mitec-visit-experience-content .card a h5.card-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #234280;
    text-decoration: underline;
}

.mitec-visit-experience-content .card a h5.card-title:hover {
    color: #0049ff;
}

.mitec-visit-experience-content-logos {
    margin-bottom: 20px;
}

#pills-tabPlacesInterest .nav-link {
    background: white;
    color: #234280;
    font-weight: 700;
    padding: 10px 50px;
    width: 200px;
}

#pills-tabPlacesInterest .nav-link.active {
    background: #f9c301;
}

.image-container {
    position: relative;
    height: 100%;
}

/*.image-container img {
    width: 100%;
    display: block;
}*/

.image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(35, 66, 128, 0.7); /* Semi-transparent background */
}

.image-container:hover .image-overlay {
    opacity: 1;
}

.image-overlay .places-of-interest-content {
    color: #ffffff;
    font-size: 18px;
    position: absolute;
    padding: 20px 20px;
    height: 100%;
    width: 100%;
}

.image-overlay .places-of-interest-content h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.image-overlay .places-of-interest-content p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.image-overlay .direction-link {
    font-size: small;
    position: absolute;
    bottom: 16px;
    right: 16px;
    font-weight: 700;
}

.image-overlay .direction-link a,
.image-overlay .direction-link i {
    color: white;
}


@media only screen and (max-width: 1366px) {
    .myworld_logo img { max-height: 120px; }

    .mitec-visit-experience-content .card a h5.card-title { font-size: 12px; }

    h1.visit-experience-kl-content-title { font-size: 24px; }

    .mitec-visit-experience-content p { font-size: 14px; line-height: 24px; }

    .visit-experience-card .card-title { font-size: 14px; }

    .mitec-visit-experience-content h4.header-title { font-size: 24px; }

    .image-overlay .places-of-interest-content { padding: 20px 10px; }

    .image-overlay .places-of-interest-content h5 { font-size: 14px; }

    .image-overlay { height: 100%; }
}

@media only screen and (max-width: 1170px) {
    h1.visit-experience-kl-content-title { font-size: 18px; }

    .visit-experience-card .card-body {
        font-size: 14px;
        padding: 10px 0 20px;
    }

    .mitec-visit-experience-content h4.header-title { font-size: 18px; }

    h2.header-title { font-size: 24px; }
}

/* visit experience kl end */



/* footer start */
.footerform .form-control {
    border-radius: 0;
    max-width: 100%;
    background-color: #e0dde4;
    font-size: 14px;
    height: 40px;
}

.footerinfo {
    background-color: #f4efef;
}

.footerinfo a {
    color: #234280;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    font-size: 14px;
}

.footerinfo a:hover {
    color: #f5911f;
}

.footerinfomenu>li:not(:last-child) {
    margin-bottom: 1rem;
}

.contactForm .form-control {
    border-radius: 0.375rem;
    max-width: 380px;
}

.footertitle {
    color: inherit;
    margin-bottom: 2.8rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
}

.footertitle:not(:first-child) {
    margin-top: 2.25rem;
    margin-bottom: .75rem;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

@media screen and (max-width: 1199px) {
    .footer-contact-info p {
        margin-bottom: .25rem;
    }
}

@media screen and (max-width: 500px) {
    .footertitle {
        margin-bottom: 1rem;
        font-size: medium;
    }

    .footerinfomenu>li:not(:last-child) {
        margin-bottom: .75rem;
    }
}

.footercopy {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    background: linear-gradient(45deg, #234280, #076571);
    height: 80px;
}

.footercopy a {
    color: #ffffff;
    font-weight: bold;
}

.copyright-fs {
    font-size: 0.75rem;
}

.input-container {
    position: relative;
}

.input-container i {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #ccc;
}

.input-container input {
    padding-left: 36px;
}

.footer-submit-btn {
    color: #121317 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

/* footer - social network */
.mitec-footer-socialmedia {
    width: max-content;
}

.social-network {
    margin: 0;
}

.social-network>li {
    display: inline-block;
}

.social-network>li>a {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    color: #919ba2;
    font-size: 1.25rem;
    line-height: 2.25rem;
    text-align: center;
}

.social-network>li>a>i {
    color: #234280;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.social-network>li>a>i:hover {
    color: #f5911f;
}

.footer-contact-info {
    display: flex;
}

.footer-contact-info i {
    margin-right: 8px;
}

.multi-column {
    column-count: 2;
    column-gap: 20px;
    list-style: none;
    padding: 0;
}

.footerinfomenu li {
    margin-bottom: 8px;
    break-inside: avoid;
    font-size: 16px;
}

.start-new-column {
    -webkit-column-break-before: always;
    page-break-before: always;
    break-before: column;
}


/* footer signup button */
.btn-signup {
    color: white;
    padding: 25px;
    line-height: 0;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-signup.btn-colorfull {
    background-image: linear-gradient(to right, #234280, #076571, #234280, #076571);
}

.btn-signup.btn-colorfull:hover,
.btn-signup.btn-colorfull:focus {
    background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
}

/* footer end */


/* search */
.top-search {
    padding: 10px 0;
    display: none;
}

.bg-search {
    background: linear-gradient(45deg, #234280, #076571);
}

.search-form input {
    background-color: inherit;
    border: none;
    color: white;
}

.search-form input:focus {
    background-color: inherit;
    border: none;
    color: white;
    box-shadow: 0px 0px 0px;
}

.search-form input::placeholder {
    color: white;
}

.search-form_submit {
    background: none;
    border: none;
    cursor: pointer;
    /* margin-top: 15px; */
    line-height: normal;
    font-size: 16px;
    vertical-align: -webkit-baseline-middle;
}

.image-container-search img {
    width: auto;
}

/* @media screen and (max-width: 991px) {
    .nav-search {
        position: fixed;
        right: 70px;
        top: 15px;
    }
} */
/* search */


/* captcha style */
.custom-captcha-class {
    background-color: #ffffff;
    color: #001100;
    border: 1px solid #cccccc;
}

.captcha {
    background-color: #ffffff;
    color: #001100;
    border: 1px solid #cccccc;
    width: 200px;
    height: 75px;
    font-size: 40px;
}

.grecaptcha-badge {
    bottom: 75px !important;
}


#btn-back-to-top {
    background: linear-gradient(45deg, #234280, #076571);
    position: fixed;
    bottom: 20px;
    right: 10px;
    display: none;
    border-radius: 50%;
    border: none;
    outline: none;
    z-index: 1;
}

/* frontend polish pass */
.nav-mitec .nav-link:focus-visible,
.nav-mitec .dropdown-item:focus-visible,
.butn:focus-visible,
.butn2:focus-visible,
.butn3:focus-visible,
.footerinfo a:focus-visible,
.pagination a:focus-visible,
.btn-search:focus-visible,
.navbar-toggler:focus-visible,
.search-form_input:focus-visible {
    outline: 3px solid rgba(0, 73, 255, 0.25);
    outline-offset: 3px;
}

.translationButton {
    color: rgba(var(--theme-color-rgb), 1);
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 15.5px;
    text-transform: uppercase;
    text-decoration: none;
}

.translationButton:hover,
.translationButton:focus {
    color: #f5911f;
}

.search-form_input {
    min-height: 48px;
}

.butn,
.butn2,
.butn3 {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.responsive-card .card,
.industry-partners-main .card,
.gallery-album .gallery-effect,
.mitec-event-calendar-content .card,
.mitec-newsletter-content .card,
.mitec-press-release-content .card {
    height: 100%;
}

.image-container-event img,
.industry-partners-logo img,
.awards-logo img,
.leadership-team img {
    display: block;
}

.image-container-event img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.news-card-title {
    height: auto;
    min-height: 4.5rem;
}

.ck-content img {
    max-width: 100%;
    height: auto;
}

#btn-back-to-top {
    z-index: 1040;
}

@media screen and (max-width: 991px) {
    .page-title {
        line-height: 1.15;
    }
}

@media screen and (max-width: 767px) {
    .mitec-full {
        padding: 16px 20px;
    }

    .page-title {
        font-size: 28px;
        margin-bottom: 0.25rem;
    }

    .page-secondlevel-title h1 {
        font-size: 26px;
        margin-bottom: 1.75rem;
    }

    .news-card-title {
        min-height: 0;
    }

    .pagination {
        flex-wrap: wrap;
        gap: 0.35rem;
    }

    .pagination a {
        float: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 42px;
        border-radius: 0.5rem;
    }

}

@media screen and (max-width: 575px) {
    .butn,
    .butn2,
    .butn3 {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #btn-back-to-top {
        right: 16px;
        bottom: 16px;
    }
}