body {
            font-family: Arial, sans-serif;
        }

        .hide-tmp{
            display: none;
        }
        .header {
            font-family: 'Roboto Condensed';
         
            font-weight: 700;
            line-height: 100px;
            letter-spacing: -0.03em;
            text-align: left;
            color: #132760;

            margin-bottom: 20px;
        }
.lang_he-il  .header {
         
            text-align: right;
           
        }

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

       

        .team-section {
            display: flex;
            flex-wrap: wrap;
        }
		.lang_he-il  .team-section {
            display: flex;
            flex-wrap: wrap;
            direction: rtl;
        }

        .member-card {
            padding: 0px 0px 30px;
			padding-left:25px;padding-right:25px; margin-left:10px; margin-right:30px;
            text-align: left;
			width: calc((100% - 120px) / 3);
            cursor: pointer;
            margin-bottom: 50px;
            min-height: 410px;
        }

        .member-card img {
            margin-top: 25px;
            width: 200px;
            /*border-radius: 50%;*/
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        .member-card h3{
            padding-top: 20px;
            font-family: Roboto;
            font-size: 24px;
            font-weight: 700;
            line-height: 26.4px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
        }
		
		 .lang_he-il .member-card h3{
           
            text-align: right;
          
        }
		

         #modal-name {
            padding-top: 20px;
            font-family: Roboto;
            font-size: 24px;
            font-weight: 700;
            line-height: 26.4px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
        }
		
		.lang_he-il   #modal-name {  text-align: right; }


         .modal-content1 #modal-name{
             padding-top: 0px;
         }

         .linkedin-link{
             height: 44px;
         }

        /*.modal-content1 .modal-left h2 {*/
        /*    font-size: 24px;*/
        /*    font-weight: bold;*/
        /*    margin: 0px 0;*/
        /*}*/

        .modal-content1 .modal-left img{
            height: unset;
        }

        .member-card p{
            font-family: 'Roboto';
            font-size: 16px;
            padding-top: 10px;
            font-weight: 400;
            line-height: 19.8px;
            /*text-align: left;*/
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
        }
 .lang_he-il .member-card p{ text-align: right;}
        .position, #modal-role {
            color: #666666;
        }
        .position{
            margin-bottom: 20px
        }

        .modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
        }

        .modal-overlay.active {
            display: block;
        }

        .modal {
            display: none;
            position: fixed;
            top: calc(50% + 30px);
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            z-index: 1000;
            width: 100%;
        }

.lang_he-il  .modal {
            display: none;
            position: fixed;
            top: calc(50% + 15px);
            right: 50%;
transform: translate(50%, -50%);
 direction: rtl;
}


        .modal.active {
            display: block;
        }

        .modal-content1 {
            display: flex;
            gap: 20px;
            box-shadow: unset !important;
            border: unset !important;
            width: 100% !important;
        }

        .modal-left {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: left;
        }

        .modal-left img {
            width: 290px;
            max-width: 290px;
            height: 290px;
            /*border-radius: 50%;*/
            object-fit: cover;
            margin-bottom: 15px;
        }

        .modal-left .text {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
        }

        .modal-left h2 {
            font-size: 24px;
            font-weight: bold;
            margin: 10px 0;
        }

        .modal-left p {
            font-size: 18px;
            margin: 5px 0 15px 0;
        }


        .modal-right {
            flex: 2;
            display: flex;
            flex-direction: column;
            padding-right: 30px;
        }

        .modal-right p {
            font-size: 16px;
            line-height: 1.5;
        }

        .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 30px;
            background: transparent;
            border: none;
            color: #333;
            cursor: pointer;
        }

.lang_he-il .close-btn { left: 10px;    right: auto;} 

        .close-btn:hover {
            color: #0077b5;
        }

        .linkedin-button {
            background-color: white;
            border: 2px solid #132760;
            width: 100%;
            /*border-radius: 50%;*/
            padding: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .linkedin-button:hover {
            background-color: #f1f1f1;
        }

        .linkedin-button svg {
            fill: #132760;
        }

        #linkedin-link{
            width: 100%;
        }
        h2{
            font-family: 'Roboto Condensed';
            font-size: 50px;
            font-weight: 700;
            line-height: 50px;
            letter-spacing: -0.03em;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            width: 100%;
            margin-bottom: 30px;

        }
.lang_he-il  h2{ text-align: right;}
        .learn-more {
            display: none;
        }

        .learn-more {
            background-color: #fff;
            color: #132760;
            border: 2px solid #132760;
            padding: 10px 15px;
            font-size: 20px;
            cursor: pointer;
            margin-top: 10px;
            border-radius: 0px;
            transition: all 0.3s ease-in-out;
            width: 100%;
            font-weight: bold;
        }

        .member-card p {
            display: -webkit-box;
            -webkit-line-clamp: 2; 
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
			    height: 48px;
    margin-bottom: 3px;
        }

        .member-card p::after {
            content: "...";
            position: absolute;
            right: 0;
            bottom: 0;
            background: white;
            padding-left: 5px;
            visibility: hidden;
        }

        .member-card p:has(+ button){
            content: "...";
            visibility: visible;
        }

        #modal-role{
            font-family: 'Roboto Condensed';
            font-size: 18px;
            font-weight: 400;
            line-height: 19.8px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
        }


