@charset "UTF-8";

:root {
    --mukta: "Mukta", sans-serif;
    --khand: "Khand", sans-serif;
    --opensans: "Open Sans", sans-serif;
    --blinker: "Blinker", sans-serif;
    --green1: #5C9A44;
    --green1-rgb: 92, 154, 68;
    --green2: #056e1c;
    --green2-rgb: 5, 110, 28;
    --orange: #FF6500;
    --yellow: #FFF953;
}

body {
    background-color: #F5F5F7;
}

body.Hi {
    font-family: "Mukta", sans-serif;
}

body.En {
    font-family: "Open Sans", sans-serif;
}

input,
.btn {
    outline: none;
}

.btn-close:focus,
.btn:focus {
    box-shadow: none;
    outline: 0;
}

a {
    text-decoration: none;
}

.fw-semibold {
    font-weight: 600
}

.fw-medium {
    font-weight: 500
}

/*Main CSS*/
.Fs18 {
    font-size: 1.125rem;
}

.Khand {
    font-family: var(--khand);
}

.Blinker {
    font-family: var(--blinker);
}

.Green1 {
    color: var(--green1);
}

.BgGreen1 {
    background-color: var(--green1) !important;
}

.Green2 {
    color: var(--green2);
}

.BgGreen2 {
    background-color: var(--green2) !important;
}

.Orange {
    color: var(--orange);
}

.BgOrange {
    background-color: var(--orange) !important;
}

.BgLight {
    background-color: #f8f9fa !important;
}

.Yellow {
    color: var(--yellow);
}

.CustomBtn {
    --bs-btn-bg: var(--green1);
    --bs-btn-hover-border-color: var(--green2);
    --bs-btn-hover-bg: var(--green2);
    --bs-btn-active-bg: var(--green2);
    --bs-btn-active-border-color: var(--green2);
}


header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: transparent;
    transition: all 0.3s ease;
}

#SiteHeader.shrink {
    height: 65px;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.GramLogo,
.DoaLogo {
    transition: width 0.3s ease;
}

#SiteHeader.shrink .GramLogo {
    width: 140px;
}

#SiteHeader.shrink .DoaLogo {
    width: 36px;
}



@media(max-width:992px) {
    .GramLogo {
        width: 230px;
    }

    .DoaLogo {
        width: 46px;
    }
}

@media(max-width:575px) {
    .GramLogo {
        width: 170px;
    }

    .DoaLogo {
        width: 36px;
    }
}

.Hi .nav-link {
    --bs-nav-link-font-size: 1.25rem;
}

.DoaLogoBlock {
    border-left: 1px solid #008C3B52;
}

.navbar-nav .nav-link {
    color: #3a3a3a;
    --bs-navbar-active-color: var(--green2);
    --bs-nav-link-font-weight: 600;
	    --bs-dropdown-link-active-bg: transparent;
}

.navbar-nav .nav-link:hover {
    color: var(--green1);
}


.dropdown-item {
    display: flex;
    gap: 5px;
    align-items: center;
	font-size:1.25rem;
}
.En .dropdown-item {
	font-size:.935rem;
}

/*
#MainLink .dropdown-submenu .dropdown-item:before {
    border-top: .30em solid transparent;
    border-left: .378em solid;
    border-bottom: .30em solid transparent;
    border-right: 0;
    max-width: 6px;
    max-height: 13px;
    content: '';
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
    background-color: #e7fdec;
}*/
.dropdown-item svg,
.nav-link svg {
    width: 10px;
    height: 10px;
}

/* Hover Open (Desktop Only) */
@media (min-width: 992px) {
    .navbar .dropdown:hover>.dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        background-color: #e7fdec;
        font-size: .9365rem;
    }

    #MainLink .dropdown-item:hover,
    #MainLink .dropdown-item.active,
    #MainLink .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        color: var(--green2);
        background-color: transparent;
    }

    .navbar .dropdown-submenu>.dropdown-menu {
        display: none;
    }

    .navbar .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }
}

