.top-tab{width:100%; background:#0a1628;  height:41px;}
.top-tab ul{display:flex; gap:10px; margin:0px; padding:0px; justify-content: center; list-style:none; background:#0a1628; position: fixed; width: 100%; border-bottom:solid 1px rgba(255,255,255,.2);}
.top-tab ul li a{padding: 8px 15px; color: rgba(255,255,255,.65); font-size: 15px; text-decoration: none; display: flex; border-bottom:solid 2px transparent;     white-space: nowrap;}
.top-tab ul li a.active{border-bottom:solid 2px #ffdc7d; color:#ffdc7d}
.top-tab ul li a:hover{border-bottom:solid 2px #ffdc7d; color:#ffdc7d}
.hero-section{width:100%; height:calc(100% - 150px); align-items: center; display: grid; justify-content: center; border-bottom:solid 1px rgba(255,255,255,.2); overflow:hidden; position:relative;}
.hero-section .overlay{position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:1; background:rgba(13,29,55,.85);}
.hero-section .content{display:grid; text-align:center; gap:30px; max-width:800px; margin:0 auto; position:absolute; left:50%; margin-left:-400px; z-index:2;}
.hero-section .sub-head{background: rgba(0, 0, 0, .2); border-radius: 100px; color: #ffdc7d; padding: 5px 15px; border: solid 1px #ffdc7d; width: 300px; margin: 0 auto;}
.hero-section .head{font-size: 4.5rem; color: #fff; font-weight: 700; line-height:normal;}
.hero-section .sub-text{font-size: 1.5rem; color: #fff; font-style: italic;}
.hero-section .date-location{display: flex; justify-content: center; gap: 20px;}
.hero-section .date-location .date{color:#fff; font-size:17px; display:flex; gap:10px;}
.hero-section .date-location .date svg{stroke:#ffdc7d}
.hero-section .content .event-logos{display:flex; gap:30px; justify-content: center;}
.hero-section .content .event-logos img{width:auto; height:100px;}
.hero-section .photo{width: 100%; height: auto; top: 50%; display: block; margin-top: -506px; position: relative;}

.about-forum {padding:70px;border-bottom:solid 1px rgba(255,255,255,.2)}
.about-forum .head{max-width: 800px; margin: 0 auto; color: #ffdc7d; font-size: 40px; font-weight: 700; text-align: center; text-transform: uppercase;}
.about-forum .text{max-width: 800px; margin: 0 auto; margin-top:20px; color:#fff; font-size:20px;}
.welcome-message{background:#192740; padding:70px; border-bottom:solid 1px rgba(255,255,255,.2);}
.welcome-message .content{max-width: 800px; margin: 0 auto;}
.welcome-message .content .top-area{display:flex; gap:20px;}
.welcome-message .photo{width:200px; flex-shrink:0;}
.welcome-message .photo img{width:100%; height:auto; border-radius:10px;}
.welcome-message .heading{max-width: 800px; margin: 0 auto; color: #ffdc7d; font-size: 40px; font-weight: 700; text-transform: uppercase;}
.welcome-message .sub-heading{margin: 0 auto; color: #fff; font-size: 17px; font-style:italic; text-transform: uppercase;}
.welcome-message .text{margin: 0 auto; margin-top:20px; color:rgba(255,255,255,.7); font-size:20px;}
.concept-note{padding:70px;}
.concept-note .heading{max-width: 800px; margin: 0 auto; color: #ffdc7d; font-size: 40px; font-weight: 700; text-transform: uppercase;}
.concept-note .text{max-width: 800px; margin: 0 auto; margin-top:20px; color:rgba(255,255,255,.7); font-size:20px;}
.concept-note .pointers{max-width: 800px; margin: 20px auto; padding:20px; background: rgba(0, 0, 0, .2); border-radius:10px; border:solid 1px rgba(255,255,255,.2)}
.concept-note .pointers .head-text{color:#fff; font-size:25px; margin-bottom:10px;}
.concept-note .pointers ul{margin:0px; padding:0px; list-style:none;}
.concept-note .pointers li{display:flex; gap:20px; padding:10px; color:#fff; font-size:17px;}
.concept-note .pointers li svg{stroke:#ffdc7d; flex-shrink:0;}

.event-program{padding:50px; border-bottom:solid 1px rgba(255,255,255,.2)}
.event-program .event-logos{max-width: 800px; display:flex; gap:30px; justify-content: center; margin:0 auto;}
.event-program .event-logos  img{width:auto; height:100px;}
.event-program .event-name{text-align:Center; color:#fff; font-size:50px; margin-top:10px; font-weight:700;}
.event-program .hosted-by{text-align:Center; color:#fff; font-size:25px;margin-top:10px;}
.event-program .theme{text-align:Center; color:#fff; font-size:18px;margin-top:10px;}
.event-program .heading{max-width: 800px; margin: 0 auto; color: #ffdc7d; font-size: 40px; font-weight: 700; text-transform: uppercase; text-align:center; line-height:40px;}
.event-program .sub-heading{max-width: 800px; margin: 0 auto; margin-top:20px; color:rgba(255,255,255,.7); font-size:20px; text-align:center}
.programme-detail{padding:70px; background:#192740;}
.programme-detail .day{max-width:800px; margin:0 auto; padding:0px 20px; border-left:solid 5px #ffdc7d; color:#ffdc7d; font-size:20px; margin-bottom:20px;}
.programme-detail .day span{font-size:38px; color:#fff; font-weight:bold; display:table;}
.programme-detail .detail{max-width:800px; margin:0 auto; padding:20px; color:#fff; font-size:18px; margin-bottom:20px; background: rgba(0, 0, 0, .2); border:solid 1px rgba(255,255,255,.2); display:flex; gap:20px;}
.programme-detail .detail .time{width:150px; flex-shrink:0; font-weight:600;}
.programme-detail .detail .info{display:grid; gap:10px;}
.programme-detail .detail .info strong{display:table; font-size:22px;}
.programme-detail .detail .info span{display:table; font-size:18px; font-style:italic; color:#ffdc7d}

.form-detail{padding:70px;}
.form-detail .form-area{max-width:800px; margin:0 auto; background:#fff; border-radius:10px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);}
.form-detail .form-area .heading{background:rgba(0, 0, 0, 0.5); padding:20px; color:#fff; font-size:22px; text-align:center; font-weight:700;}
.form-detail .form-area .heading span{font-size:17px; display:table; width:100%; }
.form-detail .form-area form{padding:30px;}
.form-detail .form-area .head{font-size:25px; font-weight:600; margin-bottom:20px;}
.form-detail .form-area .fields{display:grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.form-detail .form-area .fields .field{width:100%;}
.form-detail .form-area .fields .field label{display:table; font-size:16px; font-weight:600; margin-bottom:7px;}
.form-detail .form-area .fields .field input{width:100%; padding:10px; border-radius:5px; bordeR:solid 1px #bfbfbf;}
.form-detail .form-area .fields .field select{width:100%; padding:10px; border-radius:5px; bordeR:solid 1px #bfbfbf;}
.form-detail .form-area .fields .field input[type="file"]{width:100%; padding:7px 10px; border-radius:5px; bordeR:solid 1px #bfbfbf;}
.form-detail .form-area .fields .field.agra-confirm{display: flex; gap: 30px;}
.form-detail .form-area .fields .field.agra-confirm label{display:flex; gap:10px;}
.form-detail .form-area .fields .field.button{grid-column:span 2; width:100%; text-align:Center;}
.form-detail .form-area .fields .field.button button{background:#ffdc7d; color:#000; width:100%; bordeR:0px; padding:10px; border-radius:10px; font-size:18px; font-weight:600; text-transform:uppercase;}

.important-note{max-width: 800px; margin: 0 auto; padding: 20px; color: #fff; font-size: 18px; margin-bottom: 20px; background: rgba(0, 0, 0, .2); border: solid 1px rgba(255, 255, 255, .2); margin-top:50px; border-radius:15px;}
.important-note .head{font-weight:700; font-size:24px; margin-bottom:10px; color:#ffdc7d;}
.important-note {font-size:17px;}
.important-note .detail{display:flex; gap:5px; flex-direction:column; text-align:Center; background:rgba(0,0,0,0.5); padding:20px; border-radius:10px;}
.important-note .detail strong{font-size:20px;}

.local-box{max-width:800px; margin:0 auto; margin-top:50px; padding:30px; background: rgba(0, 0, 0, .2); border: solid 1px rgba(255, 255, 255, .2); border-radius:10px;}
.local-box .icon{width:70px; height:70px; margin:0 auto; margin-bottom:10px;}
.local-box .icon svg{width:100%; height:auto; stroke:#ffdc7d}
.local-box .head{font-size:30px; color:#fff; text-align:center; font-weight:600;}
.local-box a{margin:20px auto; background:#ffdc7d; color:#fff; padding:10px 40px; font-size:20px; display:flex; width:230px; color:#000; border-radius:100px; gap:10px; text-decoration:none; align-items: center;}
.local-box .sub-text{text-align:Center; font-size:15px; color:rgba(255,255,255,.7)}

.address-map{max-width:1000px; display:flex; gap:30px; margin:0 auto; margin-top:50px;}
.address-map .address-area{width:350px; flex-shrink:0; background: rgba(0, 0, 0, .2); border: solid 1px rgba(255, 255, 255, .2); border-radius:10px; padding:20px;}
.address-map .address-area .icon{width:50px; margin-bottom:20px;}
.address-map .address-area .icon svg{width:100%; height:auto; stroke:#ffdc7d}
.address-map .address-area .name{color:#fff; font-size:25px; font-weight:600; margin-bottom:7px;}
.address-map .address-area .address{color:#fff; font-size:18px; margin-bottom:7px; color:rgba(255,255,255,.5); margin-bottom:25px;}
.address-map .address-area .session{display:flex; margin-bottom:20px; gap:20px;}
.address-map .address-area .session svg{stroke:#ffdc7d}
.address-map .address-area .session .text{color:rgba(255,255,255,.5); font-size:15px;}
.address-map .address-area .session .text span{display:table; color:#fff; font-size:18px; font-weight:500;}
.address-map .map{width:calc(100% - 350px)}
.address-map .map iframe{width:100%; height:100%; border-radius:10px;}

.sub-tabs{max-width:900px; margin:40px auto; justify-content: center; display: flex; gap: 40px;}
.sub-tabs a{background:#fff; color:#000; padding:10px 40px; font-size:20px; display:flex; border-radius:100px; text-decoration:none; align-items:center; gap:10px;}
.sub-tabs a.active{background:#ffdc7d; color:#000; padding:10px 40px; font-size:20px; display:flex; border-radius:100px; text-decoration:none; align-items:center; gap:10px;}
.visa{max-width:800px; margin:0 auto; background: rgba(0, 0, 0, .2); border: solid 1px rgba(255, 255, 255, .2); border-radius:10px; padding:30px; color:rgba(255,255,255,.5);}
.visa .head{color:#fff; font-size:28px; font-weight:700; display:table;}
.visa strong{color:#fff; font-size:22px; font-weight:600; display:table;}
.visa span{color:#ffdc7d; font-size:17px; margin-top:20px; display:table;}
.visa .alert {display:flex; background: rgba(0, 0, 0, .2); border: solid 1px rgba(255, 255, 255, .2); border-radius:10px; margin-top:20px; margin-bottom:0px;}
.visa .alert svg{stroke:#ffdc7d; width:50px; flex-shrink:0;}

.accommodation {max-width:950px; margin:40px auto; justify-content: center;}
.accommodation .heading{color:#fff; font-size:25px;}
.accommodation .hotel-address{max-width:900px; margin:40px auto; justify-content: center; display: grid; gap: 40px; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.accommodation .hotel-address .box{background: rgba(0, 0, 0, .2); border: solid 1px rgba(255, 255, 255, .2); border-radius:10px; padding:15px; text-decoration:none; position:relative;}
.accommodation .hotel-address .box .name{font-size:22px; color:#fff; margin-bottom:10px;}
.accommodation .hotel-address .box .address{display:flex; gap:10px; color:#fff; margin-bottom:10px; font-size:14px;}
.accommodation .hotel-address .box .address svg{stroke:#ffdc7d; width:30px; flex-shrink:0;}
.accommodation .hotel-address .box .phone{display:flex; gap:20px; color:#fff; align-items:center;}
.accommodation .hotel-address .box .phone svg{stroke:#ffdc7d; width:30px; flex-shrink:0;}
.accommodation .hotel-address .box .cta{position:absolute; top:10px; right:10px;}
.accommodation .hotel-address .box .cta svg{stroke:#fff;}

.hero-destination{height:60vh; overflow:hidden; position:relative;}
.hero-destination img{object-fit: cover; width:100%; height:100%; display:block; vertical-align: middle;}
.hero-destination .overlay{position:absolute; width:100%; height:100%; top:0px; right:0px; bottom:0px; left:0px; background: linear-gradient(to top, #0d1d37 0%, rgba(13, 29, 55, 0) 100%);}
.hero-destination .content{position:absolute; width:100%; lefT:0px; top:50%;}
.hero-destination .content .head{color:#fff; font-size:60px; text-align:center; font-weight:700;}
.hero-destination .content .location{color:#fff; font-size:30px; text-align:center;}

.destination-info{max-width:1100px; margin:0 auto; display:flex; gap:50px; margin-top:70px;}
.destination-info .text{width:422px; color:#fff; font-size:20px; flex-shrink:0;}
.destination-info .text span{font-size:35px; font-weight:700; display:table; margin-bottom:20px; color:#ffdc7d}
.destination-info .photo{display:flex; gap:20px; align-items: center;}
.destination-info .photo img{width:300px; height:auto; border-radius:10px;}
.destination-info .photo img:nth-child(2){margin-top:100px;}
.destination-points{display:grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width:1100px; margin:50px auto;}
.destination-points .box{background: rgba(0, 0, 0, .2); border: solid 1px rgba(255, 255, 255, .2); border-radius:10px; padding:20px;}
.destination-points .box .icon svg{stroke:#ffdc7d; margin-bottom:20px; width:40px; height:40px;}
.destination-points .box .content {display:grid; gap:10px; font-size:15px; color:#fff;}
.destination-points .box .content span{font-weight:700; font-size:20px;}

.destination-info.agra .text{width: 570px;}
.destination-info.agra .photo img{width:480px; height:auto; border-radius:10px;}

.address-column{max-width:900px; margin:70px auto; display:grid; grid-template-columns: repeat(2, 1fr); gap:50px}
.address-column .box{background: rgba(0, 0, 0, .2); border: solid 1px rgba(255, 255, 255, .2); border-radius:10px; padding:30px;}
.address-column .box .head{color:#fff; font-size:25px; font-weight:700; margin-bottom:15px;}
.address-column .box .host{color:#fff; font-size:22px; font-weight:700;}
.address-column .box .host span{display:table; color:#ffdc7d; font-size:18px;}
.address-column .box .desc{font-size:17px; color:rgba(255, 255, 255, .5)}
.address-column .box .email{margin-top:20px; display:flex; color:#fff; gap:15px;}
.address-column .box .email .t span{display:table; font-weight:600; font-size:17px;}
.address-column .box .email svg{stroke:#ffdc7d;}

@media screen and (min-width: 768px) and (max-width: 990px) {
	.top-tab ul{overflow:auto; justify-content: start; padding-bottom:5px;}
	.top-tab ul li a{white-space:nowrap;}
	.hero-section{padding:20px;}
	.hero-section .head{font-size: 2.5rem;}
	.hero-section .sub-text { font-size: 1.1rem;}
	.hero-section .date-location{flex-direction:column;}
	.hero-section .photo{margin: 0px; width: 100%; top: 0px; left: 0px; margin-left: 0px;}
	.hero-section .content{max-width: 700px; margin-left: -350px}
	.about-forum{padding:20px;}
	.about-forum .head{font-size:25px;}
	.welcome-message{padding:20px;}
	.welcome-message .heading{font-size:25px;}
	.concept-note{padding:20px;}
	.concept-note .heading{font-size:25px;}
	.event-program{padding:20px;}
	.event-program .heading{font-size:25px;}
	.event-program .sub-heading{font-size:17px;}
	.event-program .sub-heading br{display:none;}
	.programme-detail{padding:20px;}
	.programme-detail .detail{flex-direction:column; gap:10px;}
	.programme-detail .day span{font-size:25px;}
	.form-detail{padding:20px;}
	.form-detail .form-area form{padding:20px;}
	.form-detail .form-area .head{font-size:20px;}
	.form-detail .form-area .fields{grid-template-columns: repeat(1, 1fr);}
	.form-detail .form-area .fields .field.button{grid-column: span 1;}
	.local-box .head {font-size: 20px;}
	.address-map{flex-direction:column;}
	.address-map .address-area{width:100%;}
	.address-map .map{width:100%; height:400px;}
	.sub-tabs{flex-direction:column;}
	.sub-tabs a{padding:15px 25px}
	.sub-tabs a.active{padding:15px 25px}
	.accommodation .hotel-address{grid-template-columns: repeat(1, 1fr);}
	.hero-destination .content{padding:10px;}
	.hero-destination .content .head{font-size:30px;}
	.hero-destination{height:40vh}
	.destination-info{padding:20px; flex-direction:column;}
	.destination-points{grid-template-columns: repeat(1, 1fr); padding:20px;}
	.destination-info .text{width:100%;}
	.destination-info .photo{flex-direction:column;}
	.destination-info .photo img:nth-child(2){margin-top:20px;}
	.address-column{grid-template-columns: repeat(1, 1fr); padding:20px;}
	.welcome-message .content .top-area{flex-direction:column;}
	.event-program .event-logos img{width:auto; height:50px;}
	.event-program .event-name{font-size: 35px;}
	.event-program .hosted-by{font-size: 20px;}
}
@media screen and (min-width: 540px) and (max-width: 767px) {
	.top-tab ul{overflow:auto; justify-content: start; padding-bottom:5px;}
	.top-tab ul li a{white-space:nowrap;}
	.hero-section{padding:20px;}
	.hero-section .head{font-size: 2.5rem;}
	.hero-section .sub-text { font-size: 1.1rem;}
	.hero-section .date-location{flex-direction:column;}
	.hero-section .photo{margin: 0px; width: 500%; top: 0px; left: 0px; margin-left: -250%;}
	.hero-section .content{max-width: 500px; margin-left: -250px}
	.about-forum{padding:20px;}
	.about-forum .head{font-size:25px;}
	.welcome-message{padding:20px;}
	.welcome-message .heading{font-size:25px;}
	.concept-note{padding:20px;}
	.concept-note .heading{font-size:25px;}
	.event-program{padding:20px;}
	.event-program .heading{font-size:25px;}
	.event-program .sub-heading{font-size:17px;}
	.event-program .sub-heading br{display:none;}
	.programme-detail{padding:20px;}
	.programme-detail .detail{flex-direction:column; gap:10px;}
	.programme-detail .day span{font-size:25px;}
	.form-detail{padding:20px;}
	.form-detail .form-area form{padding:20px;}
	.form-detail .form-area .head{font-size:20px;}
	.form-detail .form-area .fields{grid-template-columns: repeat(1, 1fr);}
	.form-detail .form-area .fields .field.button{grid-column: span 1;}
	.local-box .head {font-size: 20px;}
	.address-map{flex-direction:column;}
	.address-map .address-area{width:100%;}
	.address-map .map{width:100%; height:400px;}
	.sub-tabs{flex-direction:column;}
	.sub-tabs a{padding:15px 25px}
	.sub-tabs a.active{padding:15px 25px}
	.accommodation .hotel-address{grid-template-columns: repeat(1, 1fr);}
	.hero-destination .content{padding:10px;}
	.hero-destination .content .head{font-size:30px;}
	.hero-destination{height:40vh}
	.destination-info{padding:20px; flex-direction:column;}
	.destination-points{grid-template-columns: repeat(1, 1fr); padding:20px;}
	.destination-info .text{width:100%;}
	.destination-info .photo{flex-direction:column;}
	.destination-info .photo img:nth-child(2){margin-top:20px;}
	.address-column{grid-template-columns: repeat(1, 1fr); padding:20px;}
	.welcome-message .content .top-area{flex-direction:column;}
	.event-program .event-logos img{width:auto; height:50px;}
	.event-program .event-name{font-size: 35px;}
	.event-program .hosted-by{font-size: 20px;}
}

@media screen and (min-width: 300px) and (max-width: 539px) {
	.top-tab ul{overflow:auto; justify-content: start; padding-bottom:5px;}
	.top-tab ul li a{white-space:nowrap;}
	.hero-section{padding:20px; height: 650px;}
	.hero-section .content .event-logos img {width: auto; height: 80px;}
	.hero-section .head{font-size: 2.5rem;}
	.hero-section .sub-text { font-size: 1rem;}
	.hero-section .date-location{flex-direction:column;}
	.hero-section .photo{margin: 0px; width: 500%; top: 0px; left: 0px; margin-left: -250%;}
	.hero-section .content{max-width:340px; margin-left:-170px;}
	.hero-section .sub-head{width:100%;}
	.hero-section .date-location .date{justify-content: center; font-size: 15px;}
	.about-forum{padding:20px;}
	.about-forum .head{font-size:25px;}
	.about-forum .text{font-size:17px;}
	.welcome-message{padding:20px;}
	.welcome-message .heading{font-size:25px;}
	.welcome-message .text{font-size:17px;}
	.concept-note{padding:20px;}
	.concept-note .heading{font-size:25px;}
	.event-program{padding:20px;}
	.event-program .heading{font-size:25px;}
	.event-program .sub-heading{font-size:17px;}
	.event-program .sub-heading br{display:none;}
	.programme-detail{padding:20px;}
	.programme-detail .detail{flex-direction:column; gap:10px;}
	.programme-detail .day span{font-size:25px;}
	.form-detail{padding:20px;}
	.form-detail .form-area form{padding:20px;}
	.form-detail .form-area .head{font-size:20px;}
	.form-detail .form-area .fields{grid-template-columns: repeat(1, 1fr);}
	.form-detail .form-area .fields .field.button{grid-column: span 1;}
	.local-box .head {font-size: 20px;}
	.address-map{flex-direction:column;}
	.address-map .address-area{width:100%;}
	.address-map .map{width:100%; height:400px;}
	.sub-tabs{flex-direction:column;}
	.sub-tabs a{padding:15px 25px}
	.sub-tabs a.active{padding:15px 25px}
	.accommodation .hotel-address{grid-template-columns: repeat(1, 1fr);}
	.hero-destination .content{padding:10px;}
	.hero-destination .content .head{font-size:30px;}
	.hero-destination{height:40vh}
	.destination-info{padding:20px; flex-direction:column;}
	.destination-points{grid-template-columns: repeat(1, 1fr); padding:20px;}
	.destination-info .text{width:100%;}
	.destination-info .photo{flex-direction:column;}
	.destination-info .photo img{width:100%;}
	.destination-info .photo img:nth-child(2){margin-top:20px;}
	.address-column{grid-template-columns: repeat(1, 1fr); padding:20px;}
	.welcome-message .content .top-area{flex-direction:column;}
	.event-program .event-logos img{width:auto; height:50px;}
	.event-program .event-name{font-size: 35px;}
	.event-program .hosted-by{font-size: 17px;}
	.event-program .theme{font-size: 17px;}
	.local-box a{width:260px;}
	.destination-info.agra .photo img{width:100%; height:auto; border-radius:10px;}
	.destination-info.agra .text {width: 100%;}
	.destination-info.agra{flex-direction: column-reverse;}
}