*,
*:before,
*:after{
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
}
/* popup css start */
.popup{
    background-color: #dcad5d;
    width: 450px;
    padding: 30px 40px;
    position: fixed;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 10px;
    /* align-items: center; */
    z-index: 10;
    display: none;
}

.closebtn{
    display: block;
    margin: 0 0 20px auto;
    background-color: transparent;
    color: white;
    border: none;
    font-size: 35px;
    outline: none;
    cursor: pointer;
}

.error-msg {
    color: red;
    font-size: 14px;
    display: none;
}

.text2{
    font-size: 25px;
    color: white;
}

input.fname,
input.lname,
input.email,
input.phno,
input.fname::before{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ededed;
    border-radius: none;
    width: 100%;
}
input.lname:hover,
input.email:hover,
input.phno:hover,
input.fname:hover{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #006656;
    border-radius: none;
    width: 100%;
}
input.lname::placeholder,
input.email::placeholder,
input.phno::placeholder,
input.fname::placeholder{
 color: rgba(255, 255, 255, 0.648);
}
.gt{
    background-color: #ffffff; 
    color: #006656;
    padding: 2% 15%;
    border: none;
    border-radius: 5px;
    
}
.gt:hover{
    background-color: #006656;
    color:#ffffff;
}
/* .form{
    z-index: 1;
    border: 1px solid #006656;
    padding: 10%;
    border-radius: 10px;
    background-color: #DCAD67;
    
} */
@media screen and (min-width: 300px) and (max-width: 500px) {
    .popup {
      width: 80%; /* Set the width to 80% for screen sizes between 300px and 500px */
    }
  }

/* popup css end */

body{
    font-family: 'Poppins', sans-serif;
    line-height: 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    visibility: visible;
    color: #222222;
    letter-spacing: 0.02em;
    overflow-x: hidden;;
}
:root {
    --primary-color: #006756;
    --secondary-color: #DCAD5D;
    --title-color: #161515;
    --white: #fff;
    --white: #black;
    --clamp12: clamp(10px, 0.625vw, 12px);
    --clamp14: clamp(12px, 0.72916vw, 14px);
    --clamp15: clamp(13px, 0.78125vw, 15px);
    --clamp16: clamp(14px, 0.8333vw, 16px);
    --clamp18: clamp(14px, 0.9375vw, 18px);
    --clamp20: clamp(16px, 1.0416vw, 20px);
    --clamp22: clamp(16px, 1.145vw, 22px);
    --clamp24: clamp(17px, 1.25vw, 24px);
    --clamp25: clamp(18px, 1.3541vw, 26px);
    --clamp26: clamp(20px, 1.3541vw, 26px);
    --clamp28: clamp(16px, 1.4583vw, 28px);
    --clamp30: clamp(20px, 1.5625vw, 30px);
    --clamp32: clamp(20px, 1.666vw, 32px);
    --clamp34: clamp(20px, 1.770vw, 34px);
    --clamp35: clamp(20px, 1.8229vw, 35px);
    --clamp36: clamp(25px, 1.875vw, 36px);
    --clamp38: clamp(25px, 1.979vw, 38px);
    --clamp40: clamp(26px, 2.083vw, 40px);
    --clamp42: clamp(26px, 2.1875vw, 42px);
    --clamp44: clamp(26px, 2.2916vw, 44px);
    --clamp45: clamp(26px, 2.3vw, 45px);
    --clamp48: clamp(26px, 2.5vw, 48px);
    --clamp50: clamp(28px, 2.864583vw, 50px);
    --clamp55: clamp(28px, 2.864583vw, 55px);
    --clamp58: clamp(28px, 3.02083vw, 58px);
    --clamp60: clamp(30px, 3.125vw, 60px);
    --clamp64: clamp(30px, 3.333vw, 64px);
    --clamp75: clamp(35px, 3.90625vw, 75px);
    --clamp78: clamp(30px, 4.0625vw, 78px);
    --clamp80: clamp(30px, 4.1666vw, 80px);
    --clamp82: clamp(30, 4.27083vw, 82px);
    --clamp84: clamp(25px, 4.375vw, 84px);
    --clamp42: clamp(24px, 2.1875vw, 42px);
    --clamp100: clamp(30px, 5.2083vw, 100px);
    --clamp120: clamp(40px, 6.25vw, 120px);
}

img{
    max-width: 100%;
}
li{
    list-style-type: none;
}



/**********************header*****************/
header {
    position: relative;
    z-index: 10;
    width: 100%;
    transition: all 0.5s linear;
}
.header_top .container{
    max-width: 95%;
    margin: 0 auto;
}
.header_top .row{
    margin: 0 auto;
    justify-content: space-between;
}
.header_center_logo img{
    max-width: 74%;
}
.menu_header {
    background-color: #006756;
    height: 70px;
    display: flex;
    align-items: center;
}