#MainLink .nav-link {
    display: flex;
    align-items: center;
    gap: 3px
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        --bs-navbar-nav-link-padding-x: .5rem;
	line-height:1.2;

    }


    .navbar .dropdown:hover>.dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    #MainLink .dropdown-menu li {
        border-top: 1px solid rgba(0, 0, 0, 0.14)
    }

    #MainLink .dropdown-menu li:first-child {
        border-top: 0
    }

    #MainLink .dropdown-menu li li {
        border-top: 0
    }
}
.PragatiHead{background: #FFFFFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(168, 237, 188, 1) 100%);}

.offcanvas {
    background-color: #e7fdec;
    z-index: 1051;
}

.modal-backdrop {
    background: rgba(0, 0, 0, 0.70);

}

.modal-backdrop.show {
    opacity: 1;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(10px);
}

.RegistrationLink {
    background-color: var(--green1);
    color: #fff !important;
    border-radius: 0.25rem;
}

.RegistrationLink:hover {
    color: var(--yellow) !important;

}

.Hamburger {
    cursor: pointer;
    padding: .5rem;
}


.offcanvas .btn-close {
    --bs-btn-close-color: #fff;
    --bs-btn-close-opacity: 1;
    background-color: #333;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f2f2f2'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e")
}

.offcanvas .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.offcanvas .dropdown-menu {
    --bs-border-width: 0;
    --bs-dropdown-padding-y: 0;
    position: relative !important;
    transform: translate(0px, 0) !important;
    display: block;
    background-color: transparent;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--green2);
    background-color: transparent;
}

.DropdownBtn svg {
    width: 12px;
    height: 12px;
    fill: #666;
    transition: transform 0.3s ease;
}

.dropdown-toggle.show svg {
    transform: rotate(180deg);
    /* Rotates the arrow 180 degrees (points up) */
}

.Language {
    background-color: #20522c;
    color: #fff;
    font-weight: 500;
}

.Language:hover,
.Language:active,
.Language:focus {
    background-color: var(--yellow);
    color: #20522c !important;
}

.PmMessage {
    z-index: 2;
    margin-top: 60px;
}

.QuoteImg img {
    width: 80px;
}

@media(min-width:1024px) {
    .PmMessage {
        margin-top: -70px;
    }

    .QuoteImg img {
        width: 109px;
    }
}

@media(min-width:1200px) {
    .PmMessage {
        margin-top: -100px;
    }
}

@media(min-width:1400px) {
    .PmMessage {
        margin-top: -150px;
    }
}

.PmImg {
    min-width: 354px;
    position: relative;
    z-index: 1;
}



@media(max-width:991px) {
    .PmImg img {
        width: 280px;
    }
}

@media(max-width:575px) {
    .PmImg img {
        width: 240px;
    }
}

.PmQuote {
    background: url(../img/pm-message-bg.webp) repeat 0 0;
    border-radius: 1rem;
    padding: 2rem;

}

@media (min-width: 768px) {
    .PmQuote {
        --overlap: 170px;
        margin-left: calc(var(--overlap) * -1);
        padding-left: var(--overlap);
        padding-right: 3rem;
    }

    .PmQuoteText {
        margin-bottom: 2rem;
    }
}

@media (min-width: 1400px) {
    .PmQuote {
        padding-left: calc(2rem + var(--overlap));
        padding-right: 4rem;
    }
}

