* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --primary-color: #0a6592;
  --secondary-color: #f29f05;
  --text-color: #1e1e1e;
  --background-color: #eef5f9;
  --text-green: #008c45;
  --text-red: red;
}



body {
  font-size: 16px;
  line-height: 1.6;
  font-family: "Poppins", sans-serif;
}

body.modal-open {
  overflow: hidden; /* Disable scroll */
}

mark{
    background: transparent;
}

li{
    list-style: none;
}

/* Base typography */
h1 {
    font-size: 3rem;      /* 48px */
    line-height: 1.2;     /* 57.6px */
    font-weight: 700;     /* Bold */
  }
  
  h2 {
    font-size: 2.5rem;    /* 40px */
    line-height: 1.3;     /* 52px */
    font-weight: 700;
  }
  
  h3 {
    font-size: 2rem;      /* 32px */
    line-height: 1.35;    /* 43.2px */
    font-weight: 600;     /* Semi‑bold */
  }
  
  h4 {
    font-size: 1.5rem;    /* 24px */
    line-height: 1.4;     /* 33.6px */
    font-weight: 600;
  }
  
  h5 {
    font-size: 1.25rem;   /* 20px */
    line-height: 1.5;     /* 30px */
    font-weight: 500;     /* Medium */
  }
  
  p, td , input {
    font-size: 1rem;      /* 16px */
    line-height: 1.6;     /* 25.6px */
    font-weight: 400;     /* Regular */
  }
  
  /* Tablet */
  @media (max-width: 1023px) {
    h1 {
      font-size: 2.5rem;  /* 40px */
    }
    h2 {
      font-size: 2rem;    /* 32px */
    }
    h3 {
      font-size: 1.75rem; /* 28px */
    }
    h4 {
      font-size: 1.25rem; /* 20px */
    }
    h5 {
      font-size: 1.125rem;/* 18px */
    }
    p, td , input {
      font-size: 1rem;    /* 16px */
    }
  }
  
  /* Mobile */
  @media (max-width: 767px) {
    h1 {
      font-size: 2rem;    /* 32px */
    }
    h2 {
      font-size: 1.75rem; /* 28px */
    }
    h3 {
      font-size: 1.5rem;  /* 24px */
    }
    h4 {
      font-size: 1.125rem;/* 18px */
    }
    h5 {
      font-size: 1rem;    /* 16px */
    }
    p, td , input {
      font-size: 0.9375rem;/* 15px */
    }
  }
  
h1,
h2,
h3,
h4,
p, td, input {
  font-family: "Poppins", sans-serif;
  text-align: center;
}

.color-blue {
  color: var(--primary-color);
}

.color-green{
    color: #008C45;
}

.color-yellow{
    color: #f29f05;
}

.color-r-blue{
    color: #00297D;
}
.color-red{
    color: var(--text-red);
}

.color-r-red{
    color: #CF0920;
}

.color-bulgaria-red{
    color: #DD220E;
}

.color-bulgaria-green{
    color:#089973;
}

.color-Kazakhstan{
    color: #08B1CA;
}

.color-Kazakhstan-yellow{
    color: #E0CF0C;
}

.color-georgia-red{
    color: red;
}

.color-company{
    color: var(--primary-color);
}

.color-poland-red{
    color: #D70026;
}

.color-russia-red{
    color: #d62718;
}

.color-russia-blue{
    color:#0036a7;
}

.color-kyrgyzstan-red{
    color: #FD0000;
}

.start{
    text-align: start;
}

.bg-blue-section{
    background-color: var(--background-color);
}

