@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz@0,14..32;1,14..32&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

    * {
    	padding: 0;
    	margin: 0;
    	box-sizing:border-box;
        font-family: 'Poppins', sans-serif;

    }

    body {
        
    }

    .header {
        background: linear-gradient(to right, #ffc0cb, #ffe6eb);
        padding: 20px;
        text-align: center;
          

    }

    .header img {
        width: 100%;
    }
    section{
        padding: 10px;
    }
    #speaker-section{
                background: linear-gradient(to right, #D91627, #024E82);

    }
    #speaker-section .card{
        background-color: aliceblue;
    }
    #speaker-section .card h2{
        font-family: 'Poppins', sans-serif;
    }
    #speaker-section .card p{
    }



    .agenda-form-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: space-between;
        width: 70%;
    }
    .agenda-box h3, .form-box h3 {

        letter-spacing: 1px;
        color:#0E44B5;
        font-weight: bold;
    }

    .form-box,
    .agenda-box {
        background-color: #fffdfe;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        flex: 1 1 48%;
        box-sizing: border-box;
        width: 100%;
        height: fit-content;
    }



    .register-form input,
    .register-form select{
        color: black;
        width: 100%;
        padding: 10px;
        margin: 15px 0 0;
        border: 1px solid #ccc;
        border-radius: 5px;
        background-color: #fffdfe;
    }

    .register-form  input[type="submit"] ,
    .register-form input[type="button"]{
        font-size: 1em;
       	display: block;
        font-weight: 900;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: 0.5s;
        cursor: pointer;
       	margin: 5px;
    	padding:10px 20px !important;
    	background-color: #024E82;
    	border:none;
    	width: 50%;
    }

    .agenda-table {
        width: 100%;
        border-collapse: collapse;
    }

    .agenda-table th,
    .agenda-table td {
        text-align: left;
        border: 1px solid #000;
    }

    .agenda-table th {
        background-color:  #d91627;
        color: #fff;
    }
    .profile-img {
      width: 250px;
      height: 250px;
      object-fit: cover;
      border-radius: 50%;
     
    }
    .badge-role {
      background-color: #f3e8ff;
      color: #6f42c1;
      font-size: 0.9rem;
      font-weight: 600;
      padding: 0.4rem 0.8rem;
      border-radius: 20px;
    }
    .para{
        font-size: 18px;
        letter-spacing: 1px;
    }

    @media (max-width: 768px) {
          .agenda-form-section {

        padding: 20px 0;
    }

        .form-box,
        .agenda-box {
            flex: 1 1 100%;
        }
    }

    .content {
        max-width: 700px;
        font-size: 14px;
        display: block;
    }


    .content h4 {
        background-color: #e75480;
        display: block;
        text-align: center;
        padding: 5px;
        letter-spacing: 1px;
        color: #fff;
        font-weight: bold;
    }
    strong{
        color:#e75480 ;
    }

    .agenda ul {
        padding-left: 20px;
    }

    .ae-table {
        width: 100%;
        border: 1px solid #000;
        border-collapse: collapse;
        margin-top: 15px;
        padding: 5px;

    }

    .ae-table td {
        border: 1px solid #000;
        padding: 6px;
    }

    .footer {
        /* background-color: #ffe6eb; */
        padding: 20px;
        text-align: center;
    }

    .speaker-heading h3{
    	background-color: #e75480;
        text-align: center;
        padding: 10px 25px;
        color: #fff;
        font-weight: bold;
        border-radius: 15px;
        

    }
    .owl-carousel{
    	padding: 10px;
    }

    .countdown-container {
      font-family: 'Rubik', sans-serif;
     
      color: #000;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;

      text-align: center;
    }

    .countdown-wrapper {
      padding: 30px;
      background: #fff;
      border-radius: 5px;
      box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    
      width: 100%;
    }

    .countdown-title {
      font-size: 2rem;
      font-weight: 600;
      margin-bottom: 25px;
      color: #0148B6;
    }

    .countdown-timer {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .countdown-item {
      flex: 1 1 25%;
      padding: 15px;
    }

    .countdown-value {
      font-size: 2.8rem;
      font-weight: bold;
    }

    .countdown-label {
      font-size: 0.9rem;
      text-transform: uppercase;
      opacity: 0.8;
    }

    @media (max-width: 576px) {
      .countdown-item {
        flex: 1 1 50%;
        padding: 10px;
      }

      .countdown-value {
        font-size: 2rem;
      }
    }

    @media (max-width: 400px) {
      .countdown-item {
        flex: 1 1 100%;
        padding: 8px;
      }
    }