html { padding: 0%; margin: 0%;}
body { direction: rtl; margin-right: 20px; min-width: 1860px;}
hr {width: 1440px; border: 5px solid #138225;  margin: 0;}

#main-logo {text-align: center; margin: 0; padding: 0;}
.main-div { direction: rtl; overflow: visible; margin-top: 10px; min-height: 120vh; display: flex;  flex-direction: column; padding-right: 10px; }

/* Footer Section */
#footer {   
    width: 1870px;
    margin-top: auto;
    background-color: #1CAF34;
    color: #FFF;
    direction: rtl;
    text-align: center;
}
#footer a { text-decoration: none; color: #FFF; font-size: 20px; padding-right: 20px; padding-top: 20px;}
#footer a:hover { color: #036504;}
#footer span { font-size: 26px;}

/* Font classes*/
.main-title-span-1{
    font-size: 28px;
    font-weight: bold;
}

.sub-title-span-1 {
    font-size: 24px;
}

.sub-title-span-2{
    font-size: 20px;
}

.main-title {
    width: 1440px;
    color: #FFF; 
    text-align: center; 
    font-weight: bold;
    background-color: #1BB532;
}

.sub-title {
    width: 1440px;
    font-size: 26px;
    font-weight: bold;
    background-color: #1CAF34; 
    color: #FFF; 
    text-align: center;
}

.sub-title-2 {
    width: 350px;
    color: #FFF;
    background-color: #1CAF34;
    font-size: 26px;
    text-align: center;
}

.normal-link {
    margin-right: 20px;
    text-decoration: none;
    color: #000;
    font-size: 24px;
    font-weight: bold;
}

.normal-link:hover {
    color: #036504;
}

.sub-span {
    font-size: 24px;
}

.date-span {
    font-size: 22px;
}

.subject-span {
    font-size: 26px;
}

.dir-left { direction: ltr;}

/* Buttons */
.download-button {
    color: #FFF;
    background-color: #1BB532;
    font-size: 24px;
    font-weight: bold;
    width: 1440px;
}

.download-button a {
    text-decoration: none;
}

.download-button a:hover {
    color: #036504;
}

.costom-button-1 {
    color: #FFF;
    background-color: #1BB532;
    font-size: 32px;
    font-weight: bold;
}

.costom-button-2 {
    color: #FFF;
    background-color: #1CAF34;
    font-size: 32px;
    font-weight: bold;
}

/* Cards section */
.card-table-1 {
    direction: rtl;
    max-width: 1440px;
    border-spacing: 50px 0px;
}

.card-table-1 img {
    width: 400px;
    margin-bottom: 10px;
}

.card-table-1 button {
    font-size: 26px;
    width: 400px;
    background-color: #1CAF34; 
    border: 1px solid #1CAF34;
    color: #FFF; 
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.card-table-1 button:hover {
    color: #036504;
}

.card-table-1 span {
    font-size: 28px;
    font-weight: bold;
}

.card-table-2 {
    direction: rtl;
    max-width: 1280px;
    border-spacing: 50px 0px;
}
.card-table-2 img {
    width: 300px;
    margin-bottom: 10px;
}
.card-table-2 button {
    font-size: 26px;
    width: 300px;
    background-color: #1CAF34; 
    border: 1px solid #1CAF34;
    color: #FFF; 
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.card-table-2 button:hover{ 
    color: #036504;   
}

.iframe-global { width: 1420px; height: 768px;}

.card-4-main { display: inline-block; width: 1280px;}
.card-4-div {  direction: rtl; text-align: center; width: 420px; float: right; margin-bottom: 20px;}
.card-4-div img { width: 360px; height: 240px;}
.card-4-div button {
    font-size: 26px;
    width: 300px;
    background-color: #1CAF34; 
    border: 1px solid #1CAF34;
    color: #FFF; 
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.card-4-div button:hover{ 
    color: #036504;   
}
/*Tables*/
#technical-reoprts-table { direction: rtl; text-align: right; color: #000; font-size: 24px;}
#technical-reoprts-table th,td { padding-right: 20px;}
#technical-reoprts-table button { color: #FFF; background-color: #1BB532; font-size: 28px; font-weight: bold;}
/* Youtube videos */
.youtube-frame { width: 400px; height: 250px;}
.youtube-frame-lg { width: 1480px; height: 768px;}

.card-table-3 {
    direction: rtl;
    text-align: center;
    max-width: 1280px;
    border-spacing: 50px 0px;
}
.card-table-3 button {
    font-size: 26px;
    width: 300px;
    background-color: #1CAF34; 
    border: 1px solid #1CAF34;
    color: #FFF; 
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.card-table-3 button:hover{ 
    color: #036504;   
}



/* Costom Divs*/
.center { text-align: center;}
.justify {   text-align: justify; text-justify: inter-word;}
.width1480 { width: 1480px;}

.costom-div-1 { width: 1480px; height: 250px; display: inline;}
.costom-div-1 img { width: 350px; height: 225px; float: right; padding-left: 25px;}
.costom-div-1 button { float: left; margin-left: 20px; color: #FFF; background-color: #1CAF34; font-size: 24px;}
.costom-div-1 button:hover { color:#036504;}

.costom-div-2 { width: 1480px;}

#intro-div { width: 1440px; margin-top: 10px; margin-right: 20px;}

/* Navbar Area*/
#navbar-div ul{  
    list-style-type: none;
    margin: 0;
    padding: 0;
    position:relative;
    width: 1870px;
    overflow: hidden;
    background-color: #1CAF34;
}

#navbar-div li 
{
    float: right;
}

#navbar-div a{
    display: block;
    color: white;
    font-size: 22px;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
#navbar-div a:hover { color: #036504; }
/*Delete in case of errors*/
#left-sidebar {
    background-color: #1BB532;
    margin-top: 10px;
    float: left;
    left: 0;
    width: 200px; 
    min-height: 120vh;
    position: relative; 
}
/* Sidebar Area */
#sidebar-div {
    background-color: #1BB532;
    margin-top: 10px;
    float: right;
    right: 0;
    width: 200px; /* Set the width of the sidebar */
    min-height: 120vh;
    position: relative; /* Fixed Sidebar (stay in place on scroll) */
}

#sidebar-div hr {
    width: 190px;
    border: 2px solid #1CAF34;
}

#sidebar-div a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 22px;
    color: #FFF;
    display: block;
}

#sidebar-div a:hover {
    color: #036504;
}

