@font-face {
    font-family: 'OpenSansHebrew';
    font-style: normal;
    font-weight: 400;
    src: url(/Static/fonts/OpenSansHebrew/OpenSansHebrew-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'OpenSansHebrewBold';
    font-style: normal;
    font-weight: 700;
    src: url(/Static/fonts/\OpenSansHebrewCondensed/OpenSansHebrewCondensed-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'OpenSansHebrewCondensedRegular';
    font-style: normal;
    font-weight: 800;
    src: url(/Static/fonts/OpenSansHebrewCondensed/OpenSansHebrewCondensed-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'almoniTzar400';
    font-weight: 400;
    /*(regular)*/
    font-style: normal;
    src: url('/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.eot');
    src: url('/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.woff') format('woff'), url('/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.woff2') format('woff2');
}

@font-face {
    font-family: 'almoniTzar700';
    font-weight: 700;
    font-style: normal;
    src: url('/Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.eot');
    src: url('/Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.woff') format('woff2'), url('/Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.woff2') format('woff');
}

@font-face {
    font-family: 'almoniTzar500';
    font-weight: 500;
    font-style: normal;
    src: url('/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.eot');
    src: url('/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.woff') format('woff'), url('/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.woff2') format('woff2');
}

@font-face {
    font-family: 'ultrabold';
    font-weight: 900; /*(bold)*/
    font-style: normal;
    src: url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.eot');
    src: url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.woff2') format('woff2'), url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.woff') format('woff');
}

@font-face {
    font-family: 'almoniDL800';
    font-weight: 800;
    font-style: normal;
    src:url('https://res.cloudinary.com/globes/raw/upload/v1743583232/fonts/almoni2025/almoni-ultrabold-aaa_ngmysg.woff2') format('woff2')
}


@font-face {
    font-family: 'almoniDL600';
    font-weight: 500;
    /*(medium)*/
    font-style: normal;
    src: url('/Static/fonts/almoni2019/almoni-neue-demibold-aaa.eot');
    src: url('/Static/fonts/almoni2019/almoni-neue-demibold-aaa.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni2019/almoni-neue-demibold-aaa.woff2') format('woff2'), url('/Static/fonts/almoni2019/almoni-neue-demibold-aaa.woff') format('woff');
}
@font-face {
    font-family: 'almoniDL400';
    font-weight: 400;
    font-style: normal;
    src:url('https://res.cloudinary.com/globes/raw/upload/v1743583231/fonts/almoni2025/almoni-regular-aaa_u7hpey.woff2') format('woff2')
}

.score-menu-mobile {display: none;}
.project_text {
    background: #FAE8DD;
}

.topMenuParent {
    width: 100%;
    background: #FAE8DD;
    padding: 30px 0;
}

.top-menu {
    display: flex;
    max-width: 880px;
    margin: 0 auto;
    border: 2px solid #9d0d45;
    border-radius: 8px;
    overflow: hidden;
    direction: rtl;
    background: #fff;
 
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.1);
}

.menu-item {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 51px;
    text-decoration: none;
    color: #9d0d45;
    font-size: 28px;
 
    background: #FAE8DD;
    border-left: 1px solid #97133F;
    transition: .2s;
    letter-spacing: -0.3px;
    white-space: nowrap; font-family: 'almoniDL600';
}

    .menu-item:last-child {
        border-left: none;
    }

    .menu-item:hover {
        background: #f7f0f3;
    }

    .menu-item.active {
        background: #9d0d45;
        color: #fff;
    }

        .menu-item.active .star {
            color: #fff;
        }

.star {
    font-size: 24px;
    line-height: 1;
}

.project_picDiv h1 {font-size: 90px; color: #FFF;text-align: center; line-height: 80%;font-family: 'almoniTzar700'; margin: 0;}
.project_picDiv { background: #FAE8DD; padding:30px 0 }

#divAllCards {
    margin: 30px 20px;
}

.project_subTitle {display: none;}
.project_info {margin-top: 15px;}
.project_info, .project_info span {font-size: 18px;}
.project_social a {zoom:78%}

.cardsGrid {
     display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    gap: 35px;
    max-width: 1105px;
    margin: 0 auto;
}

.ranking-card {
    position: relative;
    
    
    opacity: 1;
    border-radius: 24px;
    margin: 0;
    padding: 20px;
    background: #ffffff;
    font-family: Arial, sans-serif;
    color: #050505;
    cursor: pointer;
   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.20);
    transition: box-shadow 0.3s ease, transform 0.3s ease;


}

.ranking-card:hover { box-shadow: 6px 16px 32px 0 rgba(0, 0, 0, 0.15); transform: translate(-3px, -5px);}  


.magazineItems {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:30px; }
.magazineItems a {border-radius: 10px; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.20);}
.magazineItem img {width:100%; border-top-left-radius: 10px;     border-top-right-radius: 10px;}
.magazineItem .title {font-size: 28px; line-height: 26px; color: #000; text-align: right;  font-family: almoniTzar400; 
    margin:16px 16px 16px 6px;
}
.magazineItem .name { font-size: 16px; line-height: 26px; color: #000; text-align: right; font-family: almoniDL400; margin-right: 16px; margin-bottom: 16px}

/* Main upper section */

.ranking-main {
    
 
}

.person-image-wrapper {
 display: flex;justify-content: space-between;    margin-bottom: 20px;
}

.person-image {
    
    width: 210px;
    height:210px;
    display: block;
    
    border-radius: 20px;

    background: #FAE8DD;
}

.person-details {
 display: flex;
 justify-content: space-between;
 gap: 10px;    text-align: right;
}

.ranking-number {
    
    font-size: 100px;
    font-family: 'almoniTzar700';
    line-height: 100%;   
    color: #97133F;
}

.person-name {
    margin: 0;
    font-family: 'almoniTzar700';
    font-size: 32px;
    line-height: 100%;
    text-align: right;
}

.person-role {
 
    font-family: 'almoniDL600';
    font-size: 18px;
    text-align: right;
    line-height: 120%;
  
}

.person-link {    
    color: #97133F;
    font-size: 16px;
    line-height: 100%;
    display: inline-block;
    text-align: right;
    font-family: almoniDL600;
    border-bottom: 1px #97133F solid;
    position: relative;
    margin-top: 5px;
}

.person-link:after {
    content: url(https://res.cloudinary.com/globes/image/upload/v1788784471/Digital/Vector_tvptwk.svg);
    position: absolute;
    left: -12px;
    top: 2px;
}


.final-score_w {
    border-radius: 10px;
    background: #97133F;
    position: relative;
}
.final-score_w .card {
    padding: 5px 18px;
    display: inline-grid;
    align-items: center;
    justify-content: center;
    gap: 1px;
    color: #fff;

    width: 57px;
    
   
}

.final-score_2 {
        padding-top: 10px;
        position: absolute; 
    display: none;     
    background: #97133F;     
    border-bottom-right-radius: 10px; 
    border-bottom-left-radius: 10px;
    padding-top: 15px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);

    left: 0;
    width: 93px;

}
.final-score_w:hover {
    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);

    
}