.section-center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
.text-container {
  width: 80%;
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.primary-btn {
  background-color: var(--primary-color);
  color: white;
  padding: 14px 36px;
  border: none;
  border-radius: 10px;
  font-weight: bold;
  font-size: 24px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: transform 0.3s ease;
  margin: 30px 0;
  animation: pulseGlow 2s infinite ease-in-out;
}

  
  /* Glowing pulse effect */
  @keyframes pulseGlow {
    0% {
      box-shadow: 0 0 0 0 rgba(10, 101, 146, 0.7);
    }
    50% {
      box-shadow: 0 0 20px 10px rgba(10, 101, 146, 0.4);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(10, 101, 146, 0);
    }
  }

  @keyframes bounceTilt {
    0%, 100% {
      transform: translateY(0) rotate(0deg);
    }
    25% {
      transform: translateY(-5px) rotate(-3deg);
    }
    50% {
      transform: translateY(0) rotate(0deg);
    }
    75% {
      transform: translateY(-5px) rotate(3deg);
    }
  }
  
  
  /* Optional hover for interaction */
  .primary-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 0 25px rgba(10, 101, 146, 0.8);
  }
  

.primary-btn:hover {
  background-color: #084c6e; /* A slightly darker shade for hover */
}


/* Navbar */
.site-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--primary-color);
  padding: 30px;
  color: #fff;
}

/* Logo */
.site-logo {
  font-size: 24px;
  font-weight: 600;
}

.flex{
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Country Menu */
.country-menu {
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0;
}

.country-menu li a {
  text-decoration: none;
  color:#fff;
  font-size: 20px;
  transition: color 0.3s ease;
  text-transform: capitalize;
}

.country-menu li a:hover {
  color: var(--secondary-color);
}

.bg-image {
  height: 100%;
  width: 100%;
  background: url("../images/background-image.jpg") no-repeat center center/cover;
}


/*why choose mbbs */
.why-choose-mbbs-list-wrapper{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.why-choose-mbbs-list{
    width: 48%;
    padding: 20px;
    border-radius: 20px;
    border: 2px solid var(--primary-color) !important;
}


@media (max-width: 767px) {
  .why-choose-mbbs-list{
      width: 100%;
  }
  }


.comp-logo {
  height: 50px;
  width: 200px;
}

.comp-logo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}



.navbar {
  width: 100%;
  display: flex;

  padding: 20px;
  align-items: center;
  justify-content: center;
}

.banner-container {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 20px;
}

.background-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}

.overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, rgba(10, 101, 146, 0.95) 30%, rgba(10, 101, 146, 0.5) 60%, rgba(10, 101, 146, 0) 80%);
  display: flex;
     flex-direction: row-reverse;
    padding: 30px;
    justify-content: space-between;
}

.highlight-points{
        display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
    font-size: 22px;
}

.img-logo{
        height: 50px;
    width: 220px;
    object-fit: cover;
}

.text-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  color: white;
  align-items: start;
}

.text-block .flex{
    display: flex;
    align-items: center;
    gap: 25px;
}

.text-block h1 {
  text-align: start;
  /*width: 250px;*/
}

.text-block h1 span {
  color: var(--secondary-color); /* bright yellow for 'RUSSIA' */
}

.text-block i{
    font-size:20px;
    
}

.flag-icon {
  height: 100px;
  width: auto;
  object-fit: cover;
}


.text-highlight {
  background-color: transparent;
  color: var(--secondary-color);
}

.points-wrapper{
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    width: 100%;
    gap: 30px;
}

.points-container{
    padding: 20px;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 4px 4px 10px #dadada;
    flex: 1;
    background: #fff;
}

@media (max-width: 767px) {
  .video-container{
    height: 250px;
  }
    .points-wrapper{
        flex-direction: column;
    }
    .points-container{
        width: 100%;
    }

    .primary-btn{
      font-size: 18px;
    }
  }


  /* Layout */
