.p-relative {
    position: relative;
  }
  .p-absolute {
    position: absolute;
  }
  .p-sticky{
      position: sticky;
      top: 0;
  }
  .header h1{
      margin: 0;
  }

  .d-flex{
      display: flex;
  }
  .a-center{
      align-items: center;
  }
  .header {
      padding-top:20px;
      background-color: white;
      z-index: 10;
      box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
      padding-bottom: 10px;
  }
  .collapse-btn {
    left: 20px;
    transform: translateY(-50%);
    top:50%;
  }
  .left-content {
  
      position: relative; /* Add a transition for max-width property with a duration of 0.3 seconds and ease timing function */
    }
  input::placeholder{
      font-size: 14px;
  }
    
  textarea::placeholder{
      font-size: 14px;
      padding:5px 5px;
  }
  
  
    .left-content.collapse {
      animation: collapseAnimation 0.3s ease; /* Apply the keyframe animation with a duration of 0.3 seconds and ease timing function */
    }
    @keyframes collapseAnimation {
      from {
       left:10px;/* Adjust the initial width as needed */
      }
  
      to {
        left:100px;
      }
    }
  
  .d-none{
      display: none;
  }

  body {
    margin: 0px;
}

#bg_crf5 {
    display: flex;
    background-color: #333333;
    align-items: center;
    justify-content: center;
}

#center5 {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 40%;
}

#main{
    display: flex;
    flex-direction: column;
}

#header0 {
    background-color: #CC0000;
    padding: 40px 0;
    text-align: center;
}

#header0 h3 {
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
}

#topic {
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
    background-color: #C9D8DC;
}

.space30 {
    height: 30px;
}

.space50 {
    height: 50px;
}

#foot {
    background-color: #CCC;
    padding: 8px 0;
    text-align: center;
}

.copyright a {
    text-decoration: none;
    color: #000;
}

.copyright a:hover {
    text-decoration: underline;
}

#form {
    background-color: #FFF;
}

#form-main {
    padding: 0 80px;
}

#form-home {
    padding: 0 30px;
}

.indent {
    padding: 0 20px;
}

#id_coresets{
    width: 100%;
    height: 500px;
}

.submit {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* CSS cho page 0 */
.topic,
.country {
    display: flex;
    flex-direction: row;
    padding: 5px 25px;
}

.country {
    justify-content: flex-end;
}

.topic a {
    text-decoration: none;
    color: #000;
}

.country a {
    text-decoration: none;
    color: #086094;
}

.topic a:hover,
.country a:hover {
    text-decoration: underline;
}

.topic_light,
.country_light {
    padding: 0 10px;
}

.proceed {
    font-style: italic;
    font-weight: bold;
}

.start {
    padding: 80px 20px;
    text-align: center;
}

.start a {
    background-image: url(https://www.icf-core-sets.org/css/images/button_over.jpg);
    padding: 17px 30px;
    font-weight: bold;
    font-size: 17px;
    text-decoration: none;
    color: #000;
}

.start a:hover {
    background-image: url(https://www.icf-core-sets.org/css/images/button_over.jpg);
    color: #666;
}

.suggestions a {
    color: #000;
    text-decoration: none;
}

.logo_en {
    padding: 60px 180px;
}

/* CSS cho Home */
.welcome {
    font-style: italic;
    font-weight: bold;
}

.box,
.box2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 5px 0;
}

.box div,
.box2 div {
    text-align: justify;
}

.box p {
    line-height: 25px;
    margin: 0;
    font-size: 14px;
}

.box a {
    color: #000;
}

.cbox2 {
    text-align: center;
}

.cbox2 a {
    background-image: url(https://www.icf-core-sets.org/css/images/button_over.jpg);
    padding: 17px 30px;
    font-weight: bold;
    font-size: 17px;
    text-decoration: none;
    color: #000;
}

.rbox2 {
    display: flex;
    align-items: center;
}

#end {
    height: 30px;
    background-color: #C9D8DC;
    font-weight: bold;
}

#end div {
    padding: 5px 0;
}

#end a {
    color: #000;
    text-decoration: none;
}

#end a:hover {
    text-decoration: underline;
}

.book {
    font-weight: bold;
    font-size: 15px;
}

.box2 {
    font-size: 14px;
    line-height: 25px;
}

/* CSS cho page 2 */
#cs_sel2 {
    width: 100%;
}

#id_comprehensive,
#id_categories,
#comp_selection {
    height: 200px;
    width: 100%;
}

#cat_sel2 {
    height: fit-content;
    width: 100%;
}

.form-select {
    overflow: scroll;
    width: 100%;
    max-height: 200px;
}