/* ============================================================
* Project: Turkaysoft Website
* (C) Copyright 2024 - 2026, Turkaysoft
============================================================ */

/* MAIN SETTINGS */
/* ================================================================================================= */
*{ font-family: "Open Sans", sans-serif; margin: 0; padding: 0; box-sizing: border-box; scrollbar-color: var(--content_bg_6) var(--content_bg_2); /* scrollbar-width: thin; */ }
::-moz-selection { background: var(--accent_main); color: var(--accent_three); }
::selection { background: var(--accent_main); color: var(--accent_three); }
html, body { height: 100%; }
body{ background-color: var(--content_bg_1); margin: 0; padding: 0; align-items: center; display: flex; flex-direction: column; }

/* COOKIE CHECK */
/* ================================================================================================= */
.ts_cookie{ background-color: var(--content_blur_bg); color: var(--accent_sec); border: 1px solid var(--content_border); position: fixed; bottom: 20px; left: 20px; width: 350px; height: auto; border-radius: 10px; justify-content: center; align-items: center; display: flex; flex-direction: column; padding: 15px; box-sizing: border-box; gap: 20px; z-index: 999; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.ts_cookie > .ts_cookie_header{ width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; } 
.ts_cookie > .ts_cookie_header > i{ color: var(--accent_main); font-size: 46px; }
.ts_cookie > .ts_cookie_header > h3{ color: var(--accent_main); text-align: center; width: 100%; font-weight: 600; }
.ts_cookie > p{ text-align: center; margin: 0; padding: 0; font-weight: 500; }
.ts_cookie > .ts_cookie_buttons{ width: 100%; height: auto; justify-content: space-around; align-items: center; display: grid; grid-template-columns: repeat(2, 2fr); gap: 5px; }
.ts_cookie > .ts_cookie_buttons > button, .ts_cookie > .ts_cookie_buttons > a{ background-color: var(--accent_main); color: var(--accent_three); display: flex; justify-content: center; align-items: center; gap: 7px; padding: 8px 0; font-size: 15px; width: 100%; border: none; border-radius: 5px; font-weight: 500; text-decoration: none; text-align: center; transition: all 0.1s; cursor: pointer; }
.ts_cookie > .ts_cookie_buttons > button:hover, .ts_cookie > .ts_cookie_buttons > a:hover{ background-color: var(--accent_main_hover); color: var(--accent_three); }
.ts_cookie > .ts_cookie_buttons > a:last-child { grid-column: 1 / -1; }
@media (max-width: 735px){
  .ts_cookie{ border: none; border-top: 1px solid var(--content_border); width: 100%; height: auto; left: 0; bottom: 0; border-radius: 0; gap: 5px; padding: 15px; align-items: start; }
  .ts_cookie > .ts_cookie_header{ flex-direction: row; }
  .ts_cookie > .ts_cookie_header > i{ font-size: 26px; }
  .ts_cookie > .ts_cookie_header > h3{ text-align: left; }
  .ts_cookie > p{ text-align: left; padding: 10px 0 10px 0; }
}

/* SCROLL TOP */
/* ================================================================================================= */
.ts_scroll_top{ color: var(--accent_main); position: fixed; bottom: -50px; right: 20px; z-index: 97; width: auto; height: auto; justify-content: center; align-items: center; display: flex; font-size: 46px; cursor: pointer; transition: 0.3s; }
.ts_scroll_top:hover{ color: var(--accent_main_hover); }
.ts_scroll_top.active{ bottom: 50px; }
@media (max-width: 830px){
  .ts_scroll_top{ font-size: 35px; bottom: -50px; right: 10px; } 
  .ts_scroll_top.active{ bottom: 10px; }
}

/* TS EMOJI MODULE */
/* ================================================================================================= */
#ts_emojiBtn { background-color: var(--content_bg_1); border: 1px solid var(--content_border_3); font-size: 18px; cursor: pointer; user-select: none; -webkit-user-select: none; padding: 5px; position: absolute; bottom: 10px; left: 7px; border-radius: 5px; outline: none; transition: background-color 0.2s; }
#ts_emojiBtn:hover { background-color: var(--content_bg_2); }
#ts_emojiBtn > i{ color: var(--accent_sec); pointer-events: none; transition: color 0.2s; }
#ts_emojiBtn:hover > i{ color: var(--accent_main); }
/* --- */
#ts_emojiBtn:hover > i.astel{ color: var(--primary_green); }
#ts_emojiBtn:hover > i.encryphix{ color: var(--primary_steel_blue); }
#ts_emojiBtn:hover > i.glow{ color: var(--primary_blue); }
#ts_emojiBtn:hover > i.vcardix{ color: var(--primary_aqua); }
#ts_emojiBtn:hover > i.vimera{ color: var(--primary_purple); }
#ts_emojiBtn:hover > i.yamira{ color: var(--primary_red); }
#ts_emojiBtn:hover > i.zafuse{ color: var(--primary_pink); }
/* --- */
#ts_emojiPanel { scrollbar-width: thin; scrollbar-color: var(--content_border_3) transparent; border: 1px solid var(--content_border_3); background: var(--content_bg_2); -webkit-box-shadow: 0px 0px 13px -3px var(--content_shadow); -moz-box-shadow: 0px 0px 13px -3px var(--content_shadow); box-shadow: 0px 0px 13px -3px var(--content_shadow); outline: none; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s; padding: 10px; width: 200px; max-width: 90vw; max-height: 140px; overflow-y: auto; position: absolute; z-index: 98; border-radius: 5px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin: -15px 0 0 7px; }
#ts_emojiPanel.show { opacity: 1; visibility: visible; transform: translateY(0); }
#ts_emojiPanel > .ts_emoji { background-color: var(--content_bg_1); border-color: var(--content_border_3); display: flex; justify-content: center; align-items: center; font-size: 24px; cursor: pointer; user-select: none; -webkit-user-select: none; border-radius: 5px; padding: 2px 0; transition: background-color 0.15s ease; touch-action: manipulation; }
#ts_emojiPanel > .ts_emoji:hover, .ts_emoji:focus { background: var(--content_bg_3); outline: none; }
/* --- */
@media (max-width: 480px) {
  #ts_emojiPanel{ gap: 7px; width: 260px; }
  #ts_emojiPanel > .ts_emoji { font-size: 24px; padding: 10px; }
}

/* TS MENU */
/* ================================================================================================= */
.ts_menu{ border-bottom: 1px solid var(--content_border_2); background-color: var(--content_blur_bg); display: flex; align-items: center; justify-content: space-around; padding: 0 25px; width: 100%; height: 68px; position: fixed; top: 0; z-index: 99; transition: border 0.2s; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.ts_menu > .ts_menu_mid{ width: 1440px; height: 100%; display: flex; justify-content: space-between; }
.ts_menu > .ts_menu_mid > .ts_menu_nav { display: flex; justify-content: center; align-items: center; gap: 30px; }
.ts_menu > .ts_menu_mid > .ts_menu_nav > a > .ts_menu_logo{ width: 40px; height: 40px; fill: var(--accent_sec); transition: fill 0.2s; }
.ts_menu > .ts_menu_mid > .ts_menu_nav > a > .ts_menu_logo:hover{ fill: var(--accent_main); }
/* --- */
.ts_menu > .ts_menu_mid > .ts_menu_nav > ul{ display: flex; flex-direction: row; align-items: center; gap: 20px; font-weight: 600; font-size: 16px; }
.ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li{ list-style: none; }
.ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li > a{ color: var(--accent_sec); text-decoration: none; display: flex; justify-content: center; align-items: center; gap: 7px; transition: color 0.2s; }
.ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li:nth-child(5) > a{ color: var(--accent_sec); padding: 5px 12px; border: 2px solid var(--accent_main); border-radius: 10px; transition: 0.2s; }
.ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li:nth-child(5) > a:hover{ background-color: var(--accent_main); color: var(--accent_three); }
.ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li:nth-child(5) > a > i{ width: 12px; }
.ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li > a:hover{ color: var(--accent_main); }
.ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li > a.active{ color: var(--accent_main); }
.ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li > a > i{ font-size: 18px; width: auto; text-align: center; }
/* --- */
.ts_menu > .ts_menu_mid > .ts_menu_settings{ width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 2px; }
/* --- */
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_theme{ background-color: var(--content_bg_1); color: var(--accent_sec); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 5px 0 0 5px; font-size: 18px; transition: background-color 0.2s; }
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_theme:hover{ background-color: var(--content_bg_3); }
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang{ width: auto; height: auto; }
/* --- */
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_header{ background-color: var(--content_bg_1); color: var(--accent_sec); border-radius: 0 5px 5px 0; width: auto; height: 40px; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; gap: 10px; cursor: pointer; user-select: none; -webkit-user-select: none; font-size: 15px; font-weight: 600; transition: background-color 0.2s; }
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_header:hover{ background-color: var(--content_bg_3); }
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_header > i{ transition: transform 0.2s ease; }
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_header > i.active{ transform: rotate(-180deg); }
/* --- */
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_content { background-color: var(--content_bg_4); color: var(--accent_sec); -webkit-box-shadow: 0px 0px 13px -3px var(--content_shadow); -moz-box-shadow: 0px 0px 13px -3px var(--content_shadow); box-shadow: 0px 0px 13px -3px var(--content_shadow); margin: 5px 0 0 0; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 1px; width: 105px; border-radius: 5px; overflow: hidden; font-weight: 500; position: absolute; z-index: 100; opacity: 0; visibility: hidden; transform: translateY(-5px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; pointer-events: none; }
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_content > span { background-color: var(--content_bg_1); color: var(--accent_sec); width: 100%; height: 100%; padding: 10px 10px; font-size: 15px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 5px; transition: background-color 0.2s; user-select: none; -webkit-user-select: none; }
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_content > span:hover { background-color: var(--content_bg_3); }
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_content.active { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_content > .active_lang { pointer-events: none; opacity: 0.7; cursor: default; }
/* --- */
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_bar{ background-color: var(--content_bg_1); color: var(--accent_sec); width: 35px; height: 35px; font-size: 18px; display: flex; justify-content: center; align-items: center; border-radius: 0 5px 5px 0; cursor: pointer; display: none; text-align: center; transition: background-color 0.2s; }
.ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_bar:hover{ background-color: var(--content_bg_3); }
/* --- */
@media (max-width: 925px){
  /* --- */
  .ts_menu{ padding: 0 15px; height: 58px; }
  .ts_menu > .ts_menu_mid > .ts_menu_nav > a > .ts_menu_logo{ width: 35px; height: 35px; }
  /* --- */
  .ts_menu > .ts_menu_mid > .ts_menu_nav > ul{ border-left: 1px solid var(--content_border_2); background-color: var(--content_bg_2); position: fixed; width: 50%; height: 100vh; top: 58px; right: -100%; transition: right 0.3s ease; flex-direction: column; gap: 1px; }
  .ts_menu > .ts_menu_mid > .ts_menu_nav > ul.active{ right: 0; }
  .ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li{ font-size: 16px; border-bottom: 1px solid var(--content_border_2); display: flex; width: 100%; }
  .ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li > a{ color: var(--accent_sec); padding: 10px 10px; width: 100%; font-weight: 500; justify-content: start; gap: 5px; }
  .ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li > a:hover{ color: var(--accent_main); }
  .ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li > a.active{ color: var(--accent_main); }
  .ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li:nth-child(5) > a{ padding: 10px; border-radius: 0; border: 0; background-color: var(--accent_main); color: var(--accent_three); }
  .ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li:nth-child(5) > a:hover{ border-radius: 0; background-color: var(--accent_main_hover); }
  .ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li:nth-child(5) > a > i{ width: 25px; font-size: 16px; }
  .ts_menu > .ts_menu_mid > .ts_menu_nav > ul > li > a > i{ width: 25px; font-size: 16px; height: auto; }
  /* --- */
  .ts_menu > .ts_menu_mid > .ts_menu_settings{ gap: 1px; }
  .ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_theme{ height: 35px; width: 35px; font-size: 16px; }
  .ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_header{ border-radius: 0; font-size: 12px; height: 35px; padding: 0 5px; gap: 5px; }
  .ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_header > i{ font-size: 12px; }
  .ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_content{ font-size: 12px; width: 80px; }
  .ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_setting_lang > .ts_msl_content > span{ font-size: 12px; padding: 7px 7px; }
  /* --- */
  .ts_menu > .ts_menu_mid > .ts_menu_settings > .ts_menu_bar{ display: flex; }
}
@media (max-width: 450px){
  .ts_menu > .ts_menu_mid > .ts_menu_nav > ul{ width: 75%; }
}

/* TS CONTAINER */
/* ================================================================================================= */
.ts_container{ width: 1440px; margin: 85px 0 20px 0; display: flex; flex-direction: column; flex-grow: 1; }
@media (max-width: 1460px){ .ts_container{ width: 1250px; } }
@media (max-width: 1270px){ .ts_container{ width: 1024px; } }
@media (max-width: 1045px){ .ts_container{ width: 960px; } }
@media (max-width: 980px){ .ts_container{ width: 720px; } }
@media (max-width: 830px){ .ts_container{ width: 720px; margin: 75px 0 18px 0; } }
@media (max-width: 740px){ .ts_container{ width: 480px; } }
@media (max-width: 500px){ .ts_container{ width: 400px; } }
@media (max-width: 410px){ .ts_container{ width: 340px; } }
/* ================================================================================================= */

/* CHAPTER */
/* ================================================================================================= */
.chapter_title{ margin: 20px 0; font-size: 28px; text-align: left; color: var(--accent_sec); display: flex; justify-content: start; align-items: center; gap: 15px; }
.chapter_title > .chapter_mode{ width: 27px; height: 27px; min-width: 27px; min-height: 27px; background-color: var(--accent_main); border-radius: 10px 5px 10px 5px; }
/* --- */
.chapter_title.astel > .chapter_mode{ background-color: var(--primary_green); }
.chapter_title.encryphix > .chapter_mode{ background-color: var(--primary_steel_blue); }
.chapter_title.glow > .chapter_mode{ background-color: var(--primary_blue); }
.chapter_title.vcardix > .chapter_mode{ background-color: var(--primary_aqua); }
.chapter_title.vimera > .chapter_mode{ background-color: var(--primary_purple); }
.chapter_title.yamira > .chapter_mode{ background-color: var(--primary_red); }
.chapter_title.zafuse > .chapter_mode{ background-color: var(--primary_pink); }
/* ================================================================================================= */

/* TS ANNOUNCEMENT */
/* ================================================================================================= */
.ts_announcement { background-color: var(--content_bg_2); display: flex; width: 100%; height: auto; margin: 0 0 20px 0; border-radius: 10px; font-weight: 600; justify-content: start; align-items: center; gap: 10px; overflow: hidden; padding: 10px; border: 2px solid transparent; background-image: linear-gradient(var(--content_bg_2), var(--content_bg_2)), linear-gradient(to right, var(--primary_purple), color-mix(in srgb, var(--primary_purple_hover), white 30%)); background-origin: border-box; background-clip: padding-box, border-box; }
.ts_announcement > span { background-color: var(--primary_purple); color: var(--accent_three); width: 37px; height: 37px; min-width: 37px; min-height: 37px; font-size: 18px; display: flex; justify-content: center; align-items: center; border-radius: 35% 15% 35% 15%; }
/* --- */
.ts_announcement.development {background-image: linear-gradient(var(--content_bg_2), var(--content_bg_2)), linear-gradient(to right, var(--primary_blue), color-mix(in srgb, var(--primary_blue_hover), white 35%)); }
.ts_announcement.development > span { background-color: var(--primary_blue); }
.ts_announcement.optimization { background-image: linear-gradient(var(--content_bg_2), var(--content_bg_2)), linear-gradient(to right, var(--primary_green), color-mix(in srgb, var(--primary_green_hover), white 35%)); }
.ts_announcement.optimization > span { background-color: var(--primary_green); }
.ts_announcement.maintenance { background-image: linear-gradient(var(--content_bg_2), var(--content_bg_2)), linear-gradient(to right, var(--primary_orange), color-mix(in srgb, var(--primary_orange_hover), white 35%)); }
.ts_announcement.maintenance > span { background-color: var(--primary_orange); }
.ts_announcement.stability { background-image: linear-gradient(var(--content_bg_2), var(--content_bg_2)), linear-gradient(to right, var(--primary_red), color-mix(in srgb, var(--primary_red_hover), white 35%)); }
.ts_announcement.stability > span { background-color: var(--primary_red); }
/* --- */
.ts_announcement > p { color: var(--accent_sec); }
.ts_announcement > p > a { color: var(--accent_main); text-decoration: none; transition: color 0.2s; font-weight: 700; }
.ts_announcement > p > a:hover { color: var(--accent_main_hover); }
/* --- */
@media (max-width: 490px) { .ts_announcement > p { font-size: 14px; } }

/* TS BREADCRUMB */
/* ================================================================================================= */
ul.ts_breadcrumb { background-color: var(--content_bg_2); list-style: none; padding: 15px; border-radius: 10px; display: flex; justify-content: start; align-items: center; flex-wrap: wrap; gap: 5px; font-weight: 600; }
ul.ts_breadcrumb > li { color: var(--accent_sec); }
ul.ts_breadcrumb > li > i { color: var(--accent_sec); }
/* --- */
ul.ts_breadcrumb > li > a { color: var(--accent_main); text-decoration: none; transition: color 0.2s; }
ul.ts_breadcrumb.astel > li > a { color: var(--primary_green); }
ul.ts_breadcrumb.encryphix > li > a { color: var(--primary_steel_blue); }
ul.ts_breadcrumb.glow > li > a { color: var(--primary_blue); }
ul.ts_breadcrumb.vcardix > li > a { color: var(--primary_aqua); }
ul.ts_breadcrumb.vimera > li > a { color: var(--primary_purple); }
ul.ts_breadcrumb.yamira > li > a { color: var(--primary_red); }
ul.ts_breadcrumb.zafuse > li > a { color: var(--primary_pink); }
/* --- */
ul.ts_breadcrumb > li > a:hover { color: var(--accent_main_hover); }
ul.ts_breadcrumb.astel > li > a:hover { color: var(--primary_green_hover); }
ul.ts_breadcrumb.encryphix > li > a:hover { color: var(--primary_steel_blue_hover); }
ul.ts_breadcrumb.glow > li > a:hover { color: var(--primary_blue_hover); }
ul.ts_breadcrumb.vcardix > li > a:hover { color: var(--primary_aqua_hover); }
ul.ts_breadcrumb.vimera > li > a:hover { color: var(--primary_purple_hover); }
ul.ts_breadcrumb.yamira > li > a:hover { color: var(--primary_red_hover); }
ul.ts_breadcrumb.zafuse > li > a:hover { color: var(--primary_pink_hover); }

/* TS SLIDER */
/* ================================================================================================= */
.ts_slider { width: 100%; height: 450px; position: relative; overflow: hidden; border-radius: 10px; display: flex; justify-content: center; align-items: center; touch-action: pan-y; }
.ts_slider > .ts_slider_list { position: absolute; inset: 0; display: flex; transition: transform 0.6s ease; will-change: transform; }
.ts_slider > .ts_slider_list > .ts_slider_item { min-width: 100%; height: 100%; }
.ts_slider > .ts_slider_list > .ts_slider_item img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* --- */
.ts_slider_contents { position: absolute; width: 75%; z-index: 1; display: flex; align-items: center; }
.ts_slider_contents > .ts_slider_content { display: none; flex-direction: column; gap: 10px; opacity: 0; transition: opacity 0.4s ease; }
.ts_slider_contents > .ts_slider_content.active { display: flex; opacity: 1; }
.ts_slider_contents > .ts_slider_content > h3,
.ts_slider_contents > .ts_slider_content > p,
.ts_slider_contents > .ts_slider_content > a { opacity: 0; transform: translateY(20px); animation: tsSliderEffects 0.5s ease-in-out forwards; }
.ts_slider_contents > .ts_slider_content > h3 { color: var(--ts_slider_txt_fe); font-weight: 700; font-size: 24px; text-shadow: 0 1px 1px var(--content_shadow); }
.ts_slider_contents > .ts_slider_content > p { color: var(--ts_slider_txt_fe); font-weight: 500; font-size: 17px; text-shadow: 0 1px 1px var(--content_shadow); }
.ts_slider_contents > .ts_slider_content > a { background-color: var(--ts_slider_txt_btn_bg); color: var(--ts_slider_txt_btn_fe); font-weight: 500; margin-top: 10px; padding: 8px 20px; border-radius: 5px; text-decoration: none; transition: background-color 0.2s; align-self: flex-start; }
.ts_slider_contents > .ts_slider_content > a:hover { background-color: var(--ts_slider_txt_btn_bg_hover); }
.ts_slider_contents > .ts_slider_content.active > h3 { animation-delay: 0.1s; }
.ts_slider_contents > .ts_slider_content.active > p { animation-delay: 0.2s; }
.ts_slider_contents > .ts_slider_content.active > a { animation-delay: 0.3s; }
@keyframes tsSliderEffects { to { opacity: 1; transform: translateY(0); } }
/* --- */
.ts_slider > .ts_slider_buttons { position: absolute; width: 99%; display: flex; justify-content: space-between; opacity: 0; transition: 0.1s; }
.ts_slider:hover > .ts_slider_buttons { opacity: 1; }
.ts_slider > .ts_slider_buttons > i { color: var(--ts_slider_btn_bg); font-size: 36px; cursor: pointer; transition: color 0.2s; }
.ts_slider > .ts_slider_buttons > i:hover { color: var(--ts_slider_btn_bg_hover); }
/* --- */
.ts_slider > .ts_slider_dots { position: absolute; bottom: 15px; left: 15px; display: flex; gap: 15px; list-style: none; }
.ts_slider > .ts_slider_dots > li { background-color: var(--ts_slider_rotate_fe); width: 10px; height: 10px; border-radius: 50%; cursor: pointer; transition: transform 0.5s; flex-shrink: 0; }
.ts_slider > .ts_slider_dots > li.active { transform: scale(1.6); }
/* --- */
@media (max-width: 980px) { .ts_slider { height: 325px; } .ts_slider > .ts_slider_buttons > i { font-size: 32px; } }
@media (max-width: 740px) {
  .ts_slider { height: 225px; }
  .ts_slider_contents { width: 93%; }
  .ts_slider_contents > .ts_slider_content { gap: 3px; }
  .ts_slider_contents > .ts_slider_content > h3 { font-size: 18px; }
  .ts_slider_contents > .ts_slider_content > p { font-size: 16px; }
  .ts_slider_contents > .ts_slider_content > a { margin: 5px 0 0 0; padding: 5px 10px; font-size: 15px; }
  .ts_slider:hover > .ts_slider_buttons { display: none; }
}
@media (max-width: 500px) {
  .ts_slider { height: 165px; }
  .ts_slider_contents { width: 93%; }
  .ts_slider_contents > .ts_slider_content > h3 { font-size: 16px; }
  .ts_slider_contents > .ts_slider_content > p { font-size: 12px; }
  .ts_slider_contents > .ts_slider_content > a { font-size: 12px; padding: 4px 6px; }
  .ts_slider > .ts_slider_dots { gap: 10px; }
  .ts_slider > .ts_slider_dots > li { width: 7px; height: 7px; border-radius: 7px; }
}

/* TS HOME SOFTWARE */
/* ================================================================================================= */
.ts_software{ width: 100%; height: auto; display: grid; grid-template-columns: repeat(4, 2fr); gap: 15px; }
.ts_software > .ts_software_box { background-color: var(--content_bg_2); height: auto; display: flex; justify-content: start; align-items: start; flex-direction: column; position: relative; border-radius: 10px; overflow: hidden; }
/* --- */
.ts_software > .ts_software_box > .ts_software_box_img{ width: 100%; height: 220px; }
.ts_software > .ts_software_box > .ts_software_box_img > img{ width: 100%; height: 100%; object-fit: cover; }
.ts_software > .ts_software_box > .ts_software_box_txt { width: 100%; height: 100%; display: flex; justify-content: start; align-items: start; flex-direction: column; gap: 15px; padding: 15px; }
.ts_software > .ts_software_box > .ts_software_box_txt > h3{ color: var(--accent_sec); border-bottom: 1px solid var(--content_border); width: 100%; padding: 0 0 15px 0; }
.ts_software > .ts_software_box > .ts_software_box_txt > h3 > span{ display: block; font-weight: 500; font-size: 15px; }
/* --- */
.ts_software > .ts_software_box:nth-child(1) > .ts_software_box_txt > h3 > span{ color: var(--primary_green); }
.ts_software > .ts_software_box:nth-child(2) > .ts_software_box_txt > h3 > span{ color: var(--primary_steel_blue); }
.ts_software > .ts_software_box:nth-child(3) > .ts_software_box_txt > h3 > span{ color: var(--primary_blue); }
.ts_software > .ts_software_box:nth-child(4) > .ts_software_box_txt > h3 > span{ color: var(--primary_aqua); }
.ts_software > .ts_software_box:nth-child(5) > .ts_software_box_txt > h3 > span{ color: var(--primary_purple); }
.ts_software > .ts_software_box:nth-child(6) > .ts_software_box_txt > h3 > span{ color: var(--primary_red); }
.ts_software > .ts_software_box:nth-child(7) > .ts_software_box_txt > h3 > span{ color: var(--primary_pink); }
/* --- */
.ts_software > .ts_software_box > .ts_software_box_txt > p{ color: var(--accent_sec); font-weight: 500; display: flex; flex-grow: 1; width: 100%; padding: 0 0 10px 0; }
/* --- */
.ts_software > .ts_software_box > .ts_software_box_txt > a{ color: var(--accent_three); font-weight: 500; padding: 8px 20px; transition: background-color 0.2s; text-decoration: none; border-radius: 5px; display: flex; justify-content: center; align-items: center; gap: 10px; }
.ts_software > .ts_software_box:nth-child(1) > .ts_software_box_txt > a{ background-color: var(--primary_green); }
.ts_software > .ts_software_box:nth-child(2) > .ts_software_box_txt > a{ background-color: var(--primary_steel_blue); }
.ts_software > .ts_software_box:nth-child(3) > .ts_software_box_txt > a{ background-color: var(--primary_blue); }
.ts_software > .ts_software_box:nth-child(4) > .ts_software_box_txt > a{ background-color: var(--primary_aqua); }
.ts_software > .ts_software_box:nth-child(5) > .ts_software_box_txt > a{ background-color: var(--primary_purple); }
.ts_software > .ts_software_box:nth-child(6) > .ts_software_box_txt > a{ background-color: var(--primary_red); }
.ts_software > .ts_software_box:nth-child(7) > .ts_software_box_txt > a{ background-color: var(--primary_pink); }
/* --- */
.ts_software > .ts_software_box > .ts_software_box_txt > a:hover{ background-color: var(--accent_main_hover); }
.ts_software > .ts_software_box:nth-child(1) > .ts_software_box_txt > a:hover{ background-color: var(--primary_green_hover); }
.ts_software > .ts_software_box:nth-child(2) > .ts_software_box_txt > a:hover{ background-color: var(--primary_steel_blue_hover); }
.ts_software > .ts_software_box:nth-child(3) > .ts_software_box_txt > a:hover{ background-color: var(--primary_blue_hover); }
.ts_software > .ts_software_box:nth-child(4) > .ts_software_box_txt > a:hover{ background-color: var(--primary_aqua_hover); }
.ts_software > .ts_software_box:nth-child(5) > .ts_software_box_txt > a:hover{ background-color: var(--primary_purple_hover); }
.ts_software > .ts_software_box:nth-child(6) > .ts_software_box_txt > a:hover{ background-color: var(--primary_red_hover); }
.ts_software > .ts_software_box:nth-child(7) > .ts_software_box_txt > a:hover{ background-color: var(--primary_pink_hover); }
/* --- */
@media (max-width: 1270px){
  .ts_software{ grid-template-columns: repeat(3, 3fr); }
}
@media (max-width: 980px){
  .ts_software{ grid-template-columns: repeat(2, 3fr); }
  .ts_software > .ts_software_box { width: 100%; }
  .ts_software > .ts_software_box > .ts_software_box_img{ height: 175px; }
}
@media (max-width: 740px){
  .ts_software{ display: flex; flex-direction: column; }
  .ts_software > .ts_software_box > .ts_software_box_img{ height: 200px; }
}
@media (max-width: 500px){ 
  .ts_software > .ts_software_box > .ts_software_box_img{ height: 150px; }
  .ts_software > .ts_software_box > .ts_software_box_txt > a{ width: 100%; }
}

/* TS HOME TIMELINE */
/* ================================================================================================= */
.ts_home_timeline{ background-color: var(--content_bg_2); width: 100%; display: flex; justify-content: center; align-items: center; border-radius: 10px; padding: 50px; }
.ts_timeline { position: relative; width: 100%; }
.ts_timeline::after { background-color: var(--content_bg_3); content: ''; position: absolute; width: 6px; top: 0; bottom: 0; left: 50%; margin-left: -3px; border-radius: 5px; }
.ts_timeline_container { position: relative; width: 50%; }
/* --- */
.ts_timeline_container::after { background-color: var(--accent_main); border: 4px solid var(--content_bg_2); content: ''; position: absolute; width: 25px; height: 25px; right: -17px; top: 33px; border-radius: 50%; z-index: 1; }
.ts_timeline_container:nth-child(1)::after{ background-color: var(--primary_green); }
.ts_timeline_container:nth-child(2)::after{ background-color: var(--primary_steel_blue); }
.ts_timeline_container:nth-child(3)::after{ background-color: var(--primary_blue); }
.ts_timeline_container:nth-child(4)::after{ background-color: var(--primary_aqua); }
.ts_timeline_container:nth-child(5)::after{ background-color: var(--primary_purple); }
.ts_timeline_container:nth-child(6)::after{ background-color: var(--primary_red); }
.ts_timeline_container:nth-child(7)::after{ background-color: var(--primary_pink); }
/* --- */
.ts_timeline_left { left: 0; padding: 0 40px 0 0; }
.ts_timeline_right { left: 50%; padding: 0 0 0 40px; }
.ts_timeline_left::before { border: medium solid var(--content_bg_1); border-color: transparent transparent transparent var(--content_bg_1); content: " "; height: 0; position: absolute; top: 40px; width: 0; z-index: 1; right: 30px; border-width: 10px 0 10px 10px; }
.ts_timeline_right::before { border: medium solid var(--content_bg_1); border-color: transparent var(--content_bg_1) transparent transparent; content: " "; height: 0; position: absolute; top: 40px; width: 0; z-index: 1; left: 30px; border-width: 10px 10px 10px 0; }
.ts_timeline_right::after { left: -16px; }
/* --- */
.ts_timeline_content { background-color: var(--content_bg_1); padding: 20px; position: relative; border-radius: 10px; display: flex; flex-direction: column; gap: 10px; }
/* --- */
.ts_timeline_content > h3{ margin: 0; }
.ts_timeline_content.astel > h3{ color: var(--primary_green); }
.ts_timeline_content.encryphix > h3{ color: var(--primary_steel_blue); }
.ts_timeline_content.glow > h3{ color: var(--primary_blue); }
.ts_timeline_content.vcardix > h3{ color: var(--primary_aqua); }
.ts_timeline_content.vimera > h3{ color: var(--primary_purple); }
.ts_timeline_content.yamira > h3{ color: var(--primary_red); }
.ts_timeline_content.zafuse > h3{ color: var(--primary_pink); }
/* --- */
.ts_timeline_content > p{ margin: 0; font-weight: 500; color: var(--accent_sec); padding: 0 0 10px 0; }
/* --- */
.ts_timeline_content > a{ background-color: var(--accent_main); color: var(--accent_three); font-weight: 500; width: 225px; margin: 10px 0 0 0; padding: 8px 20px; transition: background-color 0.2s; text-decoration: none; border-radius: 5px; display: flex; justify-content: center; align-items: center; gap: 10px; }
.ts_timeline_content.astel > a{ background-color: var(--primary_green); }
.ts_timeline_content.encryphix > a{ background-color: var(--primary_steel_blue); }
.ts_timeline_content.glow > a{ background-color: var(--primary_blue); }
.ts_timeline_content.vcardix > a{ background-color: var(--primary_aqua); }
.ts_timeline_content.vimera > a{ background-color: var(--primary_purple); }
.ts_timeline_content.yamira > a{ background-color: var(--primary_red); }
.ts_timeline_content.zafuse > a{ background-color: var(--primary_pink); }
/* --- */
.ts_timeline_content > a:hover{ background-color: var(--accent_main_hover); }
.ts_timeline_content.astel > a:hover{ background-color: var(--primary_green_hover); }
.ts_timeline_content.encryphix > a:hover{ background-color: var(--primary_steel_blue_hover); }
.ts_timeline_content.glow > a:hover{ background-color: var(--primary_blue_hover); }
.ts_timeline_content.vcardix > a:hover{ background-color: var(--primary_aqua_hover); }
.ts_timeline_content.vimera > a:hover{ background-color: var(--primary_purple_hover); }
.ts_timeline_content.yamira > a:hover{ background-color: var(--primary_red_hover); }
.ts_timeline_content.zafuse > a:hover{ background-color: var(--primary_pink_hover); }
/* --- */
@media (max-width: 740px) {
  .ts_home_timeline{ padding: 15px; }
  .ts_timeline::after { left: 10px; }
  .ts_timeline_container { width: 100%; }
  .ts_timeline_container::before { left: 30px; border: medium solid var(--content_bg_1); border-width: 10px 10px 10px 0; border-color: transparent var(--content_bg_1) transparent transparent; }
  .ts_timeline_left::after,
  .ts_timeline_right::after { left: -6.5px; }
  .ts_timeline_left, .ts_timeline_right { left: 0%; padding: 10px 0 10px 40px; }
  .ts_timeline_content > a{ width: auto; }
}
/* TS HOME SOFTWARE NEW PATCHS */
/* ================================================================================================= */
.ts_home_new_software{ display: grid; grid-template-columns: repeat(4, 2fr); gap: 15px; }
.ts_home_new_software > .ts_home_new_software_box { background-color: var(--content_bg_2); color: var(--accent_sec); height: auto; display: flex; justify-content: center; align-items: center; border-radius: 10px; }
/* --- */
.ts_home_new_software > .ts_home_new_software_box > .ts_home_new_software_txt{ width: 100%; height: 100%; padding: 15px; display: flex; justify-content: start; align-items: start; flex-direction: column; position: relative; font-weight: 500; gap: 15px; }
.ts_home_new_software > .ts_home_new_software_box > .ts_home_new_software_txt > .ts_home_new_software_header{ border-bottom: 1px solid var(--content_border); display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 0 15px 0; }
.ts_home_new_software > .ts_home_new_software_box > .ts_home_new_software_txt > .ts_home_new_software_header > h3{ color: var(--accent_sec); display: flex; flex-direction: column; gap: 10px; }
.ts_home_new_software > .ts_home_new_software_box > .ts_home_new_software_txt > .ts_home_new_software_header > h3 > span{ color: var(--accent_main); display: flex; justify-content: start; align-items: center; gap: 7px; font-weight: 600; font-size: 15px; }
/* --- */
.ts_home_new_software > .ts_home_new_software_box:nth-child(1) > .ts_home_new_software_txt > .ts_home_new_software_header > h3 > span{ color: var(--primary_green); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(2) > .ts_home_new_software_txt > .ts_home_new_software_header > h3 > span{ color: var(--primary_steel_blue); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(3) > .ts_home_new_software_txt > .ts_home_new_software_header > h3 > span{ color: var(--primary_blue); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(4) > .ts_home_new_software_txt > .ts_home_new_software_header > h3 > span{ color: var(--primary_aqua); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(5) > .ts_home_new_software_txt > .ts_home_new_software_header > h3 > span{ color: var(--primary_purple); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(6) > .ts_home_new_software_txt > .ts_home_new_software_header > h3 > span{ color: var(--primary_red); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(7) > .ts_home_new_software_txt > .ts_home_new_software_header > h3 > span{ color: var(--primary_pink); }
/* --- */
.ts_home_new_software > .ts_home_new_software_box > .ts_home_new_software_txt > .ts_home_new_software_header > h3 > span > i { color: var(--accent_sec); width: 18px; text-align: center; font-size: 18px; }
/* --- */
.ts_home_new_software > .ts_home_new_software_box > .ts_home_new_software_txt > .ts_home_new_software_header > i{ background-color: var(--content_bg_1); border-radius: 3px 7px 3px 7px; width: 40px; min-width: 40px; height: 40px; min-height: 40px; font-size: 18px; display: flex; justify-content: center; align-items: center; }
.ts_home_new_software > .ts_home_new_software_box:nth-child(1) > .ts_home_new_software_txt > .ts_home_new_software_header > i{ color: var(--primary_green); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(2) > .ts_home_new_software_txt > .ts_home_new_software_header > i{ color: var(--primary_steel_blue); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(3) > .ts_home_new_software_txt > .ts_home_new_software_header > i{ color: var(--primary_blue); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(4) > .ts_home_new_software_txt > .ts_home_new_software_header > i{ color: var(--primary_aqua); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(5) > .ts_home_new_software_txt > .ts_home_new_software_header > i{ color: var(--primary_purple); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(6) > .ts_home_new_software_txt > .ts_home_new_software_header > i{ color: var(--primary_red); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(7) > .ts_home_new_software_txt > .ts_home_new_software_header > i{ color: var(--primary_pink); }
/* --- */
.ts_home_new_software > .ts_home_new_software_box > .ts_home_new_software_txt > p{ display: flex; flex-grow: 1; width: 100%; padding: 0 0 10px 0; }
/* --- */
.ts_home_new_software > .ts_home_new_software_box > .ts_home_new_software_txt > a{ color: var(--accent_three); font-weight: 500; padding: 8px 20px; transition: background-color 0.2s; text-decoration: none; border-radius: 5px; display: flex; justify-content: center; align-items: center; gap: 10px; }
.ts_home_new_software > .ts_home_new_software_box:nth-child(1) > .ts_home_new_software_txt > a{ background-color: var(--primary_green); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(2) > .ts_home_new_software_txt > a{ background-color: var(--primary_steel_blue); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(3) > .ts_home_new_software_txt > a{ background-color: var(--primary_blue); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(4) > .ts_home_new_software_txt > a{ background-color: var(--primary_aqua); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(5) > .ts_home_new_software_txt > a{ background-color: var(--primary_purple); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(6) > .ts_home_new_software_txt > a{ background-color: var(--primary_red); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(7) > .ts_home_new_software_txt > a{ background-color: var(--primary_pink); }
/* --- */
.ts_home_new_software > .ts_home_new_software_box:nth-child(1) > .ts_home_new_software_txt > a:hover{ background-color: var(--primary_green_hover); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(2) > .ts_home_new_software_txt > a:hover{ background-color: var(--primary_steel_blue_hover); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(3) > .ts_home_new_software_txt > a:hover{ background-color: var(--primary_blue_hover); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(4) > .ts_home_new_software_txt > a:hover{ background-color: var(--primary_aqua_hover); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(5) > .ts_home_new_software_txt > a:hover{ background-color: var(--primary_purple_hover); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(6) > .ts_home_new_software_txt > a:hover{ background-color: var(--primary_red_hover); }
.ts_home_new_software > .ts_home_new_software_box:nth-child(7) > .ts_home_new_software_txt > a:hover{ background-color: var(--primary_pink_hover); }
/* --- */
@media (max-width: 1270px){
  .ts_home_new_software { grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 980px){
  .ts_home_new_software { grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 740px){
  .ts_home_new_software { grid-template-columns: repeat(1, 1fr); }
}
@media (max-width: 500px){ 
  .ts_home_new_software > .ts_home_new_software_box > .ts_home_new_software_txt > a{ width: 100%; }
}

/* TS HOME TESTIMONIAL */
/* ================================================================================================= */
.ts_testimonial_slider_container { background-color: var(--content_bg_2); width: 100%; min-height: 450px; max-height: 450px; height: auto; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; padding: 60px 20px; box-sizing: border-box; }
.ts_testimonial_slider_container > .ts_testimonial_slider { position: relative; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide { width: 80%; max-height: 100%; color: var(--accent_sec); justify-content: center; align-items: center; display: none; text-align: center; opacity: 0; transition: opacity 0.5s ease-in-out; }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.active { opacity: 1; display: flex; flex-direction: column; gap: 15px; padding: 20px 0 40px 0; max-width: 800px; }
/* --- */
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide > .ts_testimonial_quote{ background-color: var(--accent_main); color: var(--accent_three); font-size: 24px; justify-content: center; align-items: center; display: flex; border-radius: 50% 15% 50% 15%; width: 45px; height: 45px; min-width: 45px; min-height: 45px; }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.astel > .ts_testimonial_quote{ background-color: var(--primary_green); }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.encryphix > .ts_testimonial_quote{ background-color: var(--primary_steel_blue); }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.glow > .ts_testimonial_quote{ background-color: var(--primary_blue); }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.vcardix > .ts_testimonial_quote{ background-color: var(--primary_aqua); }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.vimera > .ts_testimonial_quote{ background-color: var(--primary_purple); }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.yamira > .ts_testimonial_quote{ background-color: var(--primary_red); }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.zafuse > .ts_testimonial_quote{ background-color: var(--primary_pink); }
/* --- */
.ts_testimonial_slide > .ts_testimonial_quote, .ts_testimonial_slide > h3, .ts_testimonial_slide > p, .ts_testimonial_slide > span{ opacity: 0; transform: translateY(20px); animation: testiMonialEffect 0.5s ease-in-out forwards; z-index: 1;}
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.active > .ts_testimonial_quote { animation-delay: 0.1s; }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.active > h3 { animation-delay: 0.2s; font-weight: 700; font-size: 24px; }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.active > p { animation-delay: 0.3s; font-weight: 500; font-style: italic; line-height: 1.6; word-wrap: break-word; overflow-wrap: break-word; }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.active > span{ color: var(--accent_main); animation-delay: 0.4s; font-size: 17px; font-weight: 600; }
/* --- */
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.astel.active > span{ color: var(--primary_green); }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.encryphix.active > span{ color: var(--primary_steel_blue); }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.glow.active > span{ color: var(--primary_blue); }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.vcardix.active > span{ color: var(--primary_aqua); }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.vimera.active > span{ color: var(--primary_purple); }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.yamira.active > span{ color: var(--primary_red); }
.ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide.zafuse.active > span{ color: var(--primary_pink); }
/* --- */
@keyframes testiMonialEffect { to { opacity: 1; transform: translateY(0); } }
.ts_testimonial_slider_controls { position: absolute; width: 100%; display: flex; justify-content: space-between; opacity: 0; transition: 0.1s; }
.ts_testimonial_slider_container:hover .ts_testimonial_slider_controls{ display: flex; opacity: 1; }
.ts_testimonial_slider_controls > i{ color: var(--accent_main); font-size: 36px; cursor: pointer; transition: color 0.2s; }
.ts_testimonial_slider_controls > i:hover{ color: var(--accent_main_hover); }
.ts_testimonial_slider_controls > i:nth-child(1){ margin: 0 0 0 15px; }
.ts_testimonial_slider_controls > i:nth-child(2){ margin: 0 15px 0 0; }
/* --- */
.ts_testimonial_slider_dots { position: absolute; bottom: 15px; width: 100%; margin: 0; padding: 0; display: flex; justify-content: center; gap: 15px; align-items: center; }
.ts_testimonial_dot { background-color: var(--accent_sec); width: 10px; height: 10px; border-radius: 50%; cursor: pointer; transition: transform 0.5s ease, background-color 0.2s ease; flex-shrink: 0; will-change: transform; transform: translateZ(0); }
.ts_testimonial_dot:hover { background-color: var(--accent_four); }
.ts_testimonial_dot.active { background-color: var(--accent_main); transform: scale(1.6); }
.ts_testimonial_dot.active:hover { background-color: var(--accent_main_hover); }
/* --- */
@media (max-width: 740px){
  .ts_testimonial_slider_controls > i{ font-size: 32px; }
  .ts_testimonial_slider_container:hover .ts_testimonial_slider_controls{ display: none; opacity: 0; }
}
@media (max-width: 500px) { 
  .ts_testimonial_slider_container { min-height: 550px; max-height: 550px; padding: 40px 10px; }
  .ts_testimonial_slider_container > .ts_testimonial_slider > .ts_testimonial_slide { width: 90%; }
}

/* TS SOFTWARES */
/* ================================================================================================= */
.ts_softwares_container{ width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; }
/* TS SOFTWARES HEADER */
.ts_softwares_container > .ts_softwares_header{ background-color: var(--content_bg_2); color: var(--accent_sec); width: 100%; height: auto; padding: 15px; display: flex; justify-content: space-between; align-items: center; gap: 15px; border-radius: 10px; }
.ts_softwares_container > .ts_softwares_header > .ts_software_img{ border: 1px solid var(--content_border); width: 850px; min-width: 850px; height: 533px; background-size: 100.5% 100.5%; background-position: center; border-radius: 7px; }
/* --- */
.ts_softwares_container > .ts_softwares_header > .ts_software_txt{ display: flex; gap: 20px; flex-direction: column; width: 100%; font-weight: 500; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > h3{ font-size: 24px; }
/* --- */
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > h3 > span{ color: var(--accent_main); display: block; font-weight: 500; font-size: 17px; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.astel > h3 > span{ color: var(--primary_green); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.encryphix > h3 > span{ color: var(--primary_steel_blue); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.glow > h3 > span{ color: var(--primary_blue); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.vcardix > h3 > span{ color: var(--primary_aqua); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.vimera > h3 > span{ color: var(--primary_purple); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.yamira > h3 > span{ color: var(--primary_red); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.zafuse > h3 > span{ color: var(--primary_pink); }
/* --- */
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > p{ font-size: 17px; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_links{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_links > *:last-child{ grid-column: 1 / -1; }
/* --- */
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_links > a{ background-color: var(--accent_main); color: var(--accent_three); padding: 10px 15px; transition: background-color 0.2s; text-decoration: none; border-radius: 5px; display: flex; justify-content: start; align-items: center; gap: 5px; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.astel > .ts_software_links > a{ background-color: var(--primary_green); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.encryphix > .ts_software_links > a{ background-color: var(--primary_steel_blue); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.glow > .ts_software_links > a{ background-color: var(--primary_blue); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.vcardix > .ts_software_links > a{ background-color: var(--primary_aqua); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.vimera > .ts_software_links > a{ background-color: var(--primary_purple); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.yamira > .ts_software_links > a{ background-color: var(--primary_red); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.zafuse > .ts_software_links > a{ background-color: var(--primary_pink); }
/* --- */
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_links > a:hover{ background-color: var(--accent_main_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.astel > .ts_software_links > a:hover{ background-color: var(--primary_green_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.encryphix > .ts_software_links > a:hover{ background-color: var(--primary_steel_blue_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.glow > .ts_software_links > a:hover{ background-color: var(--primary_blue_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.vcardix > .ts_software_links > a:hover{ background-color: var(--primary_aqua_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.vimera > .ts_software_links > a:hover{ background-color: var(--primary_purple_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.yamira > .ts_software_links > a:hover{ background-color: var(--primary_red_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.zafuse > .ts_software_links > a:hover{ background-color: var(--primary_pink_hover); }
/* --- */
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_links > a > i{ font-size: 18px; width: 25px; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_links > a:nth-child(1) > i{ font-size: 22px; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_links > a:nth-child(2) > i{ font-size: 18px; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_links > a:nth-child(3) > i{ font-size: 22px; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_links > a:nth-child(4) > i{ font-size: 19px; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_links > a:nth-child(5) > i{ font-size: 20px; }
/* --- */
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_detail_box{ background-color: var(--content_bg_1); width: 100%; height: auto; padding: 15px; border-radius: 5px; display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 12px; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_detail_box > span{ display: flex; justify-content: start; align-items: center; gap: 5px; flex-wrap: wrap; width: 100%; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_detail_box > span.separator{ width: 100%; height: 1px; background-color: var(--content_border_3); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_detail_box > span > i{ font-size: 20px; width: 25px; text-align: center; }
/* --- */
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_detail_box > span > span{ color: var(--accent_main); font-weight: 600; /* flex: 1; text-align: right; */ }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.astel > .ts_software_detail_box > span > span{ color: var(--primary_green); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.encryphix > .ts_software_detail_box > span > span{ color: var(--primary_steel_blue); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.glow > .ts_software_detail_box > span > span{ color: var(--primary_blue); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.vcardix > .ts_software_detail_box > span > span{ color: var(--primary_aqua); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.vimera > .ts_software_detail_box > span > span{ color: var(--primary_purple); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.yamira > .ts_software_detail_box > span > span{ color: var(--primary_red); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.zafuse > .ts_software_detail_box > span > span{ color: var(--primary_pink); }
/* --- */
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_detail_box > span > a{ color: var(--accent_main); transition: color 0.2s; }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.astel > .ts_software_detail_box > span > a{ color: var(--primary_green); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.encryphix > .ts_software_detail_box > span > a{ color: var(--primary_steel_blue); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.glow > .ts_software_detail_box > span > a{ color: var(--primary_blue); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.vcardix > .ts_software_detail_box > span > a{ color: var(--primary_aqua); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.vimera > .ts_software_detail_box > span > a{ color: var(--primary_purple); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.yamira > .ts_software_detail_box > span > a{ color: var(--primary_red); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.zafuse > .ts_software_detail_box > span > a{ color: var(--primary_pink); }
/* --- */
.ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_detail_box > span > a:hover{ color: var(--accent_main_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.astel > .ts_software_detail_box > span > a:hover{ color: var(--primary_green_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.encryphix > .ts_software_detail_box > span > a:hover{ color: var(--primary_steel_blue_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.glow > .ts_software_detail_box > span > a:hover{ color: var(--primary_blue_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.vimera > .ts_software_detail_box > span > a:hover{ color: var(--primary_purple_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.vcardix > .ts_software_detail_box > span > a:hover{ color: var(--primary_aqua_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.yamira > .ts_software_detail_box > span > a:hover{ color: var(--primary_red_hover); }
.ts_softwares_container > .ts_softwares_header > .ts_software_txt.zafuse > .ts_software_detail_box > span > a:hover{ color: var(--primary_pink_hover); }
/* TS SOFTWARES FEATURES */
.ts_softwares_container > .ts_softwares_features{ background-color: var(--content_bg_2); color: var(--accent_sec); width: 100%; height: auto; padding: 15px; border-radius: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; font-weight: 500; }
.ts_softwares_container > .ts_softwares_features > .ts_software_feature_box{ background-color: var(--content_bg_1); padding: 15px; border-radius: 5px; display: flex; justify-content: start; align-items: start; flex-direction: column; gap: 20px; border-top: 0; border-bottom: 0; border-right: 0; }
/* --- */
.ts_softwares_container > .ts_softwares_features > .ts_software_feature_box > .ts_software_feature_box_txt{ display: flex; justify-content: start; align-items: start; flex-direction: column; gap: 15px; height: 100%; width: 100%; }
.ts_softwares_container > .ts_softwares_features > .ts_software_feature_box > .ts_software_feature_box_txt > h3{ border-bottom: 1px solid var(--content_border_3); color: var(--accent_main); font-weight: 600; font-size: 18px; padding: 0 0 15px 0; width: 100%; }
.ts_softwares_container > .ts_softwares_features.astel > .ts_software_feature_box > .ts_software_feature_box_txt > h3{ color: var(--primary_green); }
.ts_softwares_container > .ts_softwares_features.encryphix > .ts_software_feature_box > .ts_software_feature_box_txt > h3{ color: var(--primary_steel_blue); }
.ts_softwares_container > .ts_softwares_features.glow > .ts_software_feature_box > .ts_software_feature_box_txt > h3{ color: var(--primary_blue); }
.ts_softwares_container > .ts_softwares_features.vcardix > .ts_software_feature_box > .ts_software_feature_box_txt > h3{ color: var(--primary_aqua); }
.ts_softwares_container > .ts_softwares_features.vimera > .ts_software_feature_box > .ts_software_feature_box_txt > h3{ color: var(--primary_purple); }
.ts_softwares_container > .ts_softwares_features.yamira > .ts_software_feature_box > .ts_software_feature_box_txt > h3{ color: var(--primary_red); }
.ts_softwares_container > .ts_softwares_features.zafuse > .ts_software_feature_box > .ts_software_feature_box_txt > h3{ color: var(--primary_pink); }
/* --- */
.ts_softwares_container > .ts_softwares_features.astel > .ts_software_feature_box > .ts_software_feature_box_txt > p > a{ color: var(--primary_green); font-weight: 600; transition: color 0.2s; }
.ts_softwares_container > .ts_softwares_features.astel > .ts_software_feature_box > .ts_software_feature_box_txt > p > a:hover{ color: var(--primary_green_hover); }
.ts_softwares_container > .ts_softwares_features.encryphix > .ts_software_feature_box > .ts_software_feature_box_txt > p > a{ color: var(--primary_steel_blue); font-weight: 600; transition: color 0.2s; }
.ts_softwares_container > .ts_softwares_features.encryphix > .ts_software_feature_box > .ts_software_feature_box_txt > p > a:hover{ color: var(--primary_steel_blue_hover); }
.ts_softwares_container > .ts_softwares_features.glow > .ts_software_feature_box > .ts_software_feature_box_txt > p > a{ color: var(--primary_blue); font-weight: 600; transition: color 0.2s; }
.ts_softwares_container > .ts_softwares_features.glow > .ts_software_feature_box > .ts_software_feature_box_txt > p > a:hover{ color: var(--primary_blue_hover); }
.ts_softwares_container > .ts_softwares_features.vcardix > .ts_software_feature_box > .ts_software_feature_box_txt > p > a{ color: var(--primary_aqua); font-weight: 600; transition: color 0.2s; }
.ts_softwares_container > .ts_softwares_features.vcardix > .ts_software_feature_box > .ts_software_feature_box_txt > p > a:hover{ color: var(--primary_aqua_hover); }
.ts_softwares_container > .ts_softwares_features.vimera > .ts_software_feature_box > .ts_software_feature_box_txt > p > a{ color: var(--primary_purple); font-weight: 600; transition: color 0.2s; }
.ts_softwares_container > .ts_softwares_features.vimera > .ts_software_feature_box > .ts_software_feature_box_txt > p > a:hover{ color: var(--primary_purple_hover); }
.ts_softwares_container > .ts_softwares_features.yamira > .ts_software_feature_box > .ts_software_feature_box_txt > p > a{ color: var(--primary_red); font-weight: 600; transition: color 0.2s; }
.ts_softwares_container > .ts_softwares_features.yamira > .ts_software_feature_box > .ts_software_feature_box_txt > p > a:hover{ color: var(--primary_red_hover); }
.ts_softwares_container > .ts_softwares_features.zafuse > .ts_software_feature_box > .ts_software_feature_box_txt > p > a{ color: var(--primary_pink); font-weight: 600; transition: color 0.2s; }
.ts_softwares_container > .ts_softwares_features.zafuse > .ts_software_feature_box > .ts_software_feature_box_txt > p > a:hover{ color: var(--primary_pink_hover); }
/* --- */
.ts_softwares_container > .ts_softwares_features > .ts_software_feature_box > .ts_software_in_box{ background-color: var(--content_bg_2); padding: 15px; border-radius: 5px; }

/* TS SOFTWARES REQ */
.ts_software_system_requirements{ background-color: var(--content_bg_2); color: var(--accent_sec); width: 100%; height: auto; padding: 15px; border-radius: 10px; display: flex; flex-direction: column; gap: 15px; }
.ts_table{ border: 1px solid var(--content_border); width: 100%; border-spacing: 0; border-collapse: separate; border-radius: 10px; overflow: hidden; }
.ts_table th { color: var(--accent_three); text-align: left; }
.ts_table td, .ts_table th { padding: 10px; font-weight: 500; }
/* --- */
.ts_table th{ background-color: var(--accent_main); }
.ts_table.astel th{ background-color: var(--primary_green); }
.ts_table.encryphix th{ background-color: var(--primary_steel_blue); }
.ts_table.glow th{ background-color: var(--primary_blue); }
.ts_table.vcardix th{ background-color: var(--primary_aqua); }
.ts_table.vimera th{ background-color: var(--primary_purple); }
.ts_table.yamira th{ background-color: var(--primary_red); }
.ts_table.zafuse th{ background-color: var(--primary_pink); }
/* --- */
.ts_table td:nth-child(1){ width: auto; }
.ts_table td:nth-child(2){ width: 40%; }
.ts_table td:nth-child(3){ width: 40%; }
.ts_table tr:nth-child(even){ background-color: var(--content_bg_1); }
.ts_table th:not(:last-child),
.ts_table td:not(:last-child){ border-right: 1px solid var(--content_border_3); }
.ts_table > thead > tr:not(:last-child)>th,
.ts_table > thead > tr:not(:last-child)>td,
.ts_table > tbody > tr:not(:last-child)>th,
.ts_table > tbody > tr:not(:last-child)>td,
.ts_table > tfoot > tr:not(:last-child)>th,
.ts_table > tfoot > tr:not(:last-child)>td,
.ts_table > tr:not(:last-child)>td,
.ts_table > tr:not(:last-child)>th,
.ts_table > thead:not(:last-child),
.ts_table > tbody:not(:last-child),
.ts_table > tfoot:not(:last-child) { border-bottom: 1px solid var(--content_border_3); }
@media (max-width: 740px) {
  .ts_software_system_requirements {
    overflow-x: auto;
  }
}

/* TS SOFTWARE COMMENTS FORM */
.ts_com_notification_container { width: 100%; justify-content: center; align-items: center; display: flex; min-height: 0; }
.ts_com_notification_container > .ts_com_notification { background-color: var(--accent_main); color: var(--accent_three); width: 100%; padding: 10px; text-align: center; border-radius: 5px; font-weight: 500; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; }
.ts_com_notification_container > .ts_com_notification.active { opacity: 1; visibility: visible; transform: translateY(0); }
/* --- */
.ts_com_notification_container.astel > .ts_com_notification{ background-color: var(--primary_green); }
.ts_com_notification_container.encryphix > .ts_com_notification{ background-color: var(--primary_steel_blue); }
.ts_com_notification_container.glow > .ts_com_notification{ background-color: var(--primary_blue); }
.ts_com_notification_container.vimera > .ts_com_notification{ background-color: var(--primary_purple); }
.ts_com_notification_container.vcardix > .ts_com_notification{ background-color: var(--primary_aqua); }
.ts_com_notification_container.yamira > .ts_com_notification{ background-color: var(--primary_red); }
.ts_com_notification_container.zafuse > .ts_com_notification{ background-color: var(--primary_pink); }
/* --- */
.ts_comments_send{ background-color: var(--content_bg_2); gap: 20px; padding: 15px 15px 35px 15px; border-radius: 10px; width: 100%; height: auto; justify-content: center; align-items: center; display: flex; flex-direction: column; }
.ts_comments_send > .comments_box{ width: 100%; height: auto; display: flex; flex-direction: column; gap: 7px; }
/* --- */
.ts_comments_send > .comments_box > span{ color: var(--accent_sec); font-weight: 500; font-size: 17px; }
.ts_comments_send > .comments_box > .comments_in{ display: flex; justify-content: start; align-items: start; height: auto; position: relative; }
.ts_comments_send > .comments_box > .comments_in > i{ color: var(--accent_sec); position: absolute; z-index: 1; margin: 12px 0 0 15px; font-size: 21px; width: 27px; height: auto; display: flex; }
.ts_comments_send > .comments_box > .comments_in > input, textarea{ background-color: var(--content_bg_1); color: var(--accent_sec); border: none; border-bottom: 3px solid var(--content_bg_1); padding: 12px 12px 9px 50px; width: 100%; font-size: 16px; margin: 0; outline: none; border-radius: 5px; font-weight: 500; transition: border 0.2s; }
/* --- */
.ts_comments_send > .comments_box > .comments_in > input:focus, textarea:focus{ border-bottom: 3px solid var(--accent_main); }
.ts_comments_send.astel > .comments_box > .comments_in > input:focus, .ts_comments_send.astel > .comments_box > .comments_in > textarea:focus{ border-bottom: 3px solid var(--primary_green); }
.ts_comments_send.encryphix > .comments_box > .comments_in > input:focus, .ts_comments_send.encryphix > .comments_box > .comments_in > textarea:focus{ border-bottom: 3px solid var(--primary_steel_blue); }
.ts_comments_send.glow > .comments_box > .comments_in > input:focus, .ts_comments_send.glow > .comments_box > .comments_in > textarea:focus{ border-bottom: 3px solid var(--primary_blue); }
.ts_comments_send.vimera > .comments_box > .comments_in > input:focus, .ts_comments_send.vimera > .comments_box > .comments_in > textarea:focus{ border-bottom: 3px solid var(--primary_purple); }
.ts_comments_send.vcardix > .comments_box > .comments_in > input:focus, .ts_comments_send.vcardix > .comments_box > .comments_in > textarea:focus{ border-bottom: 3px solid var(--primary_aqua); }
.ts_comments_send.yamira > .comments_box > .comments_in > input:focus, .ts_comments_send.yamira > .comments_box > .comments_in > textarea:focus{ border-bottom: 3px solid var(--primary_red); }
.ts_comments_send.zafuse > .comments_box > .comments_in > input:focus, .ts_comments_send.zafuse > .comments_box > .comments_in > textarea:focus{ border-bottom: 3px solid var(--primary_pink); }
/* --- */
.ts_comments_send > .comments_box > .comments_in > textarea{ height: 175px; resize: none; }
/* --- */
.ts_comments_send > .comments_box > button{ background-color: var(--accent_main); color: var(--accent_three); padding: 12px 0; width: 100%; border: none; border-radius: 5px; transition: background-color 0.2s; font-weight: 500; font-size: 16px; display: flex; justify-content: center; align-items: center; gap: 7px; cursor: pointer; }
.ts_comments_send.astel > .comments_box > button{ background-color: var(--primary_green); }
.ts_comments_send.encryphix > .comments_box > button{ background-color: var(--primary_steel_blue); }
.ts_comments_send.glow > .comments_box > button{ background-color: var(--primary_blue); }
.ts_comments_send.vcardix > .comments_box > button{ background-color: var(--primary_aqua); }
.ts_comments_send.vimera > .comments_box > button{ background-color: var(--primary_purple); }
.ts_comments_send.yamira > .comments_box > button{ background-color: var(--primary_red); }
.ts_comments_send.zafuse > .comments_box > button{ background-color: var(--primary_pink); }
/* --- */
.ts_comments_send > .comments_box > button:hover{ background-color: var(--accent_main_hover); }
.ts_comments_send.astel > .comments_box > button:hover{ background-color: var(--primary_green_hover); }
.ts_comments_send.encryphix > .comments_box > button:hover{ background-color: var(--primary_steel_blue_hover); }
.ts_comments_send.glow > .comments_box > button:hover{ background-color: var(--primary_blue_hover); }
.ts_comments_send.vcardix > .comments_box > button:hover{ background-color: var(--primary_aqua_hover); }
.ts_comments_send.vimera > .comments_box > button:hover{ background-color: var(--primary_purple_hover); }
.ts_comments_send.yamira > .comments_box > button:hover{ background-color: var(--primary_red_hover); }
.ts_comments_send.zafuse > .comments_box > button:hover{ background-color: var(--primary_pink_hover); }

/* TS SOFTWARE COMMENTS */
.ts_comments{ background-color: var(--content_bg_2); gap: 20px; padding: 15px; border-radius: 10px; width: 100%; height: auto; justify-content: center; align-items: center; display: flex; flex-direction: column; }
.ts_comments > .ts_comments_header{ background-color: var(--content_bg_1); width: 100%; padding: 10px 15px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; }
.ts_comments > .ts_comments_header > h3{ color: var(--accent_sec); display: flex; justify-content: center; align-items: center; gap: 7px; font-size: 16px; }
/* --- */
.ts_comments > .ts_comments_header > h3 > span{ color: var(--accent_main); }
.ts_comments.astel > .ts_comments_header > h3 > span{ color: var(--primary_green); }
.ts_comments.encryphix > .ts_comments_header > h3 > span{ color: var(--primary_steel_blue); }
.ts_comments.glow > .ts_comments_header > h3 > span{ color: var(--primary_blue); }
.ts_comments.vcardix > .ts_comments_header > h3 > span{ color: var(--primary_aqua); }
.ts_comments.vimera > .ts_comments_header > h3 > span{ color: var(--primary_purple); }
.ts_comments.yamira > .ts_comments_header > h3 > span{ color: var(--primary_red); }
.ts_comments.zafuse > .ts_comments_header > h3 > span{ color: var(--primary_pink); }
/* --- */
.ts_comments > .ts_comments_header > .ts_comments_sorting > .ts_com_sort{ background-color: var(--content_bg_2); color: var(--accent_sec); border-radius: 5px; width: auto; height: 40px; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; gap: 10px; cursor: pointer; user-select: none; -webkit-user-select: none; font-size: 15px; font-weight: 600; transition: background-color 0.2s; }
.ts_comments > .ts_comments_header > .ts_comments_sorting > .ts_com_sort:hover{ background-color: var(--content_bg_5); }
.ts_comments > .ts_comments_header > .ts_comments_sorting > .ts_com_sort > span > i{ margin: 0 5px 0 0; }
.ts_comments > .ts_comments_header > .ts_comments_sorting > .ts_com_sort > i{ transition: transform 0.2s ease; }
.ts_comments > .ts_comments_header > .ts_comments_sorting > .ts_com_sort > i.active{ transform: rotate(-180deg); }
/* --- */
.ts_comments > .ts_comments_header > .ts_comments_sorting > .ts_com_sort_content { background-color: var(--content_bg_2); color: var(--accent_sec); -webkit-box-shadow: 0px 0px 13px -3px var(--content_shadow); -moz-box-shadow: 0px 0px 13px -3px var(--content_shadow); box-shadow: 0px 0px 13px -3px var(--content_shadow); margin: 5px 0 0 0; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 1px; width: 150px; border-radius: 5px; overflow: hidden; font-weight: 500; position: absolute; z-index: 100; opacity: 0; visibility: hidden; transform: translateY(-5px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; pointer-events: none; }
.ts_comments > .ts_comments_header > .ts_comments_sorting > .ts_com_sort_content > span { background-color: var(--content_bg_1); color: var(--accent_sec); width: 100%; height: 100%; padding: 10px 10px; font-size: 15px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 5px; transition: background-color 0.2s; }
.ts_comments > .ts_comments_header > .ts_comments_sorting > .ts_com_sort_content > span:hover { background-color: var(--content_bg_3); }
.ts_comments > .ts_comments_header > .ts_comments_sorting > .ts_com_sort_content.active { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.ts_comments > .ts_comments_header > .ts_comments_sorting > .ts_com_sort_content > span.active_mode { pointer-events: none; opacity: 0.7; cursor: default; }
/* --- */
.ts_comments > .ts_comments_middle{ width: 100%; display: flex; flex-direction: column; gap: 10px; font-weight: 500; }
.ts_comments > .ts_comments_middle > .ts_comments_mid_box{ background-color: var(--content_bg_1); color: var(--accent_sec); width: 100%; padding: 15px; border-radius: 5px; display: flex; flex-direction: column; gap: 20px; }
/* --- */
.ts_comments > .ts_comments_middle > .ts_comments_mid_box > h4{ color: var(--accent_main); }
.ts_comments.astel > .ts_comments_middle > .ts_comments_mid_box > h4{ color: var(--primary_green); }
.ts_comments.encryphix > .ts_comments_middle > .ts_comments_mid_box > h4{ color: var(--primary_steel_blue); }
.ts_comments.glow > .ts_comments_middle > .ts_comments_mid_box > h4{ color: var(--primary_blue); }
.ts_comments.vcardix > .ts_comments_middle > .ts_comments_mid_box > h4{ color: var(--primary_aqua); }
.ts_comments.vimera > .ts_comments_middle > .ts_comments_mid_box > h4{ color: var(--primary_purple); }
.ts_comments.yamira > .ts_comments_middle > .ts_comments_mid_box > h4{ color: var(--primary_red); }
.ts_comments.zafuse > .ts_comments_middle > .ts_comments_mid_box > h4{ color: var(--primary_pink); }
/* --- */
.ts_comments > .ts_comments_middle > .ts_comments_mid_box > span.separator{ width: 100%; height: 1px; background-color: var(--content_border_3); }
.ts_comments > .ts_comments_middle > .ts_comments_mid_box > span{ display: flex; gap: 5px; justify-content: start; align-items: center; background-color: var(--content_bg_2); width: auto; }
.ts_comments > .ts_comments_middle > .ts_comments_mid_box > span.time{ width: 140px; padding: 7px; justify-content: center; align-items: center; display: flex; border-radius: 5px; }
.ts_comments > .ts_comments_middle > .ts_comments_mid_box > span > i{ font-size: 20px; }
/* --- */
.ts_comments > .ts_comments_middle > .ts_comments_mid_box > .ts_message_answer{ background-color: var(--content_bg_2); padding: 15px; border-radius: 10px; justify-content: center; align-items: start; display: flex; flex-direction: column; gap: 10px; }
.ts_comments > .ts_comments_middle > .ts_comments_mid_box > .ts_message_answer > span.separator{ width: 100%; height: 1px; background-color: var(--content_border_2); }
.ts_comments > .ts_comments_middle > .ts_comments_mid_box > .ts_message_answer > h5{ color: var(--accent_main); font-size: 16px; }
.ts_comments > .ts_comments_middle > .ts_comments_mid_box > .ts_message_answer > p > a{ color: var(--accent_main); transition: color 0.1s; margin: 0 5px; }
.ts_comments > .ts_comments_middle > .ts_comments_mid_box > .ts_message_answer > p > a:hover{ color: var(--accent_main_hover); }
/* --- */
.ts_comments > .ts_comments_middle > .ts_comments_not_p{ background-color: var(--content_bg_1); color: var(--accent_sec); padding: 15px; border-radius: 10px; font-weight: 500; }
.ts_comments > .ts_comments_middle > .ts_comments_not_p.astel{ border-left: 3px solid var(--primary_green); border-right: 3px solid var(--primary_green); }
.ts_comments > .ts_comments_middle > .ts_comments_not_p.encryphix{ border-left: 3px solid var(--primary_steel_blue); border-right: 3px solid var(--primary_steel_blue); }
.ts_comments > .ts_comments_middle > .ts_comments_not_p.glow{ border-left: 3px solid var(--primary_blue); border-right: 3px solid var(--primary_blue); }
.ts_comments > .ts_comments_middle > .ts_comments_not_p.vcardix{ border-left: 3px solid var(--primary_aqua); border-right: 3px solid var(--primary_aqua); }
.ts_comments > .ts_comments_middle > .ts_comments_not_p.vimera{ border-left: 3px solid var(--primary_purple); border-right: 3px solid var(--primary_purple); }
.ts_comments > .ts_comments_middle > .ts_comments_not_p.yamira{ border-left: 3px solid var(--primary_red); border-right: 3px solid var(--primary_red); }
.ts_comments > .ts_comments_middle > .ts_comments_not_p.zafuse{ border-left: 3px solid var(--primary_pink); border-right: 3px solid var(--primary_pink); }
/* --- */
@media (max-width: 1270px){
  .ts_softwares_container > .ts_softwares_header > .ts_software_img{ width: 650px; min-width: 650px; height: 407px; }
}
@media (max-width: 1045px){
  .ts_softwares_container > .ts_softwares_header > .ts_software_img{ width: 575px; min-width: 575px; height: 360px; }
}
@media (max-width: 980px){
  .ts_softwares_container > .ts_softwares_header{ flex-direction: column-reverse; }
  .ts_softwares_container > .ts_softwares_header > .ts_software_img{ min-width: 100%; width: 100%; height: 432px; border-radius: 5px; }
  .ts_softwares_container > .ts_softwares_header > .ts_software_txt{ width: 100%; }
  .ts_softwares_container > .ts_softwares_features{ grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 740px){
  .ts_softwares_container > .ts_softwares_header > .ts_software_img{ width: 100%; height: 282px; }
  .ts_softwares_container > .ts_softwares_features{ grid-template-columns: repeat(1, 1fr);}
}
@media (max-width: 500px){
  .ts_softwares_container > .ts_softwares_header > .ts_software_img{ width: 100%; height: 232px; border-radius: 3px; }
  .ts_comments > .ts_comments_header{ flex-direction: column; justify-content: start; align-items: start; gap: 15px; }
  .ts_comments > .ts_comments_header > h3{ padding: 0 0 15px 0; border-bottom: 1px solid var(--content_border_3); width: 100%; }
  .ts_comments > .ts_comments_header > .ts_comments_sorting{ width: 100%; }
}
@media (max-width: 410px){
  .ts_softwares_container > .ts_softwares_header > .ts_software_img{ width: 100%; height: 194px; }
  .ts_softwares_container > .ts_softwares_header > .ts_software_txt > .ts_software_links{ grid-template-columns: repeat(1, 1fr); }
  .ts_table td:nth-child(1){ width: auto; }
  .ts_table td:nth-child(2){ width: auto; }
  .ts_table td:nth-child(3){ width: auto; }
}
/* TS HASHTAG SYSTEM */
.ts_page_tags{ background-color: var(--content_bg_2); color: var(--accent_sec); width: 100%; height: auto; padding: 15px; border-radius: 10px; font-weight: 500; display: flex; justify-content: start; align-items: center; flex-wrap: wrap; gap: 10px; }
.ts_page_tags > span { display: flex; justify-content: center; align-items: center; gap: 2px; }
.ts_page_tags > span > span{ color: var(--accent_main); font-weight: bold; }
.ts_page_tags.astel > span > span{ color: var(--primary_green); }
.ts_page_tags.encryphix > span > span{ color: var(--primary_steel_blue); }
.ts_page_tags.glow > span > span{ color: var(--primary_blue); }
.ts_page_tags.vcardix > span > span{ color: var(--primary_aqua); }
.ts_page_tags.vimera > span > span{ color: var(--primary_purple); }
.ts_page_tags.yamira > span > span{ color: var(--primary_red); }
.ts_page_tags.zafuse > span > span{ color: var(--primary_pink); }

/* TS PATCH NOTES */
/* ================================================================================================= */
.ts_pagination{ background-color: var(--content_bg_2); color: var(--accent_sec); width: 100%; height: auto; padding: 10px; border-radius: 10px; font-weight: 600; display: flex; justify-content: start; align-items: center; flex-wrap: wrap; gap: 7px; }
.ts_pagination.soft{ padding: 0; }
.ts_pagination > a { background-color: var(--content_bg_1); color: var(--accent_sec); border: 1px solid var(--content_bg_1); padding: 6px 12px; text-decoration: none; border-radius: 5px; transition: 0.2s; font-size: 18px; }
.ts_pagination > a > i{ width: auto; }
/* --- */
.ts_pagination > a:hover, .ts_pagination > a.active { background-color: var(--accent_main); color: var(--accent_three); border: 1px solid var(--accent_main); }
.ts_pagination.astel > a:hover, .ts_pagination.astel > a.active { background-color: var(--primary_green); color: var(--accent_three); border: 1px solid var(--primary_green); }
.ts_pagination.encryphix > a:hover, .ts_pagination.encryphix > a.active { background-color: var(--primary_steel_blue); color: var(--accent_three); border: 1px solid var(--primary_steel_blue); }
.ts_pagination.glow > a:hover, .ts_pagination.glow > a.active { background-color: var(--primary_blue); color: var(--accent_three); border: 1px solid var(--primary_blue); }
.ts_pagination.vcardix > a:hover, .ts_pagination.vcardix > a.active { background-color: var(--primary_aqua); color: var(--accent_three); border: 1px solid var(--primary_aqua); }
.ts_pagination.vimera > a:hover, .ts_pagination.vimera > a.active { background-color: var(--primary_purple); color: var(--accent_three); border: 1px solid var(--primary_purple); }
.ts_pagination.yamira > a:hover, .ts_pagination.yamira > a.active { background-color: var(--primary_red); color: var(--accent_three); border: 1px solid var(--primary_red); }
.ts_pagination.zafuse > a:hover, .ts_pagination.zafuse > a.active { background-color: var(--primary_pink); color: var(--accent_three); border: 1px solid var(--primary_pink); }
@media (max-width: 500px){
  .ts_pagination{ justify-content: center; }
}
@media (max-width: 410px){ .ts_pagination > a { padding: 6px 11px; }}
/* --- */
.patch_notes_container { display: flex; gap: 20px; width: 100%; margin: 20px 0; }
.ts_accordion_list { list-style: none; padding: 0; margin: 0; width: 250px; display: flex; flex-direction: column; gap: 5px; height: 100%; }
.ts_accordion_list > li { background: var(--content_bg_2); color: var(--accent_sec); padding: 8px 15px; cursor: pointer; font-weight: 600; border-radius: 5px; transition: all 0.2s; }
/* --- */
.ts_accordion_list > li:hover{ background: var(--accent_main); color: var(--accent_three); }
.ts_accordion_list.astel > li:hover{ background: var(--primary_green); color: var(--accent_three); }
.ts_accordion_list.encryphix > li:hover{ background: var(--primary_steel_blue); color: var(--accent_three); }
.ts_accordion_list.glow > li:hover{ background: var(--primary_blue); color: var(--accent_three); }
.ts_accordion_list.vcardix > li:hover{ background: var(--primary_aqua); color: var(--accent_three); }
.ts_accordion_list.vimera > li:hover{ background: var(--primary_purple); color: var(--accent_three); }
.ts_accordion_list.yamira > li:hover{ background: var(--primary_red); color: var(--accent_three); }
.ts_accordion_list.zafuse > li:hover{ background: var(--primary_pink); color: var(--accent_three); }
/* --- */
.ts_accordion_list > li.active { background: var(--accent_main); color: var(--accent_three); }
.ts_accordion_list.astel > li.active { background: var(--primary_green); color: var(--accent_three); }
.ts_accordion_list.encryphix > li.active { background: var(--primary_steel_blue); color: var(--accent_three); }
.ts_accordion_list.glow > li.active { background: var(--primary_blue); color: var(--accent_three); }
.ts_accordion_list.vcardix > li.active { background: var(--primary_aqua); color: var(--accent_three); }
.ts_accordion_list.vimera > li.active { background: var(--primary_purple); color: var(--accent_three); }
.ts_accordion_list.yamira > li.active { background: var(--primary_red); color: var(--accent_three); }
.ts_accordion_list.zafuse > li.active { background: var(--primary_pink); color: var(--accent_three); }
/* --- */
.ts_accordion_list > li.active:hover { background: var(--accent_main_hover); color: var(--accent_three); }
.ts_accordion_list.astel > li.active:hover { background: var(--primary_green_hover); color: var(--accent_three); }
.ts_accordion_list.encryphix > li.active:hover { background: var(--primary_steel_blue_hover); color: var(--accent_three); }
.ts_accordion_list.glow > li.active:hover { background: var(--primary_blue_hover); color: var(--accent_three); }
.ts_accordion_list.vcardix > li.active:hover { background: var(--primary_aqua_hover); color: var(--accent_three); }
.ts_accordion_list.vimera > li.active:hover { background: var(--primary_purple_hover); color: var(--accent_three); }
.ts_accordion_list.yamira > li.active:hover { background: var(--primary_red_hover); color: var(--accent_three); }
.ts_accordion_list.zafuse > li.active:hover { background: var(--primary_pink_hover); color: var(--accent_three); }
/* --- */
.ts_accordion { display: flex; flex-direction: column; gap: 5px; width: 100%; }
.ts_accordion > .ts_accordion_content { background: var(--content_bg_2); border-radius: 5px; overflow: hidden; }
.ts_accordion_content.open { padding-bottom: 15px; }
.ts_accordion_content header { background: var(--content_bg_2); color: var(--accent_sec); display: flex; padding: 15px 15px; cursor: pointer; align-items: center; justify-content: space-between; transition: all 0.2s; }
/* --- */
.ts_accordion_content.open header { background: var(--accent_main); color: var(--accent_three); margin: 0 0 15px 0; }
.ts_accordion_content.astel.open header { background: var(--primary_green); color: var(--accent_three); }
.ts_accordion_content.encryphix.open header { background: var(--primary_steel_blue); color: var(--accent_three); }
.ts_accordion_content.glow.open header { background: var(--primary_blue); color: var(--accent_three); }
.ts_accordion_content.vcardix.open header { background: var(--primary_aqua); color: var(--accent_three); }
.ts_accordion_content.vimera.open header { background: var(--primary_purple); color: var(--accent_three); }
.ts_accordion_content.yamira.open header { background: var(--primary_red); color: var(--accent_three); }
.ts_accordion_content.zafuse.open header { background: var(--primary_pink); color: var(--accent_three); }
/* --- */
.ts_accordion_content header:hover{ background: var(--accent_main_hover); color: var(--accent_three); }
.ts_accordion_content.astel header:hover{ background: var(--primary_green_hover); color: var(--accent_three); }
.ts_accordion_content.encryphix header:hover{ background: var(--primary_steel_blue_hover); color: var(--accent_three); }
.ts_accordion_content.glow header:hover{ background: var(--primary_blue_hover); color: var(--accent_three); }
.ts_accordion_content.vcardix header:hover{ background: var(--primary_aqua_hover); color: var(--accent_three); }
.ts_accordion_content.vimera header:hover{ background: var(--primary_purple_hover); color: var(--accent_three); }
.ts_accordion_content.yamira header:hover{ background: var(--primary_red_hover); color: var(--accent_three); }
.ts_accordion_content.zafuse header:hover{ background: var(--primary_pink_hover); color: var(--accent_three); }
/* --- */
.ts_accordion_menu_title, .ts_accordion_menu_date { font-size: 16px; font-weight: 600; }
/* --- */
.ts_accordion_content > .ts_description { color: var(--accent_sec); display: flex; flex-direction: column; gap: 20px; height: 0; font-size: 16px; font-weight: 500; padding: 0 15px; transition: all 0.2s; }
.ts_accordion_content > .ts_description > .note_container{ border: 1px solid var(--content_border_3); background-color: var(--content_bg_1); padding: 15px; border-radius: 10px; display: flex; flex-direction: column; gap: 15px;}
/* --- */
.ts_accordion_content > .ts_description > .note_container > label > span{ color: var(--accent_main); font-weight: bold; }
.ts_accordion_content.astel > .ts_description > .note_container > label > span{ color: var(--primary_green); font-weight: bold; }
.ts_accordion_content.encryphix > .ts_description > .note_container > label > span{ color: var(--primary_steel_blue); font-weight: bold; }
.ts_accordion_content.glow > .ts_description > .note_container > label > span{ color: var(--primary_blue); font-weight: bold; }
.ts_accordion_content.vcardix > .ts_description > .note_container > label > span{ color: var(--primary_aqua); font-weight: bold; }
.ts_accordion_content.vimera > .ts_description > .note_container > label > span{ color: var(--primary_purple); font-weight: bold; }
.ts_accordion_content.yamira > .ts_description > .note_container > label > span{ color: var(--primary_red); font-weight: bold; }
.ts_accordion_content.zafuse > .ts_description > .note_container > label > span{ color: var(--primary_pink); font-weight: bold; }
/* --- */
.ts_accordion_content > .ts_description > p > span{ font-weight: 700; }
.ts_accordion_content > .ts_description > h3{ font-size: 16px; }
/* --- */
.ts_accordion_content > .ts_description > h3.news{ color: var(--primary_blue); }
.ts_accordion_content > .ts_description > h3.fixed{ color: var(--primary_green); }
.ts_accordion_content > .ts_description > h3.changes{ color: var(--primary_purple); }
.ts_accordion_content > .ts_description > h3.removed{ color: var(--primary_red); }
.ts_accordion_content > .ts_description > h3.planned_innovations{ color: var(--primary_aqua); }
.ts_accordion_content > .ts_description > h3.known_problems{ color: var(--primary_orange); }
/* --- */
.ts_accordion_content > .ts_description > ul { margin: 0 15px 0 20px; display: flex; flex-direction: column; gap: 5px; }
/* --- */
.ts_accordion_content > .ts_description > ul.news > li::marker{ color: var(--primary_blue); }
.ts_accordion_content > .ts_description > ul.fixed > li::marker{ color: var(--primary_green); }
.ts_accordion_content > .ts_description > ul.changes > li::marker{ color: var(--primary_purple); }
.ts_accordion_content > .ts_description > ul.removed > li::marker{ color: var(--primary_red); }
.ts_accordion_content > .ts_description > ul.planned_innovations > li::marker{ color: var(--primary_aqua); }
.ts_accordion_content > .ts_description > ul.known_problems > li::marker{ color: var(--primary_orange); }
/* --- */
.ts_accordion_content > .ts_description > ul > li > a { color: var(--accent_main); transition: 0.1s; text-decoration: none; }
.ts_accordion_content > .ts_description > ul > li > a:hover { color: var(--accent_main_hover); }
.ts_accordion_content > .ts_description > .sha_values{ border: 1px solid var(--content_border_3); background-color: var(--content_bg_1); padding: 15px; border-radius: 10px; display: flex; flex-direction: column; gap: 5px; }
.ts_accordion_content > .ts_description > .sha_values > p{ font-weight: 500; font-size: 16px; word-wrap: break-word; overflow-wrap: break-word; }
/* --- */
.ts_accordion_content > .ts_description > .sha_values > p > span{ color: var(--accent_main); font-weight: bold; }
.ts_accordion_content.astel > .ts_description > .sha_values > p > span{ color: var(--primary_green); font-weight: bold; }
.ts_accordion_content.encryphix > .ts_description > .sha_values > p > span{ color: var(--primary_steel_blue); font-weight: bold; }
.ts_accordion_content.glow > .ts_description > .sha_values > p > span{ color: var(--primary_blue); font-weight: bold; }
.ts_accordion_content.vcardix > .ts_description > .sha_values > p > span{ color: var(--primary_aqua); font-weight: bold; }
.ts_accordion_content.vimera > .ts_description > .sha_values > p > span{ color: var(--primary_purple); font-weight: bold; }
.ts_accordion_content.yamira > .ts_description > .sha_values > p > span{ color: var(--primary_red); font-weight: bold; }
.ts_accordion_content.zafuse > .ts_description > .sha_values > p > span{ color: var(--primary_pink); font-weight: bold; }
/* --- */
@media (max-width: 980px){
  .ts_accordion_list { width: 30%; }
  .ts_accordion { width: 70%; }
}
@media (max-width: 740px){
  .ts_accordion_list { display: none; }
  .ts_accordion { width: 100%; }
}

/* ABOUT */
/* ================================================================================================= */
.ts_about{ background-color: var(--content_bg_2); padding: 25px; border-radius: 10px; width: 100%; height: auto; display: flex; gap: 25px; font-weight: 500; margin: 0 0 20px 0;}
.ts_about:nth-child(5){ margin: 0; }
.ts_about > .ts_about_img{ width: 225px; min-width: 225px; height: 225px; background-color: var(--content_bg_1); border-radius: 10px; overflow: hidden; }
.ts_about > .ts_about_img > img{ width: 100%; height: 100%; object-fit: cover; }
.ts_about > .ts_about_txt{ width: 100%; display: flex; flex-direction: column; gap: 15px; }
.ts_about > .ts_about_txt > .ts_about_header{ display: flex; justify-content: space-between; align-items: start; border-bottom: 1px solid var(--content_border); width: 100%; padding: 0 0 15px 0; }
.ts_about > .ts_about_txt > .ts_about_header > h3{ color: var(--accent_sec); display: flex; flex-direction: column; font-size: 16px; }
.ts_about > .ts_about_txt > .ts_about_header > h3 > span{ color: var(--accent_main); font-weight: 500; font-size: 15px; }
.ts_about > .ts_about_txt > .ts_about_header > .ts_about_media{ display: flex; gap: 10px; }
.ts_about > .ts_about_txt > .ts_about_header > .ts_about_media > a{ background-color: var(--content_bg_1); color: var(--accent_sec); display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; font-size: 22px; transition: background-color 0.2s; }
.ts_about > .ts_about_txt > .ts_about_header > .ts_about_media > a:hover{ background-color: var(--content_bg_3); }
.ts_about > .ts_about_txt > p{ color: var(--accent_sec); }
@media (max-width: 740px){
  .ts_about{ flex-direction: column; justify-content: center; align-items: center; }
  .ts_about > .ts_about_txt > .ts_about_header{ flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 15px; }
  .ts_about > .ts_about_txt > p{ text-align: center; }
}

/* TS CONTACT */
/* ================================================================================================= */
.contact_media_container{ background-color: var(--content_bg_2); padding: 15px; border-radius: 10px; width: 100%; height: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0 0 10px 0; }
.contact_media_container > a{ background-color:var(--content_bg_1); color: var(--accent_sec); text-decoration: none; padding: 10px 15px; border-radius: 5px; font-weight: 600; display: flex; justify-content: center; align-items: center; gap: 15px; transition: background-color 0.2s; }
.contact_media_container > a:hover{ background-color: var(--content_bg_3); }
.contact_media_container > a > i{ width: auto; text-align: center; }
.contact_media_container > a > .contact_splitter_in{ background-color: var(--content_splitter); height: 25px; width: 2px; }
.contact_media_container > a > .contact_media_txt_in{ display: flex; flex-direction: column; }
.contact_media_container > a > .contact_media_txt_in > span:nth-child(2){ color: var(--accent_main);}
.contact_media_container > a > i{ font-size: 28px; }
@media (max-width: 980px){
  .contact_media_container{ grid-template-columns: repeat(2, 1fr); }
  .contact_media_container > a:nth-child(3){ grid-column: 1 / -1; }
}
@media (max-width: 740px){
  .contact_media_container{ grid-template-columns: repeat(1, 1fr); }
  .contact_media_container > a{ justify-content: start; }
}
/* --- */
#ts_notification_container{ width: 100%; justify-content: center; align-items: center; display: flex; }
#ts_notification { background-color: var(--accent_main); color: var(--accent_three); width: 100%; padding: 10px; margin: 10px 0; text-align: center; border-radius: 5px; font-weight: 500; opacity: 0; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease; }
#ts_notification.show { opacity: 1; transform: translateY(0); }
/* --- */
.contact_container{ margin: 10px 0 0 0; background-color: var(--content_bg_2); gap: 20px; padding: 15px; border-radius: 10px; width: 100%; height: auto; justify-content: center; align-items: center; display: flex; flex-direction: column; }
.contact_container > .contact_box{ width: 100%; height: auto; display: flex; flex-direction: column; gap: 7px; }
.contact_container > .contact_box > span{ color: var(--accent_sec); font-weight: 500; font-size: 17px; }
.contact_container > .contact_box > .contact_in{ display: flex; justify-content: start; align-items: start; height: auto; position: relative; }
.contact_container > .contact_box > .contact_in > i{ color: var(--accent_sec); position: absolute; z-index: 1; margin: 12px 0 0 15px; font-size: 21px; width: 27px; height: auto; display: flex; }
.contact_container > .contact_box > .contact_in > input, textarea{ background-color: var(--content_bg_1); color: var(--accent_sec); border: none; border-bottom: 3px solid var(--content_bg_1); padding: 12px 12px 9px 50px; width: 100%; font-size: 16px; margin: 0; outline: none; border-radius: 5px; font-weight: 500; transition: border 0.2s; }
.contact_container > .contact_box > .contact_in > input:focus, textarea:focus{ border-bottom: 3px solid var(--accent_main); }
.contact_container > .contact_box > .contact_in > textarea{ height: 175px; resize: none; }
.contact_container > .contact_box > button{ background-color: var(--accent_main); color: var(--accent_three); padding: 12px 0; width: 100%; border: none; border-radius: 5px; transition: background-color 0.2s; font-weight: 500; font-size: 16px; display: flex; justify-content: center; align-items: center; gap: 7px; cursor: pointer; }
.contact_container > .contact_box > button:hover{ background-color: var(--accent_main_hover); }

/* CHARACTER COUNTER */
/* ================================================================================================= */
.c_box_character_counter { background: var(--content_blur_bg); color: var(--accent_sec); position: absolute; bottom: 10px; right: 7px; font-size: 15px; padding: 5px 10px; border-radius: 5px; pointer-events: none; opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; visibility: hidden; }
.c_box_character_counter.active { opacity: 1; transform: translateY(0); visibility: visible; }

/* TS POLICY */
/* ================================================================================================= */
.ts_policy_container{ background-color: var(--content_bg_2); color: var(--accent_sec); width: 100%; height: auto; padding: 15px; border-radius: 10px; display: flex; flex-direction: column; gap: 25px; font-weight: 500; }
.ts_policy_container > h3.policy_update_date{ display: flex; gap: 10px; border-bottom: 1px solid var(--content_border); padding: 0 0 20px 0; }
.ts_policy_container > h3.policy_update_date > span{ color: var(--accent_sec); }
.ts_policy_container > h3{ color: var(--accent_main); }
.ts_policy_container > ul{ margin: 0 0 0 20px; }
.ts_policy_container > ul > li > span{ color: var(--accent_sec); }
.ts_policy_container > span{ color: var(--accent_sec); }
.ts_policy_container > p > span{ color: var(--accent_sec); }
.ts_policy_container > a{ background-color: var(--accent_main); color: var(--accent_three); max-width: 275px; font-weight: 500; padding: 8px 20px; transition: background-color 0.2s; text-decoration: none; border-radius: 5px; display: flex; justify-content: center; align-items: center; gap: 5px; }
.ts_policy_container > a:hover{ background-color: var(--accent_main_hover); }
.ts_policy_container > a > i{ font-size: 18px; }
/* --- */
.ts_policy_container > .ts_cookie_table > .ts_table td:nth-child(1){ width: 20%; }
.ts_policy_container > .ts_cookie_table > .ts_table td:nth-child(2){ width: 20%; }
.ts_policy_container > .ts_cookie_table > .ts_table td:nth-child(3){ width: 20%; }
.ts_policy_container > .ts_cookie_table > .ts_table td:nth-child(4){ width: 20%; }
.ts_policy_container > .ts_cookie_table > .ts_table td:nth-child(5){ width: 20%; }
@media (max-width: 740px){
  .ts_policy_container > a{ max-width: 350px; }
  .ts_policy_container > .ts_cookie_table{ overflow-x: auto; }
}

/* FOOTER */
/* ================================================================================================= */
footer{ background-color: var(--content_bg_2); width: 100%; height: auto; justify-content: space-between; align-items: center; display: flex; padding: 15px 25px; font-weight: 500; }
footer > .footer_left{ justify-content: center; align-items: center; display: flex; gap: 20px; }
footer > .footer_left > a > .ts_menu_logo{ width: 30px; height: 30px; fill: var(--accent_sec); transition: fill 0.2s; }
footer > .footer_left > a > .ts_menu_logo:hover{ fill: var(--accent_main); }
footer > .footer_left > .footer_spliter{ height: 25px; width: 1px; background-color: var(--content_splitter); }
footer > .footer_left > ul{ display: flex; gap: 20px; font-size: 16px; }
footer > .footer_left > ul > li{ list-style: none; }
footer > .footer_left > ul > li > a{ color: var(--accent_sec); text-decoration: none; display: flex; justify-content: center; align-items: center; gap: 7px; transition: color 0.2s; }
footer > .footer_left > ul > li > a:hover{ color: var(--accent_main); }
footer > .footer_left > ul > li > a.active{ color: var(--accent_main); }
footer > .footer_left > ul > li > a > i{ font-size: 18px; width: 23px; text-align: center; }
footer > .footer_right{ justify-content: center; align-items: center; display: flex; gap: 3px; color: var(--accent_sec); font-size: 15px; }
@media (max-width: 700px){
  footer{ flex-direction: column; gap: 20px; }
  footer > .footer_left > a > .ts_menu_logo{ width: 42px; height: 42px; }
  footer > .footer_left{ flex-direction: column; gap: 20px;}
  footer > .footer_left > .footer_spliter{ height: 1px; width: 25px; display: none; }
  footer > .footer_right{ border-top: 1px solid var(--content_border_2); padding: 20px 0 0 0; width: 100%; }
}
@media (max-width: 400px){
  footer > .footer_left > ul{ flex-direction: column; }
}

/* 404 PAGE */
/* ================================================================================================= */
.ts_404{ width: 100%; height: auto; background-color: var(--content_bg_2); color: var(--accent_sec); padding: 30px 15px; border-radius: 10px; justify-content: center; align-items: center; display: flex; gap: 30px; flex-direction: column; }
.ts_404 > .ts_404_header{ border-bottom: 1px solid var(--content_border); width: 50%; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 0 0 30px 0; }
.ts_404 > .ts_404_header > i, h2{ font-size: 56px; color: var(--accent_main); }
.ts_404 > p{ font-size: 22px; font-weight: 600; text-align: center; }
.ts_404 > span{ font-size: 17px; font-weight: 500; text-align: center; }
.ts_404 > span > label{ color: var(--accent_main); font-weight: 600; }
.ts_404 > a{ background-color: var(--accent_main); color: var(--accent_three); font-weight: 500; padding: 8px 20px; transition: background-color 0.2s; text-decoration: none; border-radius: 5px; display: flex; justify-content: center; align-items: center; gap: 10px; }
.ts_404 > a:hover{ background-color: var(--accent_main_hover); }
@media (max-width: 500px){
  .ts_404{ padding: 15px; }
  .ts_404 > .ts_404_header{ width: 75%; }
  .ts_404 > a{ width: 100%; padding: 8px 0; }
}