.eligibility-section {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin: 2rem 0;
  }
  
  .criteria-column {
    flex: 1;
    min-width: 280px;
  }
  
  /* Titles */
  .criteria-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    color: #0A6592;
    font-weight: 600;
  }
  
  /* Lists */
  .criteria-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .criteria-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.75rem;
  }
  
  /* Check‐icon using a ::before pseudo‑element */
  .criteria-icon {
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-right: 0.5rem;
    margin-top: 0.15rem;
    background-image: url('data:image/svg+xml;utf8,\
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%230A6592">\
        <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05L7.477 11.56\
        a.75.75 0 0 1-1.08.02L3.384 8.384a.75.75 0 1 1 1.06-1.06l2.995\
        2.994L10.97 4.97z"/>\
      </svg>');
    background-size: contain;
    background-repeat: no-repeat;
  }
  
  /* Text */
  .criteria-text ,td {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
  }
  
  /* Note at the end */
  .criteria-note {
    margin-top: 1rem;
    font-size: 0.9375rem;
    color: #4D5C6B;
  }
  
  /* Responsive: stack on mobile */
  @media (max-width: 767px) {
    .eligibility-section {
      flex-direction: column;
    }
  }
  

  /* faqs style */

  
  .faq-heading {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    color: #0A6592;
  }
  
  .faq-item {
    border: 1px solid #D9E1E8;
    border-radius: 8px;
    margin-bottom: 1rem;
    overflow: hidden;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
  }

  
  
  .faq-question {
    padding: 1rem;
    cursor: pointer;
    font-weight: 600;
    background: #fff;
    transition: all .3s ease;

  }
  
  .faq-question:hover{
      background: var(--primary-color);
      color: #fff;
  }
  
  .faq-answer {
    padding:  1rem 1rem;
    line-height: 1.6;
    color: #333;
    text-align: start;
    background-color: #fff;

  }

  /* Optional: change summary marker */
  .faq-question::-webkit-details-marker {
    font-size: 1.25rem;
    color: #0A6592;
  }
  
  footer svg{
    height: 30px;
    width: 30px;
  }


  /* top universities table  */

  
    .table-container {
      /* padding: 0 20px; */
      overflow-x: auto;
      width: 100%;
    }
  
    table {
     
      width: 100%;
      border-collapse: collapse;
      /*text-align: left;*/
      background: white;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
  
  thead {
    background-color: var(--primary-color);
    color: white;
  }
  
  thead th {
    padding: 12px;
    font-size: 1rem;
    font-weight: 500;
  }
  
  tbody td {
    padding: 10px 12px;
    border-bottom: 1px solid #ddd;
    /* font-size: 14px;
    color: #333; */
  }
  
  tbody tr:hover {
    background-color: #f1f1f1;
  }
  
  i.fab {
    margin-right: 6px;
    color: #1877f2;
  }

  @media (max-width: 500px) {
    /*thead th,*/
    /*tbody td {*/
    /*  font-size: 12px;*/
    /*  padding: 8px;*/
    /*}*/
  
    /*table {*/
    /*  min-width: 800px; */
    /*}*/

    .text-container{
      width: 90%;
    }
  }
  
#form-wrapper{
  display: flex;
width: 50%;
height: 90vh;
/* background: var(--background-color); */
/* box-shadow: 0px 0px 20px #dadada; */
    border-radius: 20px;
    overflow: hidden;
}

#form-wrapper .left, #form-wrapper .right{
  
  height: 100%;
}
#form-wrapper .left{
  width: 60%;
  background-color: #fff;
  padding: 30px;
}

#form-wrapper .right{
  width: 40%;
}

.form-box {
  background-color: #fff;
  padding: 30px;
  width: 100%;
   max-height: 100vh;
  position: relative;
  overflow-y:scroll ;
}

.form-box::-webkit-scrollbar {
  width: 8px;
}

.form-box::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  border-radius: 4px;
}

.form-box::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 4px;
}


/*.form-box::before{*/
/*  content: '';*/
/*  height: 90%;*/
/*  width: 3px;*/
/*  background-color: #dadada;*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*  left: 0;*/
/*}*/
.form-box h3{
  margin: 10px 0;
}
.form-box input{
  text-align: start;
  padding: 8px 12px !important;
}

#phone {
  width: 100%;
  padding-left: 50px !important; /* space for flag */
  padding-right: 10px;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
  box-sizing: border-box;
}

.iti{
  width: 100% !important;
}

