/* x x x x x x x x x x x x Root X X X X X X X X X X X X X X X X X */
:root {
    --color-white: #f4f4f5;
    --color-black: #231f20;
    --color-gray: #c2c2bf;
    --color-dark: #2c3337;
    --color-blue: #249cd1;
    --color-yellow: #eec21b;
    
    --Font-Size-super-small: 0.80rem;
    --Font-Size-small: 0.95rem;
    --Font-Size-medium: 1.1rem;
    --Font-Size-medium-plus: 1.28rem;
    --Font-Size-large: 1.5rem;
    --Font-Size-xtra-large: 1.8rem;
    --Font-Size-Giant: 2.1rem;
    --Font-Size-extra-Giant: 2.5rem;

    --ls-short: 0.023rem;
    --ls-medio: 0.033rem;

    --fonts-nav: font-nav;
    --fonts-search: font-search;
    --fonts-text: font-text;
    --fonts-italic: font-italic;
    --fonts-regular: font-regular;
    --fonts-roboto: font-roboto;
    --fonts-roboto-regular: font-roboto-regular;

    --General-paddings: 8px;

    --mx-width: 1366px

} 

* {
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
}
/* x x x x x x x x x x x x Fonts X X X X X X X X X X X X X X X X X */

@font-face {
  font-family: 'font-nav';
  src: url(../fonts/Nav-fonts.otf);
}

@font-face {
  font-family: 'font-roboto-regular';
  src: url(../fonts/Fonts-Roboto-regular.ttf);
}

@font-face {
  font-family: 'font-roboto';
  src: url(../fonts/Font-robot-text.ttf);
}


@font-face {
  font-family: 'font-regular';
  src: url(../fonts/font-regular.otf);
}


@font-face {
  font-family: 'font-search';
  src: url(../fonts/Search_font.OTF);
}

@font-face {
  font-family: 'font-text';
  src: url(../fonts/font-texts.OTF);
}

@font-face {
  font-family: 'font-italic';
  src: url(../fonts/font-italics.OTF);
}

/* x x x x x x x x x x x x Body X X X X X X X X X X X X X X X X X */
.sicgbor_body_index {    
    flex-direction: column;
    height: 100vh;
    background-color: var(--color-white);
    display: flex;
    color: var(--color-dark);
    justify-content: space-between;    
}

.body_general {
    max-width: 100%;
    background-color: var(--color-white);
    color: var(--color-dark);
    display: flex;
    flex-direction: column;
}

.body_general_admin {
    max-width: 100%;
    background-color: var(--color-gray);
    color: var(--color-black);
    display: flex;
    flex-direction: column; 
    line-height: 1.5;
}

/* x x x x x x x x x x x x Header X X X X X X X X X X X X X X X X X */

body .sicgbor_header_index {
    max-width: 100%;
    height: 40px;
    box-shadow: rgba(93, 92, 92, 0.19) 0px 3px 5px;
    margin-bottom: 15px;
}

body .sicgbor_header_general {
    position: fixed;
    height: 45px;
    width: 100%;
    background-color: var(--color-white);
    box-shadow: rgba(93, 92, 92, 0.19) 0px 3px 5px;
    max-width: 100%;
    z-index: 1000;
    display: flex;
    transition: 0.5s;
}

body header .sicgbor_navigation  {
    display: flex;
    margin: auto;
    padding-right: var(--General-paddings);
    padding-left: var(--General-paddings);
    width: var(--mx-width);
    justify-content: space-between;
}

body header .sicgbor_navigation_ul {
    list-style: none; 
    padding-top: 10px;
}


body header .sicgbor_navigation_li {
    display: inline;    
    list-style: none; 
    margin-left: 10px;
}

body .sticky {
    box-shadow: rgba(93, 92, 92, 0.19) 0px 3px 5px;
    background-color: var(--color-yellow);
    color: var(--color-white);
}

body header .sicgbor_navigation_a {
    text-decoration: none;
    color: var(--color-dark);
    font-size: var(--Font-Size-semi);
    font-family: var(--fonts-nav);
    letter-spacing: var(--ls-medio);
}

body header .sicgbor_navigation_index {
    width: var(--mx-width);
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-content: center;
    text-align: center;
}

body header .sicgbor_header_ul_index {
    float: right;
}

body header .sicgbor_header_li_index {
    float: left;
    margin-left: 12px;
    padding-top: 11px;
    list-style: none;
    position: relative;
}

body header .sicgbor_header_a_index {
    text-decoration: none;
    color: var(--color-dark);
    letter-spacing: var(--ls-medio);
    font-size: var(--Font-Size-medium);
    font-family: var(--fonts-nav);
    transition: 0.3s all;
}

body header .sicgbor_login_index {
    padding: 15px 15px 15px 15px;
    color: var(--color-white);
    transition: 0.3s all;
    background-color: var(--color-blue);
}

body header .sicgbor_login_index:hover {
    transition: 0.3s all;
    color: var(--color-dark);
    background-color: var(--color-yellow);
}

body header .sicgbor_h_online_index:hover {
    color: var(--color-blue);
    transition: 0.3s all;
}


body header .sicgbor_header_navigation {

    background-color: var(--color-blue);
}

body header .nav{
    position: fixed;    position: fixed;
    display: flex;
    justify-content: space-between;
    max-width: 100%;
}

/* x x x x x x x x x x x x Main X X X X X X X X X X X X X X X X X */

body .main_general {
    max-width: var(--mx-width);
    width: 100%;
    margin: auto;
    margin-top: 70px;
    padding: var(--General-paddings);
}

body .main_aboutus {
    width: 100%;    
    margin-top: 60px;
}

body .main_general_admin {
    max-width: var(--mx-width);
    width: 100%;
    margin: auto;
    margin-top: 50px;
    padding: var(--General-paddings); 
}

body main .sicgbor_results {
    display: flex;
}

body .sicgbor_main_index {
    max-width: var(--mx-width);
    margin: auto;
    padding: var(--General-paddings);
}

body main .sicgbor_online_adverticing {
    width: 100%;
    display: flex;
    padding: var(--General-paddings);
    border-bottom: 0.1px solid var(--color-blue);
    margin-bottom: 25px;
}

