/* DBC content adapters for the supplied Construc/Besoft template. */
:root { --dbc-navy: #232434; --dbc-yellow: #ffbb00; --dbc-muted: #676a78; --dbc-line: #e8e9ee; }
html { overflow-x: clip; overflow-y: visible; }
body.dbc-site { background: #fff; color: var(--dbc-navy); line-height: 1.75; overflow-x: clip; overflow-y: visible; }
.dbc-site img { max-width: 100%; height: auto; }
.dbc-site a:focus-visible, .dbc-site button:focus-visible, .dbc-site summary:focus-visible, .dbc-site input:focus-visible, .dbc-site textarea:focus-visible { outline: 3px solid #b88000; outline-offset: 5px; }
.dbc-site [hidden] { display: none !important; }
.dbc-site h1, .dbc-site h2, .dbc-site h3, .dbc-site h4, .dbc-site h5 { line-height: 1.2; }
.dbc-site p { margin-bottom: 18px; }
.dbc-skip-link { position: fixed; top: -100px; left: 16px; z-index: 1000; background: #ffbb00; padding: 12px; }
.dbc-skip-link:focus { top: 12px; }
.dbc-topbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: 13px; }
.dbc-topbar > a, .dbc-topbar li, .dbc-topbar a { color: #fff; }
.dbc-topbar i { color: var(--dbc-yellow); margin-right: 8px; }
.dbc-topbar .besoft-header-menu-address ul { margin: 0; padding: 0; }
.dbc-topbar .besoft-header-menu-address ul li { font-size: 13px; }
.dbc-topbar .besoft-header-menu-address ul li a { font-size: 13px; }
.dbc-header.besoft_nav_manu { display: block; position: sticky; top: 0; z-index: 50; box-shadow: 0 3px 20px #2324340c; background: #fff; }
.dbc-header-inner { min-height: 96px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.dbc-logo { flex-shrink: 0; }
.dbc-header .dbc-logo img { width: 106px; height: 82px; object-fit: contain; }
.dbc-header .besoft_menu { display: flex; align-items: center; gap: 26px; }
.dbc-header .besoft_menu > ul { display: flex; gap: 23px; margin: 0; padding: 0; list-style: none; }
.dbc-header .besoft_menu > ul > li { margin: 0; padding: 0; }
.dbc-header .besoft_menu > ul > li > a { padding: 0; margin: 0; font-size: 15px; font-weight: 700; display: block; }
.dbc-header .besoft_menu > ul > li > a[aria-current="page"], .dbc-header .besoft_menu > ul > li > a:hover { color: #a56c00; }
.dbc-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 24px; background: var(--dbc-yellow); color: var(--dbc-navy); font-size: 14px; font-weight: 700; border: 1px solid var(--dbc-yellow); line-height: 1.4; cursor: pointer; }
.dbc-button:hover { background: var(--dbc-navy); border-color: var(--dbc-navy); color: #fff; }
.dbc-button span { color: inherit; }
.dbc-header .dbc-header-cta { padding: 13px 18px; font-size: 13px; white-space: nowrap; color: var(--dbc-navy); }
.dbc-menu-toggle { display: none; border: 0; background: transparent; width: 42px; height: 42px; padding: 8px; }
.dbc-menu-toggle span { display: block; background: var(--dbc-navy); height: 2px; margin: 6px 0; }
.dbc-hero-slider { position: relative; }
.dbc-hero-slide.slider-area { min-height: 660px; height: auto; padding: 120px 0 140px; display: flex; align-items: center; background-image: linear-gradient(90deg, #111525df 0%, #11152596 50%, #11152516 100%), var(--hero-image); background-position: center; }
.dbc-hero-slide .slider-content h1, .dbc-hero-slide .slider-content h2 { color: #fff; font-size: clamp(44px, 5.3vw, 72px); line-height: 1.08; text-transform: uppercase; margin: 18px 0 0; animation: none; }
.dbc-hero-slide .slider-content p { animation: none; }
.dbc-eyebrow { font-size: 12px !important; font-weight: 700; text-transform: uppercase; letter-spacing: 2.2px; margin: 0 0 15px; }
.dbc-hero-slide .dbc-eyebrow { color: var(--dbc-yellow); }
.dbc-hero-slide .slider-button a { animation: none; margin-top: 34px; }
.dbc-slide-controls { position: absolute; bottom: 30px; left: 0; right: 0; display: flex; gap: 10px; }
.dbc-slide-controls button { color: #fff; border: 1px solid #ffffff4d; background: #23243466; width: 44px; height: 44px; cursor: pointer; font-size: 13px; }
.dbc-slide-controls button[aria-pressed="true"] { background: var(--dbc-yellow); color: var(--dbc-navy); border-color: var(--dbc-yellow); }
.dbc-section { padding: 88px 0; }
.dbc-section:nth-of-type(even) { background: #f7f8fa; }
.dbc-section.service-area, .dbc-section.about-area, .dbc-section.team-area, .dbc-section.blog-area, .dbc-section.portfolio_area { background-image: none; }
.dbc-section .dreamit-section-title { margin-bottom: 36px; }
.dreamit-section-title h1, .dreamit-section-title h2, .dreamit-section-title .title { font-size: clamp(32px, 3.2vw, 44px); line-height: 1.18; color: var(--dbc-navy); margin-bottom: 20px; }
.dreamit-section-title .sub { color: #a16a00; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 14px; }
.dbc-company-intro { font-size: 18px; line-height: 1.8; }
.dbc-grid { display: grid; gap: 24px; }
.dbc-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dbc-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dbc-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dbc-cards-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.dbc-cards-grid .swiper-slide { min-width: 0; }
.dbc-icon-card { margin: 0; padding: 30px 24px; height: 100%; border-color: var(--dbc-line); box-shadow: 0 8px 24px #23243404; }
.dbc-icon-card .heading { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.dbc-icon-card .icon { font-size: 36px; color: var(--dbc-navy); }
.dbc-icon-card .number { font-size: 18px; font-weight: 800; position: relative; }
.dbc-icon-card h4, .dbc-icon-card h5 { font-size: 24px; line-height: 1.25; margin: 12px 0; }
.dbc-icon-card p { color: var(--dbc-muted); font-size: 14px; margin-bottom: 0; }
.dbc-icon-card .icon img { width: 60px; }
.dbc-counter { padding: 25px 20px; background: var(--dbc-navy); color: #fff; text-align: center; }
.dbc-counter .counter { font-size: 50px; font-weight: 800; font-family: 'Rajdhani', sans-serif; line-height: 1.1; color: var(--dbc-yellow); }
.dbc-counter h5, .dbc-counter p { color: #fff; font-size: 14px; margin: 12px 0 0; line-height: 1.5; }
.dbc-counter .sub-counter { font-size: 28px; }
.section-about-9 .wrap-counter { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.section-about-9 .img-style img { width: 100%; min-height: 430px; object-fit: cover; }
.section-about .counter-item img { display: none; }
.section-about .wrap-content > .img-style img { height: 100%; min-height: 200px; object-fit: cover; }
.dbc-service-card { background: #fff; border: 1px solid var(--dbc-line); height: 100%; overflow: hidden; }
.dbc-service-card > .img-style { display: block; overflow: hidden; }
.dbc-service-card > .img-style img { width: 100%; aspect-ratio: 4/3; object-fit: cover; transition: transform .4s; }
.dbc-service-card:hover > .img-style img { transform: scale(1.035); }
.dbc-service-card > .content { padding: 28px; }
.dbc-service-card .title { font-family: 'Rajdhani', sans-serif; font-weight: 800; font-size: 27px; line-height: 1.2; display: block; margin: 0 0 14px; }
.dbc-service-card p { font-size: 15px; color: var(--dbc-muted); }
.dbc-service-card .list { padding: 0; list-style: none; margin-bottom: 0; }
.dbc-service-card .list li { padding: 5px 0; font-size: 14px; }
.dbc-service-card .list i { color: #a36f00; margin-right: 8px; }
.section-service:not(.section-service-9) .wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.section-service:not(.section-service-9) .wrap .service-item { display: block; }
.section-service:not(.section-service-9) .stack-content-wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.section-service:not(.section-service-9) .service-item { display: flex; flex-direction: column; }
.section-service:not(.section-service-9) .service-item > .img-style { order: 0; }
.section-service:not(.section-service-9) .service-item > .content { order: 1; }
.section-service .heading-section .bot { margin-top: 24px; }
.section-service .heading-section .bot img { width: 110px; height: 85px; object-fit: cover; flex-shrink: 0; }
.section-service .heading-section .bot p { margin: 0; max-width: 750px; }
.section-service .heading-section > .heading { align-items: flex-start !important; }
.section-service .heading-section .btn_wrapper { flex-shrink: 0; }
.section-service .heading-section .dbc-button .h4 { font-size: 16px; margin: 0; }
.section-service:not(.section-service-9) .swiper-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.section-service:not(.section-service-9) .swiper-slide { display: block; }
.section-service:not(.section-service-9) .swiper-slide img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.section-service:not(.section-service-9) .btn_link { display: none; }
.process-item { padding: 25px; border-top: 3px solid var(--dbc-yellow); background: #fff; box-shadow: 0 8px 28px #23243408; }
.process-item h3 { font-size: 42px; color: #c18b00; margin-bottom: 16px; }
.process-item h4 { font-size: 24px; margin: 10px 0 15px; }
.process-item p { font-size: 14px; color: var(--dbc-muted); }
.process-item[role="tab"] { display: grid; grid-template-columns: 45px 1fr; gap: 18px; padding: 20px; margin-bottom: 12px; cursor: pointer; }
.process-item[role="tab"] h3 { font-size: 36px; margin: 0; }
.process-item[role="tab"] h4 { font-size: 23px; margin: 0 0 8px; }
.process-item[role="tab"] p { margin: 0; }
.process-item[aria-selected="true"] { background: var(--dbc-navy); }
.process-item[aria-selected="true"] h4, .process-item[aria-selected="true"] p { color: #fff; }
.process-item:focus-visible { outline: 3px solid #a57100; outline-offset: 4px; }
.section-process-4 .tab-content-wrap img { width: 100%; aspect-ratio: 4/5; object-fit: cover; max-height: 720px; }
.process-item > .img-style img, .process-item > img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.section-banner-4.dbc-section { padding: 0; }
.section-banner-4 .banner { position: relative; min-height: 530px; overflow: hidden; }
.section-banner-4 .bg-banner { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.section-banner-4 .banner::after { content: ''; position: absolute; inset: 0; background: #151a28ac; }
.section-banner-4 .box-content { position: relative; z-index: 1; padding: 110px 24px; max-width: 760px; }
.section-banner-4 h3 { font-size: 44px; color: #fff; }
.section-banner-4 p { color: #f0f0f4; }
.section-team-3 .dbc-cards-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dbc-team-card { background: #fff; border: 1px solid var(--dbc-line); height: 100%; }
.dbc-team-card .img-style { position: relative; overflow: hidden; }
.dbc-team-card img { width: 100%; aspect-ratio: 1; object-fit: cover; object-position: center top; }
.dbc-team-card .tf-social { display: none; }
.dbc-team-card .info { padding: 22px; border-bottom: 3px solid var(--dbc-yellow); }
.dbc-team-card h4, .dbc-team-card .name { font-size: 23px; font-weight: 800; font-family: 'Rajdhani', sans-serif; line-height: 1.2; color: var(--dbc-navy); display: block; }
.dbc-team-card .info p { color: var(--dbc-muted); font-size: 13px; margin: 10px 0 0; }
.section-testimonial-10 { background: #f7f8fa !important; }
.section-testimonial-10 .swiper-slide { background: #fff; border: 1px solid var(--dbc-line); padding: 22px; }
.section-testimonial-10 .swiper-slide img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.section-testimonial-10 .group img { width: 34px; height: 34px; border-radius: 50%; }
.section-testimonial-10 .avatar img { width: 55px; height: 55px; border-radius: 50%; }
.section-testimonial-10 .author { display: flex; gap: 15px; align-items: center; }
.section-testimonial-10 h4 { font-size: 23px; }
.section-testimonial-10 .text { font-size: 16px; line-height: 1.8; margin: 20px 0; }
.section-testimonial-10 .desc { font-size: 18px; line-height: 1.8; margin: 20px 0 28px; }
.section-testimonial-10 .trust p { font-size: 18px; line-height: 1.4; margin: 0; }
.section-testimonial-10 .group { display: flex; flex-shrink: 0; }
.section-testimonial-10 .group img + img { margin-left: -8px; border: 2px solid #fff; }
.section-testimonial-10 .swiper { margin-bottom: 25px; }
.dbc-blog-card { margin: 0; background: #fff; border: 1px solid var(--dbc-line); height: 100%; }
.dbc-blog-card > .img-style { display: block; }
.dbc-blog-card > .img-style img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.dbc-blog-card .content { padding: 26px; }
.dbc-blog-card .tag { color: #996900; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 12px; }
.dbc-blog-card h4 { font-size: 26px; margin: 0 0 18px; }
.dbc-blog-card .meta-post { list-style: none; padding: 0; margin: 0; font-size: 12px; color: var(--dbc-muted); }
.dbc-faq-section { background: #fff !important; }
.faq-list { max-width: 850px; margin: 0 auto; }
.faq-item { border: 1px solid var(--dbc-line); border-left: 3px solid var(--dbc-yellow); padding: 20px 24px; margin-bottom: 14px; background: #fff; }
.faq-item summary { cursor: pointer; font-weight: 700; font-size: 17px; line-height: 1.5; }
.faq-item p { margin: 18px 0 0; color: var(--dbc-muted); font-size: 15px; }
.dbc-page-banner { background: linear-gradient(90deg, #232434ed, #232434ac), url('/images/head3.JPG') center 52%/cover; color: #fff; padding: 78px 0; }
.dbc-page-banner h1 { color: #fff; font-size: clamp(36px, 4.2vw, 58px); max-width: 980px; margin: 12px 0 22px; }
.dbc-page-banner .dbc-eyebrow { color: var(--dbc-yellow); }
.dbc-page-banner nav, .dbc-page-banner nav a { color: #e6e8ef; font-size: 13px; }
.dbc-page-banner nav a:hover { color: var(--dbc-yellow); }
.dbc-page-banner nav span { margin: 0 6px; }
.dbc-page-banner .hero-content { max-width: 1140px; margin: auto; padding: 0 15px; }
.dbc-page-banner .article-category { color: var(--dbc-yellow); font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin-top: 24px; }
.dbc-page-banner .article-meta { display: flex; flex-wrap: wrap; gap: 20px; font-size: 12px; }
.section-video { position: relative; background: var(--dbc-navy) !important; color: #fff; }
.section-video.dbc-section { padding: 0 0 30px; }
.section-video .widget-video { position: relative; }
.section-video .popup-youtube { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; justify-content: center; border-radius: 50%; font-size: 22px; }
.section-video .infiniteslide { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; align-items: center; padding: 28px 20px 0; }
.section-video .infiniteslide h3 { margin: 0; font-size: 24px; }
.section-video img { width: 100%; max-height: 540px; object-fit: cover; }
.section-video .wrap-title { display: flex; flex-wrap: wrap; justify-content: center; gap: 28px; margin: 25px 0; }
.section-video h3 { color: #fff; font-size: 26px; }
.section-video .popup-youtube { display: inline-flex; align-items: center; padding: 16px; background: var(--dbc-yellow); color: var(--dbc-navy); }
.section-overview { background: var(--dbc-navy) !important; color: #fff; }
.section-overview h3, .section-overview .name { color: #fff; }
.section-overview .content { padding: 24px; }
.section-overview .img-style img { width: 100%; min-height: 250px; object-fit: cover; }
.section-overview .counter-item { min-height: 190px; }
.section-why .wrap-content { display: grid; gap: 20px; }
.section-why .img-style img { width: 100%; min-height: 520px; object-fit: cover; }
.section-why .thumbs img { width: 100%; object-fit: cover; }
.section-why .wrap-box-icon { display: grid; gap: 18px; }
.section-cta-5 { background: var(--dbc-navy); padding: 45px; color: #fff; }
.section-cta-5 .content-inner { display: grid; grid-template-columns: 1.1fr 1fr; gap: 45px; align-items: center; }
.section-cta-5 h2 { font-size: 34px; color: #fff; margin-bottom: 25px; }
.section-cta-5 .trust .group img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.section-cta-5 .trust { margin: 20px 0; }
.section-cta-5 p { font-size: 15px; }
.dbc-partners { padding: 40px 0; background: #f7f8fa !important; }
.dbc-partners .infiniteslide { display: grid; grid-template-columns: repeat(6, 1fr); gap: 28px; align-items: center; }
.dbc-partners .marquee-item img { width: 100%; max-height: 80px; object-fit: contain; }
.section-team .tf-grid-layout > .heading { align-self: center; }
.section-team .heading h3 { font-size: 40px; }
.section-team .group img { width: 40px; height: 40px; border-radius: 50%; }
.section-team .trust { margin: 20px 0; }
.port-section { width: 100%; }
.port-header { display: grid; grid-template-columns: 1fr 1.4fr; gap: 50px; align-items: center; margin-bottom: 40px; }
.port-section .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.port-title { font-size: 44px; }
.sub-label { font-size: 11px; color: #946600; letter-spacing: 1.5px; text-transform: uppercase; }
.stack-wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 35px; }
.ba-container { width: 100%; aspect-ratio: 16/11; position: relative; overflow: hidden; background: #f0f1f4; }
.ba-container img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.ba-container .img-after { clip-path: inset(0 50% 0 0); }
.ba-divider { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: #fff; pointer-events: none; }
.ba-handle { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border-radius: 50%; background: var(--dbc-yellow); display: grid; place-items: center; pointer-events: none; }
.ba-handle svg { width: 20px; height: 20px; }
.ba-label { position: absolute; top: 12px; font-size: 10px; color: #fff; background: #232434b0; padding: 4px 8px; letter-spacing: 1px; text-transform: uppercase; }
.label-after { left: 12px; }.label-before { right: 12px; }
.dbc-compare-range { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: ew-resize; }
.ba-container:focus-within { outline: 3px solid #b88000; outline-offset: 4px; }
.port-content { padding: 22px; background: #fff; border: 1px solid var(--dbc-line); border-bottom: 3px solid var(--dbc-yellow); }
.port-item-title { font-size: 26px; margin: 0 0 10px; }
.port-cat { font-size: 11px; text-transform: uppercase; color: var(--dbc-muted); letter-spacing: 1px; }
.team-purpose-showcase .wrap-showcase { display: grid; grid-template-columns: 1fr 1.3fr 1fr; gap: 20px; }
.team-purpose-showcase .col-image { display: grid; gap: 20px; }
.team-purpose-showcase img { width: 100%; height: 100%; object-fit: cover; min-height: 150px; }
.team-purpose-showcase .wrap-showcase { height: 420px; }
.team-purpose-showcase .col-image { grid-template-rows: repeat(2, minmax(0, 1fr)); min-height: 0; }
.team-purpose-showcase .col-image-2 { grid-template-rows: minmax(0, 1fr); }
.team-purpose-showcase .hover-image, .team-purpose-showcase .img-style { height: 100%; min-height: 0; overflow: hidden; }
.team-purpose-showcase img { min-height: 0; }
.section-contact .heading-title { margin-bottom: 40px; }
.section-contact .box-info { padding: 32px; border: 1px solid var(--dbc-line); background: #fff; }
.section-contact .info-list { list-style: none; padding: 0; margin: 25px 0 0; }
.section-contact .info-list > li { display: flex; gap: 18px; border-top: 1px solid var(--dbc-line); padding: 20px 0; }
.section-contact .info-list .icon { font-size: 25px; color: #a77300; }
.section-contact .info-list p { margin: 0; }
.section-contact .info-list .text-caption-1 { font-size: 12px; color: var(--dbc-muted); }
.section-contact iframe { width: 100%; height: 100%; min-height: 480px; border: 0; }
.form-contact { padding: 32px; border: 1px solid var(--dbc-line); background: #fff; }
.form-contact .dbc-grid { display: block; }
.form-contact .wrap { margin: 25px 0; }
.form-contact fieldset { margin-bottom: 16px; }
.form-contact label { display: block; font-size: 12px; font-weight: 700; margin-bottom: 6px; color: var(--dbc-navy) !important; }
.section-contact .col-lg-6.d-flex.flex-column { justify-content: flex-start !important; gap: 20px; }
.form-contact input, .form-contact textarea { width: 100%; border: 1px solid #d9dce4; background: #f8f9fb; padding: 12px 14px; font-size: 14px; }
.form-contact button { width: 100%; }
.form-contact #consultation-status { font-size: 13px; margin: 15px 0 0; }
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 50px; max-width: 1140px; padding: 75px 15px; margin: auto; }
.article-body { min-width: 0; }
.article-body h2 { font-size: 34px; margin: 45px 0 20px; scroll-margin-top: 125px; }
.article-body h3 { font-size: 25px; margin: 25px 0 15px; }
.article-body h4 { font-size: 24px; }
.article-body img { width: 100%; margin: 20px 0; }
.article-body li { margin-bottom: 10px; }
.article-body .highlight-box, .article-body .tip-box { background: #fff8e1; border-left: 4px solid var(--dbc-yellow); padding: 25px; margin: 25px 0; }
.article-body .stats-grid, .article-body .services-grid, .article-body .area-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 25px 0; }
.stat-card, .service-card, .area-card, .step-card { border: 1px solid var(--dbc-line); padding: 22px; }
.stat-number { font-size: 40px; font-weight: 800; font-family: 'Rajdhani', sans-serif; color: #a57100; }
.stat-label { font-size: 13px; }
.article-body table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; margin: 25px 0; }
.article-body td, .article-body th { padding: 14px; border: 1px solid var(--dbc-line); min-width: 125px; font-size: 14px; }
.article-body th { background: var(--dbc-navy); color: #fff; }
.article-body .faq-list { max-width: none; }
.article-body .reading-badge { font-size: 12px; color: #866000; padding: 8px 14px; background: #fff6d9; display: inline-block; margin-bottom: 25px; }
.article-sidebar { align-self: start; position: sticky; top: 120px; }
.sidebar-widget { padding: 25px; border: 1px solid var(--dbc-line); margin-bottom: 22px; background: #f8f9fb; }
.sidebar-widget h5 { font-size: 23px; margin-bottom: 20px; }
.sidebar-widget ul { padding-left: 18px; font-size: 13px; }
.sidebar-widget li { margin-bottom: 10px; }
.sidebar-widget .dbc-button { width: 100%; margin-top: 18px; }
.share-box { padding: 25px 0; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.share-btn { display: flex; gap: 7px; align-items: center; padding: 8px 12px; background: #f1f2f6; font-size: 12px; }
.author-box { padding: 25px; background: #f8f9fb; display: flex; gap: 25px; align-items: center; }
.author-logo { width: 80px; flex-shrink: 0; }
.author-info h5 { font-size: 24px; }
.author-info p { font-size: 13px; margin-top: 12px; }
.author-role { font-size: 11px; color: #946a00; text-transform: uppercase; }
.dbc-footer.footer-middle { background: var(--dbc-navy); color: #d3d5df; padding: 65px 0 0; background-image: none; }
.dbc-footer h4, .dbc-footer h6, .dbc-footer a { color: #fff; }
.dbc-footer a:hover { color: var(--dbc-yellow); }
.dbc-footer .footer-top { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ffffff24; padding-bottom: 28px; margin-bottom: 40px; }
.dbc-footer .footer-logo img { width: 110px; height: 85px; object-fit: contain; }
.dbc-footer .footer-top .right { display: flex; gap: 20px; align-items: center; }
.dbc-footer .footer-top .right > div:empty { display: none; }
.dbc-footer .dbc-button { color: var(--dbc-navy); }
.dbc-footer .footer-about h4 { font-size: 26px; }
.dbc-footer .footer-about p { font-size: 13px; margin: 10px 0; max-width: 380px; }
.dbc-footer .footer-about .h5 { font-size: 16px; }
.dbc-footer .row .row { gap: 0; }
.dbc-footer .footer-heading { font-size: 20px; margin-bottom: 18px; }
.dbc-footer .footer-menu-list { list-style: none; padding: 0; font-size: 12px; }
.dbc-footer .footer-menu-list li { margin-bottom: 12px; }
.dbc-footer .footer-bottom { margin-top: 35px; padding: 22px 0; border-top: 1px solid #ffffff24; font-size: 12px; }
.dbc-footer .footer-bottom p { margin: 0; font-size: 12px; }
.dbc-floating-wa { position: fixed; right: 25px; bottom: 25px; width: 54px; height: 54px; border-radius: 50%; color: #fff; background: #168c45; z-index: 60; display: grid; place-items: center; box-shadow: 0 5px 18px #0003; font-size: 28px; }
.dbc-floating-wa:hover { color: #fff; background: #107034; }
.dbc-back-top { position: fixed; right: 32px; bottom: 90px; width: 40px; height: 40px; border: 0; background: var(--dbc-yellow); color: var(--dbc-navy); z-index: 60; cursor: pointer; display: none; }
.dbc-back-top.is-visible { display: block; }
.mb_48 { margin-bottom: 48px; }.mb_44 { margin-bottom: 44px; }.mb_40 { margin-bottom: 40px; }.mb_32 { margin-bottom: 32px; }.mb_28 { margin-bottom: 28px; }.mb_24 { margin-bottom: 24px; }.mb_20 { margin-bottom: 20px; }.mb_16 { margin-bottom: 16px; }.mb_12 { margin-bottom: 12px; }.gap_20 { gap: 20px; }.gap_16 { gap: 16px; }.gap_12 { gap: 12px; }
#faq, #blog, #team, #main { scroll-margin-top: 115px; }
@media (max-width: 1199px) { .dbc-header .besoft_menu { gap: 18px; }.dbc-header .besoft_menu > ul { gap: 18px; }.dbc-header .dbc-header-cta { display: none; }.dbc-section { padding: 65px 0; }.section-team-3 .dbc-cards-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991px) {
  .dbc-header-inner { min-height: 78px; }.dbc-logo img { width: 84px; height: 68px; }.dbc-menu-toggle { display: block; }.dbc-header .besoft_menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; padding: 20px; border-top: 1px solid var(--dbc-line); box-shadow: 0 12px 20px #23243412; }.dbc-header .besoft_menu.is-open { display: block; }.dbc-header .besoft_menu > ul { display: block; }.dbc-header .besoft_menu > ul > li > a { padding: 12px; }.dbc-header .dbc-header-cta { display: inline-flex; margin: 15px 12px 0; }
  .dbc-hero-slide.slider-area { min-height: 590px; padding: 85px 0 120px; }.dbc-grid-4, .dbc-cards-grid, .section-team-3 .dbc-cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.dbc-section .col-lg-6 + .col-lg-6 { margin-top: 30px; }.article-layout { grid-template-columns: 1fr; max-width: 850px; padding: 50px 24px; }.article-sidebar { position: static; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }.sidebar-widget { margin: 0; }.port-header { grid-template-columns: 1fr; gap: 20px; }.dbc-footer .footer-top .right > div { display: none; }.section-contact iframe { min-height: 380px; }.section-cta-5 .content-inner { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 575px) {
  .header-top-area { padding: 8px 0; }.dbc-topbar .besoft-header-menu-address li:first-child, .dbc-topbar > a { display: none; }.dbc-topbar { justify-content: center; }.dbc-topbar .besoft-header-menu-address ul li { margin: 0; }.dbc-header-inner { min-height: 76px; }
  .dbc-hero-slide.slider-area { min-height: 590px; padding: 78px 0 110px; background-image: linear-gradient(90deg, #111525c9, #11152578), var(--hero-image); }.dbc-hero-slide .slider-content h1, .dbc-hero-slide .slider-content h2 { font-size: 44px; }.dbc-hero-slide .dbc-eyebrow { font-size: 10px !important; }.dbc-section { padding: 50px 0; }.dbc-grid, .dbc-cards-grid, .section-team-3 .dbc-cards-grid, .stack-wrap, .section-service:not(.section-service-9) .wrap { grid-template-columns: 1fr; }.section-about-9 .wrap-counter, .section-about .wrap-content { grid-template-columns: repeat(2, minmax(0, 1fr)); }.dbc-counter { padding: 20px 12px; }.dbc-counter .counter { font-size: 42px; }.section-about-9 .img-style img { min-height: 280px; }.dbc-team-card img { max-height: 400px; }.section-banner-4 .box-content { padding: 80px 16px; }.section-banner-4 h3 { font-size: 36px; }.dbc-partners .infiniteslide { grid-template-columns: repeat(3, 1fr); gap: 18px; }.section-cta-5 { padding: 28px 22px; }.section-cta-5 h2 { font-size: 29px; }.dbc-page-banner { padding: 55px 0; }.dbc-page-banner h1 { font-size: 39px; }.dbc-page-banner .article-meta { gap: 10px 18px; }.dbc-page-banner .hero-content { padding: 0; }.team-purpose-showcase .wrap-showcase { grid-template-columns: 1fr 1fr; gap: 12px; }.team-purpose-showcase .col-image-2 { display: none; }.team-purpose-showcase .col-image { gap: 12px; }.section-contact .box-info, .form-contact { padding: 23px; }.section-contact .info-list { font-size: 14px; }.article-layout { padding: 40px 16px; }.article-body h2 { font-size: 29px; }.article-sidebar { grid-template-columns: 1fr; }.article-body .stats-grid { gap: 12px; }.article-body .services-grid, .article-body .area-grid { grid-template-columns: 1fr; }.author-box { display: block; }.author-logo { margin-bottom: 20px; }.dbc-footer .footer-top { gap: 16px; }.dbc-footer .footer-top .dbc-button { padding: 12px 15px; font-size: 12px; }.dbc-footer .footer-about { margin-bottom: 25px; }.dbc-footer .footer-heading { margin-top: 20px; }.dbc-floating-wa { right: 16px; bottom: 16px; }.dbc-back-top { right: 23px; bottom: 80px; }
}
@media (max-width: 991px) {
  .dbc-header .dbc-logo img { width: 100px; height: 68px; }
  .dbc-header .besoft_menu > ul > li { display: block; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.dbc-site *, .dbc-site *::before, .dbc-site *::after { animation: none !important; transition: none !important; } }
@media (max-width: 575px) {
  .section-service:not(.section-service-9) .stack-content-wrap { grid-template-columns: 1fr; }
  .section-service .heading-section > .heading { flex-direction: column; }
  .section-service .heading-section .bot { align-items: flex-start !important; }
  .section-service .heading-section .bot img { width: 85px; height: 85px; }
  .section-video .infiniteslide .marquee-item:has(.icon) { display: none; }
  .team-purpose-showcase .wrap-showcase { height: auto; }
  .team-purpose-showcase .col-image { height: 320px; }
  .team-purpose-showcase .col-image-2 { display: grid; grid-column: 1 / -1; order: 3; height: 180px; }
}