.form-box input, .form-box button, .form-box select {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.form-box button {
  background-color:var(--primary-color);
  color: white;
  cursor: pointer;
  font-size: 20px;
}

.form-box button:hover {
  background-color: #0056b3;
}

.close-btn{
  width: max-content;
    position: absolute;
    top: 5%;
    right: 5%;
}

.close-btn-circle{
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.close-btn i{
  font-size: 25px;
  color: #fff;
}

.popup-overlay {
  display: none; /* Initially hidden */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7); /* Dark transparent background */
  /* display: flex; */
  justify-content: center;
  align-items: center;
  z-index: 999;
}


@media (max-width: 767px) {
#form-wrapper{
    height: max-content;
}
  #form-wrapper .left{
    display: none;
  }
  #form-wrapper .right{
    width: 100%;
  }
}




/*mbbs in italy semianr */

.hero-container{
    width: 100%;
    display: flex;
    align-items: center;
}

.left-text-wrapper,  .right-image-wrapper{
    width: 50%;
}

.left-text-wrapper{
    /*display: flex;*/
    /*flex-direction: column;*/
    /*gap: 10px;*/
}

.right-image-wrapper img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.mbbs-student-hero-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.mbbs-student-hero{
     height: 400px;
    width: 400px;
}
.Seminar-heading{
    font-size:2.5rem;
    margin-bottom: 10px;
}

.seminar-info{
    font-size: 1.2rem;
}

.seminar-info span{
   font-size: 1rem;
}

.seminar-faqs-section .faq-item[open] .faq-question {
    color: var(--primary-color) !important;
}

.mbottom{
    margin-bottom: 10px;
    height: 100px;
    display: flex;
    align-items: center;
}

.seminar-list{
    border: none!important;
    background: #fff !important;
}

.seminar-list h5{
    display: flex;
    align-items: center;
    gap: 10px;
}

.seminar-list i{
    font-size: 1.5rem;
    color: var(--text-red);
}

.romania-list{
    background: #fff;
}

.romania-list i{
     font-size: 1.5rem;
    color: #00297D;
}

.semniar-highlights-wrapper{
    width: 100%;
    display: flex;
    align-items: center;
    margin: 20px 0;
}
.left-seminar-highlights{
     
      width: 50%;
     display: flex;
     align-items: start;
     gap: 10px;
     flex-direction: column;
}
.semniar-highlights p{
   text-align: start;
   
}

.semniar-highlights h5{
    color: var(--text-green);
}

.benefit-container{
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    border: 2px solid var(--primary-color);
    width: max-content;
}

.benefit-container h4{
    margin-bottom: 20px;
}

.apply-criteria-list {
  list-style: none;
  padding: 0;
  margin-top: 1rem;
  /*height: 182px;*/
  /*  overflow: hidden;*/
  /*  transition: all 0.3s ease;*/
}
/*.apply-criteria-list:hover{*/
/*    height: 100%;*/
/*}*/
.criteria-item {
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.benefits-list{
    width: 100%;
    
}

.benefits-list li{
    font-size:1.1rem;
}

.faq-item[open] .faq-question {
  background: var(--primary-color);
  color: #fff;
}

/*form design */
.close-btn-seminar{
    background: var(--text-red);
}

/*responsive design for mobile view */
@media (max-width: 900px) {
    .hero-container{
        flex-direction: column-reverse;
    }
    .left-text-wrapper, .right-image-wrapper{
        width: 100%;
    }
     .left-text-wrapper{
        margin-top: 30px;
     }
     .image-container{
         margin: 0 !important;
     }
     .Seminar-heading{
         font-size: 2rem;
     }
     .semniar-highlights-wrapper{
         flex-direction: column-reverse;
     }
     .left-seminar-highlights{
         width: 100%;
     }
     .benefit-container{
         width: 100%;
     }
     .criteria-item, .benefits-list li{
         font-size:1rem;
     }
     #form-wrapper{
         width: 90%;
     }
     .form-box{
         max-height: 90vh;
         padding: 10px !important;
     }
}


@media (max-width: 480px) {
    .mbbs-student-hero{
        height: 200px;
    width: 200px;
    }
}




.university{
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-bottom: 30px;
}

.align-start{
    align-items: start !important;
    width: 100%;
}

.flex-container{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-top: 2rem;
    gap: 20px;
}


 /*==========seminar ============ */
 .key-topic-list{
     border: 2px solid #f29f05;
     padding: 20px;
     border-radius: 20px;
 }
 
