/* Container */
.section-container,
#menu-pills {
    margin-bottom: 60px;
}
#language-course .section-title::after {
    content: "";
    margin: 0 auto;
    margin-top: 50px;
    display: block;
    width: 100px;
    height: 4px;
    background-color: var(--blue);
}
#pills-tab {
    gap: .5rem;
    overflow-x: scroll;
    scrollbar-width: none;
    flex-wrap: nowrap;
}
#pills-tab-content .accordion-item {
    border: none;margin-bottom:-1px !important
}
#pills-tab-content .accordion-body {
    color: var(--blue);
    background-color: #fff;
    border: 1px solid #d9d9d9;
    padding: 25px 30px;
    padding-top: calc(25px + var(--big-radius) + 5px);
    margin-top: calc(-1 * var(--big-radius) - 5px);
}

/* Button */
#pills-tab::-webkit-scrollbar {
    display: none;
}
#pills-tab .nav-item .active {
    color: var(--red);
    background-color: var(--red-light-2);
}
#pills-tab .nav-link {
    font-weight: 600;
    border-radius: 0.375rem;
    padding: 0.375rem 1.125rem;
    color: var(--black);
text-transform: lowercase !important;
}
#pills-tab .nav-link::first-letter{
text-transform: capitalize
}
#pills-tab .nav-link:focus {
    outline: none !important;
}
#pills-tab-content .accordion-button.collapsed{
    color: var(--black);
    background-color: var(--white);border: 1px solid #d9d9d9;
    padding: 20px 22px;
    font-size: 20px;
    font-weight: 600;
}
#pills-tab-content .accordion-button{
    color: var(--white);
    background-color: var(--red-primary);font-weight:600
}
#pills-tab-content .accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFCA2E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#pills-tab-content .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFCA2E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Text/Image */
.section-title {
    color: var(--blue);
    margin-bottom: 50px;
    text-transform: uppercase;
}
#language-course a {
    color: inherit;
    text-decoration: none;
}
#language-course img {
    border-radius: 0;
}
#language-course [class^="body-pills"] > h1,
#language-course [class^="body-pills"] > h2,
#language-course [class^="body-pills"] > h3,
#language-course [class^="body-pills"] > h4,
#language-course [class^="body-pills"] > h5,
#language-course [class^="body-pills"] > h6 {
    color: var(--blue);
    text-align: center;
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 70px;
    text-transform: uppercase;
    font-weight: 700;
}
#language-course [class^="body-pills"]:not(:first-of-type) > h1,
#language-course [class^="body-pills"]:not(:first-of-type) > h2,
#language-course [class^="body-pills"]:not(:first-of-type) > h3,
#language-course [class^="body-pills"]:not(:first-of-type) > h4,
#language-course [class^="body-pills"]:not(:first-of-type) > h5,
#language-course [class^="body-pills"]:not(:first-of-type) > h6 {
    margin-top: 70px;
}
#pills-tab-content p,
#pills-tab-content ul,
#pills-tab-content ol,
#pills-tab-content li {
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 30px;
}
#pills-tab-content li {
    margin-bottom: 0;
}
#pills-tab-content .accordion-body {
    font-weight: 600;
}
#pills-tab-content .accordion-body > *:last-child {
    margin-bottom: 0 !important;
}
#pills-tab-content .accordion-body ul,
#pills-tab-content .accordion-body ol {
    padding-left: 1rem;
}

.accordion-body ul{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.language-course-image-container {
    width: fit-content;
    display: block;
    margin-left:auto;
    position:relative;
    overflow: hidden;
 }

 .language-course-image-container.second{
    margin-left:0;
    margin-right: auto;
 }

.language-course-hero-headline{
    font-size: 26px;
}

.language-course-hero-body{
    font-size: 16px;
}


 .spike-shape, .globe-shape {
    position: absolute;
    z-index: -1;
 }

 .globe-shape {
    bottom: -40px;
    right: -30px;
 }

 .spike-shape {
     top: -50px;
    left: -50px;
 }
 .language-course-image{
     width: 100%;
     margin: auto;
 }

 .red-button-edubridge {
    padding: 16px 32px;
    background-color: var(--red-primary);
    color: var(--white);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    border: 2px solid var(--white);
    border-radius: 8px;
    width: max-content;
    display: block;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.red-button-edubridge:hover {
    color: var(--red-primary) !important;
    border: 2px solid var(--red-primary);
    background-color: var(--white);
}

 .language-course-section-container{
    margin-bottom: 180px;
 }

 .language-course-section-container.accordion{
    margin-bottom: 60px;
 }

 .banner-pills-persiapan-kelas-ielts-tab a.btn{
    transition: all 0.3s ease-out;
 }

 .banner-pills-persiapan-kelas-ielts-tab a.btn:hover{
    transform: translateY(-4px);
 }

 @media only screen and (max-width: 1025px) {
    .container.container-flex-120-80{
        max-width: 640px !important;
    }
 }

 @media only screen and (max-width: 991px) {
     .language-course-image-container {
         margin: 0 auto 40px;
         width: 100%;
     }

     .language-course-image{
         max-width: 400px;
         object-fit: cover
     }
 }

 @media only screen and (max-width: 576px) {
     .red-button-edubridge{
         display: block;
     }
 }