/* ===== Writers Section ===== */
.writerSection {
    padding: 80px 0;
}

/* ===== Section Head ===== */
.writerSecHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 57px;
}

.writerSecHead .sectionHeadwrap {
    max-width: 863px;
    text-align: left;
    margin: 0;
}

/* ===== Swiper Nav Buttons ===== */
.writerSwiperNav {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
}

.swiper-button-prev-writer,
.swiper-button-next-writer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid   #D4D0E6;
    color: var(--color-primary);
    cursor: pointer;
    flex-shrink: 0;
    background: transparent;
    overflow: hidden;
    transition: border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.swiper-button-prev-writer:hover,
.swiper-button-next-writer:hover {
    border-color: var(--color-primary);
    background: var(--color-bg-card);
    box-shadow: 0px 4px 12px 0px rgba(104, 90, 219, 0.15);
    transform: translateY(-4px) scale(1.02);
}

.swiper-button-prev-writer.swiper-button-disabled,
.swiper-button-next-writer.swiper-button-disabled {
    color: #D4D0E6;
    border-color: #D4D0E6;
    cursor: default;
    pointer-events: none;
    opacity: 0.5;
}

/* ===== Swiper Pagination ===== */
.swiper-pagination-writer {
    margin-top: 32px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.swiper-pagination-writer .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #C4C4C4;
    opacity: 1;
    border-radius: 100px;
    transition: all 0.3s ease;
}

.swiper-pagination-writer .swiper-pagination-bullet-active {
    background: var(--color-primary);
    width: 20px;
}

.expertsWrapper .swiper-slide {
    padding: 10px 0;
}