.why-consider-european-wrapper{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

@media (max-width: 900px) {
    .why-consider-european-wrapper{
        flex-direction: column;
        gap: 20px;
    }
}


/*------------- why choose edu wire section ---------------------- */

.why-choose-eduWire-section{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.why-choose-eduWire-list{
    width: 30%;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 2px 2px 10px #8080808a;
    background: #fff;
}


.services-grid {
 display: flex;
 gap: 30px;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
}

.service-box {
  width: 30%;
  /*background-color: #fff;*/
  padding: 30px 20px;
  border-radius: 16px;
  /*box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);*/
  transition: 0.3s;
      display: flex;
    flex-direction: column;
    align-items: center;

}

/*.service-box:hover {*/
/*  transform: translateY(-5px);*/
/*}*/

.icon-box {
  /*background-color: #f2f2f2;*/
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 16px;
  margin-bottom: 15px;
}

.icon-box img {
      width: 80px;
    height: 80px;
    object-fit: cover;
}

@media (max-width: 600px) {
    .why-choose-eduWire-list{
         width: 100%;
         border-radius: 10px;
    }
    .flex-container{
        flex-direction: column-reverse;
    }
    
    .service-box{
        width: 100%;
    }
}



/*-------------- thankyou page design ------------------ */
 .thankyou-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    }

    .thankyou-page .icon {
      font-size: 40px;
      color: green;
      margin-bottom: 20px;
    }

    .thankyou-page h1 {
      font-size: 32px;
      margin-bottom: 10px;
    }

    .thankyou-page p {
      font-size: 16px;
      color: #555;
      margin-bottom: 30px;
      width: 50%;
    }

    .thankyou-page .boxes {
      display: flex;
      justify-content: center;
      gap: 30px;
      flex-wrap: wrap;
    }

    .thankyou-page .box {
      background: white;
      padding: 20px;
      border-radius: 8px;
      width: 200px;
    }

    .thankyou-page .box h3 {
      margin-bottom: 10px;
      font-size: 16px;
    }

    .thankyou-page .social-icons a {
      margin: 0 5px;
      text-decoration: none;
      font-size: 20px;
    }

    .thankyou-page .visit-btn {
      display: inline-block;
      margin-top: 10px;
      background-color:#0a6592;
      color: white;
      padding: 10px 20px;
      border-radius: 5px;
      text-decoration: none;
      font-weight: bold;
    }
    
    @media (max-width: 600px) {
      .thankyou-page h1 {
        font-size: 24px;
      }

     .thankyou-page p{
         width: 80%;
     }
    }
    
    
    
    /*------------------- css for study mbbs in bulgaria -------------------- */
    .bulgaria-list{
        background: #fff;
        border: none;
    }
    .steps-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.step {
  flex: 1;
  text-align: center;
  padding: 20px;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 22%;
  min-width: 250px;
}

.step h4 {
  margin-top: 15px;
  color: #333;
}

.step-icon {
  font-size: 40px;
}

.step p {
  color: #555;
  margin-top: 10px;
}

.Bulgaria-faqs .faq-item[open] .faq-question{
    color: #DD220E;
}



.edu-wire-cta-container {
  background-color: var(--primary-color);
  color: white;
  padding:30px;
  border-radius: 30px;
  flex-direction: row !important;
}

.cta-content {
  width: 50%;
}


.cta-description {
  font-size: 1.1rem;
  margin-bottom: 25px;
}

.cta-contact p {
  font-size: 1rem;
  margin-bottom: 10px;
}

.cta-contact i {
  color: #fff;
  margin-right: 8px;
}

.cta-contact a {
  color: #fff;
  text-decoration: none;
}

.cta-buttons {
  margin-top: 20px;
}

.btn-primary,
.btn-outline {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: bold;
  text-decoration: none;
  margin-right: 12px;
  transition: background 0.3s, color 0.3s;
}

.btn-primary {
  background-color: #fff;
  color: #0b3c79;
}

.btn-outline {
  border: 2px solid #ffffff;
  color: white;
  background-color: transparent;
}

.btn-outline:hover {
  background-color: white;
  color: #0b3c79;
}

.cta-image {
  width: 50%;
  display: flex;
  justify-content: center;
}

.cta-image img {
  max-width: 100%;
  border-radius: 20px;
}


 @media (max-width: 700px) {
     .Seminar-heading{
         font-size:1.8rem;
     }
     .edu-wire-cta-container{
         flex-direction: column-reverse !important;
     }
     .cta-content, .cta-image{
         width: 100%;
     }
     
     .form-box h3{
         margin: 25px 0;
     }
    }
    
.two-column-layout{
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    }
    
.column{
    width: 50%;
    background: #fff;
    padding: 20px;
    border-radius: 20px;

}

.kazakhstan-list{
    background: #fff;
    border: 2px solid #E0CF0C;
}

.Kazakhstan-faqs .faq-item[open] .faq-question{
    color: #08B1CA;
}

@media (max-width: 700px) {
     .two-column-layout{
        flex-direction: column !important;
     }
     .column{
         width: 100%;
     }
    }

/*------------------georgia style start ----------------- */
.georgia-list{
    border: 1px solid red !important;
}
.georgia-faqs .faq-item[open] .faq-question{
    color: red !important;
}



.poland-list{
    border: 2px solid var(--primary-color);
}

.poland-faqs .faq-item[open] .faq-question{
    color: #D70026 !important;
}


.russia-list{
    border: 2px solid rgb(214, 39, 24);
}

.color-hungary-red{
   color: #C02735 ;
}

.color-hungary-green{
   color:#177B42 ;
}

.hungary-list{
    border: 2px solid #C02735;
}

.hungary-faqs .faq-item[open] .faq-question{
    color: #177B42;
}


/*----------- study in italy at polimi ------------ */

.polimi-page-benefits-list , .france-page-benefits-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 20px 0;
    border: 2px solid #0a6592;
    padding:20px 10px;
    border-radius: 20px;
    background: #fff;
}

