/*!
 * Name			: Style
 * Website		: https://softclever.com
 * Copyright	: 2018 SoftClever Limited.
  _____        __      ______    _       
 |_   _|      / _|    |  ____|  | |      
   | |  _ __ | |_ ___ | |__   __| |_   _ 
   | | | '_ \|  _/ _ \|  __| / _` | | | |
  _| |_| | | | || (_) | |___| (_| | |_| |
 |_____|_| |_|_| \___/|______\__,_|\__,_|

*/

:root {--text-deep: #005181;--text-primary: #005c91;--text-light: #ffffff;--text-black: #000000;--text-dark: #333333;--text-gray: #525252;--text-gray2: #efefef;--text-gray3: #f5f5f5;--text-bg: #f8f9fa;--border: #e2e8f0;--shadow: 0 4px 15px rgba(0,0,0,0.05);--shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.2);--shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.2);--transition: all 0.3s ease;--transition2: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);--rainbow-gradient: linear-gradient(90deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);}*{margin: 0;padding: 0;box-sizing: border-box;}i {font-style: normal !important;}body {user-select: none;line-height: 1.6;color: #333;background: #f3f3f3;}html {scroll-behavior: smooth;}.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}::selection {background-color: var(--text-deep);color: var(--text-light);}::-moz-selection {background-color: var(--text-deep);color: var(--text-light);}::-webkit-scrollbar {width: 8px;height: 8px;}::-webkit-scrollbar-track {background: #e1e1e1;}::-webkit-scrollbar-thumb {background: var(--text-deep);transition: .5s ease-in-out;border-radius: 0px;}::-webkit-scrollbar-thumb:hover {background: var(--text-primary);}.header {background: var(--text-light);backdrop-filter: blur(10px);position: fixed;top: 0;left: 0;right: 0;z-index: 1000;transition: all 0.3s ease;}.header.scrolled {box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);backdrop-filter: blur(5px);background-color: rgb(255 255 255 / 96%);}.nav-wrapper {display: flex;align-items: center;justify-content: space-between;padding-top: 0.5rem;padding-bottom: 0.3rem;}.logo {display: flex;align-items: center;}.logo i {margin-right: 0.5rem;font-size: 1.8rem;}.nav-menu ul {display: flex;list-style: none;gap: 1.2rem;}.nav-menu a {font-size: 0.97rem;text-decoration: none;color: var(--text-gray);font-weight: normal;transition: color 0.3s ease;}.nav-menu a:hover {color: var(--text-primary);}.nav-menu a.active {color: var(--text-primary);}.mobile-toggle {background: var(--text-primary);padding: 8px;display: none;border-radius: 4px;flex-direction: column;cursor: pointer;gap: 4px;}.mobile-toggle span {width: 25px;height: 3px;background: var(--text-light);transition: all 0.3s ease;}.mobile-menu-overlay {position: fixed;top: 0;left: -100%;width: 100%;height: 100vh;backdrop-filter: blur(3px);background: rgba(0, 0, 0, 0.5);z-index: 2000;transition: opacity 0.3s ease, visibility 0.3s ease;visibility: hidden;}.mobile-menu-overlay.active {left: 0;opacity: 1;visibility: visible;}.mobile-menu {width: 300px;height: 100%;border-top-right-radius: 16px;border-bottom-right-radius: 16px;background: var(--text-light);padding: 1.5rem;transform: translateX(-100%);transition: transform 0.3s ease;}.mobile-menu-overlay.active .mobile-menu {transform: translateX(0);}.mobile-menu-overlay.is-closing .mobile-menu {transform: translateX(-100%);}.mobile-menu-header {display: flex;justify-content: space-between;align-items: center;margin-top: -0.8rem;margin-bottom: 1.3rem;border-bottom: 1px solid #f8f8f8;}.mobile-close {background: none;border: none;font-size: 1.5rem;cursor: pointer;}.mobile-nav {margin-left: 5px;}.mobile-nav ul {list-style: none;margin-bottom: 2rem;}.mobile-nav li {margin-bottom: 1rem;}.mobile-nav li:last-child {margin-bottom: -0.5rem;}.mobile-nav li a i.fa {background: var(--text-primary);color: var(--text-light) !important;display: inline-flex;align-items: center;justify-content: center;vertical-align: top;width: 28px;height: 28px;border-radius: 50%;font-size: 13px;margin-right: 3px;transition: background 0.3s ease, transform 0.2s ease;}.mobile-nav li a:hover {color: #010101;}.mobile-nav li a.active {color: #010101;}.mobile-nav li a.active i.fa, .mobile-nav li a:hover i.fa {background: var(--text-dark);}.mobile-nav li span {margin-left: 3px;vertical-align: text-top;}.mobile-nav a {text-decoration: none;color: #515151;font-weight: normal;font-size: 1rem;}.mobile-buttons {border-top: 2px solid #f8f8f8;padding-top: 20px;}.mobile-buttons a {width: 100%;display: block;margin-bottom: 7px;text-align: center;font-weight: normal;}.mobile-buttons a i.fa {margin-right: 3px;}.nav-buttons {display: flex;gap: 0.5rem;}.nav-buttons a {font-weight: normal;}.btn-primary, .btn-secondary, .btn-light, .btn-dark, .btn-outline, .btn-danger, .btn-error, .btn-warning, .btn-success, .btn-info, .btn-cta, .btn-addon {border: none;border-radius: 8px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;text-decoration: none;display: inline-flex;align-items: center;outline: none;gap: 0.5rem;}.btn-primary {color: var(--text-light);background: var(--text-primary);}.btn-primary:hover {color: var(--text-light);background: var(--text-deep);transform: translateY(-2px);}.btn-secondary {color: var(--text-black);background: #f0f5fa;}.btn-secondary:hover {color: var(--text-primary);background: #f0f7fd;transform: translateY(-2px);}.btn-light {color: var(--text-black);background: var(--text-light);}.btn-light:hover {color: var(--text-black);background: #efefef;transform: translateY(-2px);}.btn-dark {color: var(--text-light);background: var(--text-black);}.btn-dark:hover {color: var(--text-light);background: #212121;transform: translateY(-2px);}.btn-outline {color: var(--text-black);background: transparent;border: 1px solid var(--text-primary);}.btn-outline:hover {color: var(--text-black);background: transparent;border: 1px solid var(--text-deep);transform: translateY(-2px);}.btn-danger {color: var(--text-light);background: #dc2626;}.btn-danger:hover {color: var(--text-light);background: #b91c1c;transform: translateY(-2px);}.btn-error {color: var(--text-light);background: #e11d48;}.btn-error:hover {color: var(--text-light);background: #be123c;transform: translateY(-2px);}.btn-warning {color: var(--text-light);background: #f59e0b;}.btn-warning:hover {color: var(--text-light);background: #d97706;transform: translateY(-2px);}.btn-success {color: var(--text-light);background: #16a34a;}.btn-success:hover {color: var(--text-light);background: #15803d;transform: translateY(-2px);}.btn-info {color: var(--text-light);background: #2563eb;}.btn-info:hover {color: var(--text-light);background: #1d4ed8;transform: translateY(-2px);}.btn-lg {font-size: 1rem;padding: 0.75rem 1.5rem !important;}.btn-md {font-size: 1rem;padding: 0.50rem 1.5rem !important;}.btn-sm {font-size: 1rem;padding: 0.35rem 1.5rem !important;}.btn-lang {font-size: 1rem;padding: 0.35rem 0.6rem !important;}.btn-action {font-size: 1rem;padding: 0.35rem 0.6rem !important;}.bordered {border: 1px solid #dee2e6;background: transparent;}.border-primary {border-color: var(--text-primary) !important;}.border-light {border-color: var(--text-light) !important;}.border-dark {border-color: var(--text-black) !important;}.border-danger {border-color: #dc2626 !important;}.border-error {border: 1px solid #e11d48 !important;}.border-warning {border-color: #f59e0b !important;}.border-success {border-color: #16a34a !important;}.border-info {border-color: #2563eb !important;}.custom-alert {display: flex;align-items: center;gap: 15px;border-radius: 8px;padding: 15px 20px;margin-bottom: 20px;}.custom-alert i {font-size: 30px;flex-shrink: 0;}.alert-content h5 {font-size: 1.1rem;font-weight: 700;}.alert-content p {margin: 0;font-size: 0.95rem;font-weight: 400;}.success {border: 1px solid #155724a1;background: #d4edda;color: #155724;}.success i {color: #155724;}.error {border: 1px solid #721c24a6;background: #f8d7da;color: #721c24;}.error i {color: #721c24;}.warning {border: 1px solid #856404a1;background: #fff3cd;color: #856404;}.warning i {color: #856404;}.danger {border: 1px solid #721c24a3;background: #f5c6cb;color: #721c24;}.danger i {color: #721c24;}.text-primary {color: var(--text-primary) !important;}.text-secondary {color: #6b7280 !important;}.text-light {color: var(--text-light) !important;}.text-dark {color: var(--text-black) !important;}.text-danger {color: #dc2626 !important;}.text-error {color: #e11d48 !important;}.text-warning {color: #f59e0b !important;}.text-success {color: #16a34a !important;}.text-info {color: #2563eb !important;}.bg-primary {background-color: var(--text-primary) !important;transition: background-color 0.3s ease;}.bg-primary:hover {background-color: var(--text-deep) !important;}.bg-secondary {background-color: #f0f5fa !important;transition: background-color 0.3s ease;}.bg-secondary:hover {background-color: #f0f7fd !important;}.bg-light {background-color: var(--text-light) !important;transition: background-color 0.3s ease;}.bg-light:hover {background-color: #efefef !important;}.bg-dark {background-color: var(--text-black) !important;transition: background-color 0.3s ease;}.bg-dark:hover {background-color: #212121 !important;}.bg-danger {background-color: #dc2626 !important;transition: background-color 0.3s ease;}.bg-danger:hover {background-color: #b91c1c !important;}.bg-error {background-color: #e11d48 !important;transition: background-color 0.3s ease;}.bg-error:hover {background-color: #be123c !important;}.bg-warning {background-color: #f59e0b !important;transition: background-color 0.3s ease;}.bg-warning:hover {background-color: #d97706 !important;}.bg-success {background-color: #16a34a !important;transition: background-color 0.3s ease;}.bg-success:hover {background-color: #15803d !important;}.bg-info {background-color: #2563eb !important;transition: background-color 0.3s ease;}.bg-info:hover {background-color: #1d4ed8 !important;}.bg-facebook {background: #0866ff !important;}.bg-messenger {background: #0084FF !important;}.bg-robot {background: #6C63FF !important;}.bg-whatsapp {background: #25D366 !important;}.bg-telegram {background: #0088cc !important;}.bg-twitter {background: #1da1f2 !important;}.bg-instagram {background: #e1306c !important;}.bg-youtube {background: #ff0000 !important;}.bg-linkedin {background: #0a66c2 !important;}.bg-pinterest {background: #e60023 !important;}.bg-snapchat {background: #fffc00 !important;}.bg-tiktok {background: #010101 !important;}.bg-phone {background: #34A853 !important;}.text-left {text-align: left !important;}.text-center {text-align: center !important;}.text-right {text-align: right !important;}.p-5 {padding: 5px !important;}.p-10 {padding: 10px !important;}.p-15 {padding: 15px !important;}.p-20 {padding: 20px !important;}.pt-0 {padding-top: 0rem !important;}.pt-1 {padding-top: 0.25rem !important;}.pt-2 {padding-top: 0.5rem !important;}.pt-3 {padding-top: 0.75rem !important;}.pt-4 {padding-top: 1rem !important;}.pt-5 {padding-top: 1.25rem !important;}.pt-6 {padding-top: 1.5rem !important;}.pt-7 {padding-top: 1.75rem !important;}.pt-8 {padding-top: 2rem !important;}.pt-9 {padding-top: 2.25rem !important;}.pt-10 {padding-top: 2.5rem !important;}.pt-20 {padding-top: 5rem !important;}.pt-30 {padding-top: 7rem !important;}.pt-40 {padding-top: 8.5rem !important;}.pt-50 {padding-top: 10rem !important;}.pb-0 {padding-bottom: 0rem !important;}.pb-1 {padding-bottom: 0.25rem !important;}.pb-2 {padding-bottom: 0.5rem !important;}.pb-3 {padding-bottom: 0.75rem !important;}.pb-4 {padding-bottom: 1rem !important;}.pb-5 {padding-bottom: 1.25rem !important;}.pb-6 {padding-bottom: 1.5rem !important;}.pb-7 {padding-bottom: 1.75rem !important;}.pb-8 {padding-bottom: 2rem !important;}.pb-9 {padding-bottom: 2.25rem !important;}.pb-10 {padding-bottom: 2.5rem !important;}.pb-20 {padding-bottom: 5rem !important;}.pb-30 {padding-bottom: 7rem !important;}.pb-40 {padding-bottom: 8.5rem !important;}.pb-50 {padding-bottom: 10rem !important;}.m-5 {margin: 5px !important;}.m-10 {margin: 10px !important;}.m-15 {margin: 15px !important;}.m-20 {margin: 20px !important;}.mt-0 {margin-top: 0rem !important;}.mt-1 {margin-top: 0.25rem !important;}.mt-2 {margin-top: 0.5rem !important;}.mt-3 {margin-top: 0.75rem !important;}.mt-4 {margin-top: 1rem !important;}.mt-5 {margin-top: 1.25rem !important;}.mt-6 {margin-top: 1.5rem !important;}.mt-7 {margin-top: 1.75rem !important;}.mt-8 {margin-top: 2rem !important;}.mt-9 {margin-top: 2.25rem !important;}.mt-10 {margin-top: 2.5rem !important;}.mt-20 {margin-top: 5rem !important;}.mt-30 {margin-top: 7rem !important;}.mt-40 {margin-top: 8.5rem !important;}.mt-50 {margin-top: 10rem !important;}.mb-0 {margin-bottom: 0rem !important;}.mb-1 {margin-bottom: 0.25rem !important;}.mb-2 {margin-bottom: 0.5rem !important;}.mb-3 {margin-bottom: 0.75rem !important;}.mb-4 {margin-bottom: 1rem !important;}.mb-5 {margin-bottom: 1.25rem !important;}.mb-6 {margin-bottom: 1.5rem !important;}.mb-7 {margin-bottom: 1.75rem !important;}.mb-8 {margin-bottom: 2rem !important;}.mb-9 {margin-bottom: 2.25rem !important;}.mb-10 {margin-bottom: 2.5rem !important;}.mb-20 {margin-bottom: 5rem !important;}.mb-30 {margin-bottom: 7rem !important;}.mb-40 {margin-bottom: 8.5rem !important;}.mb-50 {margin-bottom: 10rem !important;}.data-hidden {display: none !important;}.disabled {cursor: no-drop !important;background: #eeeeee !important;color: #a5a5a5 !important;}.font-weight-bold {font-weight: 500 !important;}.font-weight-bolder {font-weight: 600 !important;}.gradient-text {background: linear-gradient(270deg, #e64900, #ff7f00, #ffbf00, #ff7f00, #e84a00);background-size: 400% 400%;animation: fancy-gradient-animation 5s ease-in-out infinite;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}@keyframes fancy-gradient-animation {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}.gradient-text-v2 {background: linear-gradient(270deg, #003f63, var(--text-primary), #007abf, var(--text-primary), #003f63);background-size: 400% 400%;animation: fancy-gradient-animation-v2 5s ease-in-out infinite;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}@keyframes fancy-gradient-animation-v2 {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}.pagination {display: flex;justify-content: center;align-items: center;gap: 0.5em;margin-top: 2.5rem;user-select: none;}.pagination a, .pagination a.next, .pagination span.page-numbers {display: flex;align-items: center;justify-content: center;border-radius: 6px;text-decoration: none;font-weight: 500;padding: 6px 13px;font-size: 1rem;transition: all 0.2s ease;border: 1px solid #e5e7eb;}.pagination a, .pagination a.next {color: var(--text-primary);background: var(--text-light);}.pagination span.page-numbers {color: var(--text-light);background: var(--text-primary);}.pagination a:hover {background: var(--text-primary);color: var(--text-light);border-color: var(--text-primary);}.pagination .current {color: var(--text-light);background: var(--text-primary);}.pagination .disabled {opacity: 0.5;pointer-events: none;}.empty-data {padding: 10px 8px;background: var(--text-light);border: 1px solid #e1e1e1;text-align: center;}.empty-data p {margin: 0 !important;}.empty-content {margin: 0rem 1.5rem;background: var(--text-light);overflow: hidden;padding: 1rem 0.5rem;border: 1px solid #e1e1e1;border-radius: 8px;}.hero-section {background: url(../img/background.jpg) no-repeat center center / cover;padding-top: 9rem;padding-bottom: 7rem;color: var(--text-light);position: relative;overflow: hidden;z-index: 1;}.hero-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0 92 145 / 85%);z-index: -1;}.hero-content {display: grid;grid-template-columns: 1fr;gap: 4rem;align-items: center;}.hero-text h1 {font-size: 3.3rem;font-weight: 700;color: var(--text-light);margin-bottom: 1rem;line-height: 1.2;}.hero-text p {font-size: 1.2rem;color: var(--text-light);margin-bottom: 1.5rem;}.hero-buttons {display: flex;gap: 1rem;}.hero-image img {width: 100%;height: auto;border-radius: 16px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);}.breadcrumb-content {position: relative;background: url('../img/breadcrumb.jpg') no-repeat center center/cover;padding: 120px 0 60px;text-align: center;color: var(--text-light);}.breadcrumb-content .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 92 145 / 85%);z-index: 1;}.breadcrumb-content .container {position: relative;z-index: 2;}.breadcrumb-content h1 {font-size: 3rem;}.breadcrumb-content ul {list-style: none;padding: 0;margin: 0;}.breadcrumb-content ul li {font-size: 1rem;color: var(--text-light);display: inline;}.breadcrumb-content ul li:after {content: "/";margin-left: 9px;margin-right: 9px;}.breadcrumb-content ul li:last-child:after {content: "";}.breadcrumb-content ul li a {color: var(--text-light);text-decoration: none;}.breadcrumb-content ul li a:hover {color: #fefefe;text-decoration: underline;}.breadcrumb-content p {margin-top: 10px;font-size: 1rem;opacity: 0.85;}.sub-header {background: var(--text-light);border-bottom: 1px solid #e2e8f0;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;padding: 0.7rem 0;}.sub-header-nav {display: flex;align-items: center;justify-content: space-between;}.sub-header-btn {display: flex;align-items: center;gap: 0.5rem;color: #64748b;text-decoration: none;font-weight: 500;transition: color 0.3s ease;}.sub-header-btn:hover {color: var(--text-primary);}.sub-header-actions {display: flex;gap: 0.5rem;}.sub-header-action-btn {width: 40px;height: 40px;border: none;background: #f1f5f9;border-radius: 8px;display: flex;align-items: center;justify-content: center;color: #64748b;cursor: pointer;transition: all 0.3s ease;}.sub-header-action-btn:hover {background: var(--text-primary);color: var(--text-light);}section {padding: 30px 0;}.flex-section {display: flex;justify-content: center;align-items: center;}.section-header-v1 {text-align: center;margin-bottom: 2.5rem;}.section-header-v1 h2 {font-size: 2.5rem;font-weight: 700;color: var(--text-light);}.section-header-v1 p {font-size: 1.1rem;color: #efefef;margin: 0 auto;}.section-header-v2 {text-align: center;margin-bottom: 2rem;}.section-header-v2 h2 {font-size: 2.5rem;font-weight: 700;color: var(--text-primary);}.section-header-v2 p {font-size: 1.1rem;color: #3a3a3a;margin: 0 auto;}.section-header-v3 {text-align: center;margin-bottom: 2.5rem;}.section-header-v3 h2 {font-size: 2.5rem;font-weight: 700;color: var(--text-black);}.section-header-v3 p {font-size: 1.1rem;color: #3a3a3a;margin: 0 auto;}.single-article-content {max-width: 850px;margin: 2rem auto;background: var(--text-light);border-radius: 16px;padding: 1.2rem 1rem;box-shadow: 0 4px 20px rgba(0,0,0,0.08);}.single-article-title {font-size: 2rem;font-weight: 700;color: #223743;text-align: center;}.single-article-meta {text-align: center;font-size: 0.9rem;color: #64748b;}.single-article-meta span {margin: 0 0.4rem;}.single-article-meta span a {color: #64748b;text-decoration: none;margin-left: 0.2rem;}.single-article-meta span a:hover {color: var(--text-primary);}.single-article-share {text-align: center;border-top: 1px solid #e2e8f0;padding-top: 1rem;}.single-article-share span {font-weight: 600;margin-right: 0.5rem;}.single-article-share .share {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;margin: 0 0.3rem;border-radius: 50%;color: var(--text-light);transition: 0.3s ease;text-decoration: none;}.single-article-share .fb {background: #1877f2;}.single-article-share .tw {background: #1da1f2;}.single-article-share .ln {background: #0077b5;}.single-article-share .wa {background: #25d366;}.single-article-share .share:hover {opacity: 0.85;}.page-content {margin-bottom: 15px;}.default-content {padding: 10px 0px;margin-top: 20px;margin-bottom: 0px;color: #223743;line-height: 1.8;}.default-content h1 {font-size: 2rem;margin-top: 0px;margin-bottom: 0px;font-weight: 700;color: #223743;}.default-content h2 {font-size: 1.5rem;margin-top: 25px;margin-bottom: 0px;font-weight: 600;color: #223743;}.default-content h3 {font-size: 1.3rem;margin-top: 20px;margin-bottom: 0px;font-weight: 600;color: #223743;}.default-content h4 {font-size: 1.15rem;margin-top: 18px;margin-bottom: 0px;font-weight: 600;color: #223743;}.default-content h5 {font-size: 1rem;margin-top: 15px;margin-bottom: 0px;font-weight: 600;color: #223743;}.default-content h6 {font-size: 0.8rem;margin-top: 12px;margin-bottom: 0px;font-weight: 600;color: #223743;}.default-content p {font-size: 1rem;color: #334155;text-align: justify;margin-bottom: 1rem;}.default-content p:last-child, .addon-description p:last-child {margin-bottom: 0rem;}.default-content a, .addon-description a, .default-content a b, .default-content a strong, .addon-description a b, .addon-description a strong {color: var(--text-primary);text-decoration: none;transition: color 0.3s ease;}.default-content a:hover, .addon-description a:hover {color: #003f5c;text-decoration: underline;}.default-content b, .default-content strong, .addon-description b, .addon-description strong {font-weight: 600;color: #223743;}.default-content i, .default-content em .addon-description i, .addon-description em {font-style: italic;color: #223743;}.default-content small, .addon-description small {font-size: 0.8rem;color: #64748b;}.default-content blockquote, .addon-description blockquote {border-left: 4px solid var(--text-primary);padding-left: 15px;padding-top: 10px;padding-bottom: 10px;margin: 15px 0;color: #334155;font-style: italic;background: #f3f4f6;border-radius: 16px;}.default-content ul, .addon-description ul {padding-left: 30px;margin-bottom: 20px;}.default-content ul li, .addon-description ul li {margin-bottom: 3px;color: #223743;}.default-content ol, .addon-description ol {padding-left: 30px;margin-bottom: 20px;}.default-content ol li, .addon-description ol li {margin-bottom: 3px;color: #223743;}.default-content hr, .addon-description hr {border: none;border-top: 1px solid #cbd5e1;margin: 20px 0;}.default-content img, .addon-description img {max-width: 100%;height: auto;margin: 15px 0;border-radius: 6px;}.border-box {border: 1px solid #cbd5e1;padding: 20px;}.default-content iframe, .default-content object, .default-content video, .addon-description iframe, .addon-description object, .addon-description video {width: 100%;aspect-ratio: 16 / 9;height: auto;border: 2px solid #e1e1e1;padding: 2px;display: block;margin-bottom: 10px;}.content-header {border-bottom: 2px solid #ebebeb;padding-top: 5px;padding-bottom: 10px;margin-bottom: 20px;}.content-header h2 {font-size: 1.5rem;font-weight: 500;color: var(--text-deep);margin-top: -8px;margin-bottom: 5px;line-height: 1.8rem;}.content-header .meta {margin-top: -5px;font-size: 0.85rem;color: #3c3c3c;}.content-header .meta span {margin-right: 10px;}.content-header .meta span i {color: #646464;margin-right: 4px;}.content-header .meta span a {color: #3c3c3c;text-decoration: none;}.content-header .meta span a:hover {color: var(--text-primary);}.blog-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}.blog-post-card {background: var(--text-light);border-radius: 15px;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid #e5e7eb;}.blog-post-card:hover {transform: translateY(-5px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);}.blog-post-card img {width: 100%;object-fit: cover;display: block;}.blog-content {padding: 1.5rem;}.blog-content h3 {font-size: 1.3rem;font-weight: 700;color: #1e293b;margin-bottom: 0.50rem;line-height: 1.3;}.blog-content h3 a {color: #1e293b;text-decoration: none;}.blog-content h3 a:hover {color: var(--text-primary);}.blog-content p {font-size: 1rem;color: #64748b;line-height: 1.6;}.read-more {display: inline-flex;align-items: center;gap: 0.5rem;color: var(--text-primary);text-decoration: none;font-weight: 600;margin-top: 0.6rem;transition: color 0.2s ease;}.read-more:hover {color: #414141;}.addon-details-main {padding: 2rem 0;}.addon-details-badge {padding: 0.25rem 0.75rem;border-radius: 7px;font-size: 0.8rem;font-weight: 500;text-transform: uppercase;}.addon-details-badge.free {background: #00891f;color: var(--text-light);}.addon-details-badge.pro {background: #d20000;color: var(--text-light);}.addon-details-layout {display: grid;grid-template-columns: 1fr 350px;gap: 2rem;margin-bottom: 3rem;}.addon-details-hero {background: var(--text-light);border-radius: 16px;padding: 2rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);margin-bottom: 2rem;}.addon-hero-content {display: flex;gap: 2rem;align-items: flex-start;}.addon-details-icon {width: 80px;height: 80px;background: var(--text-primary);border-radius: 16px;}.addon-details-icon i {display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.addon-details-icon img {width: 80px;height: 80px;padding: 15px;filter: brightness(0) invert(1);}.addon-details-icon i {width: 80px;height: 80px;font-size: 2rem;color: var(--text-light);}.addon-hero-info {flex: 1;}.addon-hero-header {display: flex;align-items: center;margin-bottom: 0.3rem;gap: 0.5rem;}.addon-hero-title {font-size: 1.7rem;font-weight: 700;color: #223743;margin: 0;}.addon-hero-subtitle {font-size: 1rem;color: #64748b;line-height: 1.6;}.addon-details-title {font-size: 1.5rem;font-weight: 600;color: #223743;margin-bottom: 0.6rem;}.addon-description {background: var(--text-light);border-radius: 16px;padding: 2rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);margin-bottom: 2rem;}.addon-description-data p {color: #64748b;font-size: 1rem;line-height: 1.7;margin-bottom: 1rem;}.addon-description-data b, .addon-description-data strong {font-size: 1.2rem;}.addon-description-data p:last-child {margin-bottom: 0;}.addon-sidebar-details {display: flex;flex-direction: column;gap: 1.5rem;}.addon-sidebar-card {background: var(--text-light);border-radius: 16px;padding: 2rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);}.addon-sidebar-purchase {text-align: center;margin-bottom: 1.5rem;}.addon-details-price {font-size: 2rem;font-weight: 700;color: var(--text-primary);line-height: 1;}.addon-details-price del.discounted {font-size: 1.2rem;color: #64748b;display: block;margin-bottom: 0.3rem;}.addon-details-timeline {color: #64748b;font-size: 0.9rem;margin-top: 0.25rem;}.addon-details-btn {width: 100%;padding: 0.60rem 1.5rem;border-radius: 10px;font-weight: 500;font-size: 0.95rem;border: none;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-bottom: 0.5rem;}.addon-feature-list {margin-top: 1.5rem;padding-top: 0.5rem;border-top: 1px solid #e2e8f0;color: #64748b;font-size: 0.9rem;}.addon-feature-list li {list-style: none;display: block;margin-top: 0.5rem;}.addon-feature-list li:last-child {margin-bottom: 0;}.addon-feature-list i {color: #00891f;font-size: 0.8rem;margin-right: 0.1rem;}.changelog-container {max-width: 850px;margin: 0 auto;}.version-card {background: var(--text-light);border-radius: 16px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);margin-bottom: 2rem;}.version-card:last-child {margin-bottom: 0rem;}.version-header {padding: 1rem 1.5rem;background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-bottom: 1px solid #e2e8f0;border-top-left-radius: 16px;border-top-right-radius: 16px;}.version-info {display: flex;justify-content: space-between;align-items: center;}.version-number {font-size: 1.5rem;font-weight: 700;color: #1e293b;}.version-number i {font-size: 1.2rem;color: var(--text-light);background: var(--text-primary);padding: 2px 8px;border-radius: 4px;}.version-date {font-size: 1rem;color: #678291;font-weight: 500;}.version-content {padding: 1rem 1.5rem;}.change-category {margin-bottom: 1.2rem;}.change-category:last-child {margin-bottom: 0;}.category-title {display: flex;align-items: center;font-size: 1.2rem;font-weight: 600;color: #1e293b;margin-bottom: 0.3rem;}.category-icon {width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 0.75rem;font-size: 0.8rem;}.change-list {margin-left: 2rem;padding-left: 1.3rem;}.change-list li {list-style: disc;}.change-item {padding: 0.10rem;color: #374151;}.changelog-stats {background: var(--text-light);border-radius: 16px;padding: 2rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);margin-bottom: 2.2rem;}.changelog-stats h3 {text-align: center;margin-bottom: 1rem;font-size: 1.3rem;text-transform: uppercase;color: #414141;margin-top: -0.8rem;}.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));gap: 1.5rem;text-align: center;}.stat-item {display: flex;flex-direction: column;align-items: center;}.stat-icon {width: 45px;height: 45px;background: var(--text-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--text-light);font-size: 1rem;margin-bottom: 0.2rem;}.stat-number {font-size: 1.8rem;font-weight: 700;color: var(--text-primary);}.stat-label {color: #64748b;font-size: 0.9rem;margin-top: -6px;}.stat-icon.releases {background: var(--text-primary);color: var(--text-light);}.category-icon.new, .stat-icon.new {background: #149531;color: var(--text-light);}.category-icon.general, .stat-icon.general {background: #17a2b8;color: var(--text-light);}.category-icon.updated, .stat-icon.updated {background: var(--text-primary);color: var(--text-light);}.category-icon.updated .fa, .category-icon.new .fa, .category-icon.removed .fa {margin-top: 3px;}.category-icon.fixed, .stat-icon.fixed {background: #cb0013;color: var(--text-light);}.category-icon.removed, .stat-icon.removed {background: #ef4444;color: var(--text-light);}.installation-container {max-width: 850px;margin: 0 auto;}.step-card {background: var(--text-light);border-radius: 16px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);overflow: hidden;}.step-header {padding: 1rem 1.5rem;background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-bottom: 1px solid #e2e8f0;display: flex;align-items: center;}.step-title {font-size: 1.5rem;font-weight: 700;color: #1e293b;}.step-content {padding: 2rem;}.installation-step {border-radius: 12px;}.installation-step h4 {color: #1e293b;margin-bottom: 1rem;font-size: 1.2rem;}.installation-step p {color: #64748b;line-height: 1.6;}.installation-step ol, .installation-step ul {color: #64748b;line-height: 1.8;margin-left: 1.5rem;}.installation-step li {margin-bottom: 0.5rem;}.installation-step li:last-child {margin-bottom: 0rem !important;}.requirements-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1.5rem;}.requirement-item {background: #f8fafc;padding: 1.5rem;border-radius: 12px;border: 2px solid #e5e7eb;transition: border-color 0.3s ease;}.requirement-item:hover {border-color: var(--text-primary);}.requirement-title {font-weight: 600;color: #1e293b;margin-bottom: 0.3rem;display: flex;align-items: center;}.requirement-title i {color: var(--text-primary);margin-right: 0.5rem;}.requirement-value {color: #64748b;font-size: 0.9rem;}.method-selector {display: flex;gap: 1rem;margin-bottom: 1.5rem;justify-content: center;}.method-btn {padding: 0.75rem 1.5rem;background: var(--text-light);border: 2px solid #e5e7eb;border-radius: 8px;color: #64748b;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}.method-btn.active {background: var(--text-primary);color: var(--text-light);border-color: var(--text-primary);}.method-btn:hover {border-color: var(--text-primary);color: var(--text-primary);}.method-btn.active:hover {color: var(--text-light);}.screenshot-placeholder {background: #f3f4f6;border: 2px dashed #d1d5db;border-radius: 8px;padding: 2rem;text-align: center;margin-top: 1rem;color: #6b7280;}.installation-content, .method-content, .single-content {display: none;}.installation-content.active, .method-content.active, .single-content.active {display: block;}.categories-section {background: var(--text-light);}.categories-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 1.5rem;}.categories-grid a {text-decoration: none;}.category-card {position: relative;background: var(--text-primary);padding: 1.5rem;border-radius: 16px;border: 1px solid var(--text-primary)4d;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;overflow: hidden;}.category-card::before {content: "";position: absolute;top: 0;left: -50%;width: 200%;height: 100%;background: radial-gradient(circle at 50% 50%, rgb(255 255 255 / 13%), transparent 60%);transform: rotate(330deg);z-index: 0;}.category-card:hover {transform: translateY(-5px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);}.category-card img {width: 60px;height: auto;filter: brightness(0) invert(1);}.category-card h3 {font-size: 1rem;font-weight: 500;color: var(--text-light);}.features-section {background: #f4f4f4;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 2rem;}.feature-card {position: relative;background: var(--text-light);padding: 2rem;border-radius: 16px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;overflow: hidden;}.feature-card::before {content: "";position: absolute;top: 0;left: -50%;width: 200%;height: 100%;background: radial-gradient(circle at 50% 50%, rgba(0, 92, 145, 0.12), transparent 60%);transform: rotate(330deg);z-index: 0;}.feature-card:hover {transform: translateY(-5px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);}.feature-icon {width: 70px;height: 70px;background: var(--text-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 0.7rem;}.feature-icon i {font-size: 2rem;color: var(--text-light);}.feature-card h3 {font-size: 1rem;font-weight: 600;color: #223743;margin-bottom: 0.4rem;}.feature-card p {color: #64748b;font-size: 0.8rem;line-height: 1.6;}.addons-section {background: #414141;}.addons-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}.addon-card {position: relative;background: var(--text-light);padding: 2rem;border-radius: 16px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);text-align: center;transition: transform 0.3s ease;overflow: hidden;}.addon-card::before {content: "";position: absolute;top: 0;left: -50%;width: 200%;height: 100%;background: radial-gradient(circle at 50% 50%, rgb(0 0 0 / 8%), transparent 60%);transform: rotate(330deg);z-index: 0;}.addon-card:hover {transform: translateY(-5px);}.addon-card:hover .addon-overlay {opacity: 1;visibility: visible;}.addon-card del {font-size: 0.9rem;font-weight: 500;color: #94a3b8;}.addon-badge {position: absolute;top: 1rem;right: 1rem;padding: 0.25rem 0.75rem;border-radius: 7px;font-size: 0.8rem;font-weight: 500;text-transform: uppercase;}.addon-badge.free {background: #00891f;color: var(--text-light);}.addon-badge.pro {background: #d20000;color: var(--text-light);}.addon-icon {width: 60px;height: 60px;background: var(--text-primary);border-radius: 12px;display: flex;align-items: center;justify-content: center;margin: 0 auto 1rem;}.addon-icon i {font-size: 1.5rem;color: var(--text-light);}.addon-icon img {width: 30px;height: 30px;}.addon-card h3 {font-size: 1.1rem;font-weight: 600;color: #223743;margin-bottom: 0.5rem;}.addon-card p {color: #64748b;font-size: 0.9rem;line-height: 1.6;}.addon-card .price {font-size: 1.3rem;font-weight: 700;color: var(--text-primary);margin-top: 0.2rem;display: block;}.addon-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 91 144 / 95%);display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: all 0.3s ease;}.addon-overlay .btn-addon {background: var(--text-light);color: var(--text-primary);}.payment-gateways {background: var(--text-gray3);}.gateways-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 2rem;}.gateway-item {position: relative;background: var(--text-light);padding: 1rem 2rem;border-radius: 16px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;overflow: hidden;}.gateway-item::before {content: "";position: absolute;top: 0;left: -50%;width: 200%;height: 100%;background: radial-gradient(circle at 50% 50%, rgb(255 255 255 / 15%), transparent 60%);transform: rotate(330deg);z-index: 0;}.gateway-item:hover {transform: translateY(-5px);}.gateway-item h3 {font-size: 1rem;font-weight: 600;color: var(--text-light);margin-top: -40px;}.gateway-item.bkash {background: #e2136e;}.gateway-item.nagad {background: #f6921e;}.gateway-item.rocket {background: #8b3392;}.gateway-item.uddoktapay {background: #019dfa;}.gateway-item.sslcommerz {background: #2b5da7;}.gateway-item.aamarpay {background: #f79720;}.gateway-item.shurjopay {background: #009247;}.gateway-item.paypal {background: #002d8a;}.gateway-item.stripe {background: #32325d;}.gateway-icon {position: relative;width: 100px;height: 100px;margin: 0 auto 0.2rem;}.gateway-icon img {margin-top: -20px;}.testimonials-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}.testimonial-card {background: var(--text-light);padding: 2.5rem;border-radius: 16px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid #e5e7eb;display: flex;flex-direction: column;justify-content: space-between;}.testimonial-card:hover {transform: translateY(-5px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);}.testimonial-quote {font-size: 1.1rem;color: #475569;line-height: 1.7;margin-bottom: 1.5rem;font-style: italic;}.testimonial-quote i.fas.fa-quote-left {color: var(--text-primary);font-size: 1.5rem;margin-right: 0.5rem;vertical-align: middle;}.testimonial-quote i.fas.fa-quote-right {color: var(--text-primary);font-size: 1.5rem;margin-left: 0.5rem;vertical-align: middle;}.testimonial-client-info {margin-top: auto;}.testimonial-avatar img {width: 90px;height: 90px;border-radius: 50%;object-fit: cover;margin: 0 auto 0.5rem;border: 3px solid var(--text-primary);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}.testimonial-client {font-size: 1.3rem;font-weight: 700;color: #1e293b;}.testimonial-designation {font-size: 0.95rem;color: #64748b;margin-bottom: 0.5rem;}.testimonial-rating {color: #facc15;font-size: 1.1rem;}.testimonial-rating i {margin: 0 1px;}.pricing-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 0 auto;}.pricing-card {background: var(--text-light);border-radius: 16px;padding: 2.5rem 2rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);text-align: center;position: relative;transition: all 0.3s ease;}.pricing-card:hover, .pricing-card.popularX:hover {transform: translateY(-5px);}.pricing-card.popular {border: 2px solid var(--text-primary);transform: scale(1.05);}.pricing-card.popular .badge {position: absolute;top: -18px;left: 50%;transform: translateX(-50%);background: var(--text-primary);color: var(--text-light);padding: 0.5rem 1.5rem;border-radius: 20px;font-size: 0.8rem;font-weight: 500;}.pricing-plan-name {margin-top: -10px;font-size: 1.5rem;font-weight: 700;color: #223743;}.pricing-plan-description {color: #64748b;font-size: 0.9rem;margin-bottom: 0.4rem;}.pricing-plan-data {margin-bottom: 2rem;}.pricing-plan-data label {font-size: 0.9rem;display: block;margin-top: 1rem;}.pricing-plan-amount {font-size: 2rem;font-weight: 700;color: var(--text-primary);line-height: 1;}.pricing-plan-period {color: #64748b;font-size: 0.9rem;margin-top: 0.3rem;}.pricing-card input[type="number"], .pricing-card input[type="text"] {margin-top: 0.3rem;padding: 0.5rem;border-radius: 8px;border: 1px solid #e2e8f0;text-align: center;font-size: 1rem;width: 100%;max-width: 170px;}.pricing-card input[disabled] {background: #f1f5f9;cursor: not-allowed;}.pricing-plan-amount {font-size: 1.2rem;font-weight: 600;}.price-original {text-decoration: line-through;color: #94a3b8;margin-right: 8px;}.price-final {color: var(--text-primary);font-size: 1.5rem;font-weight: 700;}.plan-features {list-style: none;margin-bottom: 1.5rem;text-align: left;}.plan-features li {display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.50rem;font-size: 0.9rem;}.plan-features li:last-child {margin-bottom: 0;}.pricing-thumb {width: 20px;height: 20px;background: #dcfce7;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #16a34a;font-size: 0.7rem;flex-shrink: 0;}.pricing-thumb.unavailable {background: #fef2f2;color: #dc2626;}.pricing-btn-order {border-radius: 25px !important;display: inherit !important;margin-bottom: -10px !important;font-weight: normal !important;}.offer-hero {padding: 130px 0 60px;background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-black) 100%);background-size: 300% 300%;color: var(--text-light);text-align: center;position: relative;overflow: hidden;animation: gradientAnimation 5s ease infinite;}@keyframes gradientAnimation {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}.offer-title {font-size: 3.5rem;font-weight: 700;line-height: 1.2;position: relative;z-index: 1;}.offer-subtitle {font-size: 1.3rem;opacity: 0.9;margin-bottom: 2rem;margin-left: auto;margin-right: auto;position: relative;z-index: 1;}.countdown-container {background: rgba(255, 255, 255, 0.065);backdrop-filter: blur(10px);border-radius: 16px;padding: 2rem;margin: 0 auto;max-width: 700px;border: 1px solid rgba(255, 255, 255, 0.2);position: relative;z-index: 1;}.countdown-title {font-size: 1.5rem;font-weight: 600;margin-top: -0.8rem;margin-bottom: 1rem;text-transform: uppercase;}.countdown {display: flex;justify-content: center;gap: 1rem;}.countdown-item {background: rgba(255, 255, 255, 0.2);border-radius: 16px;width: 100px;text-align: revert-layer;padding: 1rem;align-content: center;align-items: unset;min-width: 80px;border: 1px solid rgba(255, 255, 255, 0.3);}.countdown-number {font-size: 2rem;font-weight: 700;display: block;line-height: 1;margin-bottom: 0.2rem;}.countdown-label {font-size: 1rem;opacity: 0.8;}.price-info {margin-top: 2rem;font-size: 1.8rem;font-weight: 600;display: flex;flex-direction: column;align-items: center;gap: 0rem;position: relative;z-index: 1;}.regular-price {opacity: 0.6;font-size: 1.1rem;}.regular-price b {margin-right: 5px;}.offer-price {font-size: 2.2rem;font-weight: 800;color: #ffc900;}.offer-price b {margin-right: 5px;}.renewal-price {opacity: 0.6;font-size: 1.3rem;margin-top: -2px;}.renewal-price b {margin-right: 5px;}.offer-section {padding: 30px 0;background: var(--text-light);}.renewal-note {margin-top: 0.2rem;font-size: 0.7rem;color: #ffc900}.offer-container {max-width: 750px;width: 100%;margin: 0 auto;box-sizing: border-box;}.offer-card {background: var(--text-light);border-radius: 16px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease;margin-bottom: 2rem;}.offer-card:hover {transform: translateY(-5px);}.offer-header {border-top-left-radius: 16px;border-top-right-radius: 16px;background: var(--text-primary);padding: 1rem 2rem;}.offer-card-title {font-size: 1.5rem;font-weight: 700;color: var(--text-light);}.offer-card-desc p {font-size: 1rem;color: #e2e2e2;}.offer-card-content {color: #212121;line-height: 1.6;padding: 1.5rem 2rem;}.offer-card-content p {color: #212121;font-size: 1.1rem;margin-bottom: 1rem;line-height: 1.9rem;text-align: justify;}.offer-card-content p:last-child {margin-bottom: 0;}.offer-card-content p:only-child {margin-bottom: 0;}.offer-card-content a {color: var(--text-primary);font-weight: 600 !important;text-decoration: none;}.offer-card-content a:hover {color: #010101;text-decoration: underline;}.offer-card-content ul {list-style: none;padding: 0;margin-bottom: 1rem;}.offer-card-content ul li ul {margin-left: 1rem !important;}.offer-card-content ul:last-child {margin: 0rem;}.offer-card-content ul li b {position: relative;margin-bottom: 0.2rem;font-size: 1.1rem;font-weight: bold;display: block;padding-left: 1rem;}.offer-card-content ul li b::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;background-image: radial-gradient(currentColor 2px, transparent 2px);background-size: 5px 5px;background-repeat: repeat;background-position: 0 0;}.offer-card-content li {margin-bottom: 0.2rem;color: #374151;}.offer-card-content li i {color: #10b981;margin-right: 0.75rem;font-size: 0.9rem;}.offer-input-group {margin-bottom: 0.8rem;}.offer-input-label {display: block;font-weight: 600;color: #374151;margin-bottom: 0.2rem;font-size: 1rem;}.input-with-btn {display: flex;align-items: center;border: 2px solid #ebebeb;background: #ececec;border-radius: 8px;overflow: hidden;}.input-with-btn input {flex: 1;min-width: 0;padding: 0.6rem 1rem;font-size: 0.95rem;color: #1f2937;border-radius: 8px;border: 2px solid #ebebeb;background: #ececec;transition: 0.3s;outline: none;}.input-with-btn input:focus {background: var(--text-light);}.copy-btn {background: var(--text-primary);color: var(--text-light);border: none;padding: 0.4rem;border-radius: 4px;cursor: pointer;margin-left: 0.5rem;margin-right: 0.5rem;transition: 0.3s ease;}.copy-btn:hover {background: var(--text-deep);}.copy-btn i {font-size: 0.8rem;}.order-button {text-align: center;}.order-button-margin {margin-top: 1.7rem;}.order-button-margin-2 {margin-top: 1.5rem;margin-bottom: 0.5rem;}.order-button-margin-3 {margin-bottom: 2rem;}.filter-tabs {display: flex;justify-content: center;gap: 0.5rem;margin-bottom: 2rem;flex-wrap: wrap;}.filter-tab {padding: 0.75rem 1.5rem;background: var(--text-light);border: 2px solid #e5e7eb;border-radius: 10px;color: #2b3236;font-weight: 600;cursor: pointer;transition: all 0.3s ease;text-transform: capitalize;}.filter-tab.active {color: var(--text-light);background: var(--text-primary);border-color: var(--text-primary);}.filter-tab:hover {color: var(--text-light);background: var(--text-primary);border-color: var(--text-primary);}.tab-item {background: var(--text-light);border-radius: 16px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);overflow: hidden;transition: all 0.3s ease;}.tab-item:hover {transform: translateY(-5px);}.tab-item.hidden {opacity: 0;transform: scale(0.9);pointer-events: none;}.tab-item:hover .portfolio-logo {transform: scale(1.1);}.tab-item:hover img {transform: scale(1.1);}.tab-item.hidden {display: none !important;}.portfolio-loader img, .addon-loader img {width: 80px;}.data-loader {margin-top: 1.7rem;}.portfolio-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}.portfolio-image {position: relative;height: 200px;display: flex;align-items: center;justify-content: center;background: #f8fafc;overflow: hidden;}.portfolio-image img {width: 100%;height: 100%;display: block;transition: transform 0.5s ease;}.portfolio-logo {object-fit: contain;background: var(--text-light);padding: 10px;box-shadow: 0 4px 15px rgba(0,0,0,0.1);transition: transform 0.5s ease;}.portfolio-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 92 145 / 73%);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.4s ease;}.tab-item:hover .portfolio-overlay {opacity: 1;}.portfolio-link {font-size: 1rem;background: var(--text-light);color: var(--text-primary);padding: 0.55rem 1.5rem;border-radius: 8px;text-decoration: none;font-weight: 600;display: inline-flex;align-items: center;gap: 0.5rem;}.portfolio-category {position: absolute;top: 1rem;right: 1rem;background: var(--text-primary);color: var(--text-light);padding: 0.25rem 0.75rem;border-radius: 8px;font-size: 0.8rem;font-weight: 600;}.portfolio-content {padding: 1.5rem;text-align: center;}.portfolio-title {font-size: 1rem;font-weight: 600;color: #1e293b;margin: 0;}.contact-container {max-width: 600px;width: 100%;margin: 0 auto;box-sizing: border-box;}.contact-form {padding: 2rem;border-radius: 15px;background: var(--text-light);box-shadow: 0 6px 20px rgba(0,0,0,0.08);width: 100%;box-sizing: border-box;}.form-group {margin-bottom: 1.2rem;}.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;}.form-group label {display: block;font-size: 0.95rem;font-weight: 500;color: #374151;margin-bottom: 0.2rem;}.form-group input, .form-group select, .form-group textarea {width: 100%;padding: 0.8rem 1rem;border: 2px solid #ebebeb;border-radius: 8px;background: #ffffff;transition: 0.3s;font-size: 0.9rem;outline: none;}.form-group input:focus, .form-group select:focus, .form-group textarea:focus {box-shadow: 0 0 0 3px rgb(0 92 145 / 17%);background: var(--text-light);}.form-group textarea {resize: vertical;min-height: 120px;}.submit-btn {width: 100%;padding: 0.8rem;background: var(--text-primary);color: var(--text-light);font-size: 1rem;font-weight: 600;border: none;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;}.submit-btn:hover {color: var(--text-light);background: var(--text-deep);transform: translateY(-2px);}.sticky-container {position: fixed;bottom: 20px;right: 20px;z-index: 1000;display: flex;flex-direction: column;align-items: center;}.sticky-menu {display: flex;flex-direction: column;align-items: center;overflow: hidden;transition: max-height 0.3s ease-out;margin-right: 5px;}.sticky-menu.active {max-height: 300px;}.sticky-icon {width: 50px;height: 50px;border-radius: 50%;background: var(--text-primary);color: var(--text-light);display: flex;align-items: center;justify-content: center;font-size: 1.2rem;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);cursor: pointer;text-decoration: none;margin-bottom: 10px;transition: transform 0.3s ease-out, opacity 0.3s ease-out;opacity: 0;transform: translateY(50px);}.sticky-icon:hover {color: var(--text-light) !important;background: #010101 !important;}.sticky-menu.active .sticky-icon {opacity: 1;transform: translateY(0);}.sticky-menu.active .sticky-icon:nth-child(1) {transition-delay: 0.05s;}.sticky-menu.active .sticky-icon:nth-child(2) {transition-delay: 0.10s;}.sticky-menu.active .sticky-icon:nth-child(3) {transition-delay: 0.15s;}.sticky-menu.active .sticky-icon:nth-child(4) {transition-delay: 0.20s;}.sticky-plus {width: 60px;height: 60px;border-radius: 50%;background: var(--text-primary);color: var(--text-light);display: flex;align-items: center;justify-content: center;font-size: 1.5rem;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);cursor: pointer;transition: transform 0.3s ease-out;}.sticky-plus.active {transform: rotate(45deg);}#fabMenu {pointer-events: none;}#fabMenu.active {pointer-events: auto;cursor: pointer;}.cta-section {background: var(--text-primary);color: var(--text-light);}.cta-content {text-align: center;}.cta-section h2 {font-size: 2.5rem;font-weight: 700;}.cta-section p {font-size: 1.2rem;margin-bottom: 1rem;opacity: 0.9;}.cta-contact {display: flex;align-items: center;justify-content: center;gap: 1rem;flex-wrap: wrap;}.cta-section .phone {display: flex;align-items: center;gap: 0.5rem;font-size: 1.2rem;}.cta-section .phone a {color: var(--text-light);text-decoration: none;}.cta-section .phone i {font-size: 2rem;}.cta-section .btn-cta {transition: all 0.3s ease;background: var(--text-light);color: var(--text-primary);}.cta-section .btn-cta:hover {transform: translateY(-2px);background: #f9fafb;}.footer-section {background: #002438;color: var(--text-light);padding: 40px 0 20px;border-top: 5px solid #00111a;}.footer-content {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 3rem;margin-bottom: 1.4rem;}.footer-logo {display: flex;align-items: center;font-size: 1.5rem;font-weight: 700;margin-bottom: 0.5rem;}.footer-logo i {margin-right: 0.5rem;font-size: 1.8rem;color: var(--text-primary);}.footer-data p {color: #94a3b8;line-height: 1.6;margin-bottom: 1.5rem;}.footer-data h4 {font-size: 1.2rem;font-weight: 600;margin-bottom: 1rem;}.footer-data ul {list-style: none;}.footer-data li {margin-bottom: 0.75rem;}.footer-data a {color: #94a3b8;text-decoration: none;transition: color 0.3s ease;}.footer-data a:hover, .footer-link a:hover, .footer-link a.active {color: var(--text-light);}.footer-social {display: flex;gap: 1rem;}.footer-social a {width: 40px;height: 40px;background: #334155;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: 0.3s ease;}.footer-social a:hover {background: var(--text-primary);transform: translateY(-2px);}.footer-copyright {border-top: 1px solid #334155;padding-top: 1.2rem;text-align: center;color: #94a3b8;}.footer-copyright a {text-decoration: none;color: #94a3b8;transition: 0.3s ease;}.footer-copyright a:hover {color: var(--text-light);}.footer-contact {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));margin-bottom: 2rem;gap: 1rem;}.footer-contact .box-contact {position: relative;background: rgba(255, 255, 255, 0.02);border: 1px solid #334155;border-radius: 5px;padding: 1rem;text-align: center;transition: 0.3s ease, border-color 0.3s ease;overflow: hidden;}.footer-contact .box-contact:hover {background: rgb(0 17 26 / 25%);border-color: rgb(0 17 26 / 35%);}.footer-contact .box-contact:hover h4, .footer-contact .box-contact:hover a {color: #efefef;}.footer-contact .box-contact span {display: inline-block;margin-bottom: 0.5rem;position: relative;z-index: 2;}.footer-contact .box-contact span i {font-size: 3rem;color: rgba(255, 255, 255, 0.08);position: absolute;margin-top: 0.3rem;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(7deg);pointer-events: none;}.footer-contact .box-contact:hover span i {animation: smoothShake 0.6s ease-in-out infinite;}@keyframes smoothShake {0% {transform: translate(-50%, -50%) rotate(0deg);}25% {transform: translate(-50%, -50%) rotate(5deg);}50% {transform: translate(-50%, -50%) rotate(0deg);}75% {transform: translate(-50%, -50%) rotate(-5deg);}100% {transform: translate(-50%, -50%) rotate(0deg);}}.footer-contact .box-contact h4 {color: #94a3b8;font-size: 1rem;font-weight: 500;margin-top: -1.36rem;position: relative;transition: color 0.3s ease;z-index: 3;}.footer-contact .box-contact a {color: #94a3b8;text-decoration: none;transition: color 0.3s ease;}.footer-contact .box-contact a:hover {color: #efefef;}.profile-card {background: var(--text-light);border-radius: 16px;overflow: hidden;animation: slideUp 0.6s ease-out;}@keyframes slideUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}.header-bg {height: 120px;background: var(--text-deep);position: relative;}.profile-image-wrapper {position: absolute;left: 50%;transform: translate(-50%, -50%);width: 140px;height: 140px;}.profile-image {width: 100%;height: 100%;border-radius: 50%;border: 5px solid var(--text-light);object-fit: cover;box-shadow: var(--shadow-lg);}.verified-badge {position: absolute;bottom: 13px;right: 0;width: 30px;height: 30px;background: var(--text-primary);border: 3px solid var(--text-light);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--text-light);font-size: 10px;box-shadow: var(--shadow-sm);}.profile-content {padding: 80px 30px 40px;text-align: center;}.profile-name {font-size: 28px;font-weight: 700;color: var(--text-dark);margin-bottom: 3px;}.profile-title {font-size: 14px;color: var(--text-primary);font-weight: 600;margin-bottom: 10px;text-transform: uppercase;letter-spacing: 1px;}.profile-bio {font-size: 14px;color: #666;line-height: 1.6;margin-bottom: 25px;}.info-section {background: #f8f9fa;border-radius: 12px;padding: 20px;margin-bottom: 20px;text-align: left;}.info-item {display: flex;align-items: center;margin-bottom: 12px;font-size: 14px;color: #333;}.info-item:last-child {margin-bottom: 0;}.info-icon {width: 35px;height: 35px;background: var(--text-primary);border-radius: 8px;display: flex;align-items: center;justify-content: center;color: var(--text-light);margin-right: 12px;font-size: 16px;flex-shrink: 0;}.info-text {flex: 1;}.info-text a {color: var(--text-primary);text-decoration: none;}.info-text a:hover {color: var(--text-dark);text-decoration: none;}.info-label {font-size: 13px;color: #999;text-transform: uppercase;letter-spacing: 0.5px;}.info-value {font-size: 14px;color: var(--text-dark);font-weight: 500;}.social-links {display: flex;justify-content: center;gap: 12px;margin-bottom: -15px;flex-wrap: wrap;}.social-link {width: 40px;height: 40px;background: var(--text-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--text-light);font-size: 15px;text-decoration: none;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(13, 90, 122, 0.2);}.social-link:hover {background: #0a4158;transform: translateY(-3px);box-shadow: 0 8px 20px rgba(13, 90, 122, 0.3);}.advanced-section {background: var(--text-light);}.advance-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}.advance-card {background: var(--text-light);padding: 45px 35px;border-radius: 24px;box-shadow: var(--text-shadow);transition: var(--transition2);text-align: center;border: 1px solid var(--border);display: flex;flex-direction: column;align-items: center;position: relative;z-index: 1;overflow: hidden;}.advance-card::after {content: '';position: absolute;inset: 0;border-radius: 24px;background: linear-gradient(135deg, var(--text-primary), var(--text-deep));opacity: 0;z-index: -1;transition: var(--transition2);}.advance-card::before {content: "";position: absolute;top: 0;left: -50%;width: 200%;height: 100%;background: radial-gradient(circle at 50% 50%, rgb(0 92 145 / 5%), transparent 60%);transform: rotate(330deg);z-index: 0;}.advance-card:hover {transform: translateY(-12px);box-shadow: 0 20px 40px rgba(0, 92, 145, 0.15);}.advance-card:hover h3, .advance-card:hover p {color: var(--text-light);}.advance-card:hover .card-icon {background: var(--text-light);color: var(--text-primary);transform: scale(1.1);}.advance-card:hover::after {opacity: 1;}.card-icon {width: 70px;height: 70px;background: rgba(0, 92, 145, 0.06);color: var(--text-primary);border-radius: 20px;display: flex;align-items: center;justify-content: center;font-size: 1.8rem;margin-bottom: 20px;transition: var(--transition2);}.advance-card h3 {font-size: 1.2rem;color: var(--text-deep);margin-bottom: 12px;font-weight: 700;transition: var(--transition2);}.advance-card p {font-size: 0.90rem;color: var(--text-gray);line-height: 1.6;transition: var(--transition2);}.fa-bkash {display: inline-block;width: 2em;height: 2em;background: url('../icons/bkash.svg') no-repeat center;background-size: contain;}.fa-nagad {display: inline-block;width: 2em;height: 2em;background: url('../icons/nagad.svg') no-repeat center;background-size: contain;}.fa-rocket-bd {display: inline-block;width: 2em;height: 2em;background: url('../icons/rocket.svg') no-repeat center;background-size: contain;}.fa-uddoktapay {display: inline-block;width: 2em;height: 2em;background: url('../icons/uddoktapay.svg') no-repeat center;background-size: contain;}.fa-sslcommerz {display: inline-block;width: 2em;height: 2em;background: url('../icons/sslcommerz.svg') no-repeat center;background-size: contain;}.fa-aamarpay {display: inline-block;width: 2em;height: 2em;background: url('../icons/aamarpay.svg') no-repeat center;background-size: contain;}.fa-shurjopay {display: inline-block;width: 2em;height: 2em;background: url('../icons/shurjopay.svg') no-repeat center;background-size: contain;}