* {  box-sizing: border-box;}
body {  margin: 0;  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;  background: linear-gradient(to right, #e0e0e0, #f8f8f8);  color: #333;  height: 100vh;  display: flex;  flex-direction: column;}
header {  padding: 1rem;  background-color: #eee;  color: white;  text-align: center;}
.main-container {  display: flex;  flex: 1;}
.tab-buttons {  background-color: #f0f0f0;  width: 220px;  border-right: 1px solid #ccc;  display: flex;  flex-direction: column;  padding: 1rem 0;}
.tab-button {  background: none;  border: none;  padding: 1rem;  text-align: left;  font-size: 1rem;  cursor: pointer;  transition: background-color 0.2s;  border-left: 4px solid transparent;}
.tab-button:hover {  background-color: #e6e6e6;}
.tab-button.active {  background-color: #fff;  border-left: 4px solid #555;  font-weight: bold;}
.tab-content {  flex: 1;  padding: 2rem;  display: none;  overflow-y: auto;}
.tab-content.active {  display: block;  background-color: #fff;  border-left: 1px solid #ccc;}
footer {  text-align: center;  padding: 1rem;  background-color: #eee;  font-size: 0.9rem;  color: #555;}
@media (max-width: 768px) {  .main-container {flex-direction: column;  }
.tab-buttons {flex-direction: row;overflow-x: auto;width: 100%;border-right: none;border-bottom: 1px solid #ccc;  }
.tab-button {flex: 1;border-left: none;border-bottom: 4px solid transparent;text-align: center;  }
.tab-button.active {border-left: none;border-bottom: 4px solid #555;  }
.tab-content {border-left: none;  }}
blockquotetop {   font-size: 8pt;   position: fixed;   top: 10px;   left: 10px;   margin: 5px;   text-shadow: 0px 1px 1px white;   color: #024; }
blockquote { text-align: right; font-size: 12pt; font-feature-settings: "ss04"; position: fixed; bottom: 15px; right: 15px; margin: 0px; text-shadow: 0px 1px 1px white; color: #024; }
blockquote .author { font-style: italic; }
footer_line { text-align: center; font-size: 12pt; font-feature-settings: "ss04"; position: fixed; bottom: 1px; right: 45%; margin: 10px; text-shadow: 1px 1px 1px navy; color: #e3e3e3; }
footer_line .footer_line { font-style: bold; }
::-webkit-scrollbar {height: 33px;width: 33px;background: #006600;}
::-webkit-scrollbar-thumb {background: #EA4335;-webkit-border-radius: 21px;-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
::-webkit-scrollbar-corner {background: #111999 ;}
::-webkit-scrollbar-button {background: #FBBC05 ;}
.grid {      display: flex;      flex-wrap: wrap;      gap: 20px;      justify-content: center;    }
.video-card {      background: white;      border-radius: 10px;      box-shadow: 0 0 10px rgba(0,0,0,0.1);      overflow: hidden;      width: 250px;    text-align: center;      transition: transform 0.2s ease;    }
.video-card:hover {      transform: scale(1.03);    }
.thumbnail {      width: 100%;    }
.title {      padding: 10px;      font-size: 0.95rem;    }
.menu-countries-button button {  background-color: #007BFF;  color: white;  padding: 10px 20px;  font-size: 14px;  border: none;  cursor: pointer;  border-radius: 2px;}
.menu-countries-button-content {  display: none;  position: absolute;  background-color: #f9f9f9;  min-width: 245px;  max-height: 40vh;  overflow-y: auto;  box-shadow: 0 4px 8px rgba(0,0,0,0.15);  z-index: 1;  border-radius: 2px;}
.menu-countries-button-content a {  color: #333;  padding: 10px 16px;  text-decoration: none;  display: block;}
.menu-countries-button-content a:hover {  background-color: #f0f0f0;}
.menu-countries-button:hover .menu-countries-button-content {  display: block;}
.menu-countries-button:hover button {  background-color: #0056b3;}
.menu-languages-button {  position: relative;  display: inline-block;}
.menu-languages-button button {  background-color: #007BFF;  color: white;  padding: 10px 20px;  font-size: 14px;  border: none;  cursor: pointer;  border-radius: 2px;}
.menu-languages-button-content {  display: none;  position: absolute;  background-color: #f9f9f9;  min-width: 245px;  max-height: 40vh;  overflow-y: auto;  box-shadow: 0 4px 8px rgba(0,0,0,0.15);  z-index: 1;  border-radius: 2px;}
.menu-languages-button-content a {  color: #333;  padding: 10px 16px;  text-decoration: none;  display: block;}
.menu-languages-button-content a:hover {  background-color: #f0f0f0;}
.menu-languages-button:hover .menu-languages-button-content {  display: block;}
.menu-languages-button:hover button {  background-color: #0056b3;}
.rtl-title {  direction: rtl;  text-align: right;}
.rtl-text {  direction: rtl;  text-align: right;}
.rtl-content {  direction: rtl;  text-align: right;}
[dir="rtl"] {  text-align: right;}
[dir="rtl"] .title {  font-family: 'Poppins', sans-serif;}
[dir="rtl"] .content {  font-family: 'Plus Jakarta Sans', sans-serif;}
[dir="rtl"] .icon {  transform: scaleX(-1);}