/* Shared responsive rules for final-design pages. */
body { overflow-x: clip; }
html { scroll-behavior: auto !important; }
body[data-native-scroll] #smooth-wrapper, body[data-native-scroll] #smooth-content { position: static !important; transform: none !important; height: auto !important; }
body[data-native-scroll] [data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; }
body[data-native-scroll] .cursor, body[data-native-scroll] .dot, body[data-native-scroll] .view-cursor { display: none !important; }
body[data-native-scroll] [class*="animation"], body[data-native-scroll] .animated-upDown { animation: none !important; }
body[data-native-scroll] .split-reveal-element { transform: none !important; clip-path: none !important; opacity: 1 !important; }
img, iframe { max-width: 100%; }
.row > * { min-width: 0; }
.creox-internal .header, .creox-internal .header.fixed-header { position: sticky; top: 0; z-index: 99; background: #edf2ff; animation: none; }
.creox-internal .header-space { display: none; }
.creox-internal .header nav { gap: 16px; }
.creox-internal .logo { flex-shrink: 0; }
.creox-internal img[src*="creox-media-logo"] { width: 260px; height: 64px; object-fit: cover; object-position: center; }
.creox-internal footer img[src*="creox-media-logo"] { background: #edf2ff; border-radius: 12px; }
.creox-internal .service-details img[src*="home-generated"] { width: 100%; height: auto !important; aspect-ratio: 16 / 10; object-fit: cover; }
.creox-internal .about-two figure > img { width: 100%; height: 520px !important; object-fit: cover; border-radius: 20px; }
.creox-internal .about-two .position-absolute.bottom-0 > .position-relative { width: 180px; flex: 0 0 180px; }
.creox-internal .about-two .position-absolute.bottom-0 img { height: 110px !important; object-fit: cover; }
.creox-internal img[src*="internal-generated"] { object-fit: cover; }
.creox-contact-image { width: 100%; max-height: 380px; object-fit: cover; border-radius: 24px; margin-bottom: 32px; }
@media (min-width: 992px) and (max-width: 1250px) { .header nav > .tw-ms-12 { display: none !important; } }
@media (max-width: 991px) {
  .tw-ps-100-px { padding-left: 0 !important; }
  .py-120 { padding-block: 64px; }
  .pt-120 { padding-top: 64px; }
  .pb-120 { padding-bottom: 64px; }
  .breadcrumb h1 { font-size: clamp(30px, 6vw, 48px); overflow-wrap: anywhere; }
  .creox-internal .about-two .position-absolute.bottom-0 { position: relative !important; margin: -40px 12px 0 !important; flex-wrap: wrap; }
  .counter-two-wrapper { flex-wrap: wrap; gap: 24px; }
  .banner-two { flex-wrap: wrap; }
}
@media (max-width: 575px) {
  .container { padding-inline: 20px; }
  h1 { font-size: 34px; }
  h2, .text-48-px { font-size: 30px !important; line-height: 1.25; }
  h3 { font-size: 25px; }
  .tw-px-90-px { padding-inline: 20px !important; }
  .tw-p-15, .tw-p-12, .tw-p-10 { padding: 20px !important; }
  .tw-gap-74-px { gap: 24px !important; }
  input, select, textarea { min-width: 0; max-width: 100%; font-size: 16px !important; }
  .btn { max-width: 100%; white-space: normal; }
  .cursor, .dot, .view-cursor { display: none !important; }
  .creox-internal .about-two figure > img { height: 360px !important; }
  .creox-internal .header .logo img { width: 220px; max-width: 220px; height: 60px; }
  .creox-internal .header nav { gap: 8px; }
  .banner-two .container { order: -1; width: 100%; }
  .banner-two .banner-image-1, .banner-two .banner-image-2 { order: 1; width: 44% !important; margin: 24px 3% 0 !important; }
  .service-split { gap: 20px; }
  .about-two > .container .col-lg-6:first-child .position-absolute.bottom-0 { position: relative !important; margin: -32px 8px 0 !important; flex-wrap: wrap; gap: 16px !important; }
  .mobile-menu { max-width: 90vw; }
  .breadcrumb { padding-block: 48px; }
  .creox-internal p, .creox-internal a { overflow-wrap: anywhere; }
}