/* ===== Writer Card ===== */
.writerSection .wrpaBox{
    padding:50px 25px 60px;
    border: 1px solid #E7D5FF;
    border-radius: 50px;
    background: linear-gradient(48.95deg, #F7F5FC 30.77%, #FFFFFF 54.53%, #F5F3FF 86.09%);
}
.writerSection .writerCard {
    width: 100%;
    background: var(--color-bg-card);
    border: 1px solid #EBE8F4;
 
    border-radius: var(--radius-xl);
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 0;
    text-align: left;
    transition: all 0.3s ease;
}

.writerSection .writerCard:hover {
    border-color: var(--color-primary);
    box-shadow: var(--shadow-card-alt);
    transform: translateY(-6px);
}

/* ===== Card Head ===== */
.writerSection .writer_card_head {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 19px;
    margin-bottom: 20px;
}

/* ===== Writer Image ===== */
.writerSection .writer_image {
    position: relative;
    width: 88px;
    height: 88px;
    flex-shrink: 0;
}

.writerSection .writer_image .writerskelton {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #EEEEEE 47.92%, #F6F6F6 60.42%, #EEEEEE 72.92%);
    animation: writerShine 1s 0s infinite linear;
    background-size: 650px;
}

@keyframes writerShine {
    0%   { background-position: 0px; }
    50%  { background-position: 325px; }
    100% { background-position: 630px; }
}

.writerSection .writer_image > img {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    position: relative;
}

.writerSection .writer_badge_sm {
    position: absolute;
    bottom: -2px;
    right: 10px;
    width: 22px;
    height: 24px;
    display: block;
}

.writerSection .writer_badge_sm::before {
    content: '';
    display: block;
    width: 22px;
    height: 24px;
    background-image: url("data:image/svg+xml,<svg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_24063_732)'><rect x='6.81055' y='7.88574' width='9.77778' height='8.22857' fill='white'/><path d='M21.7447 14.4276C21.266 13.6552 20.7873 12.9103 20.3086 12.1379C20.2022 11.9724 20.2022 11.8621 20.3086 11.6966C20.7873 10.9517 21.2394 10.2069 21.7181 9.46207C22.2766 8.57931 21.9841 7.72414 21.0266 7.36552C20.2288 7.06207 19.4309 6.73104 18.633 6.42759C18.4734 6.37242 18.3936 6.26207 18.3936 6.06897C18.3671 5.15862 18.3139 4.24828 18.2607 3.36552C18.2075 2.4 17.4894 1.84828 16.5851 2.09655C15.7341 2.31724 14.883 2.56552 14.0585 2.8138C13.8724 2.86897 13.766 2.8138 13.633 2.67586C13.1011 1.95862 12.5426 1.26897 12.0106 0.579311C11.4255 -0.193104 10.5213 -0.193104 9.90957 0.579311C9.37765 1.26897 8.81914 1.95862 8.31382 2.64828C8.18084 2.84138 8.04786 2.86897 7.83509 2.81379C7.01062 2.56552 6.18615 2.34483 5.60104 2.17931C4.45742 1.90345 3.76593 2.37241 3.71273 3.36552C3.65954 4.27586 3.60635 5.18621 3.57975 6.12414C3.57975 6.31724 3.49996 6.4 3.34039 6.48276C2.51592 6.81379 1.69145 7.14483 0.866976 7.47587C0.0159089 7.83449 -0.25005 8.68966 0.25527 9.48966C0.733996 10.2621 1.21272 11.0069 1.69145 11.7793C1.79783 11.9448 1.79783 12.0552 1.69145 12.2483C1.18613 13.0207 0.707399 13.7931 0.228673 14.5931C-0.223456 15.3379 0.0690958 16.2207 0.866972 16.5517C1.69145 16.8828 2.54251 17.2138 3.36698 17.5448C3.55315 17.6 3.60634 17.7104 3.60634 17.9035C3.63294 18.7862 3.73932 19.6414 3.73932 20.5241C3.73932 21.4069 4.48401 22.2069 5.52124 21.8759C6.34572 21.6 7.17019 21.4069 7.99466 21.1586C8.15424 21.1034 8.26062 21.131 8.367 21.2966C8.92552 22.0138 9.45743 22.7035 10.0159 23.4207C10.6276 24.1931 11.5053 24.1931 12.0904 23.4207C12.6489 22.7035 13.1809 22.0138 13.7394 21.2966C13.8457 21.1586 13.9255 21.1034 14.1117 21.1586C14.9628 21.4069 15.8138 21.6276 16.6649 21.8759C17.5426 22.1241 18.2873 21.5724 18.3139 20.6345C18.367 19.7241 18.4202 18.8138 18.4468 17.8759C18.4468 17.6552 18.5532 17.5724 18.7128 17.5172C19.5107 17.2138 20.3351 16.8828 21.133 16.5517C21.9841 16.1103 22.2501 15.2276 21.7447 14.4276ZM15.3883 9.90345L10.0691 15.4207C9.93617 15.5586 9.75 15.669 9.56383 15.6966C9.51064 15.6966 9.43085 15.7241 9.37766 15.7241C9.1383 15.7241 8.87234 15.6138 8.68616 15.4207L6.5053 13.1586C6.13296 12.7724 6.13296 12.1379 6.5053 11.7517C6.87764 11.3655 7.48935 11.3655 7.86169 11.7517L9.35106 13.2966L13.9787 8.49655C14.3511 8.11035 14.9628 8.11035 15.3351 8.49655C15.7607 8.88276 15.7607 9.51724 15.3883 9.90345Z' fill='white'/><path d='M19.6264 13.8448C19.242 13.2578 18.8577 12.6917 18.4733 12.1047C18.3879 11.9789 18.3879 11.8951 18.4733 11.7693C18.8577 11.2032 19.2207 10.6371 19.605 10.0711C20.0535 9.40016 19.8186 8.75023 19.0499 8.47768C18.4092 8.24706 17.7686 7.99547 17.128 7.76485C16.9999 7.72292 16.9358 7.63906 16.9358 7.4923C16.9145 6.80044 16.8718 6.10857 16.8291 5.43768C16.7864 4.70388 16.2098 4.28457 15.4838 4.47326C14.8005 4.64099 14.1171 4.82968 13.4552 5.01837C13.3057 5.0603 13.2203 5.01837 13.1135 4.91354C12.6864 4.36843 12.238 3.8443 11.8109 3.32016C11.3411 2.73312 10.6151 2.73312 10.124 3.32016C9.6969 3.8443 9.24847 4.36843 8.84275 4.89257C8.73598 5.03933 8.62921 5.0603 8.45838 5.01837C7.79641 4.82968 7.13445 4.66195 6.66467 4.53616C5.74645 4.3265 5.19126 4.68292 5.14855 5.43768C5.10584 6.12954 5.06313 6.8214 5.04178 7.53423C5.04178 7.68099 4.97772 7.74388 4.8496 7.80678C4.18763 8.05837 3.52566 8.30995 2.8637 8.56154C2.18038 8.83409 1.96684 9.48402 2.37256 10.092C2.75693 10.6791 3.1413 11.2451 3.52566 11.8322C3.61107 11.958 3.61107 12.0418 3.52566 12.1886C3.11994 12.7756 2.73557 13.3626 2.3512 13.9706C1.98819 14.5367 2.22308 15.2076 2.86369 15.4592C3.52566 15.7108 4.20898 15.9624 4.87095 16.214C5.02042 16.2559 5.06313 16.3398 5.06313 16.4865C5.08448 17.1574 5.1699 17.8073 5.1699 18.4782C5.1699 19.1491 5.7678 19.7571 6.6006 19.5055C7.26257 19.2959 7.92453 19.1491 8.5865 18.9604C8.71462 18.9185 8.80004 18.9395 8.88545 19.0653C9.33388 19.6104 9.76096 20.1345 10.2094 20.6796C10.7005 21.2666 11.4052 21.2666 11.875 20.6796C12.3234 20.1345 12.7505 19.6104 13.1989 19.0653C13.2843 18.9604 13.3484 18.9185 13.4979 18.9604C14.1812 19.1491 14.8645 19.3169 15.5478 19.5055C16.2525 19.6942 16.8504 19.2749 16.8718 18.5621C16.9145 17.8702 16.9572 17.1784 16.9785 16.4655C16.9785 16.2978 17.0639 16.2349 17.1921 16.193C17.8327 15.9624 18.4946 15.7108 19.1353 15.4592C19.8186 15.1237 20.0321 14.4528 19.6264 13.8448ZM14.5229 10.4065L10.2521 14.5996C10.1453 14.7044 9.99585 14.7883 9.84638 14.8093C9.80367 14.8093 9.73961 14.8302 9.6969 14.8302C9.50472 14.8302 9.29118 14.7464 9.14171 14.5996L7.3907 12.8804C7.09174 12.5869 7.09174 12.1047 7.3907 11.8112C7.68965 11.5177 8.18079 11.5177 8.47974 11.8112L9.67555 12.9853L13.3911 9.33726C13.6901 9.04375 14.1812 9.04375 14.4801 9.33726C14.8218 9.63078 14.8218 10.113 14.5229 10.4065Z' fill='%2309B285'/></g><defs><clipPath id='clip0_24063_732'><rect width='22' height='24' fill='white'/></clipPath></defs></svg>");
    background-repeat: no-repeat;
    background-size: contain;
}

/* ===== Writer Info ===== */
.writerSection .writer_info {
    text-align: left;
    flex: 1;
    min-width: 0;
}

.writerSection .writer_name_row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

.writerSection .writer_name_row::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_badge_sm)'><path d='M16.9406 10.7299C16.5868 10.1795 16.233 9.64882 15.8793 9.09848C15.8006 8.98054 15.8006 8.90192 15.8793 8.78399C16.233 8.2533 16.5672 7.72261 16.921 7.19192C17.3337 6.56296 17.1175 5.95365 16.4099 5.69813C15.8203 5.48192 15.2306 5.24606 14.641 5.02985C14.523 4.99054 14.4641 4.91192 14.4641 4.77433C14.4444 4.12571 14.4051 3.47709 14.3658 2.84813C14.3265 2.1602 13.7958 1.76709 13.1275 1.94399C12.4986 2.10123 11.8696 2.27813 11.2603 2.45502C11.1227 2.49433 11.0441 2.45502 10.9458 2.35675C10.5527 1.84571 10.1399 1.35433 9.74684 0.862954C9.31443 0.312609 8.64615 0.312609 8.19408 0.862954C7.80098 1.35433 7.38822 1.84571 7.01477 2.33709C6.9165 2.47468 6.81822 2.49433 6.66098 2.45502C6.05167 2.27813 5.44236 2.12089 5.00995 2.00295C4.16478 1.8064 3.65374 2.14054 3.61443 2.84813C3.57512 3.49675 3.53581 4.14537 3.51615 4.81364C3.51615 4.95123 3.45719 5.0102 3.33926 5.06916C2.72995 5.30502 2.12064 5.54089 1.51133 5.77675C0.882363 6.03227 0.685811 6.64158 1.05926 7.21158C1.41305 7.76192 1.76685 8.29261 2.12064 8.84295C2.19926 8.96089 2.19926 9.03951 2.12064 9.1771C1.74719 9.72744 1.3934 10.2778 1.0396 10.8478C0.705464 11.3785 0.921669 12.0074 1.51132 12.2433C2.12064 12.4792 2.7496 12.715 3.35891 12.9509C3.49649 12.9902 3.5358 13.0688 3.5358 13.2064C3.55546 13.8354 3.63408 14.4447 3.63408 15.0736C3.63408 15.7026 4.18443 16.2726 4.95098 16.0367C5.56029 15.8402 6.1696 15.7026 6.77891 15.5257C6.89684 15.4864 6.97546 15.5061 7.05408 15.624C7.46684 16.135 7.85994 16.6264 8.2727 17.1374C8.72477 17.6878 9.37339 17.6878 9.8058 17.1374C10.2186 16.6264 10.6117 16.135 11.0244 15.624C11.103 15.5257 11.162 15.4864 11.2996 15.5257C11.9286 15.7026 12.5575 15.8599 13.1865 16.0367C13.8351 16.2136 14.3855 15.8205 14.4051 15.1523C14.4444 14.5036 14.4837 13.855 14.5034 13.1867C14.5034 13.0295 14.582 12.9705 14.6999 12.9312C15.2896 12.715 15.8989 12.4792 16.4886 12.2433C17.1175 11.9288 17.3141 11.2999 16.9406 10.7299ZM12.2431 7.50641L8.31202 11.4374C8.21374 11.5357 8.07616 11.6143 7.93857 11.634C7.89926 11.634 7.84029 11.6536 7.80098 11.6536C7.62409 11.6536 7.42754 11.575 7.28995 11.4374L5.67823 9.82571C5.40305 9.55054 5.40305 9.09847 5.67823 8.8233C5.9534 8.54813 6.40547 8.54813 6.68064 8.8233L7.78133 9.92399L11.2013 6.50399C11.4765 6.22882 11.9286 6.22882 12.2037 6.50399C12.5182 6.77916 12.5182 7.23123 12.2431 7.50641Z' fill='%2309B285'/></g><defs><clipPath id='clip0_badge_sm'><rect width='18' height='18' fill='white'/></clipPath></defs></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

