@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');


#header{position:fixed;top:0px;width: 100%;overflow:hidden; height:auto; padding:-3px 0 1px 0 ; border-bottom:solid 4px #2c2e85;border-radius: 0px;z-index:999; }
 
 
#breadcrumbs{position:fixed;top:133px;width: 98%;overflow: hidden;min-height:0px;text-indent:10px;padding:9px 6 10px 0;background-color: #2c2e85;border:solid 4px #2c2e85;border-radius: 25px; }

 #text-header1{margin-top: 180px;height: 0px;padding:14px}
 #footer{position:fixed;bottom:0px;width: 100%;overflow:hidden;padding-top:0px ;border-top:3px solid #2c2e85;background-color:#ffffff;border-top-left-radius:20px;border-top-right-radius:20px;}
 a {
  text-decoration: none!important;
}

 
  section #thumbs {   
   
    margin-top:3px;
    margin-left: 0; 
    margin-right: 0;
	 


     text-align:left ;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
section #thumbs a {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
section .stretch {
    width: 0%;
    display: inline-block;
    font-size: 0;
    line-height: 0
	
	
}

section #single_image1{   
 
    margin-top:10px; 
    margin-left: 14px; 
    margin-right: 14px;
	
	}
	section #single_image2{   
    
    margin-top:10px; 
    margin-left: 14px; 
    margin-right: 14px;
	
	}
	section #single_image3{   
   
    margin-top:10px; 
    margin-left: 14px; 
    margin-right: 14px;
	
}	
	section #single_image4{   
   
    margin-top:10px; 
    margin-left: 14px; 
    margin-right: 14px;
	}
	

body {
  font-family: 'Cairo', sans-serif;
  margin: 0;
  background-color: #f5f5f5;
}

@font-face {
font-family: "Cairo";
src: url("../eHotline/Cairo.ttf");
}

.investor-directory {
  max-width: 700px;
  margin: 30px auto;
  padding: 20px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

h2 {
  text-align: center;
  color: #2c2e85;
  margin-bottom: 20px;
}

.filters {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.filters input,
.filters select {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-size: 14px;
}

.cards {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card h3 {
  color: #2c2e85;
  margin-bottom: 5px;
}

.card p {
  margin: 5px 0;
  color: #333;
}

.card .btn {
  align-self: flex-start;
  padding: 8px 16px;
  background-color: #2c2e85;
  color: #fff;
  border: none;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  margin-top: 10px;
  cursor: pointer;
}

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

input[type="text"] {
  font-family: 'Cairo', sans-serif;
  color: #2c2e85;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid #ccc;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
}
input[type="text"]::placeholder {
  color: #bbb;
  font-size: 14px;
}

 select {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  color: #2c2e85;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: #fff;
  appearance: none; /* لإزالة الشكل الافتراضي */
  -webkit-appearance: none;
  -moz-appearance: none;
}


.company-card {
  direction: rtl;
  font-family: 'Cairo', sans-serif;
}

.company-card h3 {
  font-size: 20px;
  color: #2c2e85;
  font-weight: bold;
  margin-bottom: 10px;
}

.company-card p {
  font-size: 15px;
  color: #333;
  margin: 5px 0;
}

.company-card .label {
  font-weight: bold;
  color: #2c2e85;
}



 
.company-card p span {
  font-weight: bold;
  color: #2c2e85;
}

.company-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  padding: 20px;
  margin-bottom: 20px;
  text-align: right;
  font-family: 'Cairo', sans-serif;
}

.company-name {
  font-size: 20px;
  font-weight: bold;
  color: #2c2e85;
  margin-bottom: 10px;
}

.company-card p {
  margin: 6px 0;
  font-size: 15px;
  color: #333;
}

.company-card .label {
  font-weight: bold;
  color: #2c2e85;
}

.details-btn {
  background: #2c2e85;
  color: #fff;
  padding: 10px 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 20px !important;
  font-family: 'Cairo', sans-serif;
  transition: 0.3s ease;
}

.details-btn:hover {
  background: #1a1c6c;
}


.company-logo-name {
  display: flex;
  align-items: center;
  gap: 12px;
}

.company-logo {
  width: 40px;
  height: 40px;
   
  object-fit: cover;
  
}