.polimi-page-benefit-item ,.france-page-benefit-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1;
    

}

.polimi-list{
    border: none;
}

.program-intro {
  font-size: 16px;
  margin-bottom: 30px;
}
.program-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}
.program-card {
  
  border: 1px solid #0a65923b;
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}

.program-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border: none;
}




.program-image {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 10px;
}
.program-title {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0 10px;
}
.program-desc {
  /*font-size: 14px;*/
  color: #555;
}

.world-widerank{
    height: 135px;
    width: 104px;
    position: absolute;
    top: 9px;
    left: 10px;
}

.world-widerank img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 600px) {
    .polimi-page-benefits-list , .france-page-benefits-list{
        flex-direction: column;
    }
    
    
}


.eduwire-feature {
      display: flex;
      align-items: flex-start;
      margin-top: 40px;
      gap: 20px;
      flex-wrap: wrap;
    }

    .eduwire-feature img {
      flex: 1;
      max-width: 100%;
      width: 300px;
      border-radius: 10px;
    }

    .eduwire-feature-content {
      flex: 1;
      min-width: 280px;
    }

    .eduwire-point .eduwire-point-headings {
      background-color: #fff;
      padding:15px 15px 0 15px;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;
      /*margin-bottom: 10px;*/
    }

    .eduwire-subpoint {
      background: #fff;
      /*border-left: 3px solid #0a6592;*/
      padding: 15px;
      margin-bottom: 20px;
      border-radius: 0 0 8px 8px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
      width: 100%;
    }

    .accordion-item {
      width: 100%;
      box-sizing: border-box;
    }

    .accordion-item h5 {
      color: #0a6592;
      margin-top: 15px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #eef8fc;
      padding: 10px 15px;
      border-radius: 6px;
      transition: background 0.3s ease;
    }

    .accordion-item h5 i {
      transition: transform 0.3s ease;
    }

    .accordion-item.open h5 i {
      transform: rotate(180deg);
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease, padding 0.3s ease;
      padding: 0 15px;
      color: #333;
      width: 100%;
      box-sizing: border-box;
    }

    .accordion-item.open .accordion-content {
      max-height: 600px;
      padding: 10px 15px;
    }

    /* Responsive Styling */
    @media (max-width: 768px) {
      .eduwire-feature {
        flex-direction: column;
        align-items: center;
      }

      .eduwire-feature img {
        width: 100%;
      }

      .eduwire-title h2 {
        font-size: 24px;
        text-align: center;
      }

      .eduwire-title p {
        text-align: center;
      }
    }
    
    
