header {
        position: relative;
        background: solid #ffffff;
        color: solid black;
        padding: 1px;
        }
        nav{
        display:flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 10px 20px;


        }   
        .nav-links{
        padding: 0;
        margin: 0;
        display: flex;
        gap: 50px;
        }   
        .nav-links a{
        text-decoration: none;
        color: #000;
        }   

        footer {
        position: relative;
        padding-top: 5px;
        background: #283C57;
        color: white ;
        font-size: 11px;
        text-decoration: none !important;
        text-align: center;
        gap: 100px;

        }
        body{
        font-family: Arial, Helvetica, sans-serif;
        }
        .main{  
        background:linear-gradient(to right, #b8d0ee, #fdfdfd) !important;
        max-width: 100%;
        display: flex;      
        margin-bottom: 30px;        
        justify-content: left; 

        flex-wrap: wrap;

        }
        .Cont{
        background-color:#90B2E0;
        position: relative;
        width:280px;
        text-align: center;
        padding: 20px;
        font-size: 25px;
        color: white;
        padding-bottom: 20px;
        margin-bottom: 30px;
        margin-left: 60px;
        
        }
        .Cont::after {
        content: "";
        position: absolute;
        top: 0.2px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        border: 1px solid rgb(250, 239, 239);
        }
        .speakdata{
        margin-top: 40px;
        width: 400px;
        margin-right: 1800px;
        
        }
        .time-box{
        display: inline-block;
        background: transparent;       /* light gray background */
        border: 1px solid #293A58;    /* border like the image */
        border-radius: 6px;
        margin: 5px;        
        width: 75px;
        padding: 5px 0;
        }
        .time-box .number {
        display: block;
        font-size: 20px;
        font-weight: bold;
        color: #293A58;
        text-align: center;
        }

        .time-box .space{
        display: block;
        font-size: 10px;
        color:#555;
        text-align: center;
        }
        .time-box .label {
        display: block;
        font-size: 15px;
        color: #555;
        margin-top: 0px;
        text-align: center;
        }
        .img {
        
        position: relative;
        float: left; 
        width: 100%;
       }
        .Global_Conferece{
        margin-top: 3%;
        border: 2px #C0D7F5;
        background-color: #283C57;
        border-radius: 50px;
        width: 85%;
        margin: auto;
        text-align:center;
        padding: 50px;
        border-style: solid;
        border-width: 0 25px 0 25px;
        border-color: #C0D7F5;

        }
        .Conference_theme{
        background-color: solid white;
        box-shadow: 0px 2px 3px 0px #888888;
        padding: 40px;
        padding-left: 85px;
        padding-right: 85px;
        margin-top: 30px;
        box-shadow: 0 -8px 10px -5px rgba(0, 0, 0, 0.3), 
                0 8px 10px -5px rgba(0, 0, 0, 0.3);
        

        }
        .Callfor{
        text-align: center; 
        background-color: #283C57;
        padding-left: 80px;
        padding-right: 80px;
        }
        .Container{
        display: flex; /* Establishes a flex container */
        max-width: 85%; /* Optional: Sets a maximum width for the whole content */
        margin: 0 auto; /* Centers the container on the page */
        border-radius: 50px;
        overflow: hidden; /* Ensures the rounded corners are visible */
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
        }
        .line {
        display: flex;
        align-items: center;
        color: hsl(214.91deg 56.12% 61.57%); /* light blue text */
        font-size: 40px;
        font-weight: 2;
        }
        .line::after {
        content: "";
        flex: 0.5;
        margin-left: 30px;
        border-bottom: 4px solid #6495ed;
        margin-right: 500px;
        border-radius: 20px;
        
        }
        .container-wrapper{
        background-color: #283C57;
        padding: 10px;
        padding-top: 50px;
        padding-bottom:50px ;
        }
        .Scontainer{
        max-width: 1500px;
        margin: auto;
        margin-top: 40px;
        display: flex;
        gap: 30px;
        }
        .COUNT{
        background-color:#90B2E0;
        position: relative;
        width:100%;
        text-align: center;
        padding: 30px;
        font-size: 30px;
        color: white;
        padding-bottom: 20px;
        }
        .COUNT::after {
        content: "";
        position: absolute;
        top: 0.2px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        border: 1px solid rgb(250, 239, 239);
        }

        /* Speakers grid */
        .speakers-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        flex: 0.75;
        padding-top: 35px;
        margin-left: 30px;
        }

        /* Individual speaker box */
        .speaker {
        text-align: center;
        font-family: Arial, sans-serif;
        }

        .speaker img {
        width: 120px;
        height: 140px;
        object-fit: cover;
        margin-bottom: 10px;
        }

        /* Speaker name */
        .speaker-name {
        font-weight: bold;
        margin-bottom: 5px;
        }

        /* Speaker title */
        .speaker-title {
        font-size: 14px;
        color: #555;
        }
        .img1{

        display: flex;       /* places images in a row */
        gap: 10px;           /* space between images */
        justify-content: center;
        }
        .img1 img{
        width: 100px;
        height: auto;
        border-radius: 2px;
        padding-bottom:  20px;
        }
        /* Main container for all images */
        .imgcontainer {
        display: flex;             /* places images in a row */
        gap: 20px;                 /* space between images */
        justify-content: center;   
        align-items: flex-start;   /* aligns all images at top */
        padding: 20px;
        overflow-x: auto;          /* scroll if screen too narrow */
        white-space: nowrap;       /* keep in one line */
        
    }

        /* Individual image box */
        .imgcontainer .img-box {
        position: relative;        /* for absolute text positioning */
        flex: 0 0 auto;            /* prevent shrinking */
        width: 300px;              /* image box width */
        }

        /* Images */
        .imgcontainer .img-box img {
        width: 100%;
        height: 200px;     
        display: block;
        }
        .bgimage{

        background-image: url("../images/Lumbini.jpg");   /* image file */
        background-repeat: no-repeat;              /* no tiling */
        background-size: cover;                    /* cover full screen */
        background-position: center; 
        height: 500px;
        /* center the image */

        }

        /* Text below the image */
        .imgcontainer .img-box .text-below {
        margin-top: 5px;
        font-size: 15px;
        color: #333;
        text-align: center;
        }
        .virtual {
  position: relative; /* parent container */
  margin-bottom: 50px;
  left: 0px;

}