.final-score_2:before {
    content: "";
    border-top: 1px #fff solid;
    height: 1px;
    position: absolute;
    top: 7px;
    left: 10px;
    z-index: 1111;
    width: 72px;
}
.final-score_2 .card {position: relative;}

.final-score_2 .card:last-child:before {
     content: "";
    border-top: 1px rgba(255, 255, 255, 0.30) solid;
    height: 1px;
    position: absolute;
    top: 0px;
    left: 18px;
    z-index: 1111;
    width: 56px;
}

.final-score_w:hover .final-score_2 { display: block;}


.score-label {
    font-size: 18px;
    font-family: almoniDL600;
    white-space: nowrap;
}

.score-value {
    font-size: 32px;
    line-height: 100%;
    font-family: almoniDL800;
}

/* Share icon */



.share {
    background: url(https://res.cloudinary.com/globes/image/upload/v1676191567/Digital/15292/a-path_aavclk.svg) no-repeat;
    width: 30px;
    height: 24px;
    display: none;
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
    z-index: 2;
}

.dot-one {
    top: 0;
    right: 0;
}

.dot-two {
    top: 10px;
    left: 0;
}

.dot-three {
    right: 0;
    bottom: 0;
}


.line-one {
    top: 10px;
    transform: rotate(-31deg);
}

.line-two {
    top: 16px;
    transform: rotate(31deg);
}

/* Bottom scores */

.ranking-divider {
    width: 100%;
    height: 1px;
    margin: 15px auto;
    background: rgba(0, 0, 0, 0.30);
}

.score-grid {
 
}

.score-item {
    padding: 3px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}

.score-item:last-child {border:0;} 

    .score-item:last-child {
        border-left: none;
    }

.score-title {
 
    font-size: 16px;
    line-height: normal;
    font-family: almoniDL600;
}

.score-title br {display: none;}
.score-number {
     
    font-size: 18px;
    font-family: almoniDL700;
    line-height: 100%;  
}

 .articleInner h3, .articleInner h2, .articleInner h1 {max-width: 100%;}

#filterSearch {
    margin: 20px auto 30px;
}