/*-------- why choose polimi section ----------- */
.why-choose-section {
    display: flex;
    height: auto;
    position: relative;
}

.why-choose-image {
    width: 40%;
    height: 100vh; /* Full viewport height */
    position: relative;
    padding: 20px 0 !important;
}

.why-choose-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: sticky;
    top: 0;
}

.why-choose-content {
    width: 60%;
    padding: 0 20px;
    /* Remove any fixed height or overflow properties */
}

.why-choose-list {
    box-sizing: border-box;
    padding: 1rem;
    /*background: #fff;*/
    /*border: 2px solid var(--secondary-color);*/
    /*border-radius: 10px;*/
    border-bottom:1px solid #0a659269;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

/* Mobile styles */
@media (max-width: 767px) {
    .why-choose-section {
        flex-direction: column;
    }
    
    .why-choose-image,
    .why-choose-content {
        width: 100%;
    }
    
    .why-choose-image {
        /*height: 300px; */
        /*position: static !important;*/
        display: none;
    }
    
    .why-choose-image img {
        position: static;
    }
}

 /* Modal */
    .modal {
      display: none;
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(2px);
      animation: fadeIn 0.3s ease-in-out;
    }

    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    .modal-content {
      background: var(--primary-color);
      backdrop-filter: blur(10px);
      border-radius: 20px;
      margin: 5% auto;
      padding: 30px;
      width: 90%;
      max-width: 500px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
      animation: slideIn 0.3s ease;
    }

    @keyframes slideIn {
      from { transform: translateY(-20px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }

    .modal-content h2 {
      margin-top: 0;
      font-size: 26px;
      color: #fff;
      text-align: center;
    }

    .modal-content label {
      display: block;
      margin-top: 15px;
      margin-bottom: 5px;
      font-weight: 600;
      color: #fff;
    }

    .modal-content input,
    .modal-content textarea {
      width: 100%;
      padding: 12px;
      border: none;
      border-radius: 10px;
      background: #f0f0f0;
      font-size: 15px;
      transition: background 0.3s ease;
      text-align: start !important;
    }

    .modal-content input:focus,
    .modal-content textarea:focus {
      outline: none;
      background: #e6f0ff;
    }

   .modal-content textarea {
  resize: vertical;
  text-align: left;
  vertical-align: top;
}


    .modal-content button {
      width: 100%;
      margin-top: 20px;
      background-color: #fff;
      color: #000;
      
      border: none;
      padding: 14px;
      border-radius: 10px;
      font-size: 16px;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    /*.modal-content button:hover {*/
    /*  background-color: #005ec4;*/
    /*}*/

    .close {
      color: #fff;
      float: right;
      font-size: 28px;
      font-weight: bold;
      cursor: pointer;
    }

   
    
    
    
    /*-------------- study in france ---------- */
    .france-page-benefits-list{
        border: none;
    background: #0a6592;
    width: 100%;
    }
    
      .france-page-benefits-list h4{
          color: #fff;
      }
      
      
      
      .color-france-green {
  color: #0055A4;;
}

.color-france-red {
  color: #e63946;
}

.eduwire-why-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
}

.eduwire-why-card {
  background: #fff;
  border-left: 3px solid var(--primary-color);
  border-radius: 10px;
  padding: 1.5rem;
  flex: 1 1 45%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  transition: 0.3s ease;
  z-index: 1; /* Ensure the card itself is above the pseudo-element */
}

.eduwire-why-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #0a6592;
  transition: transform 0.6s ease;
  z-index: 0; /* Keeps it behind the content */
}

.eduwire-why-card:hover::after {
  transform: translateX(100%);
}

.eduwire-why-card:hover {
  color: #fff;
}

.eduwire-why-card:hover h4,
.eduwire-why-card:hover p {
  color: #fff;
  position: relative;
  z-index: 1;
}

.eduwire-why-card i {
  margin-right: 10px;
  color: inherit;
}

.eduwire-why-card p{
    position: relative;
}

.start {
  margin: 0.5rem 0;
}

/* Responsive Design */
@media (max-width: 768px) {
  .eduwire-why-card {
    flex: 1 1 100%;
  }

  .eduwire-title h2 {
    font-size: 1.5rem;
  }
  .services-grid{
      gap:0;
  }
}

/*-------- university card ---------- */
.university-section {
  padding: 40px 20px;
  background-color: var(--primary-color);
  text-align: center;
}

.university-section h2{
    color: #fff;
}

.section-title {
  font-size: 28px;
  color: #2c3e50;
  margin-bottom: 30px;
}

.university-grid {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  justify-content: center;
}

.university-card {
  flex: 1 1 180px; /* grow, shrink, basis */
  min-width: 150px; /* prevent shrinking too small */
  max-width: 200px;
  border: 1px solid #0a65923b;
  border-radius: 12px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  transition: box-shadow 0.3s ease;
}

.university-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}


.university-card img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}


