ul.sub-menu {
    background: rgb(45 53 151 / 90%);
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}

.navbar-nav li {
    padding: 10px 30px 10px 0;
}

.navbar.navbar-expand-lg .navbar-nav ul.sub-menu > li {
    padding: 5px 25px;
}

.navbar.navbar-expand-lg .navbar-nav ul.sub-menu {
    padding: 20px 0;
}
ul.sub-menu li a{font-size: 14px;}
@media(max-width:1230px){
    #nav-logo-menu-2 .bg-wrap{background: #fff;}
    .dark .navbar-nav a,.dark .navbar-nav a:hover{color: #000 !important;}
    .navbar-nav li {padding: 0;}
    .navbar-nav li svg{fill:#000 !important;}
    ul.sub-menu {background: #fff;}
    .navbar.navbar-expand-lg .navbar-nav ul.sub-menu {padding: 10px 0;}
}
.padding-list.list-inline.footer-links li{margin:0;padding:0;}
.padding-list.list-inline.footer-links li:not(:last-child):after{content:"|"; margin: 0 10px;}
.content-box {
    height: 100%;
}
.team-bg {
    position: absolute;
    width: 140px;
    right: -20px;
    top: -30px;
    height: 100%;
}
.team-bg svg{
    width: 100%;
    height: 100%;
}
.team-bg:hover svg{
    fill: #2d3597;
}
.social {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}
@media(max-width:767px){
.dates h4 {
    font-size: 14px !important;
    line-height: 14px;
    color: #fff !important;
}
.dates {
    background: #2d3697;
    padding: 10px 0;
}
}
.page-list {
    list-style: none;
}
.page-list li {
    position: relative;
    padding-left: 25px;
    padding-top: 0;
    padding-bottom: 10px;
}
.page-list li::after {
    content: "";
    background-image: url(https://storage.googleapis.com/icoms_media/sites/660/images/uploaded/660/check.png);
    width: 15px !important;
    height: 15px !important;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 5px;
}
@media(max-width:1230px){
    .dark .navbar-nav a,.dark .navbar-nav a:hover{color: #fff !important;}
    .navbar-nav li svg{fill:#fff !important;}
}
@media(max-width:767px){
.logo{height:90px !important; padding-left:0 !important; padding-right:0 !important;}
.banner-caption h3{
    font-size: 20px !important;
    line-height: 26px !important;
}
.main-banner .banner-caption a {
    width: auto !important;
    padding: 10px 30px !important;
    margin-bottom: 30px !important;
}
.dark .owl-prev.light, .light .owl-prev, .dark .light .owl-prev, .owl-prev.light, .dark .owl-next.light, .light .owl-next, .dark .light .owl-next, .owl-next.light{background-color: transparent;}
}
.jarallax{height: 100vh; width: 100%;}
.jarallax-img{
    background-size: cover;
    width: 100% !important;
    height: 100% !important;
    background-position: center;
}
.main-banner .jarallax-container::before,.main-banner .jarallax::before {
    content: ""!important;
    position: absolute;
    display: block;
    width: 100%;
    height: 20vh;
    top: 0;
    left: 0;
    pointer-events: none;
    background: -moz-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 60%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 60%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 60%,rgba(0,0,0,0) 100%);
}
.main-banner .jarallax-container::after,.main-banner .jarallax::after {
    content: ""!important;
    position: absolute;
    display: block;
    width: 100%;
    height: 35vh;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.6) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.6) 100%);
}
.banner-caption {
    position: absolute;
    width: 100%;
    bottom: 75px;
}
@media(max-width:1024px){
    .main-banner.full-height, .jarallax{height: 75vh; min-height:75vh;}
}
@media(max-width:767px){
    .main-banner.full-height, .jarallax{height: 80vh; min-height:80vh;}
    .main-banner .jarallax-container::after,.main-banner .jarallax::after{height:40vh;}
.main-banner .jarallax-container::before, .main-banner .jarallax::before{height:35vh;}
    .banner-caption {bottom:10px;}
    .main-banner a{margin-bottom:5px;}
}
@media (min-width: 1230px){
    .boxed, .container {max-width: 1330px;}
}

#countDown {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}
#countDown li {
	display: inline-block;
	padding: 0 10px;
}
#countDown li span {
	font-size: 36px;
	font-weight: 500;
	line-height: 40px;
}
#countDown li p {
	color: #a7abb1;
	font-size: 14px;
    margin-bottom:0;
}

.banner-caption {
    bottom: 0;
}

