
/* /engosoft_terms_page/static/src/scss/terms_page.scss */
 .s_terms_conditions_page{--main-color: #0063BD; --main-color-dark: #0065A4; --accent-color: #FF9900; --text-color: #031C3A; --white: #FFFFFF; --light-gray: #F8F9FA; --border-color: #CCD0FF; --success-color: #28A745; --danger-color: #DC3545; --blue-color: #0C66DD; --gradient-main: linear-gradient(90deg, #C9772C 7.35%, #826A87 23.18%, #3A6FC2 39%, #008EDE 63.34%, #00D3DD 100%); --border-radius: 4px; --card-radius: 8px; --btn-radius: 6px; --shadow: 0 4px 6px rgba(0, 0, 0, 0.1); --shadow-lg: 0 8px 25px rgba(0, 0, 0, 0.15); --font-family: "Noto Kufi Arabic", sans-serif; --fs-xs: 0.85rem; --fs-sm: 1rem; --fs-md: 1.15rem; --fs-lg: 1.5rem; --fs-xl: 1.75rem; --fs-xxl: 2rem; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --space-xs: 0.25rem; --space-sm: 0.5rem; --space-md: 1rem; --space-lg: 2rem; --space-xl: 4rem; font-family: var(--font-family); color: var(--text-color); line-height: 1.8;}.s_terms_conditions_page a{text-decoration: none;}.s_terms_conditions_page .terms-loading-screen{position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: var(--white); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; z-index: 99999; transition: opacity 0.5s ease, visibility 0.5s ease;}.s_terms_conditions_page .terms-loading-screen.hidden{opacity: 0; visibility: hidden; pointer-events: none;}.s_terms_conditions_page .terms-loading-screen .loader-spinner{width: 48px; height: 48px; margin: 0 auto 1rem; border: 3px solid rgba(0, 99, 189, 0.1); border-top: 3px solid var(--main-color); border-radius: 50%; animation: spin 0.8s linear infinite;}.s_terms_conditions_page .terms-loading-screen .loader-text{font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--text-color); margin: 0; text-align: center;}@keyframes spin{to{transform: rotate(-360deg);}}.s_terms_conditions_page .terms-hero{background: linear-gradient(-190deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 58, 94, 0.85) 100%), url("/company_requests_page/static/img/hero_bg.webp") center/cover no-repeat; color: var(--white); text-align: center; padding: 5rem var(--space-md); min-height: 280px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.s_terms_conditions_page .terms-hero .hero-inner{max-width: 700px; margin: 0 auto;}.s_terms_conditions_page .terms-hero .hero-badge{display: inline-block; background: rgba(255, 153, 0, 0.2); border: 1px solid var(--accent-color); color: var(--accent-color); padding: 0.4rem 1.5rem; border-radius: 20px; font-size: var(--fs-xs); font-weight: var(--fw-semibold); margin-bottom: var(--space-md); letter-spacing: 0.05em;}.s_terms_conditions_page .terms-hero .hero-title{font-size: var(--fs-xxl); font-weight: var(--fw-bold); margin-bottom: var(--space-sm); line-height: 1.4; text-shadow: -2px 2px 8px rgba(0, 0, 0, 0.4);}.s_terms_conditions_page .terms-hero .hero-subtitle{font-size: var(--fs-md); font-weight: var(--fw-regular); opacity: 0.9; margin: 0;}@media (max-width: 768px){.s_terms_conditions_page .terms-hero{padding: 3.5rem var(--space-md); min-height: 220px;}.s_terms_conditions_page .terms-hero .hero-title{font-size: var(--fs-xl);}.s_terms_conditions_page .terms-hero .hero-subtitle{font-size: var(--fs-sm);}}.s_terms_conditions_page .terms-layout{background: var(--white); padding: var(--space-xl) 0;}.s_terms_conditions_page .terms-layout-inner{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: var(--space-lg);}.s_terms_conditions_page .terms-sidebar{width: 260px; flex-shrink: 0; position: sticky; top: 80px; max-height: calc(100vh - 100px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--border-color) transparent;}.s_terms_conditions_page .terms-sidebar::-webkit-scrollbar{width: 4px;}.s_terms_conditions_page .terms-sidebar::-webkit-scrollbar-track{background: transparent;}.s_terms_conditions_page .terms-sidebar::-webkit-scrollbar-thumb{background: var(--border-color); border-radius: 4px;}.s_terms_conditions_page .terms-toc{background: linear-gradient(-59.26deg, rgba(201, 119, 44, 0.08) 9.78%, rgba(130, 106, 135, 0.08) 33.03%, rgba(58, 111, 194, 0.08) 53.88%, rgba(0, 142, 222, 0.08) 73.72%, rgba(0, 211, 221, 0.08) 101.01%); border: 1px solid var(--border-color); border-top: 3px solid transparent; border-image: var(--gradient-main) 1; border-image-slice: 0 0 0 0; border-top-color: transparent; border-radius: var(--card-radius); padding: var(--space-lg) var(--space-md); position: relative;}.s_terms_conditions_page .terms-toc::before{content: ''; position: absolute; top: 0; inset-inline-start: 0; inset-inline-end: 0; height: 3px; background: var(--gradient-main); border-radius: var(--card-radius) var(--card-radius) 0 0;}.s_terms_conditions_page .terms-toc .toc-title{font-size: var(--fs-sm); font-weight: var(--fw-bold); color: var(--main-color); margin-bottom: var(--space-md); padding-bottom: var(--space-sm); border-bottom: 1px solid var(--border-color);}.s_terms_conditions_page .terms-toc .toc-list{list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 0;}.s_terms_conditions_page .terms-toc .toc-list li{border-bottom: 1px solid rgba(0, 0, 0, 0.05);}.s_terms_conditions_page .terms-toc .toc-list li:last-child{border-bottom: none;}.s_terms_conditions_page .terms-toc .toc-list li a{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: var(--space-sm); color: var(--text-color); font-size: var(--fs-xs); font-weight: var(--fw-medium); padding: 0.55rem var(--space-sm); border-radius: var(--border-radius); transition: all 0.2s ease;}.s_terms_conditions_page .terms-toc .toc-list li a::before{content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--accent-color); flex-shrink: 0; transition: transform 0.2s ease;}.s_terms_conditions_page .terms-toc .toc-list li a:hover{color: var(--main-color); background: rgba(0, 99, 189, 0.06); padding-inline-start: calc(var(--space-sm) + 4px);}.s_terms_conditions_page .terms-toc .toc-list li a:hover::before{transform: scale(1.3);}.s_terms_conditions_page .terms-toc .toc-list li a.active{color: var(--main-color); font-weight: var(--fw-semibold); background: rgba(0, 99, 189, 0.08);}.s_terms_conditions_page .terms-toc .toc-list li a.active::before{background: var(--main-color);}.s_terms_conditions_page .terms-content{flex: 1; min-width: 0;}.s_terms_conditions_page .terms-content .terms-section{margin-bottom: 3rem; scroll-margin-top: 80px;}.s_terms_conditions_page .terms-content .terms-section:last-child{margin-bottom: 0;}.s_terms_conditions_page .terms-content .terms-section .section-header{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: var(--space-md); margin-bottom: var(--space-lg); padding-bottom: var(--space-md); border-bottom: 1px solid var(--border-color); position: relative;}.s_terms_conditions_page .terms-content .terms-section .section-header::after{content: ''; position: absolute; bottom: -1px; inset-inline-start: 0; width: 80px; height: 3px; background: var(--gradient-main);}.s_terms_conditions_page .terms-content .terms-section .section-header .section-icon{width: 48px; height: 48px; background: linear-gradient(-135deg, rgba(0, 99, 189, 0.1), rgba(0, 211, 221, 0.1)); border: 2px solid transparent; border-image: var(--gradient-main) 1; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1.4rem; color: var(--main-color);}.s_terms_conditions_page .terms-content .terms-section .section-header .section-title{font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--main-color); margin: 0; line-height: 1.3;}.s_terms_conditions_page .terms-content .terms-section .section-body{padding-inline-start: calc(48px + var(--space-md));}@media (max-width: 576px){.s_terms_conditions_page .terms-content .terms-section .section-body{padding-inline-start: 0;}}.s_terms_conditions_page .terms-content .terms-section .terms-alert{background: linear-gradient(-135deg, rgba(255, 153, 0, 0.08), rgba(255, 153, 0, 0.15)); border: 2px solid var(--accent-color); border-radius: var(--card-radius); padding: var(--space-md) var(--space-lg); margin-bottom: var(--space-md);}.s_terms_conditions_page .terms-content .terms-section .terms-alert .alert-title{font-weight: var(--fw-bold); font-size: var(--fs-sm); color: #b36b00; margin-bottom: var(--space-sm); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: var(--space-sm);}.s_terms_conditions_page .terms-content .terms-section .terms-alert .alert-title i{color: var(--accent-color);}.s_terms_conditions_page .terms-content .terms-section .terms-alert p{margin: 0; font-size: var(--fs-xs); line-height: 1.8;}.s_terms_conditions_page .terms-content .terms-section .terms-list{list-style: none; padding: 0; margin: 0;}.s_terms_conditions_page .terms-content .terms-section .terms-list li{gap: var(--space-sm); margin-bottom: var(--space-md); font-size: var(--fs-sm); line-height: 1.8;}.s_terms_conditions_page .terms-content .terms-section .terms-list li::before{content: ''; display: inline-block; width: 8px; height: 8px; min-width: 8px; margin-top: 0.6em; margin-inline-end: 0.6em; border-radius: 50%; background: var(--gradient-main);}.s_terms_conditions_page .terms-content .terms-section .terms-list li:last-child{margin-bottom: 0;}.s_terms_conditions_page .terms-content .terms-section .terms-list li strong{font-weight: var(--fw-bold); color: var(--main-color);}.s_terms_conditions_page .terms-content .terms-section .terms-list li a{color: var(--blue-color); text-decoration: underline; word-break: break-all;}.s_terms_conditions_page .terms-content .terms-section .terms-list li a:hover{color: var(--main-color);}.s_terms_conditions_page .terms-content .terms-section .terms-info-card{background: linear-gradient(-59.26deg, rgba(201, 119, 44, 0.08) 0%, rgba(0, 142, 222, 0.08) 100%); border: 1px solid var(--border-color); border-radius: var(--card-radius); padding: var(--space-lg); margin-bottom: var(--space-md);}.s_terms_conditions_page .terms-content .terms-section .terms-info-card p{font-size: var(--fs-sm); line-height: 1.8; margin: 0;}.s_terms_conditions_page .terms-content .terms-section .terms-info-card p:not(:last-child){margin-bottom: var(--space-sm);}.s_terms_conditions_page .terms-content .terms-section .terms-info-card .contact-highlight{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: var(--space-sm); background: var(--main-color); color: var(--white); padding: 0.4rem 1rem; border-radius: 20px; font-weight: var(--fw-semibold); font-size: var(--fs-xs); margin: var(--space-xs) 0 0 var(--space-xs); white-space: nowrap;}.s_terms_conditions_page .terms-content .terms-section .terms-links-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space-md);}.s_terms_conditions_page .terms-content .terms-section .terms-links-grid .link-card{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: var(--space-sm); background: var(--light-gray); border: 1px solid var(--border-color); border-radius: var(--card-radius); padding: var(--space-md); color: var(--text-color); font-size: var(--fs-xs); font-weight: var(--fw-medium); transition: all 0.3s ease; word-break: break-all;}.s_terms_conditions_page .terms-content .terms-section .terms-links-grid .link-card i{font-size: 1.2rem; color: var(--main-color); flex-shrink: 0;}.s_terms_conditions_page .terms-content .terms-section .terms-links-grid .link-card:hover{background: rgba(0, 99, 189, 0.05); border-color: var(--main-color); transform: translateY(-2px); box-shadow: var(--shadow);}.s_terms_conditions_page .terms-content .terms-divider{height: 1px; background: var(--gradient-main); margin: 3rem 0; opacity: 0.4;}.s_terms_conditions_page .terms-acknowledgment{background: linear-gradient(-59.26deg, rgba(201, 119, 44, 0.25) 9.78%, rgba(130, 106, 135, 0.25) 33.03%, rgba(58, 111, 194, 0.25) 53.88%, rgba(0, 142, 222, 0.25) 73.72%, rgba(0, 211, 221, 0.25) 101.01%); padding: var(--space-xl) 0; text-align: center;}.s_terms_conditions_page .terms-acknowledgment .ack-inner{max-width: 720px; margin: 0 auto;}.s_terms_conditions_page .terms-acknowledgment .ack-icon{font-size: 3rem; color: var(--main-color); margin-bottom: var(--space-md);}.s_terms_conditions_page .terms-acknowledgment .ack-title{font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--main-color); margin-bottom: var(--space-md);}.s_terms_conditions_page .terms-acknowledgment .ack-text{font-size: var(--fs-sm); line-height: 1.8; margin-bottom: var(--space-lg);}.s_terms_conditions_page .terms-acknowledgment .ack-emoji{font-size: 2rem;}@media (min-width: 1200px){.s_terms_conditions_page .container{max-width: 1100px;}}@media (min-width: 1400px){.s_terms_conditions_page .container{max-width: 1280px;}}@media (max-width: 992px){.s_terms_conditions_page .terms-layout-inner{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.s_terms_conditions_page .terms-sidebar{width: 100%; position: static; max-height: none;}.s_terms_conditions_page .terms-sidebar .terms-toc .toc-list{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));}.s_terms_conditions_page .terms-sidebar .terms-toc .toc-list li{border-bottom: none;}}@media (max-width: 768px){.s_terms_conditions_page .terms-layout{padding: var(--space-lg) 0;}.s_terms_conditions_page .terms-content .terms-section .section-header .section-title{font-size: var(--fs-md);}}@media (max-width: 576px){.s_terms_conditions_page .terms-sidebar .terms-toc .toc-list{grid-template-columns: 1fr;}}