.writerSection .writer_name_row > p {
    font-family: var(--font-primary);
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    color: var(--color-black);
    margin: 0;
    padding: 0;
    line-height: var(--lh-tight);
}

.writerSection .writer_degree {
    font-family: var(--font-primary);
    font-size: var(--fs-sm);
    color: var(--color-text);
    margin: 0;
    padding: 0;
    line-height: var(--lh-normal);
}

/* ===== Stats ===== */
.writerSection .writer_stats {
    display: flex;
    margin-bottom: 24px;
    width: 100%;
    justify-content: space-between;
}
.writerSection .writer_stat {
 
    display: flex;
    flex-direction: column;
    align-items: self-start;
    padding: 10px 6px;
    max-width: max-content;
    text-align: left;
    justify-content: space-between;
    width: 100%;
 
}

.writerSection .writer_stat strong {
    font-family: var(--font-primary);
    font-size: 22px;
    font-weight: var(--fw-bold);
    color: var(--color-name);
    line-height: 1;
    margin-bottom: 5px;
    display: block;
}

.writerSection .writer_stat span {
    font-family: var(--font-primary);
    font-size: 14px;
    color: #536C8B;
    text-align: center;
    line-height: 1;
}

/* ===== Bio ===== */
.writerSection .writer_bio {
    background: #FAF8FF;
    border-radius: 25px;
    padding: 15px 17px;
     margin: 0 0 20px;
}
.writerInitials {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-primary);
    font-weight: var(--fw-bold);
    font-size: var(--fs-xl);
    color: var(--color-white);
    background-color: var(--color-primary-alt);
    text-transform: uppercase;
    line-height: 1;
}
.writerSection .writer_bio p{
font-family: var(--font-primary);
    font-size: var(--fs-sm);
    color: var(--color-text);
    line-height: var(--lh-relaxed);
   
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* ===== Competencies ===== */
.writerSection .writer_competencies {
    margin-bottom: 22px;
}

.writerSection .writer_competencies > p {
    font-family: var(--font-primary);
    font-size: 13px;
    font-weight: 700;
    color: var(--color-name);
    margin: 0 0 15px;
    padding: 0;
}

.writerSection .writer_competencies_tags {
       display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.writerSection .writer_competencies_tags span {
    background: #F7F3FF;
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: var(--fw-medium);
    border-radius: var(--radius-full);
    padding: 0 12px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #EAE2FA;
    white-space: nowrap;
    line-height: 1;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.writerSection .writer_competencies_tags span:hover {
    transform: translateY(-3px);
    box-shadow: 0px 4px 10px 0px rgba(104, 90, 219, 0.2);
}

/* ===== Hire Button ===== */
.writerSection .writer_card_btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
}

.writerSection .writer_card_btns .hireBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background: var(--color-primary);
    color: var(--color-white);
    border-radius: var(--radius-full);
    font-family: var(--font-primary);
    font-weight: var(--fw-bold);
    font-size: var(15px);
    text-decoration: none;
    position: relative;
    overflow: visible;
    transition: background 0.3s ease, transform 0.3s ease;
}

.writerSection .writer_card_btns .hireBtn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: var(--radius-full);
    animation: btn-pulse 2s ease infinite;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.writerSection .writer_card_btns .hireBtn:hover {
    background: var(--color-primary-hover);
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow: 0px 8px 20px 0px rgba(104, 90, 219, 0.35);
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
    .writerSecHead {
        flex-direction: column;
        align-items: flex-start;
    }

    .writerSwiperNav {
        align-self: flex-start;
    }
}

@media (max-width: 575px) {
    .writerSection {
        padding: 50px 0;
    }

    .writerSecHead {
        margin-bottom: 28px;
    }

    .writerSection .writer_stat strong {
        font-size: 18px;
    }

    .writerSwiperNav {
        display: none;
    }

    .swiper-pagination-writer {
        display: flex;
    }
}