body main .sicgbor_rsults_icon {
    align-items: center;
    margin-top: 7px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 2px 0px 9px 4px;
    color: var(--color-white);
    background-color: var(--color-yellow);
}

body main .sicgbor_rsults_icon {
    font-size: var(--Font-Size-semi);
}

body main .sicgbor_result_text {
    font-family: var(--fonts-text);
    color: var(--color-yellow);
    padding-left: 4px;
    margin-top: var(--General-paddings);
    font-size: var(--Font-Size-semi);
}

body main .sicgbor_search_results {       
    font-family: var(--fonts-text);
    color: var(--color-dark);
    padding-left: 4px;
    padding-top: 2px;
    letter-spacing: var(--ls-short);
    margin-top: var(--General-paddings);
    font-size: var(--Font-Size-semi);
}

body main .sicgbor_results_adverticing {
    margin-left: 220px;
    display: flex;
}

body main .sicgbor_rsults_icon_sm {    
    align-items: center;
    margin-top: 7px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 3px 2px 9px 5px;
    color: var(--color-white);
    background-color: var(--color-gray);
}

body main .sicgbor_results_text {
    color: var(--color-gray);    
    font-family: var(--fonts-text);
    padding-left: 4px;
    transition: 0.3s ease;
    margin-top: 6px;
    padding-top: var(--General-paddings);
    font-size: var(--Font-Size-small);
}

body main .sicgbor_results_a {
    text-decoration: none;
    color: var(--color-gray);    
    font-family: var(--fonts-text);
    padding-left: 4px;
    margin-top: 6px;
    transition: 0.3s ease;
    padding-top: var(--General-paddings);
    font-size: var(--Font-Size-small);
}

body main .sicgbor_results_a:hover {
    transition: 0.3s ease;
    color: var(--color-blue);
}


body main .sicgbor_nav_admin {
    background-color: var(--color-gray);
}

body main .sicgbor_btns_admin  {
    padding-left: 10px;
    padding-right: 10px;
}

/* x x x x x x x x x x x x Search X X X X X X X X X X X X X X X X X */

body main .sicgbor_search_index {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 90px;

}

body main .sicgbor_search_box {
    height: 40px;
    display: flex;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 30px;
    align-items: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

body main .sicgbor_input_index {
    width: 400px;
    border: none;
    outline: none;
    font-size: var(--Font-Size-small);
    background: transparent;
    color: var(--color-dark);
    letter-spacing: var(--ls-medio);
    font-family: var(--fonts-roboto);
    font-weight: 700;
}

body main .sicgbor_icon_search_index {
    color: var(--color-blue);
    transition: 0.3s all;
    border: none;
    cursor: pointer;
    font-size: var(--Font-Size-semi);
}

body main .sicgbor_icon_search_index:hover {
    color: var(--color-yellow);
    transition: 0.3s all;
}

body main .sicbgor_services_buttons_index {
    text-decoration: none;
    margin-top: 15px;
    font-family: var(--fonts-search);
    letter-spacing: var(--ls-short);
    padding: var(--General-paddings);
    color: var(--color-gray);
    border: 0.1px solid var(--color-gray);
    font-size: var(--Font-Size-x-small);
    margin-top: 6px;
    transition: 0.3s all;
}

body main .sicbgor_services_buttons_index:hover {
   border: 0.1px solid var(--color-yellow);
   color: var(--color-yellow);
    transition: 0.3s all;
}


/* x x x x x x x x x x x x ONLINE X X X X X X X X X X X X X X X X X */

body main .sicgbor_online_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, 200px);
    gap: 22px;
    justify-content: center;
}

body main .sicgbor_online_products {
    padding: var(--General-paddings);
    background-color: var(--color-white);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transition: 0.3s ease;
}

body main .sicgbor_online_imgs {
    width: 180px;
    height: 150px;
    display: flex;
    margin: auto;
}

body main .sicgbor_online_figure {
}

body main .sicgbor_online_imgs_up {
    height: 250px;
    width: 185px;
}

body main .sicgbor_online_title {
    color: var(--color-dark);
    margin-bottom: 4px;
    padding-left: var(--General-paddings);
    margin-top: 0px;
    letter-spacing: var(--ls-short);
    font-size: var(--Font-Size-small);
    font-weight: 600;
    font-family: var(--fonts-roboto-regular);
}

body main .sicgbor_online_info {
    padding-right: var(--General-paddings);
    padding-bottom: 3px;
    margin-bottom: 20px;
    font-weight: 100;
    padding-left: var(--General-paddings);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;

}

body main .sicgbor_online_info_links {
    text-decoration: none;
    color: var(--color-blue);
    letter-spacing: var(--ls-medio);
    font-family: var(--fonts-search);
    font-size: var(--Font-Size-super-small);
    transition: 0.3s ease;
}

body main .sicgbor_online_hr {
    margin-top: 0px;
    margin-bottom: 0px;
    color: var(--color-blue);
}

body main .sicgbor_online_info_links:hover {
    transition: 0.3s ease;
    color: var(--color-dark);
}

body main .sicgbor_online_info_posted {
    font-family: var(--fonts-roboto);  
    font-weight: 600; 
    color: var(--color-dark);
    font-size: var(--Font-Size-super-small);
}

body main .sicgbor_online_description {
    font-family: var(--fonts-search);
    letter-spacing: var(--ls-medio);
    color: var(--color-dark);
    font-size: var(--Font-Size-small);
}

body main .sicgbor_details_categories_title {
    color: var(--color-white);
    letter-spacing: var(--ls-short);
    font-family: var(--fonts-regular);
}


body main .sicgbor_details_categories_links {
   text-decoration: none;
   font-family: var(--fonts-nav);
   color: var(--color-blue);
}
body main .sicgbor_details_subtitles  {
    color: var(--color-blue);
    padding-top: 20px;
    font-size: var(--Font-Size-super-small);
    font-family: var(--fonts-roboto-regular);
}

body main .sicgbor_online_bts {
    width: 100%;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 5px;
}