.Welcome {
    background: var(--green1);
    background: linear-gradient(to right, var(--green1) 0%, var(--green2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.MinisterQuote {
    border-radius: 10px;
    padding-left: 2rem;
    padding-top: 1rem;
    border-radius: 10px;
    position: relative;
}

.MinisterQuote:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: var(--blockcolor);
}

.MinisterQuote img {
    position: relative;
    z-index: 1;
}

.MinisterTxt {
    font-size: 1.125rem;
}

.En .MinisterTxt {
    line-height: 1.7;
}

.CM {
    background: rgba(245, 245, 247, 0.3);
    background: linear-gradient(180deg, rgba(245, 245, 247, 0.5) 0%, rgba(255, 145, 77, 0.5) 100%);
    --blockcolor: #F47435;
}

.Minister {
    background: RGBA(245, 245, 247, 0.10);
    background: linear-gradient(180deg, rgba(245, 245, 247, 0.5) 0%, rgba(84, 197, 40, 0.5) 100%);
    --blockcolor: #54C528;
}

@media(max-width:767px) {
    .MinisterTxt {
        padding-right: 2rem;
    }
}

@media(max-width:575px) {

    .MinisterImg img {
        width: 180px;
    }
}

.marquee {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    margin-top: 60px;
}

.marquee .MarqueeTxt {
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 3.75rem;
    font-weight: 600;
    color: #e4e4e4;
    line-height: 1.3;
    display: flex;
    align-items: center;
    color: #d2e1d7;
}

.marquee .MarqueeTxt sup {
    top: auto;
}

.AboutGram {
    background: url(../img/about-gram-bg.webp) no-repeat 50% 50%;
}

.AboutGramWrap {
    border-radius: 10px;
}

.Text100 {
    font-size: 60px;
}

.GramUtthanShivir {
    background: #054513 url(../img/gram-utthan-shivir.jpg) no-repeat top center;
}


.ShivirRound {
    border: 1px solid #B7D44310;
    border-radius: 10px;
    color: var(--yellow);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.ShivirRoundNo {
    font-size: 32px;
    color: #967050;
    line-height: 1.15;
}

.ShivirInfo hr {
    background-color: #B7D443;
}

.FirstRound {
    background-color: #59984255;
}

.SecondRound {
    background-color: #045C1585;
}

.ShivirLocation {
    background-color: #D9D9D91A;
    color: #B7D443;
}

.MoreInfo {
    --bs-btn-bg: var(--yellow);
    --bs-btn-color: #000;
    --bs-btn-border-color: var(--green2);
    --bs-btn-hover-bg: #B7D443;
    --bs-btn-hover-border-color: var(--green2);
    --bs-btn-active-bg: #B7D443;
    --bs-btn-active-border-color: #B7D443;
}


.MoreInfo svg,
.BtnArrow svg {
    position: relative;
    right: 0;
    transition: right 0.3s ease;
}

.MoreInfo:hover svg,
.BtnArrow:hover svg {
    right: -6px;
}

.MainHighlightsTxt {
    background: rgba(var(--green1-rgb), .20);
    background: linear-gradient(to right, rgba(var(--green1-rgb), .20) 0%, rgba(var(--green2-rgb), .20) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    opacity: .5;
}

@media(min-width:992px) {
    .Text100 {
        font-size: 100px;
    }
}



.HighlightCol {
    border-radius: 5px;
    border: 5px solid #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.HighlightCol img {
    border-radius: 5px;
}

.HighlightInfo {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.HighlightInfoTxt {
    font-size: 1.365rem;
    font-weight: 600;
    line-height: 1.25;
    color: #fff;
}

.En .HighlightInfoTxt {
    font-size: 1.25rem;
}

.HighlightIcon {
    width: 36px;
    height: 36px;
    background: url(../img/icons-sprite.svg)no-repeat var(--x) 0;
    display: block;
}

.Exhibition .HighlightIcon {
    --x: -39px;
}

.Conference .HighlightIcon {
    --x: -117px;
}

.Discussion .HighlightIcon {
    --x: -195px;
}

.SmartFarm .HighlightIcon {
    --x: -117px;
}

.StartupCamp .HighlightIcon {
    --x: 0;
}

.FarmerGathering .HighlightIcon {
    --x: -78px;
}

.AgriClinics .HighlightIcon {
    --x: -234px;
}

.RuralMarket .HighlightIcon {
    --x: -390px;
}

.LiveDemo .HighlightIcon {
    --x: -468px;
}

.VideoArena .HighlightIcon {
    --x: 156px;
}

.B2BAndB2GMeetings .HighlightIcon {
    --x: -273px;
}

.CapitalBuildingProgram .HighlightIcon {
    --x: -78px;
}

.Award .HighlightIcon {
    --x: -351x;
}

.SpacerXl {
    height: 70px;
}

.SpacerLg {
    height: 50px;
}

.SpacerSm {
    height: 40px;
}

@media(min-width:768px) {
    .SpacerXl {
        height: 100px;
    }

    .SpacerLg {
        height: 70px;
    }

    .SpacerSm {
        height: 50px;
    }
}

@media(min-width:992px) {
    .SpacerXl {
        height: 120px;
    }

    .SpacerLg {
        height: 90px;
    }

    .SpacerSm {
        height: 60px;
    }
}

.SponsersBlock .Title {
    background: var(--green1);
    background: linear-gradient(to top, var(--green1) 0%, var(--green2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media(min-width:768px) {
    .En .SponsersBlock .Title {
        font-size: 100px
    }
}

@media(min-width:992px) {

    .SponsersBlock,
    .FooterBottom {
        width: 80%;
        margin: 0 auto;
    }

    .SponsersBlock .Title {
        font-size: 200px
    }

    .En .SponsersBlock .Title {
        font-size: 140px
    }
}

@media(min-width:1200px) {
    .En .SponsersBlock .Title {
        font-size: 160px
    }
}

@media(max-width:575px) {
    .FicciLogo {
        width: 120px
    }

    .Eylogo {
        width: 75px
    }

    .FooterLogo {
        width: 240px;
    }
}

.SponsersBlock .BackDrop {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.SummitTitle {
    border-bottom: 1px solid #008C3B50;
}

.BulletList li {
    margin-top: 8px;
}

.BulletList li:first-child {
    margin-top: 0
}

.BulletList li::marker {
    color: var(--green1);
}

.ContactWrap {
    background: url(../img/contact-bg.webp) no-repeat center center;
    background-size: 100%
}

.StripBullet li::marker {
    color: currentColor;
}

.StripBullet li:nth-child(odd) {
    color: #4d4d4d;
}

.StripBullet li:nth-child(even) {
    color: #6c6c6c;
}

.SectionTitle {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.EcoCard {
    background: #ffffff;
    border-radius: 14px;
    padding: 24px 22px;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.EcoNumber {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--green1);
    /* use your brand color */
    margin-bottom: 10px;
    font-family: var(--blinker);
    line-height: 1;
}

@media (max-width: 575px) {
    .EcoNumber {
        font-size: 1.9rem;
    }
}


.MasonryGrid {
    column-count: 3;
    column-gap: 1.5rem;
}

@media (max-width: 992px) {
    .MasonryGrid {
        column-count: 2;
    }
}

@media (max-width: 576px) {
    .MasonryGrid {
        column-count: 1;
    }
}

.VideoItem {
    break-inside: avoid;
    margin-bottom: 1.5rem;
    transition: opacity .3s ease, transform .3s ease;
}

.VideoItem.is-hidden {
    opacity: 0;
    transform: scale(0.96);
    pointer-events: none;
}

.VideoItem.is-collapsed {
    display: none;
}
.ItemBlock:after {
    --s: 56px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: var(--item-bg);
    background-size: var(--s);
    opacity: .65;
    transition: all .3s ease-in-out;
}

.ItemBlock:hover:after {
    transform: scale(1.3);
}

.ItemBlock a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.VideoBlock:after {
    --item-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 17v-10l9 5.146-9 4.854z" fill="%23fff"/></svg>') no-repeat center center;

}
.ImageBlock:after {
	--s: 32px;
    --item-bg: url('data:image/svg+xml,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m15.97 17.031c-1.479 1.238-3.384 1.985-5.461 1.985-4.697 0-8.509-3.812-8.509-8.508s3.812-8.508 8.509-8.508c4.695 0 8.508 3.812 8.508 8.508 0 2.078-.747 3.984-1.985 5.461l4.749 4.75c.146.146.219.338.219.531 0 .587-.537.75-.75.75-.192 0-.384-.073-.531-.22zm-5.461-13.53c-3.868 0-7.007 3.14-7.007 7.007s3.139 7.007 7.007 7.007c3.866 0 7.007-3.14 7.007-7.007s-3.141-7.007-7.007-7.007zm-.744 6.26h-2.5c-.414 0-.75.336-.75.75s.336.75.75.75h2.5v2.5c0 .414.336.75.75.75s.75-.336.75-.75v-2.5h2.5c.414 0 .75-.336.75-.75s-.336-.75-.75-.75h-2.5v-2.5c0-.414-.336-.75-.75-.75s-.75.336-.75.75z" fill-rule="nonzero" fill="%23fff"/></svg>')no-repeat center center;
}
.GalleryBlock:after{	
	--item-bg:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="M1.859 6l-.489-2h21.256l-.491 2h-20.276zm1.581-4l-.439-2h17.994l-.439 2h-17.116zm20.56 16h-24l2 6h20l2-6zm-20.896-2l-.814-6h19.411l-.839 6h2.02l1.118-8h-24l1.085 8h2.019zm2.784-3.995c-.049-.555.419-1.005 1.043-1.005.625 0 1.155.449 1.185 1.004.03.555-.438 1.005-1.044 1.005-.605 0-1.136-.449-1.184-1.004zm7.575-.224l-1.824 2.68-1.813-1.312-2.826 2.851h10l-3.537-4.219z"/></svg>')no-repeat center center;
}
.FilterDropdown {
    max-width: 100%;
}

.FilterButtons .btn.active {
    background: #000;
    color: #fff;
    border-color: #000;
}
.VideoCaption {
    background: #ffffff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.77) 100%);
}
@media(max-width:767px){
	.TableWrap{
	width:100%; overflow:auto
	}
#stallTable{
	width:800px;
}
}
.InstaCard{
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}

.InstaMedia{
  position: absolute;
  inset: 0;              /* top:0; right:0; bottom:0; left:0 */
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* KEY FIXES FOR VIDEO */
.InstaCard video.InstaMedia{
  display: block;
  line-height: 0;
}

/* optional: remove any anchor quirks */
.InstaCard a{
  display: block;
  width: 100%;
  height: 100%;
}
.FooterBottom {
    background: #187044;
    background: linear-gradient(180deg, rgba(24, 112, 68, 1) 0%, rgba(40, 56, 23, 1) 68%);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding-top: 32px;
    padding-bottom: 60px;
    font-size: .875rem
}

.FooterBottom a {
    color: #fff;
}