/* Left box */
.left {
  position: relative;      /* needed for z-index */
  top: 50px;               /* adjust as needed */
  left: 0px;              /* adjust as needed */
  background-color: #283C57;
  z-index: 1;              /* will be behind right */
  color: #ffffff;
  max-width: 60%;
  height: auto;
  border-radius: 50px;
  padding: 70px;
  font-size: 20px;
 
}

/* Right box */
.right {
  position: absolute;      /* needed for z-index */
  top: 100px;              /* adjust to overlap left */
  left: 750px;             /* adjust so it overlaps */
  box-shadow: 1px 1px 1px 1px #979797;
  background-color: hsl(0deg 0% 100%);
  color: #0f0f0f;
  padding: 20px;
  max-width: 28%;
  height: auto;
  border-radius: 50px;
  font-size: 17px;
  z-index: 2;              /* will be on top */
}

        table{
        width: 85%;
        border-color: #000;
        background-color: #E2EEFA;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        align-items: center;
        margin: auto;
        margin-top: 30px;
        padding: 30px;
        }
        th, td {
        padding: 5px;
        text-align: left;
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
        color: #000000;
        }

        th {
        background-color: rgb(226 238 250);
        color: #050505;
        font-weight: normal;
        }
        td:last-child {
        text-align: left;
        font-weight: bold;
        color: #000000b9;
        }
        .buttom{
        text-align: center;
        }
        .hrimg{
        margin-top: 40px;
        width: 100%;
        display:flex;
        align-items: center;
        justify-content: center;
        }
        .hrimg::after, .hrimg::before{
        content:'';
        flex-grow: 1;
        height: 3px;
        background-color: #012c50;
        margin: 0 10px;
        }
        .center-image{
        height: 30px;
        width:auto;
        padding: 0 5px;
        }
        .Discover{
        background-color: hsl(205.71deg 100% 98.63%);
        border-width: 5px 5px 5px 5px;
        border-style: solid;
        border-color: hsl(211.11deg 90% 88.24%);
        margin: 0 auto;
        max-width: 90%;
        border-radius: 20px;
        padding: 20px;

        }
        button{
        cursor: pointer;
        }
        form {
        max-width: 100%;
        margin: 25px auto;
        padding-left: 150px;
        padding: 10px;
        text-align: center;
        border-radius: 12px;
        }

        .form-label {
        font-weight: 600;
        font-size: 14px;

        }

        .form-control {
        border-radius: 6px;
        padding: 10px;
        border-color: #000;
        background-color: #367bb407 ;
        font-size: 15px;
        }