.bg-box {
    position: absolute;
    bottom: 85px;
    right: 0;
    background: rgb(20 8 31 / 60%);
    padding: 30px 20px;
    width: 22%;
}
.dark .navbar-nav a{font-size:16px;}
.navbar-nav li{padding:10px 0;}
@media(min-width:991px){
    .sub-menu .sub-menu-link svg{
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    ul:not(.sub-menu)>li.nav-item>a {
            padding: 0 !important;
            padding-bottom: 10px !important;
    }
    .sticky ul:not(.sub-menu)>li.nav-item>a {
        padding: 25px 0 !important;
    }
    .sub-menu {
        background-color: transparent !important;
        display: none;
        list-style: none;
    }
    .sub-menu li a{
        color: #fff !important;
        font-size: 16px !important;
    }
    .sub-menu li{padding: 0 0 15px 25px !important;}
    .navbar .navbar-nav ul.sub-menu > li{padding: 0.3rem 1.5rem;}
}
@media(max-width:1200px){
    .primary-block {padding: 30px 20px;}
}
@media(max-width:991px){
   .logo img {
        height: 90px;
    padding: 10px !important;
}
    .banner .full-height {
        min-height: 75vh;
    }
    a.sub-menu-link {padding: 0.5rem 0;}
    .sub-menu-link svg,.sticky .navbar-nav a svg{fill: #555 !important;margin-left: 0.2rem;}
    .sub-menu a:not(.nav-link).sub-menu-link svg{
        transform: rotate(90deg);
    }
    .sub-menu-item{padding: 0.5rem 0;}
    .sub-menu {
        background-color: transparent !important;
        padding: 0 !important;
    }
    .navbar .navbar-nav ul.sub-menu>li{
        padding: 5px 10px !important;
    }
    .nav-link svg{fill: #000 !important;}
    .navbar-nav {
        padding: 10px 0;
    }
}
.sticky .bg {
    background: #ffffff;
}
.sticky h4{color: #000 !important;}
.navbar .bg {
    transition: background-color 0.3s linear;
}
.sticky .navbar-nav a {
    color: #fff !important;
}

.sticky .navbar-nav a:hover {
    color: #fff !important;
}

.sticky .navbar-nav a svg {
    fill: #fff !important;
}
.sticky .navbar-nav ul.sub-menu {
    background-color: rgb(195 62 76 / 90%)  !important
}
.sticky .navbar-nav ul.sub-menu li a,.sticky .navbar-nav ul.sub-menu li a:hover{
    color: #fff !important;
    text-decoration: none;
}
.sticky {
    -webkit-box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 7%);
}

@media(max-width:767px){
    .main-banner h2 {
        font-size: 26px !important;
        line-height: 34px !important;
    }
    .main-banner a {
        width: 100%;
        justify-content: center;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }
    .main-banner a {
        width: 100%;
        justify-content: center;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

}
.sticky .top-bar, .sticky .separator hr {
    display: none;
}
    @media(max-width:1024px){
        .navbar-collapse {
            background: #fff;
        }

        .navbar-collapse li a {
            color: #333 !important;
        }
        #panel-logo-menu{min-width: 450px;}
        .sub-menu ul li{padding-left: 30px;}
        .sub-menu.show{display: block;}
        li.nav-item:not(:last-child){padding: 0;}
}

@media(max-width:991px){
    .sub-menu{display: none;list-style:none;}
    .sub-menu li{padding-left:20px !important;}
    .sub-menu ul li{padding-left:40px;}
    a.nav-link {padding: 0.5rem 0;}
}
@media(max-width:767px){
    .main-nav{padding-left:50px;}
}
#panel-logo-menu{overflow:scroll; background: #fff;}

@media(min-width:991px){
.two-columns {
    columns: 2;
}
.two-columns li {
    break-inside: avoid-column;
}
}

.blr-active-page .sub-menu {
    display: block;
}

.sub-menu ul {
    padding-top: 10px;
}

.sub-menu li:last-child {
    padding-bottom: 0 !important;
}.sub-menu .sub-menu-link svg {
    fill: red;
    position: relative;
    top: 0;
    transform: none;
}

#panel-logo-menu {min-width: 25% !important;background: #2d3598;}
@media(max-width:767px){
    #panel-logo-menu {min-width: 85% !important;}
    #panel-logo-menu .main-nav, #panel-logo-menu .inline-group{padding-left: 30px;}
}
@media (max-width: 991px){
.sub-menu a:not(.nav-link).sub-menu-link svg {transform: none;}
}

.sticky .topbar{display:none;}
.sticky .patronage span {
    color: #fff !important;
}
ul.navbar-nav {
    flex-basis: 100%;
}
@media(max-width:767px){
    #countDown li span {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
    }
    .bg-box {
        bottom: 0;
        padding: 10px;
        width: 18%;
    }
    #countDown li {
        padding: 5px 10px;
    }
}    
footer .form-control {
    padding: 10px 15px;
}
.vision-logo{width:250px;margin-top:0px;}
@media(max-width:1200px){
    .vision-logo{width:100%;margin-top:50px;}
}
@media(max-width:767px){
    .counter {padding-left: 30px;}
    .vision-logo{width:150px;margin-top:0;}
     .footer-logo{width:40%;}
    .footer-logo.organiser {
        width: 65%;
        padding-right: 20px !important;
    }
}
.why-exhibit li {
    position: relative;
    display: flex;

}
.why-exhibit p {
    display: inline-block;
    line-height: 25px;
}

.why-exhibit svg {
    margin-top: 5px !important;
}