body {  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;  background: linear-gradient(to right, #e0e0e0, #f8f8f8);  overflow-x: hidden;  margin: 0;  padding: 0;  color: #333;  height: auto;  width: 100vw;}
.container {  width: 90vw;  padding: 20px;  background-color: #fff;  border-radius: 10px;  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
h3 {  font-size: 1.5em;  color: #0073e6;  margin-bottom: 1px;}
.centered {  text-align: center;}
.left-aligned {  text-align: left;}
.contact-button {  display: inline-block;  padding: 10px 20px;  font-size: 1em;  color: #fff;  background-color: #0073e6;  text-decoration: none;  border-radius: 5px;  transition: background-color 0.3s ease;}
.contact-button:hover {  background-color: #005bb5;}
footer {  margin-top: 1px;  font-size: 0.9em;  color: #666;}
.fixed-placeholder {  position: fixed;  top: 10px;  right: 10px;  background-color: #f9f9f9;  border: 1px solid #ccc;  border-radius: 8px;  padding: 10px;  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  z-index: 1000;  display: flex;  width: auto;}
.fixed-placeholder .inner-container {  display: flex;  flex-direction: column;  width: 100%;}
.fixed-placeholder img {  display: block;  margin-bottom: 10px;  width: 100px;  height: auto;}
.fixed-placeholder ul {  list-style: none;  padding: 0;  margin: 0;}
.fixed-placeholder ul li {  margin-bottom: 5px;}
.fixed-placeholder ul li a {  text-decoration: none;  color: #007BFF;}
.fixed-placeholder ul li a:hover {  text-decoration: underline;}
.tabs {  display: flex;  cursor: pointer;  margin-bottom: 10px;}
.tab {  flex: 1;  padding: 10px;  text-align: center;  background: #f1f1f1;  border: 2px solid #e3e3e3;  transition: background 0.3s;}
.tab:hover {  background: #ddd;}
.tab.active {  background: #fff;  border-bottom: none;}
.tab-content {  border: 0px solid #ccc;  height: auto;  min-height: 0;  overflow: visible;  display: none;  padding: 20px;  border: 1px solid #ddd;  background: #fff;}
.tab-content.active {  display: block;}
.tab-content iframe {  width: 100%;  height: 100%;  border: none;}
.hidden {  display: none;}
/*iframe {  width: 100%;  border: 1px solid #ccc;}*/
.custom-icon {  color: red;  }
.rainbow {  animation: colorChange 2s infinite alternate;}
@keyframes colorChange {    0% { color: red; }    50% { color: blue; }    100% { color: green; }}
.tab-container {  width: 90vw;   margin: 20px auto;}
.tab-buttons {  flex-direction: column;  display: block !important;  border-bottom: 2px solid #ddd;}
.tab-button {  padding: 10px 20px;  cursor: pointer;  border: none;  background: #f1f1f1;  font-size: 16px;  flex: 1;  text-align: center;  transition: 0.3s;}
.tab-button:hover, .tab-button.active {  background: #ddd;}
blockquote {   text-align: right;   font-size: 8pt;   font-feature-settings: "ss04";   position: fixed;   bottom: 10px;   right: 10px;   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: 22px;  width: 22px;  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 ;}
.banner {  width: 100%;  max-width: 1200px;  height: auto;  margin: 0 auto;}
.banner img {  width: 100%;  height: auto;}
/*Video Lists Accordion     body { font-family: Tahoma, sans-serif; margin: 60px; }*/
h1 { margin-bottom: 20px; }
#searchBar {      margin-bottom: 20px;    }
input[type="text"] {      font-size: 16px;      padding: 5px;      width: 300px;    }
button {      margin-left: 10px;      padding: 5px 10px;      font-size: 14px;      cursor: pointer;    }
details {      margin-bottom: 10px;      border: 1px solid #ccc;      border-radius: 5px;      padding: 10px;      background-color: #f9f9f9;    }
summary {      font-weight: bold;      cursor: pointer;    }
ul {      padding-left: 20px;    }
a {      color: #0077cc;      text-decoration: none;    }
a:hover {      text-decoration: underline;    }
mark {      background-color: yellow;      padding: 0 2px;    }
.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);}