.line-art-img{
    max-width: 100%;
}
.agriculture-elliments-img{
    max-width: 60%;
}
.header_top{
    height: 30vh;
}
.header-top-right-img{
    max-width: 50%;
}

.header_top_center_inner span{
    font-size: 40px;
    font-weight: 600;
    color: #006756;
}
.header_top_center_right{  
    width: 50%;
}
.header_top_left{
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}
.header_top_center_left{
    width: 50%;
}
.header_top_center{
    width: 30%;
}
.header_top_center_inner{
    /* width: 100%; */
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.site_logo{
    max-width: 75%;
    margin: 0 auto;
}
.header_top_right{
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}
/* div#navbarText {
    background-color: var(--primary-color)
} */
.navbar-toggler {
    background-color: #dcad5d;
    height: 50px;
    width: 60px;
    color: #000000;
    position: absolute;
    right: 10px;
    border: none;
    font-size: 30px;
}
.navbar-toggler:focus-visible, .navbar-toggler:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
.menu_header .navbar-nav .nav-link {
    color: #ffffff;
    font-size: var(--clamp14);
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.25rem 1rem;
}
.menu_header .navbar-nav .nav-link.active, .menu_header .navbar-nav .show>.nav-link, .menu_header .navbar-nav .nav-link:hover {
    color: rgb(220 173 103);
}
.header_left_logo{
    position: relative;
    flex-direction: column;
}
.header_left_logo img {
    position: relative;
    max-width: 75%;
}
.header_left_logo .line-art-img {
    max-width: 70%;
}
.header_right_social{
    position: relative;
    flex-direction: column;
}
.header_social_list {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
}
.header_social_list li{
    margin: 0px 5px;
}
.header_social_list li a{
        color: #ffffff;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    line-height: 36px;
    background-color: #006756;
    display: block;
    text-align: center;
    font-size: 18px;
}
.header_right_social .elements-img {
    max-width: 70%;
    margin: 0px auto;
}
.dropdown-menu{
    background-color: #006756;
    border-radius: 0;
}
.dropdown-menu li a{
    font-size: 14px;
    color: #ffffff;
}
.dropdown.sub_dropdown .dropbtn {
  background-color: transparent !important;
  color: white;
  font-size: 14px;
  border: none;
    padding: 0;
    text-transform: uppercase;
    font-weight: normal;
}
.dropdown.sub_dropdown .dropbtn:hover,.dropdown.sub_dropdown .dropbtn.active,.dropdown.sub_dropdown .dropbtn:focus{
    background-color: #DCAD67 !important;
}
.sub_dropdown button{
    padding: 0.25rem 1rem !important;
}

.dropdown.sub_dropdown{
    width: 100%;
}
.dropdown.sub_dropdown button{
   width: 100%;
    text-align: left;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown.sub_dropdown .dropdown-content{
    right: 0px;
    left: 100%;
    color: #ffffff;
    top: 5px;
    background-color: #006756;
    min-width: 230px;
}
.dropdown-item:hover{
    background-color: #DCAD67;
}
.dropdown.sub_dropdown .dropdown-content a{
    color: #ffffff;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #DCAD67;}

/* Show the dropdown menu on hover */
.sub_dropdown:hover .dropdown-content {display: block;}


/****************************banner_section*****************/

.banner_section{
    /* background-image: url("../images/banner-1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
    position: relative;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-text {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    left: auto;
    right: auto;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;

}
.ih-item.circle {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin: 0px auto;
}
.ih-item.circle a {
    display: flex;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-transform: uppercase;
}
.ih-item.circle .img {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 50%;
}
.ih-item.circle.effect6 .img {
    background: var(--primary-color);
    width: 85%;
    height: 85%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect6 .img h3 {
    color: #fff;
    width: 80%;
    text-align: center;
    font-size: var(--clamp28);
    margin: 0px;
}
.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: var(--secondary-color);
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.ih-item.circle.effect6 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    width: 80%;
    text-align: center;
    font-size: var(--clamp28);
    margin: 0px;
}
.ih-item.circle.effect6.scale_up a:hover .img {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.ih-item.circle.effect6.scale_up a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.banner_section .row{
    align-items: center;
    justify-content: center;
}

/********************what_section****************/

.what_section{
    padding: 10px 0 60px;
    position: relative;
}
.div_heading{
    font-size: var(--clamp28);
    text-align: center;
    margin-bottom: 25px;
}
.what_section .div_heading{
    color: #4B4B4B;
    margin-top: 20px;
    font-size: var(--clamp50);
}
.what_section .div_heading b{
    color: #076356;
    font-size: var(--clamp36);
}
.side_heading{
    font-weight: 600;
    color: #DCAD5D;
    font-size: var(--clamp36);
}
.what_section p{
    color: #4D4D4D;
    font-size: var(--clamp18);
    line-height: 30px;
    letter-spacing: 1px;
    text-align: justify;
    padding: 0px 5px;
}

/**********************highlights_section********************/

.highlights_section {
    background-image: url('../images/banner-4.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    padding: 60px 0;
    position: relative;
}
.highlights_section:after{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:rgb(12 12 12 / 75%);
}
.highlights_section .container{
    position: relative;
    z-index: 4;
}
.highlights_section .div_heading{
    font-weight: 700;
    font-size: var(--clamp50);
}
.highlights li{
    color: #ffffff;
    font-size: var(--clamp18);
    line-height: 30px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
/***********************sponsors_section*****************/

.sponsors_section{
    padding: 30px 0;
}
.sponsors_div .div_heading {
    color: #076356;
    margin-bottom: 10px;
}
.sponsors_list{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}
.sponsors_list li{
    width: 10%;
    float: left;
    padding:15px;
}

/* *********************visa-policy-page******************** */

.visa-hero {
    background: linear-gradient(135deg, #191919 0%, #004d42 100%);
    padding: 80px 20px;
    position: relative;
    overflow: hidden;
}

.visa-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../images/india_bg.jpg') center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.15;
    z-index: 1;
}

.visa-hero .container {
    position: relative;
    z-index: 2;
}

.visa-hero h1 {
    font-size: var(--clamp48);
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 1.2;
}

.visa-hero .lead {
    font-size: var(--clamp20);
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.6;
    margin-bottom: 25px;
}

.visa-hero .lead strong {
    color: #DCAD67;
    font-weight: 600;
}

.visa-hero .lead span {
    color: rgba(255, 255, 255, 0.85);
    font-size: var(--clamp18);
}


/********************email_section********************/

.email_section {
    padding: 80px 20px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.email_section_wrapper {
    max-width: 800px;
    margin: 0 auto;
}

.email_content {
    text-align: center;
    position: relative;
    z-index: 2;
}

.email_heading {
    font-size: var(--clamp36);
    font-weight: 600;
    color: #004f43;
    margin-bottom: 20px;
    line-height: 1.3;
    font-family: 'Poppins', sans-serif;
}

.email_subtitle {
    font-size: var(--clamp16);
    color: #666666;
    margin-bottom: 40px;
    line-height: 1.7;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.subscribe_div {
    max-width: 100%;
    margin-bottom: 30px;
}

.subscribe_form {
    display: flex;
    gap: 12px;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    max-width: 600px;
    margin: 0 auto;
}

.email_input_wrapper {
    flex: 1;
    position: relative;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
    min-width: 200px;
}

.email_input_wrapper:focus-within {
    border-color: #dc3545;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}

.email_input_field {
    width: 100%;
    padding: 14px 20px;
    border: none;
    background: transparent;
    color: #2c2c2c;
    font-size: var(--clamp15);
    border-radius: 8px;
    outline: none;
    transition: all 0.3s ease;
}

.email_input_field::placeholder {
    color: #999999;
    font-weight: 400;
    letter-spacing: 0;
}

.email_input_field:focus {
    color: #2c2c2c;
}

.subscribe_btn {
    padding: 14px 30px;
    background: #dc3545;
    border: none;
    border-radius: 8px;
    color: #ffffff;
    font-size: var(--clamp15);
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    white-space: nowrap;
    min-width: 120px;
    text-decoration: none;
}

.subscribe_btn:hover {
    background: #c82333;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(220, 53, 69, 0.3);
}

.subscribe_btn:active {
    transform: translateY(0);
}

.email_success_msg {
    display: none;
    margin-top: 20px;
    padding: 15px 25px;
    background: rgba(40, 167, 69, 0.1);
    border: 2px solid #28a745;
    border-radius: 8px;
    color: #28a745;
    font-size: var(--clamp15);
    font-weight: 500;
    align-items: center;
    justify-content: center;
    gap: 10px;
    animation: slideDown 0.5s ease;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.email_success_msg.show {
    display: flex;
}

/* Subscriber Proof Section */
.subscriber_proof {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.subscriber_avatars {
    display: flex;
    align-items: center;
    gap: -8px;
}

.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    margin-left: -8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    transition: transform 0.3s ease, z-index 0.3s ease;
    z-index: 1;
}

.avatar:first-child {
    margin-left: 0;
}

.avatar:hover {
    transform: scale(1.1);
    z-index: 2;
}

.avatar_1 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.avatar_2 {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.avatar_3 {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.avatar_4 {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.subscriber_count {
    font-size: var(--clamp14);
    color: #999999;
    font-weight: 400;
    line-height: 1.5;
}

.email_success_msg i {
    font-size: 20px;
    color: #28a745;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 991.98px) {
    .email_form_section {
        padding: 50px 40px;
        min-height: auto;
    }

    .email_bg_section {
        min-height: 400px;
    }

    .email_bg_image {
        min-height: 400px;
    }

    .email_title_main {
        font-size: var(--clamp28);
    }

    .subscribe_form {
        flex-wrap: wrap;
    }

    .subscribe_btn {
        width: 100%;
        justify-content: center;
    }
}

/* Responsive styles for email section are in responsive.css */

.dwnld_btn {
    background-color: #DCAD67;
    border-color: #DCAD67;
    color: #ffffff;
    font-size: var(--clamp18);
    text-transform: uppercase;
    font-weight: 600;
    height: 50px;
    margin-left: 2rem;
}

/* Responsive Design for Email Section */
@media (max-width: 991.98px) {
    .email_section {
        padding: 60px 20px;
    }

    .email_heading {
        font-size: var(--clamp28);
    }

    .email_subtitle {
        font-size: var(--clamp15);
    }

    .subscribe_form {
        flex-direction: column;
    }

    .email_input_wrapper {
        min-width: 100%;
    }

    .subscribe_btn {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .email_section {
        padding: 50px 15px;
    }

    .email_heading {
        font-size: var(--clamp24);
        margin-bottom: 15px;
    }

    .email_subtitle {
        font-size: var(--clamp14);
        margin-bottom: 25px;
    }

    .email_input_field {
        padding: 12px 18px;
        font-size: var(--clamp14);
    }

    .subscribe_btn {
        padding: 12px 25px;
        font-size: var(--clamp14);
    }

    .subscriber_avatars {
        margin-bottom: 10px;
    }

    .avatar {
        width: 35px;
        height: 35px;
        font-size: 12px;
    }

    .subscriber_count {
        font-size: var(--clamp12);
    }
}

/******************visitor_pass_section*******************/
.visitor_reg_btn {
    padding: 14px 30px;
    background: #004f43;
    border: none;
    border-radius: 8px;
    color: #ffffff;
    font-size: var(--clamp15);
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    white-space: nowrap;
    min-width: 120px;
    text-decoration: none;
}
.visitor_reg_btn_success {
    padding: 14px 30px;
    background: #004f43;
    border: none;
    border-radius: 8px;
    color: #ffffff !important;
    font-size: var(--clamp15);
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    white-space: nowrap;
    min-width: 120px;
    text-decoration: none;
}
.visitor_reg_btn_success:hover {
    background: #218838;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(40, 136, 56, 0.3);
}
.visitor_reg_btn_cancel{
    padding: 14px 30px;
    background: #6c757d;
    border: none;
    border-radius: 8px;
    color: #ffffff !important;
    font-size: var(--clamp15);
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    white-space: nowrap;
    min-width: 120px;
    text-decoration: none;
}
.visitor_reg_btn_cancel:hover {
    background: #5c636a;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(108, 99, 103, 0.3);
}

/******************footer_section*******************/

.footer_section {
    padding: 50px 0;
    background: linear-gradient(135deg, #004d42 0%, #006756 100%);
    position: relative;
    overflow: hidden;
}

.footer_main_content {
    position: relative;
}

/* Vertical Divider Line */
.footer_main_content::after {
    content: '';
    position: absolute;
    left: 33.333%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}

/* Left Section: Event Details */
.footer_event_details {
    padding-right: 40px;
    color: #ffffff;
}

.event_venue {
    font-size: var(--clamp24);
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 1.3;
}

.event_location {
    font-size: var(--clamp18);
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 15px;
}

.event_date {
    font-size: var(--clamp22);
    font-weight: 700;
    color: #DCAD67;
    margin-bottom: 20px;
    line-height: 1.4;
}

.event_email {
    font-size: var(--clamp16);
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 1.6;
}

.event_email a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.event_email a:hover {
    color: #DCAD67;
}

.event_organizer {
    font-size: var(--clamp16);
    font-weight: 400;
    color: #ffffff;
    line-height: 1.6;
}

/* Right Section: Links */
.footer_links_section {
    padding-left: 40px;
}

.footer_column {
    margin-bottom: 30px;
}

.footer_column_title {
    font-size: var(--clamp16);
    font-weight: 700;
    text-transform: uppercase;
    color: #DCAD67;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    padding: 0;
}

.footer_menu_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer_menu_list li {
    list-style: none;
    margin-bottom: 12px;
    line-height: 1.5;
}

.footer_menu_list li a {
    color: #ffffff;
    text-decoration: none;
    font-size: var(--clamp15);
    font-weight: 400;
    transition: color 0.3s ease;
    display: inline-block;
}

.footer_menu_list li a:hover {
    color: #DCAD67;
}

/**********************copyright_section*****************/

.copyright_section {
    background: linear-gradient(135deg, #004d42 0%, #006756 100%);
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.copyright_text {
    text-align: left;
}

.copyright_text p {
    font-size: var(--clamp15);
    color: #ffffff;
    margin: 0;
    font-weight: 400;
}

.footer_logo_wrapper {
    text-align: center;
    padding: 10px 0;
}

.footer_logo {
    max-width: 150px;
    height: auto;
    display: inline-block;
}

.footer_bottom_links {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.footer_bottom_links a {
    color: #ffffff;
    text-decoration: none;
    font-size: var(--clamp14);
    font-weight: 400;
    transition: color 0.3s ease;
}

.footer_bottom_links a:hover {
    color: #DCAD67;
}

/* Responsive Design */
@media (max-width: 991.98px) {
    .footer_main_content::after {
        display: none;
    }

    .footer_event_details {
        padding-right: 15px;
        margin-bottom: 40px;
        text-align: center;
    }

    .footer_links_section {
        padding-left: 15px;
    }

    .copyright_text {
        text-align: center;
        margin-bottom: 15px;
    }

    .footer_bottom_links {
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .footer_section {
        padding: 40px 0 30px;
    }

    .footer_column {
        margin-bottom: 35px;
    }

    .footer_column_title {
        font-size: var(--clamp15);
        margin-bottom: 15px;
    }

    .footer_menu_list li {
        margin-bottom: 10px;
    }

    .footer_menu_list li a {
        font-size: var(--clamp14);
    }

    .event_venue {
        font-size: var(--clamp20);
    }

    .event_location {
        font-size: var(--clamp16);
    }

    .event_date {
        font-size: var(--clamp20);
    }

    .event_email,
    .event_organizer {
        font-size: var(--clamp14);
    }

    .footer_bottom_links {
        flex-direction: column;
        gap: 10px;
    }

    .footer_logo_wrapper {
        margin: 15px 0;
    }
}

/* DataTables Styles */
.dataTables_wrapper {
    width: 100%;
    overflow-x: auto;
}

table.dataTable {
    width: 100%;
    white-space: nowrap;
}

table.dataTable th,
table.dataTable td {
    white-space: nowrap;
}
/*header.fixed-header {*/
    /*position: fixed;*/
    /*width: 100%;*/
    /*top: 0px;*/
    /*transition: all 0.5s linear;*/
/*}*/
/*header.fixed-header .header_top {*/
    /*display: none !important;*/
/*}*/
.mobile-icons .img-fluid {
    height: 70px;
    margin: 0px 4px;
}
#scroll {
    position: fixed;
    bottom: 30px;
    right: 30px;
    left: auto;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 10px;
    background-color: var(--secondary-color);
    border: 1px solid var(--primary-color);
    display: none;
    z-index: 10;
}
#scroll.scroll-top {
    display: flex;
    justify-content: center;
    align-items: center;
}
#scroll img {
    filter: brightness(0) invert(1);
}
a.navbar-brand {
    max-width: 120px;
    margin-left: 5px;
    padding: 1px 3px;
}
.header_top {
    position: relative;
}
.mobile-icons {
    width: 100%;
    position: relative;
}
.bredcumb-sec {
    padding: 10px 0px;
}
.bredcumb-sec li.breadcrumb-item a {
    color: var(--bs-breadcrumb-item-active-color);
    text-decoration: none;
    font-weight: 600;
}
.about-sec1 {
    position: relative;
    background-image: url('../images/about-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    padding: 60px 0px;
}
.about-sec1::after {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    background-color: #626262b0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.about-sec1 .container {position: relative; z-index: 5;}
.about-sec1 p {
    font-size: var(--clamp18);
    color: #fff;
}


.delegates-text-dot ul li{
    list-style: disc;
    line-height: 28px;
    font-size: var(--clamp18);
}

.delegates-text-dot ul li::marker{
    color: #000000;
    font-size: 21px; 
}

.delegates-text ul li {
    list-style: disc;
    line-height: 28px;
    font-size: var(--clamp18);
}
.delegates-text ul li::marker {
    color: #ffffff;
    font-size: 21px;
}
.bredcumb-sec h3 {
    font-size: 25px;
    font-weight: 600;
    color: var(--primary-color);
}
.about-sec2 h3 {
    font-size: var(--clamp24);
    font-weight: 600;
    color: var(--primary-color);
    text-transform: uppercase;
}
.about-sec3 .about-item-sec3 {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--primary-color);
    padding: 30px 25px;
}
.about-sec3 .about-item-sec3 h4 {
    font-size: var(--clamp26);
    color: #fff;
}
.about-sec3 .about-item-sec3 p, .about-sec3 .about-item-sec3 ol li {
    font-size: var(--clamp18);
    color: #fff;
    list-style: auto;
    line-height: 27px;
}
.about-sec3 .about-item-sec3 ul, .about-sec3 .about-item-sec3 ol {
    padding-left: 15px;
}
.about-sec3 .about-item-sec3 ul li {
    list-style: disc;
}
.abt_hyderabad{
    padding:30px 0px; 
}

/*--------------direction to venue starts----------------*/

.reaching h5{
    color: #006756;
    
    }
    
    .reaching p{
    
    text-align: justify;
    
    }
    
    .byair{
    
        border-radius: 154px 0px 154px 0px;
    }
    
    .roads{
        color: #006756;
    }
    
    .roads p{
       
       text-align: justify;
    }
    
    .trainstation h5{
    
        color: #006756;
    }
    
    .location h4{
        color: #006756;
    }
    
    .location p{
        
        text-align: justify;
    }
    
    /*--------------direction to venue ends----------------*/


/* venupage section start */

.venue_section{
    background-image: url('../images/Expo Venue 2.png');
    background-color:rgba(0, 103, 86, 0.33);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    padding: 50px 0;
    position: relative;
}
.venulines ul li{
    list-style: disc;
    line-height: 28px;
    font-size: var(--clamp18);
    font-size: 16px;
}
.venup{
    line-height:2;
    padding-top:10px;
}

/* venupage section end */

/* about hyderabad page section */
.accordion-button::after{
    background-image: url('../images/down-arrow.png');
}
.accordion-button:not(.collapsed)::after{
    background-image: url('../images/down-arrow.png');
}
.accordion-button:focus{
    border:none;
    outline: none;
    background-color: #006756;
    color:white;
    box-shadow:none ;
}
.accordion-button:not(.collapsed) {
    color: white;
    background-color: #006756;
    box-shadow: none;

}

.accordion-button{
    border:none;
    outline: none;
    background-color: #006756;
    color:white;
}

/* about hyderabad page section end*/

/* accommodation start */

.accommodation{
    padding:50px 0px;
}

/* accommodation end */


/*------------------stall booking starts---------------------*/

.Timings{

    background-color: #dcad67;
    color: #006756;
}

.stalling_price{
    
background-image: url('../images/enquiry.jpg');
background-color:rgba(0, 103, 86, 0.33);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: auto;
padding: 60px 0;
position: relative;
}

.Bookings_section{

background-image: url('../images/spanstall-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    padding: 60px 0;
    position: relative;

}

.Bookings_section:after{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
/*    background-color:rgb(12 12 12 / 75%);*/
}

.Bookings_section .container{
    position: relative;
    z-index: 4;
}


.highlights li{
    color: #ffffff;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.bank_section{

    background-color: #e6e7e9;
}

.bank_section li{

    font-size: 16px;
    color: #222222;
}

.bank_section ul{

    border-left: 2px solid #006756;
}

.bank_section h5{

    color: #006756;
}

.bank_section h6{

    color: #006756;
}

.bank_section a{
    color: #006756 ;
}


/*---------------stalling price--------------*/

.price_section{

background-color: #ece0c6;

}

.stalling_price{

    background-color: #e6e7e9;
}

.stalling_price li{

    font-size: 16px;
}

.form-check{
    margin-top: 13px;
}
.enqBtn{
    background-color: #dcad67;
    color: #504d4f;
    font-size: 16px;
}
.enqBtn:hover{
    background-color: #166650;
    color:white;
}
.layout_img{
    width: 16rem;
    padding-top: 2rem;
}





/*-------------why exhibit starts-------------*/

.why_exhibit{

background-image: url('../images/Whyexbi2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    padding: 60px 0;
    position: relative;

}

.why_exhibit:after{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
/*    background-color:rgb(12 12 12 / 75%);*/
}

.why_exhibit .container{
    position: relative;
    z-index: 4;
}

.why_exhibit li{

    list-style-type: initial;
    font-size: 15px;
}

.why_exhibit p{

    text-align: justify;
}

.exhibit{

    background-color: #e6e7e9;
}

.exhibit li{

    font-size: 16px;
}



/*-------------why exhibit starts ends-------------*/

/*-----------about organizers starts-------------*/

.about::after {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    background-color: #626262b0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.aboutorg {
    position: relative;
    background-image: url('../images/aboutorg1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    padding: 60px 0px;
    color: #fff;
    font-size: 16px;
}

.aboutorg p{

    text-align: justify;
}


/*-----------about organizers ends-------------*/

/*-----------header.php styles start-------------*/

/* Google Translate Banner Styles */
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0px !important;
}

/* Map/Area Styles */
map {
    position: relative;
    display: inline-block;
}

area {
    position: absolute;
    top: -90px;
    left: 85%;
    transform: translateX(60%);
    color: #fff0;
    padding: 46px;
    text-decoration: none;
}

/* MSME and Responsive Section Styles */
.msme_desc {
    line-height: 1.5;
    margin-bottom: 0px !important;
    font-weight: 500;
    color: #dc3545;
    padding-left: 8px;
    font-size: 13px !important;
}

.msme {
    width: 100%;
}

.free_reg {
    animation: blink 2s infinite;
    background-color: #fff;
    border-radius: 12px;
    color: #dc3545 !important;
}

.responsive-section {
    display: none;
    margin-bottom: -65px !important;
    margin-top: 20px !important;
    /*animation: blink 5s infinite;*/
}

.info-text {
    font-size: 10px;
    font-weight: 500;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .head_vectors {
        justify-content: center;
    }

    .msme_sec {
        flex-direction: row;
    }

    .head_bottom {
        flex-direction: column-reverse;
    }

    .msme {
        width: 100%;
    }

    .msme_desc {
        margin-top: 12px;
        justify-content: center;
        align-items: center;
        display: flex;
        text-align: center;
        font-weight: 10px !important;
    }

    .responsive-section {
        margin-bottom: 0;
    }

    .imgSp img {
        width: 100% !important;
    }

    .responsive-text {
        line-height: 1.5;
        font-size: 14px;
        /* Increased font size for better readability on smaller screens */
    }
}

@media (max-width: 767.98px) {
    .info-text {
        width: 80%;
    }

    .imgSp {
        width: 50%;
    }

    .responsive-section {
        display: flex;
        flex-direction: column;
        margin-bottom: 5px !important;
    }

    .header_social_list {
        z-index: 5;
        position: relative !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .imgSp img {
        width: 85% !important;
    }

    .responsive-text {
        line-height: 1.5;
        font-size: 14px;
        /* Adjust font size for tablet view */
    }

    .responsive-section {
        display: flex;
        flex-direction: column;
    }

    .info-text {
        width: 100%;
    }

    .info-text p {
        font-size: 10px;
    }

    .imgSp {
        width: 100%;
    }
}

/* Modern Navigation Styles */
.menu_header {
    background: linear-gradient(135deg, #006756 0%, #004d42 100%);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.menu_header .navbar-nav {
    gap: 2rem;
}

.menu_header .navbar-nav .nav-link {
    position: relative;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 1rem 0.75rem;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    white-space: nowrap;
}

.menu_header .navbar-nav .nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #dcad67, #f4c430);
    transform: translateX(-50%);
    transition: width 0.3s ease;
}

.menu_header .navbar-nav .nav-link:hover::before,
.menu_header .navbar-nav .nav-link.active::before {
    width: 80%;
}

.menu_header .navbar-nav .nav-link:hover {
    color: #dcad67;
    /* background-color: rgba(220, 173, 103, 0.1); */
    transform: translateY(-2px);
}

.menu_header .navbar-nav .nav-link.active {
    color: #dcad67;
    font-size: 13px;
    font-weight: 600;
    /* background-color: rgba(220, 173, 103, 0.15); */
}

/* Modern Dropdown Button */
.dropbtn {
    background: transparent;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    cursor: pointer;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.dropbtn::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #dcad67, #f4c430);
    transform: translateX(-50%);
    transition: width 0.3s ease;
}

.dropbtn:hover::before,
.dropbtn.bactive::before {
    width: 80%;
}

.dropbtn:hover,
.dropbtn.bactive {
    color: #dcad67;
    background-color: rgba(220, 173, 103, 0.1);
    transform: translateY(-2px);
}

.dropbtn i {
    transition: transform 0.3s ease;
    font-size: 12px;
}

.dropdown:hover .dropbtn i {
    transform: rotate(180deg);
}

/* Modern Dropdown Content */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    margin-top: 8px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: linear-gradient(135deg, #006756 0%, #004d42 100%);
    min-width: 220px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    z-index: 1000;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    border: 1px solid rgba(220, 173, 103, 0.2);
}

.dropdown:hover .dropdown-content {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.dropdown-content a {
    color: #ffffff;
    padding: 12px 20px;
    text-decoration: none;
    display: block;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 0.3s ease;
    position: relative;
    border-left: 3px solid transparent;
}

.dropdown-content a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, #dcad67, #f4c430);
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.dropdown-content a:hover::before,
.dropdown-content a.bactived::before {
    transform: scaleY(1);
}

.dropdown-content a:hover {
    background: linear-gradient(90deg, rgba(220, 173, 103, 0.2), rgba(220, 173, 103, 0.1));
    color: #dcad67;
    padding-left: 25px;
    transform: translateX(5px);
}

.dropdown-content a.bactived {
    background: linear-gradient(90deg, rgba(220, 173, 103, 0.25), rgba(220, 173, 103, 0.15));
    color: #dcad67;
    font-weight: 600;
    border-left-color: #dcad67;
}

/* Bootstrap Dropdown Menu Modernization */
.menu_header .dropdown-menu {
    background: linear-gradient(135deg,rgb(46, 46, 46) 0%,rgb(0, 0, 0) 100%);
    border: 1px solid rgba(220, 173, 103, 0.2);
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    padding: 0.5rem 0;
    /* margin-top: 8px; */
    min-width: 280px;
    display: none;
    z-index: 1050 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.menu_header .dropdown-menu.show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.menu_header .nav-item.dropdown:hover .dropdown-menu,
.menu_header .nav-item.dropdown .dropdown-menu.show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.menu_header .dropdown-menu .dropdown-item {
    color: #ffffff;
    padding: 12px 20px;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
    line-height: 1.5;
}

.menu_header .dropdown-menu .dropdown-item:hover,
.menu_header .dropdown-menu .dropdown-item:focus {
    background: linear-gradient(90deg, rgba(220, 173, 103, 0.2), rgba(220, 173, 103, 0.1));
    color:rgb(255, 255, 255);
    border-left-color: #dcad67;
    padding-left: 25px;
}

.menu_header .dropdown-menu .dropdown-item.active {
    background: linear-gradient(90deg, rgba(220, 173, 103, 0.25), rgba(220, 173, 103, 0.15));
    color: #dcad67;
    font-weight: 600;
    border-left-color: #dcad67;
}

/* Mobile Responsive */
@media (max-width: 991.98px) {
    .menu_header .navbar-nav {
        padding: 1rem 0;
    }

    .menu_header .navbar-nav .nav-link {
        padding: 0.75rem 1rem;
        border-radius: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-size: 12px;
        white-space: normal;
    }

    .menu_header .navbar-nav .nav-link::before {
        display: none;
    }
    
    .menu_header .dropdown-menu {
        min-width: 100%;
    }

    .dropdown-content {
        position: static;
        display: none;
        box-shadow: none;
        border-radius: 0;
        margin-top: 0;
        border: none;
        background: rgba(0, 0, 0, 0.2);
    }

    .dropdown:hover .dropdown-content {
        display: block;
        opacity: 1;
        transform: none;
    }

    .dropbtn {
        width: 100%;
        justify-content: space-between;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

/* Free Registration Animation */
.nav-link.free_reg {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* Navbar Toggler Enhancement */
.navbar-toggler {
    border-radius: 6px;
    transition: all 0.3s ease;
}

.navbar-toggler:hover {
    background-color: #c99d4d;
    transform: scale(1.05);
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 173, 103, 0.25);
}

/* Smooth transitions for dropdown toggle */
.dropdown-toggle::after {
    transition: transform 0.3s ease;
    margin-left: 0.5rem;
}

.dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

/* Enhanced mobile menu */
@media (max-width: 991.98px) {
    #navbarText {
        background: linear-gradient(135deg, #006756 0%, #004d42 100%);
        padding: 1rem;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    }

    .menu_header .navbar-nav .nav-item {
        margin-bottom: 0.25rem;
    }

    .menu_header .dropdown-menu {
        background: rgba(0, 0, 0, 0.2);
        border: none;
        box-shadow: none;
        margin-top: 0;
        padding-left: 1rem;
        position: static !important;
        display: none !important;
    }

    .menu_header .dropdown-menu.show {
        display: block !important;
    }
}

/* Active state indicator */
.menu_header .navbar-nav .nav-link.active {
    position: relative;
}

/* Ensure dropdowns are visible */
.menu_header .nav-item.dropdown {
    position: relative;
}

.menu_header .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    transition: transform 0.3s ease;
}

.menu_header .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/*-----------header.php styles end-------------*/