.mbbs-criteria-column{
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    border: 2px solid var(--primary-color);
}

.intake-container{
    background: var(--primary-color);
    color: #fff;
    width: 100%;
    padding: 20px;
    border-radius: 20px;
}

.intake-container h2{
    margin-bottom: 20px;
}

.intake-container .intakes{
     background: #fff;
    color: red;
    padding: 10px 20px;
    border-radius: 10px;
}

.intake-container h5{
   
}
.intake-container .intakes p{
    color: #000;
    text-align: start;
}
.flex-intake{
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
}

.hidden {
    display: none;
  }
  
  .form-box select{
      font-size: 1rem;
      font-weight: 400;
      color: gray;
  }
  
  @media (max-width: 768px) {
  .flex-intake{
      flex-direction: column;
  }
}

/*study in uk styles */
.color-uk-red{
    color: #dc200e;
}

.color-uk-blue{
    color: #004489;
}

/*.program-grid {*/
/* display: flex;*/
/* justify-content: center;*/
/* flex-wrap: wrap;*/
/* gap: 1rem;*/
/*  margin-top: 2rem;*/
/*}*/

/*.program-card {*/
/* width: calc((100% / 3) - 2rem);*/
/*  background: white;*/
/*  padding: 1.5rem;*/
/*  border-radius: 10px;*/
/*  box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/
/*  flex-shrink: 0;*/
/*}*/

.program-card i {
  color: #0055A4;
  margin-bottom: 1rem;
}

.program-card h4 {
  margin-bottom: 0.5rem;
  color: #0055A4;
}

.program-card ul {
  list-style: none;
  padding-left: 0;
}

.program-card ul li {
      margin: 0.5rem 0;
    display: flex;
    align-items: center;
    background: #0a65921c;
    padding: 10px;
    border-radius: 10px;
}

.program-card ul li i {
  margin-right: 10px;
  color: #009688;
}


.uk-program-grid{
    width: 100%;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.uk-program-card{
    width: calc(100% / 3 - 2rem);
    
}
.uk-flex-container{
    display: flex;
    gap: 20px;
}

.uk-flex-container .text-section,.uk-flex-container .image-section{
    width: 50%;
     display: flex;
    align-items: center;
    justify-content: center;
}

.uk-flex-container .image-section img{
   height: 100%;
   width: 100%;
   object-fit: cover;
}

/* Tablet View */
@media (max-width: 1040px) {
 .uk-program-card{
     width: calc(50% - 2rem);
 }
}

/* Mobile View */
@media (max-width: 750px) {
  .uk-program-card{
     width: 100%;
 }
 .uk-flex-container{
     flex-direction: column-reverse;
 }
 .uk-flex-container .text-section,.uk-flex-container .image-section{
    width: 100%;
}

}


/*study in serbia landing page */
.color-serbia-red{
    color:#C7363D;
}

.color-serbia-blue{
    color: #0C4077;
}

.color-serbia-yellow{
    color: #edb92e;
}