.lang_he-il #modal-role{         
            text-align: right;          
        }


        .team-block{
            max-width: 1290px;
        }

        @media screen and (min-width: 1860px) {
            .member-card:hover{
                background-color: #DBDCDD;
            }

            .member-card:hover p:nth-of-type(2) {
               /* display: none;*/
            }

            .member-card:hover .learn-more {
                display: block;
            }
            .team-block{
                width: 1290px;
                margin: auto;
                margin-top: 70px;
            }

            .modal {
                max-width: 1290px !important;
                max-height: 516px;
                width: 1290px;
                height: 516px;
                overflow: scroll;
            }
			
			.lang_he-il  .modal {
                max-width: 1290px !important;
                width: 1290px;
                max-height: 516px;
							  
                height: 516px;
                padding-left: 30px;
                overflow: scroll;
            }
			
        }


        @media screen and (min-width: 1441px) and (max-width: 1859px) {
            .member-card:hover{
                background-color: #DBDCDD;
            }

            .member-card:hover p:nth-of-type(2) {
                /*display: none;*/
            }

            .member-card:hover .learn-more {
                display: block;
            }
            .team-block{
               
                margin: auto;
                margin-top: 70px;
            }
            .modal {
                max-width: 1080px !important;
                width: 1080px;
                max-height: 516px;
                height: 516px;
                overflow: hidden;
            }
			
			.lang_he-il  .modal { max-width: 1080px !important;
                width: 1080px;
								  
                height: 516px;
                padding-left: 30px;
                overflow: hidden;
            }
			
			
        }


        @media screen and (min-width: 1290px) and (max-width: 1440px) {
            .member-card:hover{
                background-color: #DBDCDD;
            }

            .member-card:hover p:nth-of-type(2) {
               /* display: none;*/
            }

            .member-card:hover .learn-more {
                display: block;
            }
            .team-block{
                width: 100%;
                margin: auto;
                margin-top: 70px;
            }

            .modal {
                max-width: 924px;
                max-height: 516px;
                /*height: 1080px;*/
                height: 516px;
                overflow: hidden;
            }
.lang_he-il   .modal {
             
                padding-left: 35px;
            }
            .team-section {
                /*justify-content:space-between;*/
                /*justify-content: flex-start;*/
            }

            .learn-more {
                display: none;
                font-size: 20px;
                padding: 8px 12px;
            }

            .member-card img{
                margin-top: 25px;
                width: 200px;
            }


        }

        @media screen and (min-width: 1024px) and (max-width: 1290px) {
			.member-card {
			
			
			width: calc((100% - 120px) / 3);
			}
			
            .member-card:hover {
                background-color: #DBDCDD;
            }

            .member-card {
                /*height: 460px !important;*/
            }
        }

        @media screen and (min-width: 1366px) and (max-width: 1366px){
            .team-section {
                /*justify-content:space-between;*/
                justify-content: flex-start;
            }
        }

        @media screen and (min-width: 1290px) and (max-width: 1365px){
            .team-section {
                justify-content:space-between;
                /*justify-content: flex-start;*/
            }
        }

        @media screen and (min-width: 1024px) and (max-width: 1289px) {
        
  h2{
           
            font-size: 40px;
         

        }

		.member-card{
              /*  height: 460px !important;*/
            }
            .team-block{
                width: 100%;
                margin: auto;
                margin-top: 70px;
            }
            .modal {
                max-width: 924px;
             
                height: 70vh;
                width: 924px;
                overflow: hidden;overflow-y: auto;
            }


.lang_he-il   .modal {
              
                padding-left: 35px;
            }

            .learn-more {
                display: block;
                font-size: 20px;
                padding: 8px 12px;
            }

            .team-section {
                margin-bottom: 50px;
                justify-content: space-between;
            }

            .member-card img{
                margin-top: 25px;
                width: 200px;
            }
        }


        @media screen and (min-width: 768px) and (max-width: 1023px) {
            .member-card{
               
               
            }

.member-card {
			width: calc((100% - 80px) / 2);
			
			}


            .team-block{
                width: 100%;
                margin: auto;
                margin-top: 70px;
            }
            .modal {
                width: 668px;
                max-width: 668px;
                padding: 15px;
                height: 70vh;
                max-height: 800px;
                overflow: scroll;
            }

            .modal-content1{
                display: flex;
                gap: 20px;
                box-shadow: unset !important;
                border: unset !important;
                width: 100% !important;
                flex-direction: column;
                flex-wrap: nowrap;
                align-items: center;

            }

            .modal-left #modal-name{
                text-align: center;
            }

            .modal-left .text{
                align-items: center;
            }

            .learn-more {
                display: block;
                font-size: 20px;
                padding: 8px 12px;
            }

            .team-section {
                margin-bottom: 50px;
                justify-content: space-between;
            }

            .member-card img{
                margin-top: 25px;
                width: 200px;
            }

        }

