@charset "utf-8";
/* CSS Document */


/* ======== Common for all ======== */
a{text-decoration: none;}
.bg-overlay{ position: absolute; width: 100%; height: 100%; background-color:#041d56; opacity: .4; z-index: 1;}

.x-icon{ opacity: .8; transition:all .3s ; -webkit-transition:all .3s ; -moz-transition:all .3s ; -ms-transition:all .3s ; -o-transition:all .3s ; }
.x-icon:hover{opacity: 1; transition:all .3s ;}

.a-link-black{color: var(--darkgrey); transition: all .3s;}
.a-link-black:hover{ color: var(--primary1); transition: all .3s; letter-spacing: 3px;}

.a-link-blue{color: var(--primary1); transition: all .3s; font-weight: 500;}
.a-link-blue:hover{ color: var(--darkgrey); transition: all .3s; font-weight: 500; letter-spacing: 3px;}
.expand-effect{transition: all .3s;}
.expand-effect:hover{transition: all .3s; letter-spacing: 3px;}

.a-btn-orange{background-color: var(--secondary1); transition: all .3s;}
.a-btn-orange:hover{background-color: var(--primary1); transition: all .3s; }

@media (min-width:1250px) {
  .a-btn-orange:hover{letter-spacing: 3px;}
}

.chat_btn{position: fixed; bottom: 10px; left: 10px; z-index: 500;}


/* ======== Home page ======== */
@media (max-width: 768px) {
	.home-slide-pic {height: 48vh;}
  .topbanner {height: 60vh;}
  .eventbanner {height: 45vh;}
	.empty-div{height: 110px;}
}
@media (min-width: 769px) and (max-width: 992px) {
	.home-slide-pic{height: 70vh;}
  .topbanner{height: 40vh;}
  .eventbanner {height: 40vh;}
	.empty-div{height: 110px;}
}

@media (min-width: 993px) {
	.home-slide-pic, .topbanner{height: 70vh;}
  .eventbanner {height: 55vh;}
	.empty-div{height: 150px;}
}		

.home-slide-pic{background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%;  z-index: 0;}
.eventext-box{position: absolute;  z-index: 500; top: 0; left: 0; width: 100%; height: 100%; }
.captionbox {position:absolute; bottom:10px; width:100%; color:#FFF; z-index: 5; }

#featured-services {
background: url("../images/homepage/about-bg.jpg") center top no-repeat fixed;
background-size: cover;
padding: 60px 0 40px 0;
position: relative;
}

.subscribe-btn{font-size: 16px;padding: 8px 40px; display: inline-block; background: var(--primary1); color: #fff; transition: 0.3s; border-radius: 4px;}
.subscribe-btn:hover{background: var(--primary1-light); color: #fff; }
.gsc-search-button-v2{padding: 10px 27px!important;}

/* ======== Home page end ======== */


/* ======== about us page ======== */

.topbanner{background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; z-index: 0; position: relative;}

/* ======== about us page ======== */


/* ======== Event pages ======== */

@media (max-width:1366px){
	.event-logo{max-width: 200px;}
	.logo-box{border: none;}
}
@media (min-width:1367px){
	.event-logo{max-width: 270px;}
	.logo-box{border-right: 1px solid #ccc;}
}

.eventbanner-pic{background-position: center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; z-index: 0;}

  
@media (min-width:1200px) {
  .topbanner-title{font-size: 3.5rem;}
  
  }
  .eventbanner{position: relative; }
  
  @media (min-width:993px) {
  .border-lg-1{border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;}
  .days-count{font-size: 3.5vw; line-height: 1;}
  #event-status1, #event-status2{top:110px;}
  }
  @media (max-width:992px) {
  .days-count{font-size: 10vw;}
  }
  .sponsor_bg{background-image: url("../images/aboutevent/sponsor_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; position: relative; z-index: 0;}
  .sponsor_bg::before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(49, 76, 117, 0.6);
  z-index: -1;
  }
  .industry_bg{background-image: url("../images/aboutevent/industry_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; position: relative; z-index: 0;}
  .industry_bg::before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(49, 76, 117, 0.6);
  z-index: -1;
  }
  .industry-news ul li a, .industry-news p{color:#fff; transition: all .3s;}
  .industry-news ul li{margin-bottom: 10px;}
  .industry-news ul li a:hover, .industry-news p:hover{color:#9edefc; transition: all .3s; font-weight: 500;}
  
  .headerbox{text-transform: uppercase; padding: 10px; border-bottom: 1px solid #ddd; font-weight: 500;}
  .actnow-bg{ background-color: rgba(33,37,41, 1);}
  
  .sponsor-logobox img{ width: auto!important; }

@media only screen and (max-width: 430px) {
	.modal_banner {
width:100%!important;
position:fixed;
bottom:0px;
right:0px;
margin:0px;}
	}
.modal_banner {
width:650px;
position:fixed;
bottom:0px;
right:0px;
margin:0px;
-webkit-animation-name: slideIn;
-webkit-animation-duration: 0.4s;
animation-name: slideIn;
animation-duration: 0.4s
    }
	.modal{
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
	}
@media (min-width: 769px){.modal-dialog {width: 1000px; margin: 30px auto;}}
@media (min-width: 1800px){.modal-dialog {width: 1300px; margin: 30px auto;}}

/* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0} 
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}


/* The Close Button */
.close {
	position:absolute;
  color:#333;
  font-size:36px;
  float: right;
  right:10px;
  top:7px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}