.c-title-container {
    margin-top: 100px;
    margin-bottom: 50px;
}

.c-nikites-container {
    max-width: 1380px;
    margin: 0 auto;
}

.c-nikites-container .accordion {
    border-top: 1px solid #189EFF;
    margin-bottom: 15px;
    position: relative;
}

.c-nikites-container .accordion h3 {
   padding: 30px 85px 30px 65px;
   font-size: 24px;
   color: #FCF7F0;
   position: relative;
    font-family: 'BTCosmo-Bold';
}

.c-nikites-container .accordion h3::after {
   content: '';
background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="298.1px" viewBox="0 0 512 298.1" style="overflow:visible;enable-background:new 0 0 512 298.1;" xml:space="preserve"><style type="text/css">.st0{fill:%23FCF7F0;}</style><path class="st0" d="M256,298.1L0,42.1L42.1,0L256,213.9L469.9,0L512,42.1L256,298.1z"/></svg>');
width: 12px;
    height: 12px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: 0.3s;
}

.c-accordion-container.accordion p {
   padding: 0px 65px;
}

.c-accordion-container.accordion.c-opened h3 {
   color: #189EFF;
}

.c-nikites-container .accordion.c-opened h3::after {
    transform: translateY(-50%) rotate(180deg);
background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="298.1px" viewBox="0 0 512 298.1" style="overflow:visible;enable-background:new 0 0 512 298.1;" xml:space="preserve"><style type="text/css">.st0{fill:%23189EFF;}</style><path class="st0" d="M256,298.1L0,42.1L42.1,0L256,213.9L469.9,0L512,42.1L256,298.1z"/></svg>');
}


.c-nikites-dora-box {
    background-color: #0C1C41;
    padding: 40px;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.c-nikites-doro-image {
    width: 62%;
}

.c-nikites-doro-image img {
    width: 100%;
    height: auto;
}

.c-nikites-doro-content {
    width: 33%;
    margin-left: 5%;
   font-size: 24px;
   color: #FCF7F0;
   position: relative;
    font-family: 'BTCosmo-Bold';
}

.c-nikites-list-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
margin-top: 20px;
}

.c-nikites-list {
    width: 33.33%;
    box-sizing: border-box;
    padding: 10px;
}

.c-team-badge-list {
text-align: center;
}

.c-team-badge-list img {
width: 72px;
height: auto;
border-radius: 50%;
}

.c-nikitis-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    padding: 30px 15px;
    gap: 25px;
    font-family: 'BTCosmo-Bold';
    font-size: 17px;
}

.c-nikitis-container:nth-child(even) {
background-color: #061127;
border-radius: 8px;
}

.c-nikites-list-inner {
    padding: 10px;
    position: relative;
background-color: #081630;
    border-radius: 20px;
}

.c-nikites-list-inner::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    height: calc(100% + 2px);
    display: block;
    width: calc(100% + 2px);
    border-radius: 20px;
}

.c-aek-list::after {
    background-image: linear-gradient(137deg, var(--teams-color-aek), transparent);
}

.c-pao-list::after {
    background-image: linear-gradient(137deg, var(--teams-color-pao), transparent);
}

.c-osfp-list::after {
    background-image: linear-gradient(137deg, var(--teams-color-osfp), transparent);
}

.c-nikitis-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #1644AE;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 22px;
}

#newMonth::after {
content: 'Νέο';
background-color: #1644AE;
padding: 16px 24px;
display: inline-block;
position: absolute;
right: 100px;
top: 20px;
    font-family: 'BTCosmo-Bold';
border-radius: 50px;
}

.c-game-3doro .c-nikites-doro-image {
    width: 52%;
}

.c-game-3doro .c-nikites-doro-content {
    width: 43%;
}

.c-game-4doro .c-nikites-doro-image {
    width: 50%;
    position: relative;
    text-align: center;
}

.c-game-4doro .c-nikites-doro-image:nth-child(1) {
    padding-right: 5%;
    padding-left: 7%;
}

.c-game-4doro .c-nikites-doro-image:nth-child(1)::after {
    content: '';
    display: block;
    width: 1px;
    height: 50%;
    background-color: rgb(24 158 255 / 40%);
    position: absolute;
    top: 35%;
    right: 0;
    transform: translateY(-50%);
}

.c-game-4doro .c-nikites-doro-image:nth-child(2) {
    padding-left: 5%;
    padding-right: 7%;
}

.c-game-4doro .c-nikites-doro-image img {
    margin-bottom: 30px;
}

.c-game-4doro .c-nikites-doro-image p strong {
font-size: 21px;
}

@media (max-width: 768px) {

.c-title-container {
    margin-top: 0px;
}

/* CUSTOM ACCORDION */

.c-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out; /* Smooth transition */
}

#contenttop h1.pagetitle {
margin-top: 100px;
margin-bottom: 30px;
}

.c-nikites-dora-box {
    padding: 15px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 15px;
}

.c-nikites-doro-image, .c-game-3doro .c-nikites-doro-image {
    width: 100%;
    margin-top: 20px;
}

.c-nikites-doro-content, .c-game-3doro .c-nikites-doro-content {
    width: 100%;
    margin-left: 0;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.c-nikites-list {
    width: 100%;
}

.c-nikites-container .accordion h3 {
    padding: 30px 15px 30px 0px
}

.c-nikites-container .accordion h3::after {
    right: 10px;
}

.c-team-badge-list {
    text-align: left;
}

.c-nikites-list {
position: relative;
}

.c-nikites-list-inner.c-accordion-mobile::before {
content: '';
background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="298.1px" viewBox="0 0 512 298.1" style="overflow:visible;enable-background:new 0 0 512 298.1;" xml:space="preserve"><style type="text/css">.st0{fill:%23FCF7F0;}</style><path class="st0" d="M256,298.1L0,42.1L42.1,0L256,213.9L469.9,0L512,42.1L256,298.1z"/></svg>');
width: 12px;
    height: 12px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 15px;
    top: 45px;
    transform: translateY(-50%) rotate(0deg);
    transition: 0.3s;
}

.c-nikites-list-inner.c-accordion-mobile.active::before {
    transform: translateY(-50%) rotate(180deg);
background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="298.1px" viewBox="0 0 512 298.1" style="overflow:visible;enable-background:new 0 0 512 298.1;" xml:space="preserve"><style type="text/css">.st0{fill:%23189EFF;}</style><path class="st0" d="M256,298.1L0,42.1L42.1,0L256,213.9L469.9,0L512,42.1L256,298.1z"/></svg>');
}

.c-game-4doro .c-nikites-doro-image:nth-child(1) {
    padding-right: 5%;
    padding-left: 0;
}

.c-game-4doro .c-nikites-doro-image:nth-child(2) {
    padding-left: 5%;
    padding-right: 0;
}

.c-game-4doro.c-nikites-dora-box {
    flex-wrap: nowrap;
    gap: 0;
}

.c-game-4doro .c-nikites-doro-image:nth-child(1)::after {
    height: 40%;
    top: 20%;
}

}