.sidebar-span {
    font-weight: bold;
    font-size: 25px;
    background-color: #036504;
    color: #FFF;
    display: block;
}

/* Index */
/* News Section */

#top-news-container {
    padding-top: 10px;
    display:inline-block;
    vertical-align:middle;
}

#news-span {
    width: 110px;
    float: right;
    font-size: 25px;
    font-weight: bold;
    background-color: #000;
    border: 2px solid #000;
}

#news-span a {
    color: #FFF;
    text-decoration: none;
}

.top-news-marquee {
    width: 1358px;
    height: 30px;
    overflow: hidden;
    border: 2px solid #000;
    background: #FFF;
}

.top-news-marquee a{
    text-decoration: none;
    font-size: 22px;
    color: #000;
}

/* News Costumization*/
.news-date {color: gray; font-size: 14;}
.news-photo {max-height: 600px; max-width: 600px;}
.news-body {font-size: 18px;}

/* Ads Section */
#ads-container { padding-top: 10px; float: left; width: 320px; margin-left: 100px;}
#ads-container a { text-decoration: none; color: #FFF; font-size: 24px; }
#ads-container a:hover { color: #036504;}
#ads-span { font-size: 28px; color: #FFF; background-color: #1CAF34; text-align: center; font-weight: bold;}
.ads-marquee { overflow: hidden; background-color: #000;}


#union-definition { display: inline; margin-top: 20px; width: 1560px; }
#union-definition img {  float: left; }

#card-assosiations img{ width: 250px;}
#card-assosiations button{ width: 300px;}

/*Magazine*/
#magazine-div { display: inline; width: 1440px;}
#magazine-select { width: 1260px; color: #FFF; background-color: #1CAF34; font-size: 28px; font-weight: bold;}
#magazine-button { width: 160px; color: #FFF; background-color: #1BB532; font-size: 28px; font-weight: bold;}
#magazine-button:hover { color: #036504;}

#map-div { text-align: center; width: 1400px;}
#map-div h2 { color: #FFF; background-color: #1CAF34; font-size: 26px;}
#costom-map-1 { border: none; width: 1400px; height: 250px; margin-top: 10px;}

#assosiation-main-div { display: inline-block; width: 1480px;}
#assosiation-details-div { float: right; width: 350px; height: 100vh; text-align: center;}
#assosiation-details-div img { width: 350px;}
#assosiation-details-div span { font-size: 26px; font-weight: bold;}
#assosiation-details-div a { text-decoration: none; color: #000;}
#assosiation-details-div a:hover { color: #036504;}
#assosiation-subject-div { margin-right: 380px; margin-left: 100px;}


#goals-div { width: 1420px; direction: rtl;}
#goals-div span { font-size: 28px; font-weight: bold;}
#goals-div li { font-size: 24px; padding-top: 15px;} 

/* Marquee */
#activities-div { display: inline-block; width: 1440px;  margin-right: 20px; margin-top: 10px;}
#activities-div a { color: #000; text-decoration: none; font-size: 24px;}
#union-activities-div {  width: 650px; float: left; border: 4px solid #1CAF34; height: 480px; margin-left: 100px; }
#union-span-marquee { font-size: 28px; text-align: center; font-weight: bold; color: #FFF; background-color: #1CAF34;}
.union-marquee {overflow: hidden; height: 420px; }
#orgs-activities-div { width: 650px;  border: 4px solid #1CAF34; height: 480px;}
#orgs-span-marquee { font-size: 28px; text-align: center; font-weight: bold; color: #FFF; background-color: #1CAF34;}
.orgs-marquee {height: 420px; overflow: hidden; }

#activity-div { width: 1440px; direction: rtl; }
#activity-div img { width: 1440px;}

#system-div { width: 1440px; }

.width1440 { width: 1440px;}