[data-darkreader-inline-bgcolor] {
    background-color: var(--darkreader-inline-bgcolor) !important;
  }
  [data-darkreader-inline-bgimage] {
    background-image: var(--darkreader-inline-bgimage) !important;
  }
  [data-darkreader-inline-border] {
    border-color: var(--darkreader-inline-border) !important;
  }
  [data-darkreader-inline-border-bottom] {
    border-bottom-color: var(--darkreader-inline-border-bottom) !important;
  }
  [data-darkreader-inline-border-left] {
    border-left-color: var(--darkreader-inline-border-left) !important;
  }
  [data-darkreader-inline-border-right] {
    border-right-color: var(--darkreader-inline-border-right) !important;
  }
  [data-darkreader-inline-border-top] {
    border-top-color: var(--darkreader-inline-border-top) !important;
  }
  [data-darkreader-inline-boxshadow] {
    box-shadow: var(--darkreader-inline-boxshadow) !important;
  }
  [data-darkreader-inline-color] {
    color: var(--darkreader-inline-color) !important;
  }
  [data-darkreader-inline-fill] {
    fill: var(--darkreader-inline-fill) !important;
  }
  [data-darkreader-inline-stroke] {
    stroke: var(--darkreader-inline-stroke) !important;
  }
  [data-darkreader-inline-outline] {
    outline-color: var(--darkreader-inline-outline) !important;
  }
  [data-darkreader-inline-stopcolor] {
    stop-color: var(--darkreader-inline-stopcolor) !important;
  }
  [data-darkreader-inline-bg] {
    background: var(--darkreader-inline-bg) !important;
  }
  [data-darkreader-inline-border-short] {
    border: var(--darkreader-inline-border-short) !important;
  }
  [data-darkreader-inline-border-bottom-short] {
    border-bottom: var(--darkreader-inline-border-bottom-short) !important;
  }
  [data-darkreader-inline-border-left-short] {
    border-left: var(--darkreader-inline-border-left-short) !important;
  }
  [data-darkreader-inline-border-right-short] {
    border-right: var(--darkreader-inline-border-right-short) !important;
  }
  [data-darkreader-inline-border-top-short] {
    border-top: var(--darkreader-inline-border-top-short) !important;
  }
  [data-darkreader-inline-invert] {
      filter: invert(100%) hue-rotate(180deg);
  }

  :root {
    --darkreader-neutral-background: var(--darkreader-background-ffffff, #181a1b);
    --darkreader-neutral-text: var(--darkreader-text-000000, #e8e6e3);
    --darkreader-selection-background: var(--darkreader-background-0060d4, #004daa);
    --darkreader-selection-text: var(--darkreader-text-ffffff, #e8e6e3);
    --dark-bg-primary: #121212;
    --dark-bg-secondary: #1e1e1e;
    --dark-text-primary: #e8e6e3;
    --dark-text-secondary: #b2aba1;
    --dark-border: #2c2c2c;
    --dark-accent: #3391ff;
    --dark-input-bg: #2d2d2d;
 }

 @layer {
    html {
        background-color: var(--darkreader-background-ffffff, #181a1b) !important;
    }
    html {
        color-scheme: dark !important;
    }
    iframe {
        color-scheme: dark !important;
    }
    html, body {
        background-color: var(--darkreader-background-ffffff, #181a1b);
    }
    html, body {
        border-color: var(--darkreader-border-4c4c4c, #736b5e);
        color: var(--darkreader-text-000000, #e8e6e3);
    }
    a {
        color: var(--darkreader-text-0040ff, #3391ff);
    }
    table {
        border-color: var(--darkreader-border-808080, #545b5e);
    }
    mark {
        color: var(--darkreader-text-000000, #e8e6e3);
    }
    ::placeholder {
        color: var(--darkreader-text-a9a9a9, #b2aba1);
    }
    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        background-color: var(--darkreader-background-faffbd, #404400) !important;
        color: var(--darkreader-text-000000, #e8e6e3) !important;
    }
    ::selection {
        background-color: var(--darkreader-background-0060d4, #004daa) !important;
        color: var(--darkreader-text-ffffff, #e8e6e3) !important;
    }
    ::-moz-selection {
        background-color: var(--darkreader-background-0060d4, #004daa) !important;
        color: var(--darkreader-text-ffffff, #e8e6e3) !important;
    }
    body, html {
        background-color: var(--dark-bg-primary);
        color: var(--dark-text-primary);
    }
    a {
        color: var(--dark-accent);
    }
    a:hover {
        color: #5ba8ff;
    }
    input, textarea, select, button {
        background-color: var(--dark-input-bg);
        color: var(--dark-text-primary);
        border: 1px solid var(--dark-border);
    }
    table {
        border-color: var(--dark-border);
    }
    th, td {
        border-color: var(--dark-border);
    }
    ::selection {
        background-color: #004daa;
        color: var(--dark-text-primary);
    }
    }
/* Text side padding on all pages (except hero image) */
@media (max-width: 1024px){
    body, 
    .container,
    .content,
    .page,
    .page-body,
    section:not(.bradcam_area),
    .w3l-visitors-agile,
    .agileits-services,
    .w3ls-about,
    .typo,
    .w3-agile-team,
    .services-bottom,
    .agileits-w3layouts-footer {
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box;
    }
}

/* Mobile-only text side padding */
@media (max-width: 768px){
    body, 
    .container,
    .content,
    .page,
    .page-body,
    section:not(.bradcam_area),
    .w3l-visitors-agile,
    .agileits-services,
    .w3ls-about,
    .typo,
    .w3-agile-team,
    .services-bottom,
    .agileits-w3layouts-footer {
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box;
    }
}

/* Fix: remove padding on hero image in mobile */
@media (max-width: 768px){
    .bradcam_area,
    .bradcam_area .container,
    .bradcam_area section {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
}

/* Fix white side gaps on mobile: no padding on body */
@media (max-width: 768px){
    body{
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Reduce top header height on mobile */
@media (max-width: 768px){
    header,
    .navbar,
    .navbar-default,
    .w3_navigation {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        height: auto !important;
        min-height: 40px !important;
    }
    .nav-contact-w3ls,
    .navbar-header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* Hide top phone block on mobile */
@media (max-width: 768px){
    .nav-contact-w3ls,
    .navbar-header > a[href^="tel"],
    .navbar-header .nav-contact-w3ls {
        display: none !important;
    }

    /* Move menu (hamburger) over hero image */
    .navbar-toggle {
        position: absolute !important;
        top: 20px !important;
        right: 20px !important;
        z-index: 9999 !important;
        margin: 0 !important;
    }

    header, .navbar, .navbar-default, .w3_navigation {
        background: transparent !important;
        height: auto !important;
    }
}

@media (max-width: 768px){
    .bradcam_text,
    .bradcam_area .bradcam_text,
    .banner-text,
    .overlay,
    .w3l-banner-text {
        background: transparent !important;
        box-shadow: none !important;
        display: none !important;
    }
}

@media (max-width:768px){
    .buy-btn-mobile{
        display:inline-block;
        background:#005bbb;
        color:#fff !important;
        padding:12px 22px;
        border-radius:6px;
        font-size:18px;
        font-weight:600;
        position:absolute;
        bottom:20px;
        left:50%;
        transform:translateX(-50%);
        z-index:9999;
        text-decoration:none;
    }
    /* hide the overlay */
    .bradcam_text,
    .banner-text,
    .overlay{
        display:none !important;
    }
}

/* Footer Moscow background */
@media (max-width: 1200px){
    .agileits-w3layouts-footer,
    .footer,
    footer,
    .w3l-visitors-agile {
        background: url('../images/footer_bg_moscow.png') no-repeat center center !important;
        background-size: cover !important;
    }
}