@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

*{margin: 0; padding: 0; list-style: none;}

dl, ol, ul{padding: 0; margin: 0;}


body{font-family: "Inter", sans-serif; font-weight: 400; font-size: 16px; color: #000F26; padding: 20px 20px 0px; min-width: 320px;}

h1,h2,h3,h4,h5,h6{line-height: 1.2; font-weight: 700; margin: 0;}
p{line-height: 1.4;}

.container{max-width: 1400px;}
.mb-0 {margin-bottom: 0px;}
.heroSection{}
.heroSection .container{}
.heroSection .container .hero-col{align-content: center;}

.heroText{padding: 64px;}
.heroText * {color: #000F26;}
.heroText .logo{display: inline-block; margin-bottom: 40px;}
.heroText .logo img{height: 24px;}

.heroText h1{font-size: 64px; font-weight: 700; margin-bottom: 8px;}
.heroText h4{font-size: 24px; font-weight: 500; margin-bottom: 32px;}
.heroText p{margin: 0;}

.eventInfo{}
.eventInfo{display: grid; gap: 24px; margin-bottom: 24px;}
.eventInfo li{font-size: 20px; font-weight: 700; display: flex; align-items: center;}
.eventInfo li i{font-size: 32px; color: #FE621D; margin-right: 16px; min-width: 24px; text-align: center;}

.hero-img{ min-height: 650px; background: url(../images/heroImgLeft.png) center no-repeat; background-size: cover; border-radius: 64px 64px 64px 0px; overflow: hidden;}

.registerCol{background: #1D46A9; min-height: 650px; border-radius: 64px 0px 64px 64px;}
.registerForm{ width: 100%;}
.registerForm h2{font-size: 32px; font-weight: 600; color: #fff; margin-bottom: 24px;}
.registerForm fieldset{max-width: 1000px !important;}
.registerForm input{width: 100% !important; background: transparent; border: none; border-bottom: 1px rgba(255, 255, 255, 0.2) solid; border-radius: 0; font-size: 20px; color: #fff; line-height: 1.2; padding: 16px 0px; /*margin-bottom: 16px;*/}
.registerForm input::placeholder{color: rgba(255, 255, 255, 0.5);}
.registerForm input:focus{color: #fff; background: transparent;outline: none;box-shadow: none; }
.registerForm .hs-button.primary{font-size: 20px; color: #000F26; line-height: 1.2; font-weight: 500; background: #fff; padding: 16px; border-radius: 8px; width: 100%; min-height: 60px; margin-top: 32px;}
.registerForm .hs-button.primary:hover{color: #fff; background: #000;}
.hs-error-msgs,
label.hs-error-msg {color: #E12724;}
.hs-error-msgs label {font-size: 12px;}


.keySection{}
.keySection .keyContainer{}
.keySection .keyContainer .col-lg-6{ padding: 64px; align-content: center;}
.keySection h2{margin-bottom: 24px;}
.keySection .keyPoints{display: grid; grid-template-columns: auto auto; gap: 20px; margin-bottom: 24px;}
.keySection .keyPoints li{font-size: 18px; font-weight: 500; padding: 4px 0px; position: relative; display: inline-flex; text-align: left;  align-items: center; gap: 20px;}
.keySection .keyPoints li i{font-size: 32px; color: #FE621D;}


.agendasection {padding: 80px 0px;}
.agendasection {padding: 80px 0px;padding-bottom: 20px;}
.agendasection table td {padding-bottom: 1.5em;align-content: center;}
.tableline {border: solid 1px #CECECE;border-radius: 24px;padding: 24px;height: 100%;}
.sectionSpeakers{padding: 80px 0px;}
.titleLabel{font-size: 16px; text-transform: uppercase; letter-spacing: 2px; color: #1D46A9; margin-bottom: 8px;}
.sectionSpeakers h3{font-size: 32px;}
.sessiontime {font-size: 24px;color: #fe621d;line-height: 24px;}
.item-center { align-content: center;position: relative;}
.post-lunchbreak {text-align: center; margin: 0 auto;}
.agendasection table td {font-size: 14px;}
.lunch { font-size: 20px;font-weight: 600;}
b.title {font-size: 16px;}
.daydate {ont-size: 20px;margin-bottom: 16px;font-weight: 500;}
.time-box { display: flex;gap: 24px;margin-bottom: 24px;align-items: center;}
.programdetail {display: flex;flex-direction: column;gap: 2px;border-left: solid 1px #ddd;padding-left: 24px;font-size: 14px;}
.line::before {content: '';position: absolute;width: 1px;height: 38px;background-color: #ddd;}
.line {position: relative;}
.time {font-size: 14px;min-width: 70px;}
.lunchtime {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 170px;
    height: 170px;
    background-color: #fff;
    border: solid 1px #CECECE;
    vertical-align: middle;
    border-radius: 170px;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.download-agenda {
    background: #eae9e9;
    padding: 8px 16px;
    color: #000;
    border-radius: 30px;
    margin-top: 12px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    border-color: #eae9e9;
    text-decoration: none;
}
.download-agenda:hover {
	background: #d5d5d5;
}
.post-lunchbreak .lunch-img {margin-bottom: 4px;}
.post-lunctime {
    width: 145px;
}
.lunchtime .sessiontime {font-size: 20px;}
.lunchtime .lunch {font-size: 16px;}
.agenda-row {
    position: relative;
    /* display: flex; */
    gap: 0px;
    flex-wrap: nowrap;
    justify-content: center;
    /* border: 1px #03A9F4 solid; */
}
.agenda-row>.col-lg-6 {
    width: calc(50% - 70px);
    /* border: 1px red solid; */
    padding: 0;
}


.speakers-row{margin-left: -24px; margin-right: -24px;}
.speakers-row>.col-12 {padding-left: 24px; padding-right: 24px;}

.speakersItem{display: flex; gap: 24px; padding: 24px 0px;}
.speakersImage{width: 190px; text-align: center;}
.speakersImage img{max-width: 190px;}
.speakersInfo{}
.speakersInfo> p{margin-bottom: 16px;}
.speakersName{margin-bottom: 16px;}
.speakersName h6{font-size: 20px; font-weight: 700; margin-bottom: 4px;}
.speakersName p{font-size: 14px; font-weight: 500; margin: 0; color: #666F7D;}


footer{text-align: center; padding: 24px 0px;}
footer p{font-size: 14px; margin: 0px;}

.coffee-break {
    padding: 12px 0px 12px 24px;
}
.agendatitle-text h3 {
    font-size: 32px;
}

/*========Media Queries========*/

/* Large devices (laptops/desktops, 1200px and down) */
@media only screen and (max-width: 1366px) {
	.heroText,
	.keySection .keyContainer .col-lg-6 {padding: 48px 48px;}
	
}

/* Large devices (laptops/desktops, 992px and down) */
@media only screen and (max-width: 992px) {
	.heroText{padding: 48px 0px;}
	.hero-img{min-height: 500px; border-radius: 48px 48px 0px 0px;}
	.registerCol{border-radius: 0px 0px 48px 48px; min-height: auto;}
	.registerForm {max-width: 100%;}
	.registerForm h2 br{display: none}
	.registerForm form>fieldset {max-width: 100%;}
	.inviteText p br{display: none;}
	.agenda-row>.col-lg-6 {
    width: calc(100% - 0px);
    /* border: 1px red solid; */
    padding: 0;
}

.post-lunctime {height: 150px;}
.agenda-row {
    position: relative;
    /* display: flex; */
    gap: 0px;
    flex-wrap: inherit;
    justify-content: center;
    /* border: 1px #03A9F4 solid; */
}
.lunchtime {
    position: relative;
}
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
	.registerForm h2 br{display: block;}	
	.lunchtime {position: relative;}

}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	body{padding: 16px 16px 0px 16px;}
	.hero-img{min-height: 300px;}
	.keySection .keyContainer .col-lg-6 {padding: 48px 32px;}
	.keySection .keyPoints li {width: 100%;}
	.keySection .keyPoints li br{display: none;}
	.heroText {padding: 16px 0px 48px;}
	.heroText h1 {font-size: 44px;}
	.keySection .keyContainer .col-lg-6.registerCol{padding: 48px 32px;}
	.keySection .keyContainer .col-lg-6{padding: 48px 12px;}
	.keySection .keyPoints {grid: none;}

	.eventInfo li i {font-size: 28px;}

	.registerForm h2 {font-size: 30px; margin-bottom: 8px;}
	.registerForm h2:after{display: none;}
	.registerForm h2 br{display: none}
	.eventInfo li {font-size: 18px; font-weight: 600;}
	.eventInfo li i {margin-right: 12px;}

	.sectionSpeakers {padding: 48px 0px;}
	.speakersItem {flex-wrap: wrap; justify-content: center; text-align: center;}

	.agendasection{padding: 48px 0px;}

	.tableline{padding: 16px;}
	.time-box{display: grid; gap: 16px;}
	.time-box .time{display: flex; gap: 4px; align-items: baseline;}
	.programdetail {padding-left: 0px; border-left: none; border-bottom: solid 1px #ddd; padding-bottom: 24px;}
	.coffee-break {padding: 0px 0px 24px 0px;}
	.time-box.mb-0 .programdetail{border: none;  padding-bottom: 16px;}


}