.srp-wrapper {
     max-width: 800px;
     margin: auto;
 }

 .srp-tabs {
     display: flex;
     gap: 10px;
     margin-bottom: 20px;
 }

 .srp-tab {
     padding: 10px 20px !important;
     border: none !important;
     cursor: pointer;
     font-size: 18px !important;
     line-height: 24px !important;
     background-color: #F3F4F6 !important;
 }

 .srp-tab.active {
     background: #000 !important;
     color: #CCFF00;
     font-weight: 500;
 }

 #srp-form {
     display: flex;
     flex-direction: column;
     gap: 15px;
 }

 #srp-form input,
 #srp-form textarea {
     width: 100%;
     padding: 12px;
 }

 #srp-form button {
     padding: 15px;
 }

 .srp-tabs-wrapper {
     max-width: 900px;
     margin: auto;
     display: flex;
     justify-content: space-between;
     gap: 16px;
 }
 .gt_float_switcher .gt-selected .gt-current-lang{
    border-radius: 0 !important;
 }

.gt_float_switcher .gt_options a:hover{
    background-color: #ccff00;
    color: #000;
    font-weight: 600;
}
 .filters-tabs {
     margin-bottom: 24px;
 }

 .mm-hero h3 {
     font-weight: 600;
 }

 .srp-tabs-wrapper button {
     flex: 1;
     border-radius: 12px !important;
     height: 44px !important;
 }

 #srp-form .mm-card {
     width: 100%;
     background-color: transparent;
     border: none;
     box-shadow: none;
     padding: 0;
 }

 #srp-form {
     max-width: 900px;
     margin: auto;
     background: #F3F4F6;
     padding: 35px;
     border-radius: 18px;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
     border: 1px solid #E5E7EB;
 }

 .close-btn {
     padding: 0 !important;
     height: 44px !important;
     width: 44px !important;
     border-radius: 50%;
 }

 .has-error.file-upload label {
     border: 1px solid red !important;
 }

 .preview-box {
     position: relative;
     max-width: 240px;
     width: 100%;
     margin-top: 14px;
 } 

 .remove-preview {
     position: absolute;
     top: 2px;
     right: 2px;
     background-color: #000;
     color: #fff;
     padding: 0 !important;
     height: 40px;
     width: 40px;
     border-radius: 50%;
     cursor: pointer;
 }

 .mm-field.file-upload.has-error label {
     background-color: #fff5f5 !important;
 }

 .mm-wrapper.sports-registration {
     margin-top: 60px !important;
 }

 @media (max-width: 768px) {
     .rules-regulation .close-btn {
         position: static;
     }

     .rules-regulation {
         padding: 16px 16px 0 16px;
         display: flex;
         justify-content: space-between;
         align-items: center;
         gap: 16px;
     }

     .rules-regulation h2 {
         margin: 0 !important;
         padding: 0 !important;
         border-bottom: 0 !important;
     }

     .rules-content ol {  
         padding: 24px;
         padding-left: 30px !important;
      
     }
 }

 @media (max-width: 668px) {
     .srp-tabs-wrapper {
         min-width: 586px;
         padding-bottom: 10px;
     }

     .filters-tabs {
         overflow-x: auto;
     }
 }

 @media (max-width: 568px) {
     #srp-form {
         border: none;
         background: transparent;
         padding: 0;
         box-shadow: none;
     }

     .srp-tabs-wrapper button {
         width: fit-content;
     }
         .mm-hero h1 {
        font-size: 30px;
        line-height: 44px;
    }
     .mm-hero h3{
            font-size: 17px;
     }

     /*
|--------------------------------------------------------------------------
| FILE PREVIEW
|--------------------------------------------------------------------------
*/

     .file-preview {
         margin-top: 12px;
     }

     .preview-box {
         border: 1px solid #dcdcdc;
         border-radius: 10px;
         padding: 10px;
         background: #fafafa;
         text-align: center;
     }

     .preview-image {
         max-width: 140px;
         max-height: 140px;
         object-fit: cover;
         border-radius: 8px;
         display: block;
         margin: 0 auto 8px;
     }

     .preview-name {
         font-size: 13px;
         color: #444;
         word-break: break-word;
     }

     .pdf-preview {
         font-size: 14px;
         font-weight: 500;
     }

     .preview-box {
         position: relative;
     }

     .remove-preview {
         position: absolute;
         top: 6px;
         right: 6px;
         width: 24px;
         height: 24px;
         border: none;
         border-radius: 50%;
         background: #ef4444;
         color: #fff;
         cursor: pointer;
         font-size: 14px;
         line-height: 24px;
         padding: 0;
     }

     .remove-preview:hover {
         background: #dc2626;
     }
 }