#txtQuickSearch {
    background: transparent;
    background-image: url(https://res.cloudinary.com/globes/image/upload/v1676964947/Digital/11472/lupa_eft4x4.svg);
    background-repeat: no-repeat;
    background-position-y: 5px;
    display: block;
    margin: 0 auto;
    max-width: 700px;
    width:100%;
    height: 31px;
    padding: 0 0 10px;
    font-size: 28px;
    direction: rtl;
    border: 0;
    border-bottom: 2px #000 solid;
    font-family: almoniDL700;
    color:#000;
    outline: none;
    zoom: 75%;
}

 
 #txtQuickSearch::placeholder { color:#000;}


.pc-card {
    position: relative;
    display: flex;
    gap: 40px;
    max-width: 800px;
    width:calc(100% - 32px);
    min-height: 253px;
    margin: 20px auto;
    padding: 16px;
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    font-family: Arial, sans-serif;
    color: #111;
    box-sizing: border-box;

    transform: scale(0);
    transition: transform 300ms ease-out;
    transform-origin: center center;
}

.pc-card.show {
    transform: scale(1);
}


.pc-card * {
    box-sizing: border-box;
}

/* ---------- Photo ---------- */

.pc-photo-block {
    width:250px;
    flex-shrink: 0;
    text-align: center;
}

.pc-photo {
    width: 250px;
    height: 250px;
    display: block;
    object-fit: cover;
    border-radius: 10px;
 
    background: #d7f2ee;
}

.pc-photo-credit {
    margin-top: 8px;
    font-size: 14px;
    color: #000;
      font-family: 'almoniDL400';
}

/* ---------- Content ---------- */
.articleInner {max-width: 800px;    margin: 0 auto; padding-top: 20px;}
.articleInner p {max-width: 770px;}

 .articleInner.rules {margin-top:  60px;}

 

.project_title  {font-family: 'almoniTzar700';     font-size: 45px;   text-align: right;    max-width: 800px; margin-top: 10px;}
h1.project_title.person {margin-top: 60px;}


.project_hero .project_title {font-size: 34px;font-family: 'almoniTzar400';    max-width: 582px;}
 

.project_text .project_title span {font-family: 'almoniTzar400';text-align: center; display: block;}

.pc-content {
    flex: 1;
}

.pc-header {
    display: flex;
    justify-content: right;
    align-items: flex-start;
    gap: 15px;
}

.pc-rank {
    color: #97133F;
    font-size: 120px;
 
    line-height: 68%;
 
    font-family: 'almoniTzar700';
}

.pc-title {
    padding-top: 4px;
    text-align: right;
    font-family: 'almoniDL700';
}

.pc-title h2 {
    margin: 0;
    color: #000;
    font-size: 44px;
    line-height: 85%;
     font-family:'almoniTzar700';
}

.pc-role {
 
    font-size: 24px;
 
    font-family: 'almoniDL600';
    color: #97133F;line-height: 120%; 
}

.pc-divider {
    margin: 10px 0 14px;
    height: 1px;
    background: #d9d9d9;
}