body main .sicgbor_online_bn_details {
    width: 100%;
    height: 50px;
    text-decoration: none;
    padding: 5px 55px 5px 55px;
    transition: 0.3s ease;
    color: var(--color-dark);
    font-family: var(--fonts-nav);
    letter-spacing: var(--ls-short);
    border-radius: 3px;
    border: 0.1px solid var(--color-gray);
}

body main .sicgbor_online_description_text {
    font-family: var(--fonts-search);
    padding-left: var(--General-paddings);
    color: var(--color-black);
    margin-top: 5px;
    letter-spacing: var(--ls-medio);
    color: var(--color-dark);
    font-size: var(--Font-Size-medium);
}

body main .sicgbor_online_bn_details:hover {
    color: var(--color-blue);
    transition: 0.3s ease;
    border: 1px solid var(--color-blue);
}

body main .sicgbor_details_products {
    font-size: var(--Font-Size-large);
    font-family: var(--fonts-regular);
    color: var(--color-blue);
}

body main .sicgbor_details_more {
    font-family: var(--fonts-regular);
    text-decoration: none;
    letter-spacing: var(--ls-short);
    font-size: var(--Font-Size-small);
    color: var(--color-gray);
}

body main .sicgbor_details_categories  {
    text-decoration: none;
    color: var(--color-yellow);
    font-size: var(--Font-Size-semi);
    font-family: var(--fonts-nav);
}

body main .sicgbor_details_description {    
    font-family: var(--fonts-roboto-regular);
    text-decoration: none;
    letter-spacing: var(--ls-short);
    font-size: var(--Font-Size-less-semi);
    color: var(--color-dark);
}

body main .sicgbor_details_comments {
    color: var(--color-blue);
    font-size: var(--Font-Size-x-small);
    font-family: var(--fonts-roboto-regular);
}

body main .sicgbor_details_adv {
    font-family: var(--fonts-roboto-regular);
}

body main .sicgbor_details_boxsignup {
    background-color: var(--color-yellow);
}

body main .sicgbor_details_signup {
    font-family: var(--fonts-nav);
    color: var(--color-dark);
}

body main .sicgbor_details_joinus {
    border: none;
    font-family: var(--fonts-regular);
    letter-spacing: var(--ls-medio);
    background-color: var(--color-blue);
}

body main .sicgbor_details_joinus:hover {
    background-color: var(--color-dark);
    color: var(--color-yellow);
}
body main .sicgbor_details_login {    
    border: none;
    font-family: var(--fonts-regular);
    letter-spacing: var(--ls-medio);
    background-color: var(--color-blue);
    background-color: var(--color-dark);
}

body main .sicgbor_details_login:hover {
    background-color: var(--color-yellow);
}

body main .sicgbor_details_subscribe {
    background-color: var(--color-blue);
    font-family: var(--fonts-regular);
    letter-spacing: var(--ls-medio);
}

body main .sicgbor_details_subscribe:hover {
    background-color: var(--color-dark);
}

body main .sicgbor_details_categories_gb {
    background-color: var(--color-blue);
}

body main .sicgbor_details_bt_submint {
    background-color: var(--color-blue);
    font-family: var(--fonts-search);
    letter-spacing: var(--ls-medio);
}

body main .sicgbor_details_bt_submint:hover {
    background-color: var(--color-dark);
}
/* x x x x x x x x x x x x Index Services X X X X X X X X X X X X X X X X X */

body main .sicgbor_search_texts_index {
    margin-bottom: 20px;
    align-content: center;
}

body main .sicgbor_search_text_index {    
      display: grid;
    place-content: center;
}

body main .sicgbor_search_easyp_index {
    font-family: var(--fonts-nav);
    color: var(--color-dark);
    letter-spacing: var(--ls-medio);
    color: var(--color-gray);
    font-size: var(--Font-Size-large);
}

body main .sicgbor_search_link_post {
    text-decoration: none;
    font-weight: 700;
    color: var(--color-yellow);
    font-size: var(--Font-Size-xtra-large);
}

body main .sicbgor_services_index {
    color: var(--color-gray);
    font-size: var(--Font-Size-semi);
    font-family: var(--fonts-search);
    background-color: transparent;
}

body main section .sicgbor_search_link_icon {
    color: var(--color-yellow);
    font-size: var(--Font-Size-less-semi);
}

body main section .sicbgor_services_link_index {
    color: var(--color-gray);
    line-height: 3rem;
    font-size: var(--Font-Size-medium);
    letter-spacing: var(--ls-medio);
    font-family: var(--fonts-nav);
    text-decoration: none;
    transition: 0.3s all;
}

body main section .sicbgor_services_link_index:hover {
    color: var(--color-blue);
    transition: 0.3s all;
}

/* x x x x x x x x x x x x Services X X X X X X X X X X X X X X X X X */

body main .sicgbor_aboutus {
    max-width: var(--mx-width);
    margin: auto;
    overflow: hidden;
}

body main .sicgbor_aboutus_row {
    width: 100%;
    padding: var(--General-paddings);
}

body main .sicgbor_aboutus_img {
    width: 30%;
    float: left;
    margin-bottom: 70px;
}

body main .sicgbor_aboutus_imgs {
    width: 100%;
    height: auto;
    padding: var(--General-paddings);
}

body main .sicgbor_aboutus_content {
    width: 60%;
    float: left;
    margin-left: 50px;
}

body main .sicgbor_aboutus_title {
    font-size: var(--Font-Size-extra-Giant);
    letter-spacing: var(--ls-medio);
    margin-top: 15px;
    font-family: var(--fonts-nav);
    color: var(--color-blue);
}

body main .sicgbor_aboutus_title_mession {    
    font-size: var(--Font-Size-extra-Giant);
    letter-spacing: var(--ls-medio);
    margin-top: 15px;
    font-family: var(--fonts-nav);
    color: var(--color-white);
}

body main .sicgbor_aboutus_subtitle {
    font-family: var(--fonts-search);
    color: var(--color-yellow);
    padding-top: 15px;
    letter-spacing: var(--ls-medio);
    font-size: var(--Font-Size-semi);
}

body main .sicgbor_aboutus_p {
    padding-top: 8px;
    font-family: var(--fonts-nav);
    letter-spacing: var(--ls-medio);
    text-decoration: none;
    font-size: var(--Font-Size-semi);
    color: var(--color-dark);
}

