:root {
     --secondary-bg-color: #282828;
     --primary-text-color: #191919;
     --font-family: "Inter", sans-serif;
     --font-size: 16px;
     --line-height: 150%;
     --accent-bg-color: #ef8c61;
 }

 .content_section {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     justify-content: center;
 }

 .mentorship_section {
     padding: 20px 60px;
 }

 .mentorship_section .header,
 .mentorship_section .descr {
     text-align: justify;
 }


 .text,
 .descr {
     width: 75%;
 }

 .section_content {
     height: 0;
     overflow: hidden;
     transition: height 0.4s ease;
 }


 .section_title {
     width: 100%;
     display: block;

     padding: 12px 20px;
     background: linear-gradient(90deg,
             rgba(239, 140, 97, 0.18),
             rgba(239, 140, 97, 0.05));

     border-left: 5px solid var(--accent-bg-color);
     border-radius: 6px;

     font-weight: 600;
     color: var(--primary-text-color);
     margin-bottom: 14px;
 }

 .section_header {
     display: flex;
     align-items: flex-start;
     gap: 10px;
 }

 .section_header>div {
     flex: 1;
 }


 /* Mobil üçün */
 @media (max-width: 768px) {

     .text,
     .descr {
         width: 90%;
     }
 }

 .section_header {
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
     align-content: center;
     flex: 1;
 }

 .circle-arrow {
     background: transparent !important;
     border: none !important;
     outline: none !important;
     box-shadow: none !important;

     padding: 0;
     margin-right: 12px;

     appearance: none;
     -webkit-appearance: none;
 }

 .circle-arrow:focus,
 .circle-arrow:focus-visible,
 .circle-arrow:active {
     outline: none !important;
     box-shadow: none !important;
     background: transparent !important;
 }


 .circle-arrow::before {
     content: "";
     background: none;
     border: none;
     margin: 18px 18px 18px 0;
     display: block;
     width: 20px;
     height: 20px;

     border-left: 2px solid var(--accent-bg-color);
     border-top: 2px solid var(--accent-bg-color);

     transform: rotate(135deg);
     transition: transform 0.3s ease;
 }

 .mentorship_section.active .circle-arrow::before {
     transform: rotate(225deg);
 }




 .accordion-header {
     background: none;
     /* padding: 0; */
 }

 .accordion-header:hover {
     background: none;
 }

 /* Accordion container qara fonu və border-i sil */
 .accordion {
     background-color: transparent !important;
     border: none !important;
 }

 /* Accordion item qara border-i tam söndür */
 .accordion-item {
     background-color: transparent !important;
     /* border: 1px solid #fd7e14c7 !important; */
 }


 /* Button (header) */
 .accordion-button {
     background-color: #d7dce363 !important;
     color: #1f1d1d !important;
     border: none !important;
 }

 .accordion-button:focus {
     box-shadow: 0 0 0 .25rem #fd7e1454;
 }

 .custom_accordion-button:hover {
     box-shadow: none;
 }

 .section_title {
     font-size: 26px;
 }

 @media (max-width: 480px) {
     .mentorship_section .text {
         font-size: 25px;
     }

     .mentorship_section {
         padding: 0px 10px;
     }

     .section_title {
         font-size: 20px;
     }

     .circle-arrow {
         margin-right: 0;
     }

     .circle-arrow::before {
         font-size: 15px;
     }

 }

 /* ______________________ */


 .custom_team_row {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     gap: 24px;
     padding-top: 20px;
 }

 @media (max-width: 1400px) {
     .custom_team_row {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 @media (max-width: 1024px) {
     .custom_team_row {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media (max-width: 640px) {
     .custom_team_row {
         grid-template-columns: 1fr;
     }
 }

 /* __________________________ */

 .show_more_team_member {
     position: fixed;
     top: 0;
     right: -100%;
     z-index: 3;
     height: 100vh;
     width: 78vw !important;
     overflow-y: auto;
     transition: all 0.5s ease;
 }

 .show_more_team_member {
     position: relative;
     padding: 70px 50px;
     display: flex;
     gap: 40px;
     background-color: #fff;
 }


 .close {
     cursor: pointer;
     position: absolute;
     top: 33px;
     right: 30px;
 }

 .img_wrapper_more {
     min-width: 320px;
 }

 .img_wrapper,
 .img_wrapper_more {
     position: relative;
     border-radius: 5px;
     overflow: hidden;
 }

 @media (max-width: 900px) {
     .img_wrapper_more {
         min-width: 200px;
     }

     .img_wrapper_more>img {
         max-width: unset;
     }
 }

 @media (max-width: 768px) {
     .team {
         padding: 80px 32px;
     }

     .team_row {
         grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
         gap: 55px;
     }

     .show_more_team_member {
         padding: 70px 32px !important;
         width: 100vw;
     }

     .img_wrapper_more {
         min-width: 250px !important;
     }

     .team_member_text h2 {
         font-size: 32px !important;
     }

     .show_more_team_member {
         width: 95vw !important;
     }

 }

 @media (max-width: 530px) {
     .show_more_team_member {
         flex-direction: column;
     }
 }

 @media (max-width: 514px) {
     h1 {
         font-size: 32px;
         padding-bottom: unset;
     }

     h3 {
         padding-top: 40px;
         font-size: 24px;
     }

     .team {
         padding: 60px 20px;
     }

     .team_row {
         gap: 30px;
     }

     .team_member_text h2 {
         font-size: 32px;
     }

     .circle-arrow::before {
         width: 15px;
         height: 15px;
         margin: 18px 6px 18px 0;
     }

 }

 .custom_step_row .step {
     min-height: 100px;
     padding: 0 10px;
     justify-content: space-around;
 }

 .custom_step_row .step_number {
     width: 45px;
     height: 45px;
     position: unset;
     transform: none;
     font-size: 30px;
 }


 /* form css  */

 .input .select_input {
     padding: 14px 20px;
     border: none;
     outline: none;
     border-radius: 5px;
     background: #f0f0f0;
 }

 .upload_hint {
     display: block;
     margin-top: 6px;
     font-size: 12px;
     color: #888;
 }

 .col-b {
     margin-bottom: 25px;
 }

 .col-note {
     margin-bottom: 35px;
 }

 .error-validate {
     color: #f11f1f;
     font-size: 14px;
 }

 .step span {
     flex: 1 !important;
     text-align: left !important;
     margin: 20px !important;
 }

 .step_row {
     grid-template-columns: repeat(5, minmax(280px, 1fr)) !important;
 }

 .step_number svg {
     color: #0046e9 !important;
 }


 /* _______________________________ */

 .swiper {
     width: 100%;
     height: 100%;
 }

 .swiper-slide {
     background: transparent;
     margin-right: 0 !important;
     padding: 0 2px !important;
     height: auto !important;
     /* display: flex;
     justify-content: center;
     align-items: center; */
     /* height: auto; */
 }

 /* _______________________________ */

 .mentorship_slider_section {
     padding: 0px 60px;
 }

 .slider_item {
     text-align: center;
 }

 .slider_item .item img {
     width: 85%;
     height: 100%;
     border-radius: 50%;
     object-fit: cover;
     border: 3px solid #eee;
     /* optional – daha səliqəli */
 }


 .slider_item h4 {
     /* margin-top: 10px; */
     font-size: 16px;
     font-weight: 600;
     color: #222;
 }

 .slider_item {
     min-width: 150px;
 }


 .slider_item button:hover {
     background: #444;
 }

 .swiper-wrapper {
     padding-bottom: 40px;
     padding-top: 20px;
     min-width: 150px !important;
 }


 @media (max-width: 480px) {
     .mentorship_slider_section {
         padding: 0px 10px;
     }
 }


 .slider-title {
     text-align: center;
     font-size: 22px;
     font-weight: 600;
     padding-bottom: 20px;
 }



 .card {
     height: 100%;
     display: flex;
     flex-direction: column;
     background: #fff;
     border: 1px solid #e5e7eb;
     border-radius: 14px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
     overflow: hidden;
     max-width: 200px;
     display: flex;
     flex-direction: column;
 }

 .slider_item.card {
     display: flex;
     flex-direction: column;
     width: 100%;
 }

 /* Hover effekti */
 .card:hover {
     transform: translateY(-8px) scale(1.02);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
 }

 .card img {
     width: 100%;
     height: 220px;
     object-fit: cover;
     display: block;
 }

 .card-body {
     padding: 16px 10px;
 }

 .card-body h4 {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 12px;
 }


 .slider_item button {
     padding: 8px 18px;
     font-size: 13px;
     border: none;
     /* background: #e2895f;
     color: #fff; */
     cursor: pointer;
     transition: 0.3s;

     border-radius: 8px;
     border: none;
     color: #e2895f;
     cursor: pointer;
     transition: background 0.3s ease;
 }

 .card-body button:hover {
     background: #e2895f;
     color: #fff;
 }

 .item {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding-top: 10px;
 }


 /* _______________________________ */




 .show_more_slider {
     position: fixed;
     top: 0;
     right: -100%;
     height: 100vh;
     background: #fff;
     z-index: 9999999;
     /* box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15); */
     transition: right 0.4s ease;
     padding: 24px;
     overflow-y: auto;
     background-color: rgb(255, 255, 255);
     padding: 70px 50px;
     gap: 40px;
     width: 78vw !important;
     height: -webkit-fill-available;
 }

 @media (min-width: 530px) {

     .show_more_slider {
         display: flex;
     }
 }

 /* aktiv olanda */
 .show_more_slider.active {
     right: 0;
 }

 .show_more_team_member.active {
     right: 0;
 }

 .close_slider {
     position: absolute;
     top: 16px;
     right: 16px;
     cursor: pointer;
 }

 .slider_item_more img {
     width: 100%;
     max-width: 320px;
     border-radius: 12px;
     margin-bottom: 16px;
 }



 .slider_text h2 {
     padding: 0;
     color: #1e1e1e;
     font-family: var(--font-family);
     font-size: 42px;
     font-style: normal;
     font-weight: 600;
     line-height: var(--line-height);
     letter-spacing: -0.42px;
 }

 @media (max-width: 992px) {

     .slider_text h2 {
         font-size: 30px;
     }
 }

 @media (max-width: 992px) {

     .show_more_slider {
         width: 100vw !important;
     }

 }

 .slider_info {
     padding: 30px 0;
 }


 .slider_item_more {
     min-width: 320px;
 }


 @media (max-width: 900px) {
     .slider_item_more {
         min-width: 200px;
     }

     .slider_item_more>img {
         max-width: unset;
     }
 }

 @media (max-width: 768px) {

     .slider_item_more {
         min-width: 250px !important;
     }

 }

 .swiper-slide {
     justify-content: center;
     width: 249px !important;
 }

 .mySwiper .swiper-slide {

     flex-shrink: 0;
     display: flex;
     justify-content: center;
     align-items: center;
 }


 .slider_item h4 {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     /* maksimum 2 sətir */
     -webkit-box-orient: vertical;

     overflow: hidden;
     text-overflow: ellipsis;

     line-height: 1.4em;
     max-height: 2.8em;
     /* line-height × 2 */

     word-break: break-word;
     /* min-height: 2.8em; */
 }


 /* body kilidi */
 body.no-scroll {
     overflow: hidden;
 }

 /* arxa fon overlay */
 .overlay {
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.4);
     z-index: 9998;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
 }

 .overlay.active {
     opacity: 1;
     visibility: visible;
 }


 .mentor_list_inner {
     display: flex;
     gap: 24px;
     align-items: stretch;
 }

 /* ______________ */

 .mentor_list {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: auto;
 }

 .mentor_item {
     flex-shrink: 0;
     height: auto;
 }


 .mySwiper {
     width: 100%;
     overflow: hidden;
 }

 .swiper-slide {
     /* width: auto; */
     min-width: 120px;
     padding: 0 12px;
     box-sizing: border-box;
 }

 .slider-container {
     padding: 20px;
 }

 .position {
     margin-top: 6px;
     font-size: 14px;
     font-weight: 500;
     color: #6b7280;
     text-align: center;
     letter-spacing: 0.3px;
 }

 .mentorship_select_input {
     width: 100%;
     max-width: 100%;
     box-sizing: border-box;
 }

 .select2-results__option {
     white-space: normal !important;
 }

 .set-margin {
     display: inline-block;
     margin-top: 37px !important;
 }

 .form-buttons {
     display: flex;
     justify-content: space-between;
 }

 .survey_open_btn {
     width: fit-content;
     display: inline-flex;
     padding: 14px 40px;
     justify-content: center;
     align-items: center;
     border: none;
     outline: none;
     border-radius: 5px;
     background: #a1a1a1;
     color: #fff;
     font-family: var(--font-family);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 150%;
     text-decoration: none;
     transition: all 0.3s;
 }

 /* anket ucun popup */

 .survey-overlay {
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.7);
     display: none;
     justify-content: center;
     align-items: center;
     z-index: 10000;
     /* confirm-dən yüksək */
 }

 .survey-overlay.active {
     display: flex;
 }

 .survey-container {
     width: 95%;
     height: 95%;
     background: #fff;
     border-radius: 10px;
     display: flex;
     flex-direction: column;
     overflow: hidden;
 }

 .survey-header {
     padding: 15px 20px;
     border-bottom: 1px solid #eee;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .survey-body {
     flex: 1;
     overflow-y: auto;
     padding: 20px;
 }

 .survey-footer {
     margin-top: 20px;
     text-align: right;
 }

 .survey-close {
     background: none;
     border: none;
     font-size: 20px;
     cursor: pointer;
 }

 .survey-submit {
     padding: 10px 20px;
     background: #ef8c61;
     color: white;
     border: none;
     border-radius: 6px;
     cursor: pointer;
 }

 /* body scroll disable */
 body.popup-open {
     overflow: hidden;
 }

 /* question */

 /* Question card */
 .survey-question {
     background: #ffffff;
     border-radius: 14px;
     padding: 20px 24px;
     margin-bottom: 20px;
     border: 1px solid #f1f1f1;
 }

 /* Title */
 .question-title {
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 15px;
     display: block;
     color: #1f2937;
 }

 /* Option row (label + input eyni sətirdə) */
 .survey-question .form-check,
 .survey-question>span {
     display: flex;
     align-items: center;
     margin-bottom: 12px;
 }

 /* span block tutsun */
 .survey-question span {
     display: block;
     font-size: 14px;
     color: #555;
     min-width: 40%;
 }

 /* Text input yan tərəfdə */
 .survey-question input[type="text"],
 .survey-question textarea,
 .survey-question select {
     width: 55%;
     padding: 8px 12px;
     border-radius: 8px;
     border: 1px solid #dcdcdc;
 }

 /* Radio & checkbox düzülüş */
 .form-check {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 8px;
 }

 .form-check label {
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .form-check p {
     margin-block: auto;
 }

 /* anket basliq */
 .survey-header {
     padding: 28px 32px;
     background: #e5b39e45;
     display: flex;
     justify-content: space-between;
     align-items: center;
     position: relative;
     border-bottom: 1px solid #f1f1f1;
 }

 /* Arxa planda yumşaq canlı glow */
 .survey-header::before {
     content: "";
     position: absolute;
     width: 300px;
     height: 300px;
     background: radial-gradient(circle,
             rgba(239, 140, 97, 0.18) 0%,
             rgba(239, 140, 97, 0.05) 40%,
             transparent 70%);
     top: -120px;
     left: -80px;
     pointer-events: none;
 }

 /* Title block */
 .section-title {
     position: relative;
     z-index: 2;
 }

 .section-title h3 {
     margin: 0;
     font-size: 28px;
     /* Böyütdük */
     font-weight: 700;
     color: #1f2937;
 }

 .section-title h4 {
     margin: 8px 0 0 0;
     font-size: 19px;
     /* Böyütdük */
     font-weight: 500;
     color: #eb723e;
     /* Accent kimi istifadə */
 }

 /* Close button */
 .survey-close {
     position: relative;
     z-index: 2;
     width: 42px;
     height: 42px;
     border-radius: 12px;
     border: none;
     background: rgba(239, 140, 97, 0.1);
     color: #ef8c61;
     font-size: 20px;
     cursor: pointer;
     transition: all 0.2s ease;
 }

 .survey-close:hover {
     background: #ef8c61;
     color: #fff;
 }

 .error-validate-survey {
     color: red;
 }

 .file_wrapper_title {
     color: #5e5e5e !important;
     font-family: var(--font-family) !important;
     font-size: var(--font-size) !important;
     font-style: normal !important;
     font-weight: 400 !important;
     line-height: var(--line-height) !important;
 }

 .team_member_info p {
     margin-bottom: 0 !important;
 }

 #birth_date.form-control,
 #birth_date.form-control:focus,
 #birth_date.form-control:active {
     background-color: #F0F0F0 !important;
     border-color: #F0F0F0 !important;
     box-shadow: none !important;
     outline: none !important;
 }


 #gpa_value::-webkit-outer-spin-button,
 #gpa_value::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 #gpa_value {
     -moz-appearance: textfield;
 }