/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Teko:wght@300;400;500;600;700&display=swap');

*{ padding: 0; margin: 0; box-sizing: border-box; }

body { font-family: 'Poppins', sans-serif!important; font-size: 16px; color: #000; line-height: 1.6; background-color: #fff; }
img { display: block; max-width: 100%; height: auto; }
a { outline: none; text-decoration: none; color: #000; text-decoration: none; transition: all 0.3s ease-in-out; }
a:hover { color: #ee0c3d; }
ul,ol { padding: 0; margin: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.4; }
h1 { font-size: 80px; }
h2 { font-size: 45px; }
h3 { font-size: 26px; }

/* global */
.heroMainsectoin{width: 100%; background: #fff; position: relative;}
.containerCenter { padding-right: calc((100% - 1000px)/ 2); padding-left: calc((100% - 1000px)/ 2); }
main { padding-top: 0!important; }



/* hero */
.heroSection { width: 100%;  position: relative; overflow: hidden; }
.heroSection img{width: 100%;}
.aboutSect{width: 100%; background: #fff; position: relative; z-index: 1; padding-top: 45px; padding-bottom: 45px;}
.aboutInner{width: 100%; position: relative;}
.aboutSect h1{text-align: center; display: block; font-size: 30px; text-align: center; margin-bottom: 10px;}
.aboutSect p{display: block; clear: both; margin-bottom: 25px; font-size: 16px; line-height: 32px;}
.buttonReg{ position: fixed; right: 20px; bottom: 20px; background: #11610a; padding: 16px 45px 9px; border-radius: 20px; border: 0; cursor: pointer; color: #fff; line-height: 24px; font-size: 18px; text-align: center; margin: 0 auto; display: inherit; box-shadow: 0 .5rem 1.2rem #d9efda; z-index: 99;}

.registrationPopup {padding: 20px; position: fixed; top: 0;   width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: var(--transition); z-index: 99; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(107, 122, 144, .5);}
.registrationPopup .block {margin: 30px auto auto;  width: 100%;  position: relative;   max-width: 700px;  box-shadow: 0 4px 20px rgba(67, 77, 91, .2);  border-radius: 10px;  background-color: #fff; overflow: hidden;}
.registrationPopup.opn {opacity: 1; visibility: visible;}
.registrationPopup .block h2{background: #ecf6f5; text-indent: -22px; font-size: 26px; width: 100%; text-align: center; line-height: 60px; position: absolute; top: 0; left: 0;}
.registrationPopup .closemenu {position: absolute; right: 10px; top: 5px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; z-index: 1;  border: 0; cursor: pointer;  background: none;}
.registrationPopup .closemenu svg {width: 14px; height: 14px; transition: all 0.3s ease-in-out; fill: #5b6161;}
.registrationPopup .form {width: 70%; margin: 80px auto 40px; }
.registrationPopup .input { margin-bottom: 15px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.registrationPopup .input label{font-size: 16px; font-weight: 600; margin-bottom: 10px; display: block; color: #000;}
.registrationPopup .half { width: 48%; }
.registrationPopup input[type="text"], input[type="tel"], input[type="email"],
.registrationPopup textarea { padding: 5px 15px; color: #b6b6b6; box-shadow: 0px 0px 6px 5px rgb(236, 246, 245, 0.6); width: 100%; height: 45px; border-radius: 2px; outline: none; border: 0; background-color: #fff; border: 1px solid #f0f8f6; margin-bottom: 15px; color: #000;}
.registrationPopup textarea { height: auto;}
.registrationPopup .button { width: 100%; margin-top: 25px;}
.registrationPopup .submit { width: 100%; height: 45px; color: #fff; cursor: pointer; text-transform: uppercase; font-weight: 400; border-radius: 10px; border: 0; background-color: #02af9b; font-size: 16px; padding-top: 3px;}
.thankBox { margin: 130px auto 80px; width: 70%; text-align: center;font-size: 20px;}

.sectionAccordian{display: block; width:100%; padding-top: 50px; padding-bottom: 50px; overflow: hidden;}

/* guest */
.guestSect { padding-top: 50px; padding-bottom: 50px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #f5f5eb; margin-left: -20px; margin-right: -20px; }
.guestSect h2 { margin-bottom: 15px; font-size: 24px; }
/* .guestSect .left { padding-right: 30px; width: 33.3%; background: url('https://www.jagranimages.com/images/guest-devaider.png') right 72px no-repeat; background-size: 6px 430px; }
.guestSect .right { padding-left: 30px; width: 66.33%; } */
.guestSect .left {padding-left: 20px; padding-right:20px; width: 25%; background: url('https://www.jagranimages.com/images/guest-devaider.png') right 72px no-repeat; background-size: 6px 430px;}
.guestSect .left:last-child{background: none;}


.guestSect .block { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.guestSect .item { width: 48%; }

/* card Guest */
.cardGuest { width: 100%; height: 100%; }
.cardGuest .image { margin-bottom: 20px; width: 100%; overflow: hidden; border-radius: 20px; }
.cardGuest .image img{width: 100%;}
.cardGuest .text { width: 100%; }
.cardGuest h3 { margin-bottom: 10px; font-size: 20px; }
.cardGuest .position { display: block; position: relative; font-size: 14px;}

/* speakerSect */
.speakerSect { padding-top: 20px; padding-bottom: 50px; width: 100%; }
.speakerSect h2 { margin-bottom: 20px; font-size: 30px; text-align: center; }
.speakerSect .block { margin: 0 -15px; display: flex; flex-wrap: wrap; }
.speakerSect .item { padding: 0 15px; margin-bottom: 30px; width: 33.33%; }

/* cardSpeaker */
.cardSpeaker { width: 100%; height: 100%; }
.cardSpeaker .image { margin: 0 auto 20px auto; display: flex; justify-content: center; align-items: flex-end; max-width: 200px; width: 100%; height: 200px; overflow: hidden; border-radius: 50%;     background-color: #ffffff;
   box-shadow: 0px 0px 8px #b3ffd4}
.cardSpeaker .text { width: 100%; text-align: center; }
.cardSpeaker h3 { margin-bottom: 10px; font-size: 20px; }
.cardSpeaker .position { margin-bottom: 10px; width: 100%; position: relative; text-align: center; }
.cardSpeaker .position span { /*padding: 3px 10px;*/ display: inline-block; position: relative; /*background-color: #a0ffc2;*/ }

/* agriArticle */
.agriArticle { padding-top: 20px; padding-bottom: 50px; width: 100%; position: relative;}
.agriArticle h2 { margin-bottom: 10px; text-align: center; font-size: 24px; }
.agriArticle .swiper-slide { height: unset; }
.agriArticle .Common_box{width: 100%; height: 100%; box-shadow: 0 .1rem 1rem .1rem rgb(0 0 0 / 5%);  border: 1px solid #ebebeb; border-radius: 15px; overflow: hidden; background-color: #fff; }
.agriArticle .Common_box figure{width: 100%; position: relative;}
.agriArticle .icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, .3); }
.agriArticle .icon:before { content: ""; width: 18px; height: 18px; background-color: #fff; z-index: -1; }
.agriArticle .icon svg,
.agriArticle .icon:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.agriArticle .icon svg { width: 50px; height: 40px; display: block; fill: #da251d; }
.agriArticle .Common_box h3{padding: 10px 20px; font-weight: 700; font-size: 14px; line-height: 24px;}
.agriArticle .swiper-pagination { margin-top: 30px; position: relative; }
.agriArticle .swiper-pagination-bullet { width: 16px; height: 16px; opacity: 1; cursor: pointer; border: 1px solid #000; background-color: #fff; }
.agriArticle .swiper-pagination-bullet-active { border: none; background-color: #b9ce3e; }

/* agenda */
.agenda{padding: 70px 0px;  background-color: #f3fbdf; margin-bottom: 30px;}
.agenda h2{font-size: 40px; font-weight: 600;  line-height: 1.4;}
.agenda-heading{text-align: center;}
.agenda h4{margin: 0 auto; font-size: 20px; font-weight: 600;}
.agenda li{display: flex; border-bottom: 1px solid black; gap: 60px; padding: 20px 0px;}
.agenda .agenda-time{width: 20%;}
.agenda .agenda-description{width: 80%;}

/* live video */

.liveVideoSection{width:100%; background-color:#000; padding-bottom: 50px; margin-top: -210px;}

.inner{width: 60%; margin: 0 auto;}
.wrapper-video-section h2{font-size: 40px; line-height: 1.4; font-weight: 600; color: #fff; position: relative;     margin: 30px 0 10px;}
.wrapper-video-section h2:before{content:"";width:25px;height:25px;border-radius:50%;background-color:red;display:block;position:absolute;top:9px;left:-40px}
.video-player{position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; }
.video-player .responsive-iframe {  position: absolute; top: 0; left: 0;bottom: 0;right: 0; width: 100%; height: 100%; border: 0px;}

.wrapper-video-section{display:flex;justify-content:center;align-items:center}


.sponsor{ display: flex; justify-content: space-between; width: 100%; max-width: 560px; margin:50px auto; }

.groupSponsor{display: flex; justify-content: space-between;}
.sponsor .sponsorList{border-right: 1px solid #b3b3b3; padding-left: 20px; padding-right: 20px;}
.sponsor .sponsorList:last-child{border-right: 0px; padding-left: 0px;}
.sponsorText {margin-bottom: 20px; line-height: 1.8; font-size: 16px; font-weight: 600; color: #000; text-align: center;}
.sponsorimg{width: 100%; display: flex; flex-direction: column; align-items: center;}
.sponsorimg .title{display: block; font-size: 10px; font-weight: 600; text-align:center ;}

.sponsorimg img{width: 120px;}
.sponsorimg .mdairyLogo{width: 180px;}
.sponsorimg .chhLogo{width: 100px;}



/* footer */
.footerSection{width: 100%; overflow: hidden; background: #f2f2f2; padding-top: 40px; padding-bottom: 40px;}
.footerSection .foottxt{ margin-bottom: 20px; display: block; text-align: center; font-size: 25px; font-weight: bold; box-sizing: border-box;}
.footerSection .list{ margin: 0 -15px 20px -15px; display: flex; flex-wrap: wrap; align-items: flex-start;}
.footerSection .list li { padding: 0 15px; width: 33.33%; border-right: 1px solid #ccc;}
.footerSection .list li span{font-size: 14px; color: #000; display: block;}
.footerSection .list li span.head{font-size: 20px; text-transform: uppercase; font-weight: 600;}
.footerSection .list li:last-child{ border-right: 0;}
.footerSection .socialIcon{display: flex; justify-content: center; flex-wrap: wrap; width: 100%; gap: 15px;}
.footerSection .socialIcon a { padding: 8px; color: #fff; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; background-image: none; transition: all 0.3s ease-in-out;  background-color: #d9efda; border: 1px solid #849483; }
.footerSection .socialIcon svg{ fill: #000;}
.footerSection .socialIcon a:hover { transform: scale(1.2); }
.footerSection .logoAgri{width: 100%; clear: both;}
.footerSection .logoAgri img{width: 110px;}


@media screen and (max-width: 1360px)  {
   .sponsor{bottom: 240px; max-width: 100px;}
   .liveVideoSection{margin-top: -30px;}
   .containerCenter, .container { padding-left: 20px; padding-right: 20px; }

}


@media screen and (max-width: 1040px)  {
   .containerCenter, .container { padding-left: 20px; padding-right: 20px; }
  
}  

@media screen and (max-width: 991px)  {
   .footerSection .list li span.head { font-size: 16px; }
   .footerSection .list li a { font-size: 11px; }
}


@media screen and (max-width: 767px)  {
   .aboutSect{margin: 0px auto 0; width: 100%;}
   .aboutInner{top: -40px;}

   .guestSect .left { padding-bottom: 40px; padding-right: 0; margin-right: 0px; margin-bottom: 40px; width: 100%; background: transparent; border-bottom: 1px solid #ccc;  }
   .guestSect .left:last-child{width: 100%;}
   .guestSect .right { padding-left: 0; width: 100%;}
   .guestSect .leftguest { width: 48%; }

   .speakerSect .item { width: 50%; }

   .agriArticle .Common_box h3{display: flex; flex-wrap: wrap; white-space: initial;}
   .agriArticle .Common_box h3 a{word-break: break-all;}

   .footerSection{ padding-top: 30px; padding-bottom: 30px; }
   .footerSection .foottxt { font-size: 18px; }
   /* .footerSection .logoAgri{display: flex; justify-content: center;} */
   .footerSection .socialIcon{justify-content: center;}   
   .footerSection .list li span{width: 100%; text-align: center;}
   .footerSection .list li { padding: 0; margin-bottom: 15px; width: 100%; text-align: center; border-right: 0;}
   .footerSection .list li a{text-align: center; width: 100%; font-size: 12px;}
   .footerSection .list li .socialIcon a{width: 35px; margin: 35px 12px 0;}
   .footerSection .list li:last-child{border: 0; padding-left: 0;}

   .buttonReg { padding: 6px 25px 0 25px; right: 10px; bottom: 67px; min-height: 36px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; box-shadow: none; }
   .guestSect .left{padding-left: 0;}
   .guestSect{margin-left: 0; margin-right: 0;}
   .sponsor{max-width:inherit; width: 100%; flex-direction: column;}
   .sponsor .sponsorList{border-right: 0px; margin-bottom: 30px; padding: 0px;}
   .groupSponsor {border-bottom: 1px solid #e0e0e0; padding-bottom: 30px;}

   .agenda .container ul{margin: 10px 30px;}
   .agenda li{display: block;}
   .inner{width: 90%;}
   .liveVideoSection{padding-bottom: 30px; margin-bottom: 30px;}
   .agenda .agenda-time, .agenda .agenda-description{width: 100%;}
}

@media screen and (max-width: 480px)  {
   .guestSect .leftguest { width: 100%; }
   .guestSect .block { gap: 40px; }
   .guestSect .item { width: 100%; }

   .cardSpeaker .image { max-width: 130px; height: 130px; }
   .cardSpeaker h3 { font-size: 16px; }
   .cardSpeaker .position { font-size: 12px; }
}