.desktop .member-card {
      width: calc((100% - 120px) / 3);
    }

        @media screen and screen and (min-width: 749px) and (max-width: 1023px) and (orientation: landscape) {
            .modal {
                width: 668px;
                max-width: 668px;
                /*padding: 15px;*/
                height: 70vh;
                max-height: 70vh;
                margin-top: 54px;
                overflow: scroll;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -60%);
                background: white;
                padding: 20px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
                z-index: 1000;
            }

            .member-card img{
                width: 200px;
            }

        }

        @media screen and screen and (max-width: 768px) and (orientation: landscape) {
            .modal {
                /*width: 668px;*/
                /*max-width: 668px;*/
                /*padding: 15px;*/
                /*height: 70vh;*/
                max-height: 70vh;
                margin-top: 74px;
                /*overflow: scroll;*/
                transform: translate(50%, 0%);
                top: 0%;
            }

            .modal-content1 {
                display: flex;
                gap: 20px;
                flex-wrap: nowrap;
                align-items: center;
            }

            .modal-left img {
                width: 230px;
                height: 230px;
            }

            .member-card img{
                width: 200px;
            }

            .member-card{
                width: 350px;
            }
        }

        @media screen and (min-width: 444px) and (max-width: 767px) {
            .member-card{
				width: calc((100% - 40px) / 1);
              height: 590px 
            }

            .team-section{
                margin-bottom: 50px;
            }

            .modal {
                max-width: 600px;
                width: 70%;
                padding: 15px;
                height: 640px;
                overflow: scroll;
            }

            .modal-right{
                padding-right: 0px !important;
            }

            .modal-content1{
                display: flex;
                gap: 20px;
                box-shadow: unset !important;
                border: unset !important;
                width: 100% !important;
                flex-direction: column;
                flex-wrap: nowrap;
                align-items: center;
              
            }
            .modal-left #modal-name{
                text-align: center;
            }

            .modal-left .text{
                align-items: center;
            }

            .learn-more {
                display: block;
                font-size: 18px;
                padding: 8px 12px;
            }

            .modal-left img{
                width: 230px;
                max-width: 230px;
            }

            .team-section {
                justify-content: space-around;
            }

            .member-card img{
                margin-top: 25px;
                width: 200px;
            }

            .team-block{
                margin-top: 70px;
            }
        }


        @media screen and (min-width: 291px) and (max-width: 444px) {
            .member-card{
                margin-bottom: 20px;
             
			width: calc(100% / 1);		
			
			padding-left:0px;padding-right:0px; margin-left:0px; margin-right:0px;
           
			
			
			}
			h2 {
			font-size: 40px;}
			
			
            }
            .team-section{
                margin-bottom: 20px;
            }

            .header{
                font-size: 55px;
            }

            .modal {
                width: calc(100vw - 30px);height: 72vh;
                padding: 15px;
              
                overflow: scroll;
            }

            .modal-content1{
                display: flex;
                gap: 20px;
                box-shadow: unset !important;
                border: unset !important;
                width: 100% !important;
                flex-direction: column;
                flex-wrap: nowrap;
                align-items: center;
               

            }
            .modal-left #modal-name{
                text-align: center;
            }

            .modal-left .text{
                align-items: center;
            }

            .learn-more {
                display: block;
                font-size: 18px;
                padding: 8px 12px;
            }

            .modal-left img{
                width: 230px;
                max-width: 230px;
            }

            .team-section {
                justify-content: space-around;
            }

            .team-block{
                margin-top: 50px !important;
            }

            .member-card img{
                margin-top: 0px;
               width: 100%;
			  max-width: 350px;
            }
        }


        @media screen and (max-width: 290px) {
           
			.member-card{
             
			width: calc((100% - 40px) / 1);
			
			
			}
          

		   .modal {
                max-width: 90%;
                padding: 10px;
            }

            .learn-more {
                display: block;
                font-size: 18px;
                padding: 8px 12px;
            }

            .member-card img{
                margin-top: 0px;
                width: 280px;
            }
        }

@media screen and (min-width: 1572px) {
    .content_wrapper {
        width: 1150px!important;
    }
}
@media screen and (min-width: 1366px) {
    .content_wrapper {
        width: 1150px!important;
    }
}