* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}



*:before,

*:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



a,

a:focus {

	text-decoration: none;

	outline: none;

	transition: .3s;

}



a:hover {

	text-decoration: none;

	outline: none;

}

.reg-form .form-label small{ font-size:.70em; }

ul {

	list-style: none;

	margin: 0;

	padding: 0;

}
body{
	font-family: 'Roboto', sans-serif;
}
#msg_display {
	visibility: hidden;
	width: 350px;
	background-color: #333;
	color: #fff;
	border-radius: 2px;
	padding: 5px 10px;
	position: fixed;
	z-index: 999999;
	right: 15px;
	top: 85px;
	font-size: 14px;
	text-transform: capitalize;
}
#msg_display .icon{
	width: 60px;
	height: 60px;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}
#msg_display .icon .la{
	font-size: 28px;
	color: #fff;
}
#msg_display .msg{}
#msg_display .msg .msg-type{
	font-weight: 600;
}
#msg_display .msg p{
	color: #fff;
	font-weight: 500;
	margin-bottom: 0px;
	font-size: 16px;
}
#msg_display a.cross{
	position: absolute;
	top: 5px;
	right: 10px;
	color: #fff;
	font-size: 15px;
}
#msg_display.show {
	visibility: visible;
	display: flex !important;
	align-items: center;
}
#msg_display.success {
	background: #28a745 !important;
}
#msg_display.error {
	background: #e74c3c !important;
}
#msg_display.warning {
	background: #fcf8e3  !important;
	border: 1px solid #8a6d3b;
	border-radius: 2px;
}
#msg_display.warning .icon .la,#msg_display.warning .msg #msg-type,#msg_display.warning .msg p{
	color: #8a6d3b !important;
}
/*main-section*/
#header{
	position: absolute;
	top:0;
	left: 0;
	padding: 15px 0px 10px;
	z-index: 1;
	width: 100%;
}
.header{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/* .header .logo{
	width: 110px;
} */
 .header .logo img {
    padding: 0.5rem;
    background: #fff;
    border-radius: 20px;
    height: 100px;
}
.header .menu ul {
	text-align: right;
}
.header .menu ul li{
	display: inline-block;
	padding: 10px 15px;
}
.header .menu ul li:last-child{
	padding-right: 0px;
}
.header .menu ul li a{
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}
#event-slider{
	width: 100%;
	height: 100%;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
	padding-bottom: 50px;
	padding-top: 80px;
}
.event-slider,#event-slider .item .container,#event-slider .item .container .row,#event-slider .item .container .row .bcontent{
	height: 100%;
}
#event-slider .item{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
}
#event-slider .item:before{
	content: '';
	z-index: -1;
	position: relative;
}
#event-slider .item .bcontent{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:20px;
	padding-top: 100px;
}
.edates{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap:15px;
}
.edates span{
    font-size: 16px;
    color: #fff;
    margin-bottom: 8px;
    font-style: italic;
    padding-left: 8px;
}
.date{
	background-image: url('../img/calandar.png');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	width: 151px;
	height: 156px;
	position: relative;
}
.date span{
	position: absolute;
	width: 52%;
	height: 54%;
	top: 4px;
	text-align: center;
	font-weight: 600;
	color:#333;
	margin-bottom: unset;
	font-style: unset;
	padding-left: 0px;
}
.date span.month{
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}
.date span.day{
    top: 45%;
    transform: translateY(-50%);
    font-size: 26px;
}
.date span.year{
    bottom: 13px;
    top: unset;
    font-size: 20px;
}
.tagLine{
	color: #fff;
	font-size: 26px;
	font-style: italic;
	margin-top: -20px;
	margin-bottom: 10px;
	line-height: 1.2;
}
.btitle{
	color: #fff;
	font-size: 66px;
	font-weight: 600;
	margin-bottom: 25px; margin-top: -30px;
}
.countdown{
	margin-bottom: 50px;
}
.countdown ul{
	display: flex;
	align-items: flex-start;
	gap:15px;
}
.countdown ul li{
	width: 100px;
	height: 100px;
	padding: 10px;
	text-align: center;
	border:1px solid #ccc;
	color: #fff;
	font-weight: 300;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 5px solid;
}
.countdown ul li span{
	display: block;
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
}
.countdown ul li:nth-child(1){
	border-bottom-color: #fe3b93; 
}
.countdown ul li:nth-child(1) span{
	color: #fe3b93; 
}
.countdown ul li:nth-child(2){
	border-bottom-color: #fab101;
}
.countdown ul li:nth-child(2) span{
	color: #fab101; 
}
.countdown ul li:nth-child(3){
	border-bottom-color: #00b9f5
}
.countdown ul li:nth-child(3) span{
	color: #00b9f5; 
}
.event-add{}
.event-add ul{}
.event-add ul li{
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 18px;
}
.event-add ul li a{
	color: #fff;
}
.event-add ul li span{
	width: 50px;
	display: inline-block;
}
.event-add ul li a:hover{
	color: #e1b747;
}
.event-img{
	/*position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);*/
    margin-bottom: 50px;
    text-align: right; border-radius: 50%;
}
.bcontent .bleft{
	width: 50%;
}
.bcontent .bright{
	width: 50%; max-width: 500px;
}
.reg-btn{
	/*position: absolute;
	right: 10%;
	bottom: 3%;*/ margin-top: 20px;
	text-align: center;
}
.site-btn{
	background: #ef4432;
	border-radius: 30px;
	padding: 12px 23px;
	font-size: 17px;
	display: inline-block;
	border: 3px solid #e1b747;
	color: #fff;
}
.home .fullslider .fullbg{background: #27395d;height: 600px;}
.home .fullslider .fullbg img{    object-fit: contain;object-position: bottom;}
.site-btn:hover{
	background: #e1b747;
	color: #333;
}
.pt60{
	padding: 60px 0px;
}
.heading{
	text-align: center;
	margin-bottom: 30px;
}
.heading .title{
	font-size: 35px;
	font-weight: 500;
	margin-bottom: 10px;
}
.heading p{
	text-align: center;
	font-size: 20px;
	font-weight: 400;
}
.para p{
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
}
.social{
	margin-top: 50px;
	text-align: center;
}
.social ul{
	display: flex;
	align-items: center;
	background: #fe3b93;
	justify-content: center;
	border-radius: 50px;
	padding: 0 15px;
	width: 300px;
	margin: 0 auto;
}
.social ul li {
    flex-grow: 1;
    flex-basis: 33.33%;
    padding: 0 15px;
    position: relative;
    font-size: 26px;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}
.social ul li:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 30px;
    background: #fff;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.social ul li:last-child:before{
  display: none;
}
.social ul li a{
	display: inline-block;
	color: #fff;
}
.social ul li a img{
	width: 35px;
}
.bgcolor{
	background: #f7f7f7;
}
.slist{
	margin-top: 30px;
}
.slist ul{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:20px;
	flex-wrap: wrap;
}
.slist ul li{
	flex-basis: 23%;
	overflow: hidden;
}
.slist ul li img{
	width: 100%;
	height: 100%;
	object-fit: none;
	object-position: center;
}
.reg-sec{
	background-image: url('../img/banner.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
.reg-sec:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.left-img{
	position: absolute;
	left: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
	top:0px;
}
.left-img img{
	width: 100%;
	height: 100%;
	object-position: center top;
	object-fit: cover;
	transition: .3s;
}
.reg .left-img{
	position: unset;
	width: 100%;
}
.right-sec{
    float: right;
    width: 50%;
    padding: 50px 0px 50px 30px;
}
.right-sec .heading .title{
	text-align: left;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}
.form-control,.form-select{
    border-radius: 0px;
    border: none;
    background: transparent;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 14px;
}
.form-label,.form-check-label,.form-floating label{
	color: #fff;
	margin-bottom: 0px;
}
.form-control:focus,.form-select:focus{
	outline: none;
    box-shadow: none;
    background: transparent;
    border-color: #fff;
    color: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-in-out 0s;
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus,.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{
	outline: none;
    box-shadow: none;
}
.form-floating>label{
	 padding: 1rem 0rem;
}
.eventEnd{
	height: 450px;
	    display: flex;
    align-items: center;
}
.reg-form .site-btn{
	padding: 8px 30px;
}
 .form-floating>.form-select,.form-floating>.form-control{
 	padding-left: 3px;
 	padding-right: 3px;
 }
 .form-floating>.form-select option{
 	color: #333;
 	padding-left:10px;
 	padding-right: 10px; 
 }
 .reg-form .form-select.is-valid, .reg-form .was-validated .form-select:valid{
 	background-image:url('../img/tick.svg')!important;
 	background-repeat: no-repeat;
 	background-size: 18px 20px,calc(.75em + .375rem);
 }
 .es{
 	background: #fff8e7;
 }
 .es .events-date{
	margin-top: 30px;
}
 .es .events-date ul{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:20px;
	flex-wrap: wrap;
}
 .es .events-date ul li{
	flex-basis: 23%;
	overflow: hidden;
}
.es .events-date ul li .event{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: #e1b747;
	border:2px solid #ef4432;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	overflow: hidden;
}
.es .events-date ul li .event img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: .3s;
}
.es .events-date ul li .event:hover img{
	transform: scale(1.1);
}
.es .events-date ul li .event .daynumMonth{
	font-size: 35px;
	font-weight: 600;
}
.es .events-date ul li .event .day{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 400;
}
.smob{
	display: none;
}
#menu-right {
    float: right;
    width: 34px;
    height: 21px;
    position: relative;
    top: 35%;
    z-index: 3;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    margin-left: 15px;
    display: none;
}
#menu-right.active {
    top: 20px;
    right: 10px;
    z-index: 99999;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    position: fixed;
}

