/*Import Css*/
@import url('bootstrap.min.css');

/*@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');*/
@import url('font-awesome.min.css');
@import url('webslidemenu.css');
@import url('demo.css');
@import url('jquery.mmenu.all.css');
@import url('jquery.tabSlideOut.css');

/** Generated by FG **/
@font-face {
    font-family: 'Conv_agrandir-regular';
    src: url('../fonts/agrandir-regular.eot');
    src: local('☺'), url('../fonts/agrandir-regular.woff') format('woff'), url('../fonts/agrandir-regular.ttf') format('truetype'), url('../fonts/agrandir-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Generated by FG **/
@font-face {
    font-family: 'Conv_gt-pressura-mono-regular';
    src: url('../fonts/gt-pressura-mono-regular.eot');
    src: local('☺'), url('../fonts/gt-pressura-mono-regular.woff') format('woff'), url('../fonts/gt-pressura-mono-regular.ttf') format('truetype'), url('../fonts/gt-pressura-mono-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*font-face Css End*/

/*Default Css*/
* {
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    font-family: 'Agrandir', sans-serif;

}
a{
    text-decoration: underline;
    color:#16B8D9;
}
html {
    scroll-behavior: smooth;
}
body {
	font-family: 'Agrandir', sans-serif;
	color: #37424a;
	font-size: 16px;
	line-height: 1.42857143;
	margin: 0;
	padding: 0;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.col-centered {
	float: none;
	margin: 0 auto;
	display: block;
}
section {
	float: left;
	width: 100%;
	padding: 30px 0;
    background:#fff;
}



.register_btn {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	margin: 0px 0px 20px;
	background: #1fc3f3;
	padding: 8px 10px !important;
	border-radius: 4px;
	border: 1px solid #1fc3f3 !important;
}

.register_btn:hover, .register_btn:focus, .register_btn:hover, .register_btn:focus {
	background: #0781a5;
	color: #fff;
}

.login, .register {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	margin: 0 8px;
	background: #004165;
	padding: 5px 10px !important;
	border-radius: 4px;
	border: 1px solid #004165 !important;
}

.login:hover, .login:focus, .register:hover, .register:focus {
	background: #002032;
	color: #fff;
	border: 1px solid #002032 !important;
}




	#return-to-top {
		position: fixed;
		bottom: 15%;
		/*z-index: 999;*/
		z-index: 9991;
		right: 20px;
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.7);
		width: 50px;
		height: 50px;
		display: block;
		text-decoration: none;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border-radius: 35px;
		display: none;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#return-to-top i {
		color: #fff;
		margin: 0;
		position: relative;
		left: 16px;
		top: 13px;
		font-size: 19px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#return-to-top:hover {
		background: rgba(0, 0, 0, 0.9);
	}

	#return-to-top:hover i {
		color: #fff;
		top: 5px;
	}

	


/*New css website*/

.navbar-container {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #361B74;
    display: flex;
    justify-content: center;
    box-shadow: 0 9px 6px rgba(18, 17, 17, 0.1);
    z-index: 100;
}

.navbar {
    width: 100%;
    max-width: 1360px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 20px;
}

.logo {
    width: 180px;
    height: auto;
    padding-right: 50px;
}

.nav-links {
    list-style: none;
    display: flex;
    flex: 3;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.nav-links li {
    padding: 8px;
    text-align: center;
}

.nav-links a {
    text-decoration: none;
    color: white;
    font-size: 18px;
    transition: color 0.3s ease;
    position: relative;
}

.nav-links a:hover {
    color: #FF610F;
}

.nav-links a:not(.register-button)::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    display: block;
    margin-top: 5px;
    right: 0;
    background: #FF610F;
    transition: width 0.3s ease;
}

.nav-links a:not(.register-button):hover::after {
    width: 100%;
    left: 0;
    background: #FF610F;
}

.register-button {
    background-color: #FF610F;
    color: white;
    padding: 11px 25px;
    border-radius: 20px;
    font-weight: bold;
}

.register-button:hover {
    background-color: white;
    color: #FF610F;
}

/* Hamburger menu for mobile view */
.hamburger {
    display: none;
    flex-direction: column;
    cursor: pointer;
    z-index: 10;
}

.hamburger .line {
    width: 25px;
    height: 3px;
    background-color: white;
    margin: 4px 0;
    transition: all 0.3s ease;
}

/* Cross icon */
.hamburger.active .line:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.active .line:nth-child(2) {
    opacity: 0;
}

.hamburger.active .line:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* -------------Countdown Section---------------     */
.countdown-section {
    /*background: linear-gradient(to bottom right, rgba(56, 24, 131, 1) 20%, rgba(253, 84, 31, 1) 100%);*/
    background: url("../src/bg_hero.png"), linear-gradient(to bottom right, rgba(56, 24, 131, 1) 20%, rgba(253, 84, 31, 1) 100%);
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
    background-position:left;
    padding: 100px 20px;
    width: 100%;
    position: relative;
}
.pmi_host_logo_icon_block{
    position: absolute; right: 20px; bottom: 20px;
}
.exhibutors-section{
    background: linear-gradient(to bottom right, rgba(56, 24, 131, 1) 20%, rgba(253, 84, 31, 1) 100%);
    color: white;
    text-align: left;
    padding: 80px 20px;
    width: 100%;
}

.countdown-container {
    max-width: 1260px;
    margin: 0 auto;
}
.countdown-section h1{
    font-size: 50px;
}
.countdown-section h3{
    font-size: 24px;
    margin-bottom: 10px;
}


h1, h2 {
    margin-bottom: 20px;
}
.host_logo{
    width:200px;
    margin-bottom: 20px;
}
.host_logo1{
    width:200px;
}
.countdown-timer {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}
.countdown-item{
    /*background: rgba(255, 255, 255, 0.2); */
    background:rgb(142 136 136 / 20%);
    /* White with transparency 
    backdrop-filter: blur(10px); /* Blur effect */
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    border: 1.5px solid rgba(255, 255, 255, 0.3); /* Optional border for added effect */
    
}
.countdown-item.one{
    border-bottom-color:#FD541F ;
    color: #FD541F;
}
.countdown-item.two{
    border-bottom-color:#25A9CD ;
}
.countdown-item.three{
    border-bottom-color:#BA8FFF ;
}
.days{
    color: #FD541F;
}
.hours{
    color: #25A9CD;
}
.minutes{
    color: #BA8FFF;
}

.countdown-value{
    font-size: 3rem;
    display: block;
}

.countdown-label {
    font-size: 1.2rem;
}

/* -----------------------Overview Section------------------------------- */
/* Overview Section */
.overview-section {
    background: #f9f9f9; /* Light background color */
    padding: 100px 20px;
    width: 100%;
    text-align: left;
}




.overview-row {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping of boxes on smaller screens */
    gap: 20px; /* Space between boxes */
    padding-top: 10px;
}

.overview-box {
    background: #ffffff;
    padding: 20px;
    flex: 1; /* Allows boxes to grow and shrink */
    min-width: 220px; /* Ensures minimum width of each box */
}


.overview-box h4 {
    font-size: 22px;
}
.wa-icons{
    width:74px;height:74px;margin-bottom:20px
}
.wa-fourth-heading-block{
    height:62px;
}


/* Overview Section */
.overview-section {
    background: #fff; /* Light background color */
    padding: 80px 20px;
    width: 100%;
    text-align: left;
}

.overview-container {
    max-width: 1260px;
    margin: 0 auto;
}


.overview-intro {
    display: flex;
    align-items: flex-start; /* Align items to the start of the container */
    gap: 15px; /* Space between the icon and text */
    margin-bottom: 20px;
}

.intro-icon {
    font-size: 36px; /* Adjust size as needed */
    color: #FF610F; /* Icon color */
   margin-top: 20px;
}


.overview-box h4 {
    font-size: 24px;
    margin-bottom: 10px;
}
.overview-intro p{
    margin-left: 15px;
}
.sub-heading{
    font-size: 48px;
    color: #361B74;
    margin-bottom: 35px;
    text-align: center;
}
.sub-heading-two{
    font-size: 48px;
    color: #361B74;
    text-align: center;
}
.sub-heading-three{
    font-size:28px;
    color: #361B74;
}
.paragraph{
    font-size: 21px;
    color:#5C5C5C;
    line-height: 35px;
    margin-bottom: 25px;
}
.pdu_step{
    width: 100%;
}
.pdu_step ul li{
    font-size: 21px;
    color:#5C5C5C;
    line-height: 35px;
    list-style-type: circle;
}
.email_box{
    width: 100%;
    margin:0 auto 40px;
    text-align: center;
}
.email_box .inputReg{
    width:30%;
    padding:13px 10px;
    text-align: left;
}
.button {
    background-color: #FF610F; /* Default background color */
    color: white; /* Default text color */
    padding: 10px 28px;
    border: none;
    border-radius: 5px;
    font-size: 22px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Drop shadow */
    cursor: pointer;
    position: relative; /* For the pseudo-element positioning */
    overflow: hidden; /* Ensure gradient does not overflow */
    transition: background-color 0.3s ease;
    margin-top: 40px;
}
.button1 {
  background-color: #FF610F;
  color: white;
  padding: 10px 28px;
  border: none;
  border-radius: 5px;
  font-size: 22px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
/* FOOTER STYLES */
.footer {
    width: 100%;
    float: left;
    background: black; /* Blue gradient */
    color: #ffffff;
    padding: 40px 0;
    text-align: center;
}

.container-footer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.footer-logo img {
    max-width: 180px;
    height: auto;
    margin-bottom: 15px;
}

.footer-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-text {
    margin: 0;
    font-size: 14px;
}

.footer-info a {
    color: #d4e1e8; /* Light blue for links */
    text-decoration: none;
    font-weight: bold;
}

.footer-info a:hover {
    color: #ffffff;
    text-decoration: underline;
}




/*------------------------------------- Mobile Css---------------------------------------------------- */


@media (max-width: 768px) {
    .sub-heading-two{
        font-size:30px;
    }
    .sub-heading-three {
      font-size: 24px;
    }
    .pdu_step ul li{
        font-size: 16px;
        padding: 0px 20px;
    }
    .countdown-container {
        padding:40px 10px;
    }
    .countdown-timer{
        gap:15px
    }
    .button{
        font-size: 18px;
        margin-top: 20px;
    }
    .paragraph{
        font-size: 16px;
        line-height: 24px;
    }
    .sub-heading{
        font-size: 30px;
        line-height:40px;
        margin-bottom: 25px;
    }
    .navbar {
        padding: 10 15px;
    }
    .nav-links {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #361B74;
        position: absolute;
        top: 70px;
        left: 0;
        padding: 0;
        margin: 0;
        box-shadow: 0 9px 6px rgba(18, 17, 17, 0.1);
        padding-bottom: 30px !important; /* Added padding to the bottom of the menu */
    }
    .register-button{
        padding:17px 19px !important;
    }
    .nav-links.active {
        display: flex;
    }

    .hamburger {
        display: flex;
        padding-right: 10px;
    }
    .section{
        padding: 40px 16px;
    }
    .conference-section{
        padding: 0px 16px 0px ;
    }
    .percentage-div{
        width: 100%;
        padding: 0px;
    }
    .countdown-section{
        padding: 40px 16px;
    }
    .registration-section{
        padding: 40px 16px;
    }
    .registration-row{
        flex-direction: column;
        justify-content: center;
        display: none;
    }
    
    .overview-row.orange-border-left{
        border: 0px;
    }
    .overview-intro p {
        margin: 0px;
    }
    .intro-icon{
        margin-top: 10px;
    }
    .intro-icon img{
        width: 45px;
        height: auto;
    }
    .overview-intro {
        margin-bottom: 40px;
    }
    .overview-box {
        padding: 0px;
    }
    .overview-box h4 {
    font-size: 22px;
    line-height: 30px;
    }
    .wa-icons{
    width:50px;height:auto;margin-bottom:12px
    }
    .wa-fourth-heading-block{
    height:auto;
    }
    .orange-border-left {
        border-right: 0px;
    }
    .paragraph {
        margin-bottom:16px;
    }

    
    .gst-para{
        font-size: 14px;
        padding-top: 20px;
        text-align: center;
    }
    .small{
    display:none;
    }
    .smallMobile{
        display:block;
        font-size:14px;
        color:#5C5C5C;
        margin-bottom:20px;
    }
    .logo-size{
        width:74px;
        height:74px;
    }

    .countdown-section h1{
        font-size:40px;
        line-height: 48px;
        padding-top:10px;
        margin-bottom:10px;
    }
    .countdown-section h3 {
        font-size:20px;
        line-height: 26px;
    }
    .host_logo{
        margin-bottom:0px;
    }
    .host_logo1{
        width:120px;
    }
    .main-container.sponsor-block{
        padding:40px 16px 80px;
    }
    .exhibutors-section{
        padding: 40px 16px;
    }
    
    .register-para-icon-block{
        width: 28px;
    }

    .margin-right {
        margin-top: 2px;
        width: 16px;
    }

    .map-para{
        font-size:20px;
    }
    .venue-icon{
        width:40px;
        height:40px;
    }
    .nav-links {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #361B74;
        position: absolute;
        top: 70px;
        left: 0;
        padding: 0;
        margin: 0;
        box-shadow: 0 9px 6px rgba(18, 17, 17, 0.1);
        z-index:3;
    }

    .nav-links li {
        padding: 15px 0;
        width: 100%;
        text-align: center;
    }

    .nav-links a {
        width: 100%;
        padding: 15px 0;
        text-align: center;
    }

    .nav-links.show {
        display: flex;
    }

    .hamburger {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        z-index: 1001;
        width: 30px;
        height: 30px;
        background-image: url('https://marketingcampaign.online/PMI/src/svg/Bars.svg'); /* Replace with your hamburger icon */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .hamburger.active {
        background-image: url('https://marketingcampaign.online/PMI/src/svg/x.svg'); /* Replace with your cross icon */
    }

    .hamburger .line {
        display: none; /* Hide the lines when using background images */
    }

    .footer-text {
        margin: 0;
        font-size: 10px;
    }
    .container-footer {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 10px;
    }
    .footer{
        padding:20px 0px;
    }

}