.pc-info {
    text-align: right;
    font-size: 18px;
    line-height: 1.3;
    font-family: 'almoniDL400';

}

    .pc-info p {
        margin: 0 0 3px;
    }

    .pc-info strong {
        font-weight: 900;
    }

/* ---------- Score ---------- */

.pc-score {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100px;
    padding:1px 0;
    text-align: center;
 
    color: #fff;
    border-radius: 10px;
    border: 1px #97133F solid;
}
.pc-score .final { background: #97133F;     border-top-left-radius: 10px;     border-top-right-radius: 10px;     position: relative;     top: -2px; padding: 5px 0;}
.pc-score .n {background-color: #fff;     border-radius: 10px; position: relative; margin-top: 5px; padding: 5px 0;}
.pc-score .n span { color:#000; line-height: 16px;  font-size: 16px;    font-family: almoniDL600;}
.pc-score .n strong { color:#97133F; font-size: 22px;    font-family: almoniDL700; line-height: 22px;}

.pc-score .n:last-child:before {
    content: "";
    border-top: 1px rgba(0, 0, 0, 0.30)  solid;
    height: 1px;
    position: absolute;
    top: 0px;
    left: 18px;
    z-index: 1111;
    width: 56px;
}

.pc_wr {max-width: 320px;}
.pc_wr .score-number {color:#97133F;} 
.pc_wr .score-item {border-bottom: 1px solid #d8d8d8 !important;}

.scoreLink {text-align: right; margin-top: 5px;}
.scoreLink a {color:#97133F;font-size: 18px;line-height: 100%; display: inline-block; text-align: right;  font-family: almoniDL600; border-bottom: 1px #97133F solid; position: relative;}
.scoreLink a:after {content:url( https://res.cloudinary.com/globes/image/upload/v1788784471/Digital/Vector_tvptwk.svg); position: absolute; left: -12px; top:2px}



    .pc-score span {
        display: block;
        font-size: 18px;
        line-height: 18px;
        font-family: almoniDL600;
    }

    .pc-score strong {
        display: block;
        
        font-size: 32px;
        line-height: 32px;
    font-family: almoniDL800;
    }



#divQuestions {border-radius: 12px; border: 0.8px solid #000; max-width: 550px; min-width: 300px; width:calc(100% -  32px);padding: 16px; text-align: right;} 
#divQuestions .questContent p {  font-size: 18px;  font-family: almoniDL400;margin: 5px 0; }
#divQuestions .questContent p:nth-child(even) {border-bottom: 1px solid rgba(0, 0, 0, 0.20);padding-top: 0;    padding-bottom: 3px; }
#divQuestions .questContent strong {  font-family: almoniDL700; display: block;}
#divQuestions .questTitle { font-size: 22px; font-family: almoniDL700; border-bottom: 1px #000 solid;}
#divQuestions .questContent p:last-child {border:0}


.bottomPage {max-width: 800px; margin-bottom: 100px;}

.score-summary-card {
    width: min(370px, calc(100% - 20px));
    min-height: 225px;
   
    padding: 10px 11px 12px;
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 12px;
    font-family: Arial, sans-serif;
    color: #111;
    box-sizing: border-box;
    font-family: 'almoniDL400';
}

    .score-summary-card * {
        box-sizing: border-box;
    }

/* Header */

.score-summary-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 39px;
    padding-bottom: 7px;
    border-bottom: 1px solid #222;
}

.score-summary-title {
    margin: 0;
    font-size: 19px;
    line-height: 1;
    font-weight: 900;
}

.score-summary-badge {
    min-width: 51px;
    padding: 5px 8px;
    background: #97133F;
    color: #fff;
    border-radius: 13px;
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
    text-align: center;
}

/* Rows */

.score-summary-list {
    width: 100%;
}

.score-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 30px;
    padding: 5px 0;
    border-bottom: 1px solid #d8d8d8;
}

    .score-summary-row:last-child {
        border-bottom: none;
    }

.score-summary-label {
    flex: 1;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 700;
    text-align: right;
}

.score-summary-value {
    flex-shrink: 0;
    min-width: 42px;
    font-size: 16px;
    font-weight: 900;
    text-align: left;
}

/* Bottom link */

.score-summary-link {
    margin-top: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: #97133F;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

.score-summary-link-text {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.score-summary-arrow {
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    text-decoration: none;
}

.score-summary-link:hover {
    opacity: 0.8;
}


 
.personAuthor {
    max-width: 770px;
    width:calc(100% - 30px);
    margin: 20px auto;

    font-size: 16px;
    font-family: 'OpenSansHebrew';
    padding: 14px 0;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;   
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.personAuthor p {
    margin: 0;
    padding:0;
}

.personSharing {
    cursor: pointer;
    color: #000;
 
    background: url(https://res.cloudinary.com/globes/image/upload/v1676191567/Digital/15292/a-path_aavclk.svg) no-repeat 0px 0;
    font-size: 16px;line-height: 24px;
    font-family: 'OpenSansHebrew';
    width: 75px;
    height: 25px;
    padding: 0px 15px;
}










.score-menu {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 1200px;
    margin:20px auto;
    direction: rtl;
  justify-content: space-around;
  border-bottom:2px #97133F solid; 
  padding-bottom:20px ;
}
.score-menu div {    font-size: 22px; font-family: almoniDL500;}
.score-menu-item {
    border: 0;
    outline: none;
    padding: 5px 12px;
    background: #f1f1f1;
    color: #222;
    border-radius: 5px;
    font-size: 22px;
    font-family: almoniDL500;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
}

    .score-menu-item:hover {
        background: #e5e5e5;
    }

    .score-menu-item.active {
        background: #f7dfe7;
        color: #b0154c;
        font-weight: 700;
    }



.topMenuParent.sticky {
    position: fixed;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 10;
 
}

.topText p:not(:first-child) {display: none;}
.topText {max-width:800px; width:calc(100% - 100px);  padding: 25px; margin: 0 auto;}
.topText  p {font-size: 19px;line-height: normal; margin: 0 0 20px; font-family: OpenSansHebrew;     text-align: right;}
.topText .btnReadMore {font-size: 18px; font-family:almoniDL700; position: relative}


.topText .btnReadMore:before {
    content: url(https://res.cloudinary.com/globes/image/upload/v1732011883/Digital/globes%20images/down_uwfply.svg);
    position: absolute;
    left: -20px;
    transition: all ease 0.5s;
    transform: rotate(180deg);
    top: -6px;
}

.topText .btnReadMore.up::before { transform: rotate(0deg);  top: 2px;}



:root {
    --bg: #fbf3ec;
    --bar: #cb90a0;
    --bar-highlight: #8c1f3f;
    --text-dark: #2c2420;
    --text-muted: #6b5f57;
}

.chart-wrap {
    width: 1200px;
    margin:20px auto;
    display:flex;
}

.chart-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 24px;
    text-align: right;
}

.bar-row {
    display: flex;
    flex-direction: row; /* explicit LTR order regardless of page direction */
    direction: ltr;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.bar-score {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    font-weight: 700;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

/* fixed-width track so every bar is comparable; name sits right after
     the track (not after the fill), leaving a variable gap for short bars,
     exactly like the reference image */
.bar-track {
    flex: 0 0 700px;
    width: 700px;
    position: relative;
    height: 22px;
}

.bar-fill {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: var(--bar);
    border-radius: 11px 0 0 11px;
}

.bar-row.highlight .bar-fill {
    background: var(--bar-highlight);
}

.bar-name {
    flex: 0 0 auto;
    /*max-width: 160px;*/
    font-size: 13px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bar-row.highlight .bar-name {
     
    color: var(--bar-highlight);
}

.bar-row.highlight .bar-score {
     
    color: var(--bar-highlight);
}




@media only screen and (max-width:1179px){

#prevPerson {    right: 0px !important}
#nextPerson {left:0 !important}


.cardsGrid {grid-template-columns: repeat(2, minmax(0, 345px));}
.menu-item {font-size: 24px;}
.members {grid-template-columns: 1fr 1fr 1fr !important;}

.magazineItems {grid-template-columns: 1fr 1fr;}


.top-menu {max-width: 96%;}
.layout_2 .project_text {       margin-top: 0 }

.vaadPerson img {width:100%}
.members {gap:15px}

}

@media only screen and (max-width:770px){
.cardsGrid {grid-template-columns: repeat(1, minmax(0, 345px)); gap:0}

.members {    grid-template-columns: 1fr 1fr 1fr;}
.menu-item { font-size: 18px; }
#article #header .logoGlobes {display: none;}
}



@media only screen and (max-width:860px){

  .pc-score {display: flex; position: static; justify-content: space-between; align-items: center; border-radius: 10px; padding: 0 16px; width: 100%;}

        .pc-score  div {padding: 5px 30px !important}
        .pc-score .final {border-radius: 0 10px 10px 0;  left: 1px; top:0}
        .pc-score {padding: 0; border-radius:10px; margin-top: 16px; }
        .pc-score .n:last-child:before {
        content: "";
        border-left: 1px rgba(0, 0, 0, 0.30) solid;
        height: 26px;
        position: absolute;
        top: 9px;
        left: 109px;
        z-index: 1111;
        width: 2px;
        }
 .pc-photo-block { max-width: 220px; width:100;}
 .pc-photo-block img {width:100%; height: auto;}
 
}


.topInnerLogo {padding: 20px 0;    background: #fae8dd;  }
.topInnerLogo img  { width: calc(100% - 30px); max-width:211px;}
.d_1001551469 .topInnerLogo {display: none;}





 #nextPerson {
    left: 2%;
}
#prevPerson, #nextPerson {
    width: 30px;
    height: 70px;
    border-radius: 5px;
    cursor: pointer;
   background: #B3B3B3;
    position: absolute;
    transition: all ease-in 0.2s;
    z-index: 11;
      
}

#prevPerson:before, #nextPerson:before {
    content: "";
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 7px;
    position: absolute;
    right:2px;
    top: 28px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);

}
#nextPerson {left: -40px;    top: 135px;}
#prevPerson {right: -40px; top: 135px;}

#prevPerson:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
      right:11px;
}


.innerBanner {  grid-column: 1 / -1; }
.innerBanner img {width:100%}


@media only screen and (max-width:480px){

    .score-title {font-size: 18px;}

 .pc-score .n:last-child:before {border-top:0} 
 .final-score_w:hover .final-score_2 {display: none;}
 .final-score_w:hover {border-radius: 10px !important;  box-shadow:none  }

    h1.project_title.person {    margin-top: 35px;}

.innerBanner  {display: block;}

    #prevPerson, #nextPerson  {width:22px; height:45px !important; top:170px}
    #prevPerson:before, #nextPerson:before {top: 18px;        padding: 4px;        border-width: 0 3px 3px 0;        right: 3px;}
        #prevPerson:before {right:7px}
    #prevPerson { right: -12px !important;  }
    #nextPerson { left: -12px !important;  }

    .subTitle {    font-size: 18px !important;    line-height: 22px !important; }

    .pc-title h2 {font-family: 'almoniTzar700';    color: #000;    font-size: 42px;}
    .pc-role {font-family: 'almoniDL600'; font-size: 20px;}
    .pc-card {flex-direction: column;    width: calc(100% - 30px); border-radius: 20px;}
    .pc-photo  {width: 100%;    height: auto;     border-radius: 20px;}
    .pc-photo-block {width: 100%; max-width: 100%;}
  




.pc_wr {
    max-width: 100%;
}
.pc_wr .pc-divider {    margin: 16px 0 10px;}


    .menu-item { height:34px}
    .project_title {font-size: 36px;line-height: 39px; width: calc(100% - 30px);}
    #txtQuickSearch {width: 100%;  font-family: almoniDL600;  zoom: 70%;}
    .bottomPageV.art {margin-top: 30px !important;}
    .cardsGrid {grid-template-columns: 1fr; gap:25px}
    
    .project_pic img {max-width:100%; display: block;}
    .project_social {padding-bottom: 28px;}

    .project_text .project_title {    max-width: 305px;    font-size: 35px;        line-height: 35px; margin: 16px 0;}
    .project_text .project_subTitle {    margin-top: 8px;  margin-bottom: 28px;   font-size: 20px;        line-height: 26px;}
    .project_picDiv {padding: 0;}
    .articleInner.rules {margin-top: 35px;}
    .articleTop {margin-top: 0!important; }
    .articleTop .artBigImage img {width:100%}
    #wrapper .articleTop h1.title { color:#000 !important; font-size: 37px !important; line-height: 39px; margin: 35px 15px 28px !important; font-family: 'almoniTzar500' !important;}
    #wrapper .articleTop h1.title:after {display: none;}

    .articleTop .subTitle {margin: 0 auto; max-width: calc(100% - 30px);}

    .articleTop .credit {margin-right: 15px;}

    .articleInner {
        padding: 0;margin-top: 35px;
    }


    .score-menu-mobile, .ranking-wrapper {width: calc(100% - 30px) !important}    
    .score-menu {display: none;}
    .score-menu-mobile {display: block;          margin: 20px auto 30px;        text-align: right;  }
    .score-menu-mobile div {font-size: 16px; font-family: 'almoniDL700';}
    
    
    .score-menu-mobile select {padding: 10px; border-radius: 8px;border: 1px solid #97133F; width: 100%; font-size: 18px;  font-family: 'almoniDL500';}

    .score-menu-mobile select { 
        
    appearance: none;
    -webkit-appearance: none;

    background-image: url("https://res.cloudinary.com/globes/image/upload/v1788684452/Digital/Path_99_htojad.svg");
    background-repeat: no-repeat;
    background-position: left 15px center;
    }

    .ranking-table th, .ranking-table td {    padding: 10px 12px !important}

   .magazineItems { grid-template-columns: 1fr }

.layout_2 .project_text {margin-top: 0;}

    #wrapper {margin-top: -20px;}
    .topMenuParent {  width: 100%;  background: #FAE8DD;     padding: 8px}
    .topMenuParent.sticky {  top: 50px;   right:0 ; padding-bottom: 8px}

    .topText {    width: 90%; padding: 20px 0 0 0;}

.top-menu { background: none; 
    gap:15px; border:0; 
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    width: calc(100% - 8px);
    max-width: 100%;
}
.menu-item {flex:0; padding: 0 16px; border-radius: 8px; border: 2px solid #97133F !important; font-size: 20px;}
.menu-item.active { }

#wrapper .articleInner .title {font-size: 37px !important; line-height: 39px; color:#000 !important; font-family: almoniTzar500 !important;}

#wrapper .articleInner .title:after {display: none;}

#wrapper .articleInner .subTitle {font-size: 18px;    line-height: 22px;}

#wrapper .articleInner .personAuthor {max-width: 90%;}

.bottomPageV { max-width: 90% !important;}

.bottomPageV .members {    grid-template-columns: 1fr 1fr !important;  gap: 15px;}

.bottomPageV .vaadPerson img {width:100%; max-width: auto;}


.bottomPageV .vaadaTitle h2 {font-size: 40px; margin: 0 0 22px; }

}


.bottomPageV {    max-width: 1230px;    margin: 120px auto 100px;width: calc(100% - 40px);}
.bottomPageV.art {margin-top: 75px; max-width: 1550px;}
 
.articleTop {    max-width: 800px;  margin: 60px auto 20px; width:100%; }
.articleTop h1 {font-size: 73px; font-family: 'almoniTzar500'; margin: 33px 0 40px;text-align: right;line-height: 100%;font-weight: normal;}
.articleTop .subTitle {text-align: right;}
.articleTop .credit {position: static; background: none; text-align: right;color: #484848; font-size: 14px;padding: 2px 0;}

.articleInner h1 {max-width: 800px;}

/*=========vaada===============*/

.articleInner .title {
 
    font-size: 73px;
    line-height: 73px;
    font-family: 'almoniTzar500';

}


.subTitle {
    font-size: 24px;
    line-height: 32px;
    font-family: 'almoniDL700';
    
    width: 100%;
    max-width: 770px;
    width: calc(100% - 30px);
    margin: 0 auto 24px;
    text-align: right;
}

.vaadaTitle h2 {
    font-size: 55px;
    line-height: 1;
    font-weight: normal;
    font-family: 'almoniTzar700';
    margin: 0 0 30px;
    text-align: right;
    border-bottom: 2px #000 solid;
}


.members {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 50px;
    max-width: 1550px;
}


.vaadPerson {
    text-align: right;
    display: flex;
    position: relative;
    flex-direction: column;
    border-radius: 10px;
    max-width: 206px;
    padding: 10px;
 
background: #FFF;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.20);



}

.vaadPerson .personImg {
    -webkit-filter: none;
    filter: none;
    z-index: 2;
}

 
.vaadPerson img {
    border-radius: 10px;
    display: block;
    max-width: 186px;
}

.personInfo {
     
    color: #000;
    padding: 15px 10px 10px;
    border-radius: 0 0 10px 10px;
    height: calc(100% - 40px);
    display: grid;
}

.personInfo h4 {
    font-size: 24px;
    line-height: 24px;
    color: #000;
    font-family: almoniTzar700;
    margin: 0;
}

.personInfo p {
    font-size: 16px;
    line-height: 1;
    color: #000;
    font-family: almoniDL400;
    margin: 0;
}


/*===============================Ranking Table Styles=====================================*/


.ranking-wrapper {
    width: 100%;
    direction: rtl;
max-width: 700px;
    margin: 0 auto;
}


.ranking-table { 
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fffdfb;
    border: 2px solid #e0d2c7;
    border-radius: 8px;
    overflow: hidden;
    font-size: 22px;    font-family: almoniDL500;
    margin-bottom: 30px;
}

    .ranking-table th,
    .ranking-table td {
        padding: 10px 12px;
        text-align: center;
        border-bottom: 1px solid #e7ded8;
    }

    .ranking-table thead th {
      background: rgba(250, 232, 221, 1);
        color: #222;
        font-size: 20px;line-height: 20px;
        cursor: pointer;
        user-select: none;font-weight: normal;
    }

        .ranking-table thead th:hover {
            background: #f2dfd0;
        }

    .ranking-table tbody tr:last-child td {
        border-bottom: none;
    }

    /* Ranking number */
    .ranking-table td.rank {
         font-size: 22px;line-height: 22px;
 
    }

    /* Score */
    .ranking-table td.score {
      
        font-size: 22px;line-height: 22px;
 
 
    }

    /* Name */
    .ranking-table td.name {
        font-size: 22px;line-height: 22px;
    }

    /* Optional highlighted current user */
    .ranking-table tr.current-user td.name {
        color: #9f1239;
 
    }

    #rankingTable tr.active {background: rgba(151, 19, 63, 0.10); }
    #rankingTable tr.active td {color: #97133F;}
    #rankingTable tr.active td a {color: #97133F;      font-family: almoniDL700;}

.sort-icon {
    display: inline-block;
    margin-right: 5px;
    font-size: 11px;
 
    position: relative;
}
th .sort-icon::after {content:url( https://res.cloudinary.com/globes/image/upload/v1788270151/Digital/fn30umnp3kglq7nqut35.svg); position: relative;  display: inline-block;      top: -12px;    left: -9px; position: absolute;}

th.sort-asc .sort-icon::after {
    content: url(https://res.cloudinary.com/globes/image/upload/v1788270133/Digital/icn_Sort_rn4ki2.svg); 
    top: -16px;
    left: -12px;
}

th.sort-desc .sort-icon::after {
     content: url(https://res.cloudinary.com/globes/image/upload/v1788270133/Digital/icn_Sort_rn4ki2.svg); 
       top: -21px;
    left: -12px;
        
    transform: rotate(180deg);
}

th.sort-asc, th.sort-desc {color: #97133F !important}


@media only screen and (max-width:390px){

    .pc-score strong {font-size: 28px;    line-height: 28px;}
 

.pc-title h2 {font-size: 36px;}
.pc-score div { padding: 5px 15px !important;}
.person-image {width:50%; height: auto;}
.score-title, .score-number {    font-size: 16px;}
.ranking-table td  {    font-size: 16px !important;    line-height: 16px !important;}
#divQuestions  {min-width: auto;}

.articleInner .compBanner { WIDTH:100%}

}