.bar-right {
    float: right;
    width: 34px;
    height: 2px;
    background-color: #fff;
    transition: all 0.1s ease-in-out;
}
#menu-right.active .bar-right{
	background-color: #333;
}
.bar-right:nth-of-type(2) {
    margin: 7px 0;
}
#menu-right:hover .bar-right:nth-of-type(2){
  transition: all 0.1s ease-in-out;
} 
#menu-right.active .bar-right:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
}
#menu-right.active .bar-right:nth-of-type(2) {
    opacity: 0;
}
#menu-right.active .bar-right:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
}
#mobile-menu{
    height: 100%;
    width: 275px;
    position: fixed;
    top: 0;
    z-index: 9999;
    right: -500px;
    background-color: #f4f4f4;
    opacity: 0;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    overflow-y: auto;
    overflow-x: hidden;
}
#mobile-menu.active {
    opacity: 1;
    z-index: 9999;
    right: 0;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
        -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.42);
    -moz-box-shadow: 0 6px 8px rgba(0,0,0,.42);
    box-shadow: 0 6px 8px rgba(0,0,0,.42);
}
#mobile-menu ul ul{
  position: static;
  width: 100%;
  padding: 0;
  transition: none;
  visibility: visible;
  opacity: 1;
  box-shadow: unset;
}
#mobile-menu ul ul ul{
    width: 100%;
}
#mobile-menu ul li{
    width: 100%;
    position: relative;
    padding: 0px;
}
#mobile-menu ul li a{
    display: block;
    padding: 10px 0px;
    color: #333;
}
#mobile-menu ul li li{
    padding: 0px 15px;
    margin-left: 0px;
    float: unset;
}
#mobile-menu .has-child .submenu-toogle {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #333;
    background-color: transparent;
    z-index: 900;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
    display: block;
}
.thanku #header{
	display: none;
}
.thankyou{
	background-image: url('../img/banner.jpg');
	width: 100%;
	height: 100vh;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
	padding-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.thankyou .tdiv{
	text-align: center;
}
.thankyou .tdiv h1 {
     color: #fff;
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 25px;
}
.thankyou .tdiv p{
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.thankyou .tdiv .th-sec h3 {
    color: green;
    padding-bottom: 10px;
    font-size: 2.2rem;
    font-weight: 600;
}


.roundbg{ width:100%; height:470px;overflow: hidden; border-radius: 50%; }
.roundbg img{object-fit: cover; width: 100%; height: 100%;}
.roundslider{padding:15px; margin: 0; background:  url('../img/sliderbg.png') center center no-repeat; background-size: cover;overflow: hidden; }

/***** EVENTS STYLE **********/
.box-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
      margin: 0 auto;
	  padding-top: 1rem;
    }

.inner_box {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin: 0 auto;
	  padding-top: 1rem;
    }

    .inner_box .box {
      background-color: #ffffff;
      border-left: 6px solid #f8c837; /* green border */
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      padding: 24px;
      flex: 1 1 48%;
      box-sizing: border-box;
    }

   .inner_box .box h2 {
      margin-bottom: 16px;
      font-size: 24px;
    }

    .inner_box .box p {
      color: #333;
      margin-bottom: 12px;
      line-height: 1.6;
	  text-align: left;
    }

    .inner_box .box ul {
      padding-left: 0px;
      color: #333;
    }

    .inner_box .box ul li {
      margin-bottom: 10px;
    }
	.section-title {
      text-align: center;
      font-size: 1.5rem;
	  font-weight: 600;
      margin-top: 4rem;
    }
   .box-grid .box:hover {
      transform: translateY(-5px);
    }

    .box-grid .box h3 {
      margin-top: 0;
      font-size: 1.2rem;
	  text-align: center;
      margin-bottom: 12px;
    }
.box-grid .box {
      background-color: #ffffff;
      border-bottom: 5px solid #f8c837;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
      transition: transform 0.2s;
    }
	.box-grid .box p {
      color: #444;
      line-height: 1.5;
      font-size: 15px;
    }
.gradient_bg {
    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
    border: 1px solid rgb(62 64 149);
    background: linear-gradient(#f2f2ff 0%, rgba(255, 255, 255, 0) 100%);
    will-change: transform;
    border-radius: 26px;
    padding: 2rem;
	margin-top: 4rem;
}
.gradient_bg .section-title{
	margin-top: 0;
}
form#frmEvents .form-floating label.required::after, form#frmEvents .form-floating.required label::after, form#frmEvents .col-sm-6.col-12.mb-4 label.required::after {
    content: " *";
    color: red;
}


.event_cardWrapper {display:grid; grid-template-columns:repeat(auto-fit, minmax(625px, 1fr)); gap:30px;}
.event_cardWrapper .event_cardItem {position:relative; max-width:625px; width:100%; margin:0 auto;}
.event_cardWrapper .event-card {border:none; border-radius:24px; overflow:hidden; background:rgba(255, 255, 255, 0.92); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); transition:all 0.4s ease; position:relative; height:100%; box-shadow:0 10px 30px rgba(0, 0, 0, 0.08), 0 3px 12px rgba(0, 0, 0, 0.04);}
.event_cardWrapper .event-card:hover {transform:translateY(-10px); box-shadow:0 25px 50px rgba(0, 0, 0, 0.12), 0 10px 30px rgba(46, 125, 50, 0.15);}
.event_cardWrapper .event-card::before {content:""; position:absolute; inset:0; padding:1px; border-radius:24px; background:linear-gradient( 135deg, rgba(255,255,255,0.6), rgba(46, 125, 50, 0.25), rgba(255, 255, 255, 0.5) ); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;}
.event_cardWrapper .card-img-top {height:340px; overflow:hidden; position:relative;}
.event_cardWrapper .card-img-top img {width:100%; height:100%; object-fit:cover; transition:transform 0.6s ease;}
.event_cardWrapper .event-card:hover .card-img-top img {transform:scale(1.08);}
.event_cardWrapper .card-img-top::after {content:""; position:absolute; inset:0; background:linear-gradient( to top, rgba(0,0,0,0.55), rgba(0, 0, 0, 0.05) );}
.event_cardWrapper .card-body {padding:24px;}
.event_cardWrapper .card-title {font-size:1.4rem; font-weight:700; color:#183b2b; margin-bottom:16px; line-height:1.5;}
.event_cardWrapper .text-muted {background:linear-gradient(135deg, #f4fbf5, #eef7ff); border-left:4px solid #2e7d32; padding:14px 16px; border-radius:14px; font-size:0.95rem; color:#4a5568 !important; line-height:1.8; width:100%;}
.event_cardWrapper .text-muted i {color:#2e7d32; margin-right:6px; font-size:1.5rem;}
.event_cardWrapper .card-text {color:#555; font-size:0.96rem; line-height:1.8; display:inline-block;}
.event_cardWrapper .site-btn {display:inline-flex; align-items:center; justify-content:center; padding:13px 28px; border-radius:60px; background:linear-gradient(135deg, #2e7d32, #43a047); color:#fff !important; font-weight:600; text-decoration:none; border:none; transition:all 0.35s ease; box-shadow:0 10px 20px rgba(67, 160, 71, 0.25); position:relative; overflow:hidden;}
.event_cardWrapper .site-btn::before {content:""; position:absolute; top:0; left:-120%; width:100%; height:100%; background:rgba(255,255,255,0.25); transform:skewX(-25deg); transition:all 0.6s ease;}
.event_cardWrapper .site-btn:hover::before {left:120%;}
.event_cardWrapper .site-btn:hover {transform:translateY(-3px); background:linear-gradient(135deg, #1b5e20, #2e7d32); box-shadow:0 14px 28px rgba(46, 125, 50, 0.35);}


.site-info {background:linear-gradient(135deg, #27395d, #1e293b); padding:15px 0; position:relative; overflow:hidden; border-top:1px solid rgba(255, 255, 255, 0.08);}
.site-info::before {content:""; position:absolute; width:400px; height:400px; background:rgba(34, 197, 94, 0.08); border-radius:50%; top:-180px; right:-120px; filter:blur(60px);}
.site-info .container {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; position:relative; z-index:2;}
.site-info .grid_12, .site-info .grid_4 {width:auto; float:none;}
.site-info p {margin:0; color:rgba(255,255,255,0.75); font-size:12px; font-weight:400; letter-spacing:0.3px;}
.site-info .copy {font-weight:500;}
.site-info .design {color:rgba(255,255,255,0.7);}
.site-info .design a {color:#4ade80; text-decoration:none; font-weight:600; position:relative; transition:all 0.3s ease;}
.site-info .design a:hover {color:#86efac;}
.reg-btn.d-block {display: block !important;}



/*.campaign_wrapper {max-width:75rem; margin:0 auto; padding:3rem; background:linear-gradient(180deg, #ffffff 0%, #f8fff8 100%); border-radius:2rem; box-shadow:0 1.25rem 3.75rem rgba(0, 0, 0, 0.08); position:relative; overflow:hidden;}
.campaign_wrapper::before {content:""; position:absolute; top:-6rem; right:-6rem; width:16rem; height:16rem; background:radial-gradient(circle, rgba(34, 197, 94, 0.12) 0%, transparent 70%); border-radius:50%;}
.campaign_wrapper::after {content:""; position:absolute; bottom:-5rem; left:-5rem; width:14rem; height:14rem; background:radial-gradient(circle, rgba(237, 50, 55, 0.08) 0%, transparent 70%); border-radius:50%;}
.campaign_header, .campaign_content, .campaign_footer {position:relative; z-index:1;}
.campaign_header {text-align:center; margin-bottom:2.5rem; padding-bottom:2rem; border-bottom:1px solid rgba(34, 197, 94, 0.15);}
.campaign_title {font-size:clamp(2rem, 4vw, 3.5rem); font-weight:700; line-height:1.2; color:#0f5132; margin-bottom:1rem; position:relative;}
.campaign_title::after {content:""; display:block; width:6rem; height:0.25rem; margin:1rem auto 0; border-radius:6.25rem; background:linear-gradient(90deg, #16a34a, #ed3237);}
.campaign_intro {font-size:1.25rem; font-weight:500; line-height:1.8; color:#475569; max-width:48rem; margin:0 auto;}
.campaign_content {display:grid; gap:1.75rem;}
.campaign_section {background:#ffffff; padding:1.2rem 2rem; border-radius:1.25rem; border:1px solid rgba(15, 81, 50, 0.08); box-shadow:0 0.5rem 1.5rem rgba(15, 23, 42, 0.04); transition:all 0.3s ease;}
.campaign_section:hover {transform:translateY(-0.25rem); box-shadow:0 1rem 2.5rem rgba(15, 23, 42, 0.08);}
.campaign_paragraph {margin:0; font-size:1.125rem; line-height:2 !important; color:#334155; font-weight:400;}
.campaign_highlight {background:linear-gradient(135deg, #ed3237, #c81e24); padding:2rem; border-radius:1.5rem; box-shadow:0 1rem 2rem rgba(237, 50, 55, 0.18);}
.campaign_subtitle {margin:0; color:#ffffff; font-size:1.3rem; font-weight:600; line-height:1.8; text-align:center;}
.chairman_message {margin-top:1rem; background:linear-gradient(135deg, #f0fdf4, #ffffff); border:1px solid rgba(34, 197, 94, 0.15); border-radius:1.5rem; padding:2.25rem; position:relative;}
.chairman_title {font-size:1.75rem; font-weight:700; color:#0f5132; margin-bottom:1.25rem;}
.chairman_quote {margin:0; padding:1.5rem 2rem; background:#ffffff; border-left:0.375rem solid #16a34a; border-radius:0 1rem 1rem 0; box-shadow:0 0.5rem 1.25rem rgba(0, 0, 0, 0.04);}
.chairman_quote .campaign_paragraph {font-size:1.25rem; font-style:italic; font-weight:500; color:#1e293b;}
.campaign_footer {margin-top:3rem; padding:2.5rem 2rem; text-align:center; background:linear-gradient(135deg, #0f5132, #166534); border-radius:1.5rem; color:#ffffff; font-size:1.5rem; font-weight:600; line-height:2; box-shadow:0 1.25rem 2.5rem rgba(15, 81, 50, 0.2);}
.footer_line {display:inline-block;}*/


.campaign_wrapper {max-width:900px; margin:20px auto; background:#fff; padding:40px; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,0.1); border-top:8px solid #2e7d32;}
.campaign_header {text-align:center; margin-bottom:30px;}
.campaign_wrapper h1 {color:#2e7d32; font-size:2.5em; margin-bottom:10px;font-weight: 600;}
.campaign_wrapper .badge {background:#e8f5e9; color:#2e7d32; padding:5px 15px; border-radius:20px; font-weight:bold; display:inline-block; margin-bottom:20px;}
.campaign_wrapper .hero-text {font-size:1.2em; text-align:center; font-weight:500; color:#1b5e20; margin-bottom:30px;}
.campaign_wrapper .campaign-details {background:#f9f9f9; padding:25px; border-left:5px solid #4caf50; margin-bottom:30px;}
.campaign_wrapper .highlight {color:#d32f2f; font-weight:bold;}
.campaign_wrapper h2 {color:#2e7d32; border-bottom:2px solid #eee; font-size: 1.5rem; padding-bottom:10px;font-weight: 600;}
.campaign_wrapper .step h3 {font-size: 1.3rem;font-weight: 600;}
.campaign_wrapper ul {list-style: disc; margin: 1rem 1.5rem;}
.campaign_wrapper ul li {padding-bottom: 0.5rem;}
.para .left {text-align: left;}
.campaign_wrapper .participation-steps {display:flex; justify-content:space-around; flex-wrap:wrap; margin:30px 0; text-align:center;}
.campaign_wrapper .step {flex:1; min-width:200px; padding:15px; margin:10px; background:#e8f5e9; border-radius:8px;}
.campaign_wrapper .quote-section {font-style:italic; background:#388e3c; color:white; padding:30px; border-radius:10px; position:relative; margin:40px 0;}
.campaign_wrapper .quote-section::before {content:'“'; font-size:5em; position:absolute; top:-10px; left:10px; opacity:0.2;}
.campaign_wrapper .footer-info {text-align:center; font-size:0.9em; color:#666; margin-top:40px; border-top:1px solid #eee; padding-top:20px;}
.campaign_wrapper .btn {display:block; width:fit-content; margin:30px auto; background:#2e7d32; color:white; padding:15px 35px; text-decoration:none; font-weight:bold; border-radius:50px; transition:background 0.3s;}
.campaign_wrapper .btn:hover {background:#1b5e20;}



@media (max-width: 991px) {
.campaign_wrapper {padding:2rem; border-radius:1.5rem;}
.campaign_section, .campaign_highlight, .chairman_message {padding:1.5rem;}
.campaign_footer {padding:2rem 1.5rem; font-size:1.25rem;}
}


@media (max-width: 768px) {
.event_cardWrapper {grid-template-columns:1fr; gap:20px; padding:10px;}
.event_cardWrapper .card-img-top {height:220px;}
.event_cardWrapper .card-body {padding:20px;}
.inner_box .box {flex: 1 1 100%;}
.thankyou .tdiv .tlogo img {width: 6rem;}

.site-info .container {flex-direction:column; text-align:center;}
.site-info {padding:18px 15px;}
.site-info p {font-size:14px; line-height:1.7;}


/*.campaign_wrapper {padding:1.5rem; border-radius:1.25rem;}
.campaign_header {margin-bottom:2rem; padding-bottom:1.5rem;}
.campaign_intro, .campaign_paragraph {font-size:1rem; line-height:1.9;}
.campaign_subtitle, .chairman_quote .campaign_paragraph, .campaign_footer {font-size:1.125rem;}
.campaign_footer {line-height:1.8;}*/

}



/*media*/
@media (max-width: 1440px){
	.event-img{
		margin-bottom: 30px;
	}
}
@media (max-width: 1369px){
	.btitle{
		font-size: 56px;
	}
	.tagLine{
		font-size: 24px;
	}
	.heading .title{
		font-size: 32px;
	}
	.social{
		margin-top: 30px;
	}
	.box-grid {
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
}
}
@media (max-width: 1200px){
	.bcontent .bright{max-width: 420px;}
	.roundbg{height: 394px;}
	.roundslider{padding: 13px;}

}
@media (max-width: 1024px){
	.btitle{
		font-size: 46px;
	}
	.event-add ul li{
		font-size: 16px;
	}
	.heading .title {
	    font-size: 28px;
	}
	.es .events-date ul li{
		flex-basis: 21%;
	}
	.thankyou .tdiv p{
		font-size: 16px;
	}
}
@media (max-width: 991px){
	/* .header .logo {
	    width: 200px;
	} */
	#event-slider .item .bcontent{
		flex-direction: column-reverse;
	}
	#event-slider{
		height: unset;
	}
	.smob{
		display: block;
		margin-top: 20px;
	}
	.sdex{
		display: none;
	}
	.bcontent .bleft{
		width: 100%;
	}
	.bcontent .bright{
		width: 100%;
	}
	.event-img{
		text-align: center;
	}
	.pt60{
		padding: 40px 0px;
	}
	.heading .title {
	    font-size: 26px;
	}
	.slist ul li{
		flex-basis: 22%;
	}
	.left-img{
		position: unset;
		width: 100%;
	}
	.right-sec{
		width: 100%;
		padding-left: 0px;
	}
	.eventEnd{
		flex-direction: column;
		height: unset;
	}
	.es .events-date ul li {
	    flex-basis: 29%;
	}
	.tagLine {
	    font-size: 20px;
	}
	.btitle {
	    font-size: 40px;
	}
}
@media (max-width: 767px){
	#header{position: static;background: #27395d;padding: 15px 0px 0px;}
	.home .fullslider .fullbg img{object-fit: cover;}
	.home .fullslider .fullbg{height: 190px;}
	.header .logo img{height: 50px;}
	.menu{
	    display: none;
	}
	#mobile-menu {
	    display: block;
	}
	#mobile-menu ul {
	    display: block;
	    padding: 15px;
	    text-align: left;
	}
	#menu-right{
		display: block;
	}
	.countdown ul li span{
		font-size: 30px;
	}
	.btitle,.thankyou .tdiv h1 {
	    font-size: 32px;
	}
	.tagLine {
	    font-size: 17px;
	}
	.countdown ul li{
		font-size: 13px;
	}
	.event-add ul li{
		align-items: baseline;
		font-size: 15px;
	}
	.heading p{
		font-size: 17px;
	}
	.para p{
		text-align: justify;
		font-size: 14px;
	}
	.slist ul li{
		flex-basis: 45%;height: auto !important;
	}
	.slist ul li img{object-fit: cover;}
	.es .events-date ul li {
	    flex-basis: 47%;
	}
	.pt60{
		padding: 30px 0px;
	}
	.thankyou .tdiv p{
		font-size: 16px;
	}
	.eventEnd{
		height: unset;
	}
}


	
@media (max-width:480px){
.bcontent .bright{max-width: 300px; margin: 0 auto 60px;}
	.roundbg{height:284px;}
	.roundslider{padding: 8px;}
	#event-slider .item .bcontent{display: block;}
	.date{background-size: inherit; background-position: 0 0 ; width: 84px; height: 90px;}
	.btitle{margin-top: 10px;}
	.bcontent .bleft{text-align: center; margin-bottom: 15px;}
	.edates{width: 185px; margin: 0 auto; text-align: left;}
	.date span{width: 100%; height: auto;}
	.date span.year{bottom: 5px;}
	.date span.day{top: 52%;}
	#event-slider .item .bcontent{padding-top: 40px;}
	.smob {position: absolute;	bottom: -15px;width: 100%;}
	.event-add {width: 284px;margin: 0 auto;}
	.thankyou .tdiv p {font-size: 14px;}
	.thankyou .site-btn {margin-top: 0.5rem !important;}
	.thankyou .tdiv h1{margin-bottom: 15px;margin-top: 15px;}
}

@media (max-width: 360px){
	.countdown ul{
		flex-wrap: wrap;
	}
	.countdown ul li {
	    flex-basis: 47%;
	}
	.heading .title {
	    font-size: 22px;
	}
	.pt60{
		padding: 20px 0px;
	}
	.es .events-date ul li .event .daynumMonth{
		font-size: 30px;
	}
	.es .events-date ul li .event .day{
		font-size: 17px;
	}
	.btitle,.thankyou .tdiv h1 {
	    font-size: 28px;
	}
	.tagLine {
	    font-size: 15px;
	}
	.thankyou .tdiv p{
		font-size: 16px;
	}
}
@media (max-width: 320px){
	.es .events-date ul li {
	    
	    flex-basis: 46%;
	}
	.es .events-date ul li .event .daynumMonth{
		font-size: 27px;
	}
	.es .events-date ul li .event .day{
		font-size: 15px;
	}
	.heading .title {
	    font-size: 20px;
	}
	.btitle,.thankyou .tdiv h1 {
	    font-size: 24px;
	}
	.tagLine {
	    font-size: 14px;
	}
	.thankyou .tdiv p{
		font-size: 15px;
	}
}