body main .sicgbor_aboutus_code {
    color: var(--color-blue);
    font-size: var(--Font-Size-Giant);
}

body main .sicgbor_aboutus_code_white {
    font-size: var(--Font-Size-Giant);
    color: var(--color-white);
}

body main .sicgbor_aboutus_mession {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-bottom: 80px;
    padding-top: 30px;
    padding-left: 6px;
    padding-right: 6px;
    background-color: var(--color-blue);
}

body main .sicgbor_aboutus_misions {
    max-width: var(--mx-width);
    margin: auto;
}

body main .sicgbor_aboutus_visions {
    max-width: var(--mx-width);
    display: flex;
    padding: var(--General-paddings);
    justify-content: space-between;
    margin: 50px auto;
}

body main .sicgbor_aboutus_vision {
    width: 45%;
}

body main .sicgbor_aboutus_figures {
    max-width: 100%;
    height: 450px;
    height: auto;

}

/* x x x x x x x x x x x x Login X X X X X X X X X X X X X X X X X */

body main .sicgbor_login {
    max-width: 400px;
    margin: auto;
    margin-bottom: 50px;
}

body main .sicgbor_login_container {
    margin-top: 50px;
    padding: var(--General-paddings);
    align-content: center;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

body main .sicgbor_login_title {
    color: var(--color-dark);
    width: 100%;
    text-align: center;
    font-size: var(--Font-Size-large);
    font-family: var(--fonts-nav);
}

body main .sicgbor_login_subtitle{    
    color: var(--color-dark);
    width: 100%;
    text-align: center;
    letter-spacing: var(--ls-short);
    font-size: var(--Font-Size-medium);
    font-family: var(--fonts-nav);
}

body main .sicgbor_login_imgs{    
    text-align: center;   
    display: flex; 
    width: 80px;
    height: 80px;
    margin: auto;
    margin-bottom: 25px;
    margin-top: 25px;
}

body main .sicgbor_login_link {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 55px;
    padding-top: 8px;
    padding-left: 90px;
    color: var(--color-gray);
    font-family: var(--fonts-text);
}

body main .sicgbor_login_forgot_a {
    text-decoration: none;
    padding-left: 3px;
    color: var(--color-blue);
    font-family: var(--fonts-nav);
}

body main section .sicgbor_login_forgot {
    text-decoration: none;
    display: grid;
    place-content: center; 
    padding-top: 43px;
    padding-bottom: 13px;
    text-align: center;
    letter-spacing: var(--ls-medio);
    color: var(--color-gray);
    transition: 0.3s all;
    font-size: var(--Font-Size-x-small);
    font-family: var(--fonts-search);
}

body main section .sicgbor_login_forgot:hover {
    color: var(--color-blue);
    transition: 0.3s all;
}

body main .sicgbor_login_forgots {
    text-decoration: none;
    display: grid;
    padding-bottom: 8px;
    letter-spacing: var(--ls-medio);
    color: var(--color-blue);
    transition: 0.3s all;
    padding-left: 65px;
    font-size: var(--Font-Size-x-small);
    font-family: var(--fonts-search);
}

body main .sicgbor_login_username {
    display: flex;
    margin: auto;
    height: 35px;
    width: 250px;    
    letter-spacing: var(--ls-short);
    border-bottom: 2px solid var(--color-gray);
    padding-bottom: 30px;
}

body main section .sicgbor_login_username_hr{
    margin-bottom: 15px;
}

body main section .sicgbor_login_username_bt{
    border-bottom: none;
}

body main section .sicgbor_logins_tn {
    width: 100%;
    transition: 0.3s ease;
    margin-top: 20px;
    background-color: var(--color-dark);
}

body main section .sicgbor_logins_login {
    width: 100%;
    background-color: var(--color-blue);
    color: var(--color-white);
    font-size: var(--Font-Size-semi);
    border-radius: 9px;
    font-family: var(--fonts-nav);
    border: none;
    letter-spacing: var(--ls-medio);
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 12px;
}

body main section .sicgbor_logins_login:hover {
    background-color: var(--color-yellow);
    color: var(--color-dark);
    transition: 0.3s ease;
}


body main section .sicgbor_login_username_no {
    border-bottom: 2px solid var(--color-gray);
    margin-bottom: 15px;
}


body main .sicgbor_input_password {
    background-color: transparent;
    font-family: var(--fonts-search);    
    letter-spacing: var(--ls-medio);
    border: none;
    margin-left: 4px;
    margin-top: 5px;
    outline: none;
}

body main .sicgbor_login_icons {
    color: var(--color-gray);
    font-size: var(--Font-Size-large);
}

body main .sicgbor_login_form {
    height: 100%;
}

body main .sicgbor_login_form {
    padding-top: 25px;
}

/* x x x x x x x x x x x x Terms X X X X X X X X X X X X X X X X X */

body main .sicgbor_terms {
    max-width: 600px;
    min-width: 450px;
    margin: auto;
    padding: 15px 30px;
    font-family: var(--fonts-roboto);
    color: var(--color-dark);
    background-color: var(--color-gray);
    margin-bottom: 40px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;

}

body main .sicgbor_terms_text {
    padding: 0 20px;
    height: 500px;
    overflow: auto;
    font-size: var(--Font-Size-medium);
}

body main .sicgbor_terms_text::-webkit-scrollbar {
    width: 5px;
    background-color: var(--color-yellow);
}

body main .sicgbor_terms_text::-webkit-scrollbar-thumb {
    background-color: var(--color-blue);
}

body main .sicgbor_terms_title {
    color: var(--color-dark);
    padding-bottom: 7px;
    letter-spacing: var(--ls-medio);
    font-family: var(--fonts-nav);
}

body main .sicgbor_terms_subtitle {
    color: var(--color-dark);
    padding-bottom: 4px;
    letter-spacing: var(--ls-medio);
    color: var(--color-dark);
    font-family: var(--fonts-search);
}

body main .sicgbor_terms_greetings {
    color: var(--color-black);
    padding-bottom: 7px;
    letter-spacing: var(--ls-medio);
}

body main .sicgbor_terms_paragraph {
    margin-top: 8px;
    letter-spacing: var(--ls-medio);
    font-family: var(--fonts-search);
}

body main .sicgbor_terms_btns {
    width: 60%;
    margin: auto;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}

body main .sicgbor_terms_a {
    align-content: center;
    border-radius: 4px;
    padding-left: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 25px;
    letter-spacing: var(--ls-medio);
    font-size: var(--Font-Size-semi);
    text-decoration: none;
    color: var(--color-white);
    background-color: var(--color-blue);
    font-family: var(--fonts-nav);
}

body main .sicgbor_terms_acept {
    color: var(--color-dark);
    background-color: var(--color-yellow);
}

body main .sicgbor_terms_import  {
    padding-top: 12px;
    padding-left: 20px;
    letter-spacing: var(--ls-medio);
    font-size: var(--Font-Size-medium);
    font-family: var(--fonts-roboto);
    color: var(--color-dark);
}  

/* x x x x x x x x x x x x Contact X X X X X X X X X X X X X X X X X */


/* x x x x x x x x x x x x Footer X X X X X X X X X X X X X X X X X */

body .sicgbor_footer_index {
    max-width: 100%;
    height: 30px;
    background-color: var(--color-blue);
}

body footer .sicgbor_nav_index{
    max-width: var(--mx-width);
    margin: auto;

}

body footer .sicgbor_f_ul_index {
    padding-top: 5px;
}


body footer .sicgbor_f_li_index {  
    list-style-type: none;
    display: inline-block;
}

body footer nav ul li .sicgbor_f_a_index {
    text-decoration: none;
    color: var(--color-white);
    margin-left: 10px;
    letter-spacing: var(--ls-medio);
    font-size: var(--Font-Size-semi);
    font-family: var(--fonts-nav);
    transition: 0.3s ease;
}

body footer .sicgbor_f_a_index:hover {
    transition: 0.3s ease;
    color: var(--color-dark);
}

body .sicgbor_footer {
    background-color: var(--color-dark);
    width: 100%;
}

body footer .sicgbor_footer_nav {
    max-width: var(--mx-width);
    height: 100%;
    margin: auto;
    padding: var(--General-paddings);
    min-height: 350px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

body footer .sicgbor_footer_row {
    display: flex;
    padding-top: 50px;
    justify-content: space-between;
    align-items: center;
}

body footer .sicgbor_footer_col {
    min-width: 250px;
    color: var(--color-gray);
    font-family: var(--fonts-nav);
    padding: 0 2rem;
}
sicgbor_contact_form
body footer .sicgbor_footer_first {
    width: 700px;
}

body footer .sicgbor_footer_logo {
    width: 200px;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

body main .sicgbor_footer_texts {
    margin-top: 15px;

}

body footer .sicgbor_footer_h3 {
    color: var(--color-yellow);
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

body footer .sicgbor_footer_row  .sicgbor_footer_i {
    text-decoration: none;
    font-size: var(--Font-Size-large);
    color: var(--color-white);
}

body footer .sicgbor_footer_h3::after {
    content: '';
    height: 3px;
    width: 0px;
    background-color: var(--color-yellow);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.3s ease;
}

body footer .sicgbor_footer_h3:hover::after {
    width: 30px;
}

body footer .sicgbor_footer_social {
    color: var(--color-white);
    transition: 0.3s ease;
    margin-top: 8px;
    margin-right: 5px;
    transition: 0.3s ease;
}

body footer .sicgbor_footer_social a i:hover {
    transition: 0.3s ease;
    transform: scale(1.5);
    filter: grayscale(25);
}

body footer .sicgbor_footer_a {
    margin-bottom: 5px;
    display: block;
    text-decoration: none;
    position: relative;
    font-family: var(--fonts-roboto);
    color: var(--color-white);
    transition: 0.3s ease;
    font-size: var(--Font-Size-medium);
}

body footer .sicgbor_footer_a::before {
    content: '';
    height: 16px;
    width: 3px;
    position: absolute;
    top: 5px;
    left: -10px;
    background-color: var(--color-yellow);
    transition: 0.5s ease;
    opacity: 0;
}

body footer .sicgbor_footer_a:hover::before {
    opacity: 1;
}

body footer .sicgbor_footer_a:hover {
    transform: translateX(-8px);
    color: var(--color-yellow);
}

body footer .sicgbro_footer_contact {
    display: inline-flex;
    justify-content: space-between;
}

body footer .sicgbor_footer_icon {
    margin-right: 15px;
}

body footer .sicgbor_footer_email {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
}

body footer .sicgbor_footer_input {
    border: 0;
    padding: 14px 20px;
    border-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    outline: none;
    background-color: var(--color-gray);
}


body footer .sicgbor_footer_button {
    border: 0;
    padding: 18px 25px;
    border-radius: 6;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background-color: var(--color-yellow);

}

/* x x x x x x x x x x x x Services X X X X X X X X X X X X X X X X X */

body main .sicgbor_services_container {
    background-color: transparent;
    padding: var(--General-paddings);
    padding-bottom: 80px;
}

body main .sicgbor_services_title {
    position: relative;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding-top: 50px;
    margin-bottom: 70px;
    font-size: var(--Font-Size-large);
    letter-spacing: var(--ls-medio);
    font-family: var(--fonts-text);
    font-weight: 800;
    color: var(--color-dark);
}

body main .sicgbor_services_title::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -9px;
    transform: translateX(-50%);
    width: 100px;
    height: 5px;
    background: var(--color-yellow);
}

body main .sicgbor_services_row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    grid-gap: 20px;
}

body main .sicgbor_serivce {
    padding: 25px 15px;
    text-align: center;
    border-radius: 5px;
    transition: 0.3s ease;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

body main .sicgbor_serivce:hover {
    transform: scale(1.1);
    background-color: var(--color-yellow);
}

body main .sicgbor_services_icons {
    font-size: var(--Font-Size-Giant);
    color: var(--color-blue);
}

body main .sicgbor_services_titles {
    color: var(--color-blue);
    padding-top: var(--General-paddings);
    padding-bottom: var(--General-paddings);
    letter-spacing: var(--ls-medio);
    font-family: var(--fonts-roboto);
    font-weight: 800;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: var(--Font-Size-large);
}

body main .sicgbor_services_bt  {
    text-decoration: none;
    color: var(--color-dark);
    letter-spacing: var(--ls-medio);
    transition: 0.3s ease;
    font-family: var(--fonts-nav);
    border-bottom: 2px solid var(--color-dark);
    padding-top: 50px;
}


body main .sicgbor_services_bt:hover {
    transition: 0.3s ease;
    border-bottom: 2px solid var(--color-white);
    color: var(--color-white);
}

/* x x x x x x x x x x x x Acordion X X X X X X X X X X X X X X X X X */

body main .sicgbor_accordion_menu  {
    margin: 60px auto;
    width: 600px;
}

body main .sicgbor_services_subtitle {
    font-family: var(--fonts-roboto);
    text-align: center;
    letter-spacing: var(--ls-medio);
    font-size: var(--Font-Size-semi);
    color: var(--color-dark);
}

body main .sicgbor_services_texts {
    font-family: var(--fonts-roboto-regular);
    color: var(--color-dark);
    line-height: 1.5;
    font-size: var(--Font-Size-less-semi);
}

body main .sicgbor_accordion_details {
    box-shadow: rgba(93, 92, 92, 0.19) 0px 3px 5px;
    margin-bottom: 10px;
}

body main .sicgbor_accordion_form {
    padding: 15px;
}

body main .sicgbor_accordion_input:focus {    
    border: none;
    outline: none;
    border: 12px;
    color: var(--color-gray);
    font-family: var(--fonts-regular);
    border-bottom: 0.1px solid var(--color-blue);
}

body main input:focus {
    outline: none;
}

body main .sicgbor_accordion_summary {
    padding: 15px;
    position: relative;
    list-style: none;
    outline: none;    
    display: flex;
    align-items: center;
    padding: 20px 20px 20px 10px;
    font-size: var(--Font-Size-semi);
    font-weight: 500;
    font-family: var(--fonts-text);
    cursor: pointer;
}

body main .sicgbor_accordion_pharaghra {
    padding: 15px;
    color: var(--color-dark);
    font-family: var(--fonts-search);
    letter-spacing: var(--ls-short);
    font-weight: 550;
}

body main .sicgbor_accordion_summary::after {
    content: '+';
    position: absolute;
    top: 10px;
    right: 15px;
    font-size-adjust: var(--Font-Size-large);
    color: var(--color-yellow);
    transition: 0.3s linear;
}

body main section details[open] .sicgbor_accordion_summary::after {
    transform: rotate(135deg);    
    overflow: hidden;
    transition: max-height 0.5s, 
    padding 0.5s;
}

body main section details[open] .sicgbor_accordion_summary {
    background-color: var(--color-blue);
}

/* x x x x x x x x x x x x Projects X X X X X X X X X X X X X X X X X */

body main .sicgbor_projects_row {
    position: relative;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
}

body main .sicgbor_projects_col {
    position: relative;
    width: 45%;
}

body main .sicgbor_projects_figures  {
    position: relative;
    width: 100%;
    max-width: 450px;
    min-height: 300px;
}

body main .sicgbor_projects_title {
    font-size: var(--Font-Size-xtra-large);
    color: var(--color-blue);
    margin-top: 20px;
    margin-bottom: 15px;
    letter-spacing: var(--ls-medio);
    font-family: var(--fonts-nav);

}

body main .sicgbor_projects_span {
    font-size: var(--Font-Size-extra-Giant);
    color: var(--color-yellow);
    font-weight: 900;
}

body main .sicgbor_projects_pharaghra {
    font-family: var(--fonts-roboto-regular);
    color: var(--color-dark);
    font-size: var(--Font-Size-medium);
    color: var(--color-dark);
    line-height: 1.5;
}

body main .sicgbor_projects_subtitle {
    color: var(--color-blue);
    letter-spacing: var(--ls-medio);
    margin-top: 10px;

    margin-bottom: 10px;
    font-family: var(--fonts-roboto);
    font-size: var(--Font-Size-medium-plus);
}

body main .sicgbor_projects_imgs  {    
    max-width: 450px;
    min-height: 450px;
    object-fit: cover;
}

body main .sicgbor_projects_spans {
    color: var(--color-blue);
    font-weight: 800;
    letter-spacing: var(--ls-medio);
    font-size: var(--Font-Size-medium);
    font-family: var(--fonts-roboto);
}

/* x x x x x x x x x x x x admin X X X X X X X X X X X X X X X X X */

body main .sicgbor_admin_container {
    max-width: var(--mx-width);
    border: 0.1px solid var(--color-gray);
    width: 100%;
    padding: var(--General-paddings);
    margin: auto;
    color: var(--color-dark);
    margin-top: 30px;
    padding: var(--General-paddings);
    display: flex;
}

body main .sicgbor_admin_container_public {
    border: 0.1px solid var(--color-white);
}

body main .sicgbor_admin_description {
    width: 280px;
    border-right: 0.1px solid var(--color-blue);
    padding: var(--General-paddings);
}

body main .sicgbor_admin_photo {
    width: 100%;
    border-radius: 50%;
    margin-bottom: 15px;
}

body main .sicgbor_admin_panel {
    width: 80%;
}

body main .sicgbor_admin_panel_public {
    border-left: 0.1px solid var(--color-white);
}

body main .sicgbor_admin_group {
    display: flex;
    font-size: var(--Font-Size-medium);
    border-bottom: 0.3px solid var(--color-white);
}

body main .sicgbor_admin_groups {
    display: flex;
    margin-left: 5px;
    border-bottom: 0.1px solid var(--color-white);
}

body main .sicgbor_admin_groups_public {
    display: flex;
    margin-left: 5px;
    margin-top: 7px;
    padding-left: var(--General-paddings);
}

body main .sicgbor_admin_icon {
    color: var(--color-white);
    margin-left: 10px;
    margin-top: 8px;
    margin-right: 5px;
    font-size: var(--Font-Size-extra-Giant);
}

body main .sicgbor_admin_btnes_colors {
    color: var(--color-white);
    background-color: var(--color-blue);
}

body main .sicgbor_admin_btnes_yelow  {
    color: var(--color-dark);
    background-color: var(--color-yellow);
}

body main .sicgbor_admin_btnes_delete {
    color: var(--color-white);
    background-color: var(--color-dark);
}

body main .sicgbor_admin_bg_white {
    background-color: var(--color-dark);
}

body main .sicgbor_admin_icon {
    color: var(--color-gray);
}

body main .sicgbor_admin_icon_public {
    color: var(--color-white);
    margin-left: 10px;
    margin-top: 8px;
    margin-right: 5px;
    font-size: var(--Font-Size-extra-Giant);
}

body main .sicgbor_admin_title  {
    margin-top: 20px;
    font-size: var(--Font-Size-xtra-large);
    font-family: var(--fonts-regular);
}

body main .sicgbor_profile_posts {
    color: var(--color-blue);
    padding-left: 30px;
}

body main .sicgbor_admin_options {
    margin-bottom: 20px;
}

body main .sicgbor_admin_btns {
    margin-left: 8px;
    font-family: var(--fonts-nav);
    padding: 10px 10px 10px 15px;
    color: var(--color-dark);
    text-decoration: none;
    border-radius: 6px;
    letter-spacing: var(--ls-short);
    transition: 0.3s ease;
    border: 0.1px solid var(--color-white);
}
body main .sicgbor_admin_btns:hover {
    transition: 0.3s ease;
    color: var(--color-black);
    background-color: var(--color-white);
}

body main .sicgbor_admin_icon2 {
    color: var(--color-graysicgbor_admin_icon);
    margin-left: 10px;
    margin-top: 8px;
    margin-right: 5px;
    font-size: var(--Font-Size-extra-Giant);
}

body main .sicgbor_admin_icon2_public {
    color: var(--color-white);
    margin-left: 10px;
    margin-top: 8px;
    margin-right: 5px;
    font-size: var(--Font-Size-extra-Giant);
}

body main .sicgbor_admin_icon3 {
    color: var(--color-gray);
    margin-left: 10px;
    margin-top: 10px;
    font-size: var(--Font-Size-extra-Giant);
}

body main .sicgbor_admin_icon3_public {    
    color: var(--color-white);
    margin-left: 10px;
    margin-top: 8px;
    margin-right: 5px;
    font-size: var(--Font-Size-extra-Giant);
}

body main .sicgbor_admin_name {
    font-size: var(--Font-Size-medium-plus);
    font-family: var(--fonts-nav);
    text-align: center;
    margin-bottom: 10px;
    color: var(--color-dark);
    border-bottom: 0.1px solid var(--color-dark);
}

body main .sicgbor_admin_headline {    
    font-size: var(--Font-Size-small);
    font-family: var(--fonts-nav);
    color: var(--color-dark);
    border: none;
    padding-bottom: 5px;
    border-bottom: 0.1px solid var(--color-gray);
}

body main .sicgbor_admin_bio {
    padding-left: 10px;
    padding-right: 10px;
    color: var(--color-dark);
    font-size: var(--Font-Size-semi);
    letter-spacing: var(--ls-medio);
    border-bottom: 0.1px solid var(--color-dark);
    font-family: var(--fonts-search);
    margin-bottom: 15px;
    padding-bottom: 7px;
}

body main .sicgbor_admin_botons  {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

body main .sicgbor_admin_btn_update  {    
    display: flex;
    text-decoration: none;
    font-family: var(--fonts-nav);
    color: var(--color-white);
    padding-top: 2px;
    font-size: var(--Font-Size-medium);
    padding-left: 20px;
    letter-spacing: var(--ls-medio);
    border-radius: 9px;
    padding-right: 20px;
    padding-bottom: 5px;
    background-color: var(--color-blue);
}

body main .sicgbor_admin_btn_close {    
    display: flex;
    text-decoration: none;
    font-family: var(--fonts-nav);
    color: var(--color-dark);
    padding-top: 2px;
    font-size: var(--Font-Size-medium);
    padding-left: 20px;
    letter-spacing: var(--ls-medio);
    border-radius: 9px;
    padding-right: 20px;
    background-color: var(--color-white);
}

body main .sicgbor_admin_btn_close {
    background-color: var(--color-yellow);

}

body main .sicgbor_admin_group {
    background-color: var(--color-dark);
    padding-bottom: 10px;
    padding-top: 10px;
    display: flex;
}

body main .sicgbor_admin_info {
    padding-top: 5px;
    font-family: var(--fonts-roboto);
    font-size: var(--Font-Size-small);
    padding-left: 12px;
    color: var(--color-gray);
    letter-spacing: var(--ls-short);
}

body main .sicgbor_admin_span {
    color: var(--color-yellow);
}

body main .sicgbor_admin_icons {
    padding-top: 8px;
    padding-left: 10px;
    color: var(--color-gray);
}

body main .sicgbor_admin_sm {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
    color: var(--color-black);
    transition: 0.3s;
    font-size: var(--Font-Size-medium-plus);
}

body main .sicgbor_admin_link {
    text-decoration: none;
}

body main .sicgbor_admin_link:hover {
    color: var(--color-white);
}

body main .sicgbor_admin_sm:hover {
    color: var(--color-blue);
    transition: 0.3s ease;
    transform: scale(1.1);
    filter: grayscale(25);
}

/* x x x x x x x x x x x x Create posts X X X X X X X X X X X X X X X X X */
body main .sicgbor_create_post_container {
    padding-top: 25px;
    border: none;
}

body main .sicgbor_post_form {
    margin-top: 20px;
    padding: var(--General-paddings);
    width: 700px;
    border: none;
    margin: auto;
    box-shadow: rgba(93, 92, 92, 0.19) 0px 3px 5px;
}

body main .sicgbor_post_btns {}

body main .sicgbor_posts_form {
    border: none;
    box-shadow: rgba(93, 92, 92, 0.19) 0px 3px 5px;
}

body main .sicgbor_posts_form_color {
    background-color: var(--color-white);
    border: none;
    box-shadow: rgba(93, 92, 92, 0.19) 0px 3px 5px;
}

body main .sicgbor_posts_form_colors  {
    padding: var(--General-paddings);
    background-color: var(--color-white);
}

body main .sicgbor_post_title {
    color: var(--color-dark);
    border: none;

    font-family: var(--fonts-text);
}

body main .sicgbor_post_subtitle {
    color: var(--color-dark);
    border: none;

    font-size: var(--Font-Size-semi);
    font-family: var(--fonts-roboto);
}

body main .sicgbor_posts_labels  {
    color: var(--color-blue);
    padding: var(--General-paddings);
    font-size: var(--Font-Size-medium);
    font-family: var(--fonts-text);
}

body main .sicgbor_post_butons {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
}

body main .sicgbor_post_butons {
    margin-top: 20px;
    padding-top: 10px;
}

body main .sicgbor_post_btns {
    text-decoration: none;
    color: var(--color-white);
    background-color: var(--color-blue);
    padding-top: 10px;
    border-radius: 6px;
    font-family: var(--fonts-nav);
    letter-spacing: var(--ls-short);
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

body main .sicgbor_post_btcreate {
    text-decoration: none;
    color: var(--color-dark);
    background-color: var(--color-yellow);
    padding-top: 10px;
    letter-spacing: var(--ls-short);
    font-family: var(--fonts-nav);
    border-radius: 6px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
}

body main .sicgbor_posts_update {
    background-color: var(--color-yellow);
    color: var(--color-white);
    font-size: var(--fonts-nav);
    padding: 7px;    
}

body main .sicgbor_posts_update_blue {
    background-color: var(--color-blue);
}

body main .sicgbor_posts_update_links {
    text-decoration: none;
}

body main .sicgbor_posts_bkcolors {
    background-color: var(--color-black);
}

body main .sicgbor_posts_update_black {
    background-color: var(--color-dark);
}

/* x x x x x x x x x x x x Media Query X X X X X X X X X X X X X X X X X */
/* x x x x x x x x x x x x Media Query X X X X X X X X X X X X X X X X X */
@media screen and (max-width: 830px ) {
    body main .sicgbor_admin_container {
        background-color: var(--color-blue);
        display: flex;
        flex-direction: column;
    }

    body main .sicgbor_admin_description {
        width: 100%;
    }

    body main .sicgbor_admin_photo {
        max-width: 350px;
        align-content: center;
    }
}

@media screen and (max-width: 768px ) {
    body main .sicgbor_aboutus_img {
        width: 100%;
        float: none;
        height: 450px;
    }
    body main .sicgbor_projects_col {
        flex-direction: column;
        width: 100%;
    }

}

@media(max-width:900px) {
    body footer .sicgbor_footer_row {
        flex-direction: column;
    }
        body main .sicgbor_aboutus_visions {
        flex-direction: column;
    }
    body main .sicgbor_aboutus_vision {
        width: 100%;
        margin-bottom: 50px;
    }
}

@media(max-width: 991px) {
    body header .sicgbor_navigation_ul {
        display: none;
        box-shadow: rgba(93, 92, 92, 0.19) 0px 3px 5px;

    }

    body header .sicgbor_navigation_ul.active {
        width: 100%;
        height: calc(100% - 45px);
        position: fixed;
        top: 45px;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        box-shadow: rgba(93, 92, 92, 0.19) 0px 3px 5px;
        background-color: var(--color-white);
    }

    body header .sicgbor_navigation_li {
        margin-left: 0;
    }

    body header .sicgbor_navigation_ul .sicgbor_navigation_li .sicgbor_navigation_a {
        font-weight: 300;
    }

    body header .sicgbor_header_menuToggle {
        position: relative;
        width: 40px;
        height: 40px;
        background-image: url(../imgs/links_sicgbor.png);
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

        body header .sicgbor_header_menuToggle.active {
        background-image: url(../imgs/sicgbor_close_online_icons.png);
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: center;
    }

    body header .sticky .sicgbor_header_menuToggle {
        filter: invert(1);
        box-shadow: rgba(93, 92, 92, 0.19) 0px 3px 5px;

    }


/* x x x x x x x x x x x x Media Query footer X X X X X X X X X X X X X X X X X */

   @media (max-width: 900px)
    {
        body footer .sicgbor_footer_row {
            flex-direction: column;
        }
        body footer .sicgbor_footer_col {
            width: 100%;
            text-align: left;
            margin-bottom: 25px;
        }
    }

}

@media (max-width: 900px)
    {
        body footer .sicgbor_footer_row {
            flex-direction: column;
        }
        body footer .sicgbor_footer_col {
            width: 100%;
            text-align: left;
            margin-bottom: 20px;
        }
    }



.update-container {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      padding: 2rem;
    }

    .update-left,
    .update-right {
      flex: 1;
      min-width: 280px;
      background: #1e1e1e;
      border-radius: 10px;
      color: #fff;
      padding: 1.5rem;
      box-shadow: 0 0 10px rgba(0,0,0,0.3);
    }

    .update-left img {
      width: 100%;
      border-radius: 10px;
      margin-bottom: 1rem;
    }

    .update-left h3 {
      margin-top: 0.5rem;
      font-size: 1.5rem;
      text-align: center;
    }

    .update-left p {
      font-size: 0.95rem;
      line-height: 1.5;
      text-align: center;
      color: #ccc;
    }

    .update-right form {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    .update-right input,
    .update-right textarea {
      width: 100%;
      padding: 0.8rem;
      border-radius: 6px;
      border: 1px solid #555;
      background-color: #2b2b2b;
      color: #fff;
      font-size: 1rem;
    }

    .update-right input[type="file"] {
      background-color: transparent;
      border: none;
    }

    .update-btns {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
    }

    .sicgbor_post_btns {
      display: inline-block;
      background: #444;
      color: #fff;
      text-decoration: none;
      padding: 0.7rem 1.5rem;
      border-radius: 6px;
      text-align: center;
      font-weight: 500;
      transition: background 0.3s;
    }

    .sicgbor_post_btns:hover {
      background: #27aae1;
      color: #fff;
    }

    .sicgbor_post_btcreate {
      background: #27aae1;
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
      .update-container {
        flex-direction: column;
        padding: 1rem;
      }
      .update-left, .update-right {
        width: 100%;
      }
    }