.elementor-1380 .elementor-element.elementor-element-c0a1d2c{--display:flex;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1380 .elementor-element.elementor-element-3fea546 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1380 .elementor-element.elementor-element-c746d82{--display:flex;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1380 .elementor-element.elementor-element-6930d9f > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-1380 .elementor-element.elementor-element-6930d9f .elementor-heading-title{color:#7A7A7A;}.elementor-1380 .elementor-element.elementor-element-1220f5d{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1380 .elementor-element.elementor-element-9f2f363{--display:flex;}.elementor-1380 .elementor-element.elementor-element-9e8a23f{--display:flex;}.elementor-1380 .elementor-element.elementor-element-5440b63{--display:flex;}.elementor-1380 .elementor-element.elementor-element-b435b66{--display:flex;}.elementor-1380 .elementor-element.elementor-element-58b60fc{--display:flex;}.elementor-1380 .elementor-element.elementor-element-55ac04f{--display:flex;}.elementor-1380 .elementor-element.elementor-element-0623fd6{--display:flex;}.elementor-1380 .elementor-element.elementor-element-4a1c2a0{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#000000;--n-accordion-icon-size:15px;}.elementor-1380 .elementor-element.elementor-element-4a1c2a0 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#182F49;}.elementor-1380 .elementor-element.elementor-element-4a1c2a0 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#D6EEF6;}.elementor-1380 .elementor-element.elementor-element-e9eae65{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-1380 .elementor-element.elementor-element-e9eae65:not(.elementor-motion-effects-element-type-background), .elementor-1380 .elementor-element.elementor-element-e9eae65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FBFF;}/* Start custom CSS for html, class: .elementor-element-3fea546 */:root {
  --primary: #182f49;
  --secondary: #0FBF61;
  --dark: #222;
  --light: #f5f7fa;
  --radius: 12px;
}

.bds-srv-container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}

section {
  padding: 80px 0;
}

section.bds-srv-bds-commercial-service {
  padding: 0;
}

.bds-commercial-service h1 {
  font-size: 48px;
  margin-bottom: 20px;
}

.bds-commercial-service h2 {
  font-size: 36px;
  margin-bottom: 40px;
  text-align: center;
}

.bds-commercial-service p {
  font-size: 17px;
}

.bds-srv-hero {
  background: linear-gradient(rgb(0 0 0 / 17%), rgb(0 0 0 / 52%)), url(https://bluedotuae.com/wp-content/uploads/2026/06/banner-commercial.png) !important;
  padding: 120px 0;
  color: #fff;
}

.bds-srv-tagline {
  display: inline-block;
  padding: 8px 18px;
  background: #EAF4FF;
  border-radius: 30px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #0a58ca;
}

.bds-srv-hero-buttons {
  margin-top: 40px;
}

.bds-srv-btn-primary {
  background: var(--primary);
  color: white;
  padding: 15px 30px;
  text-decoration: none;
  border-radius: 10px;
  margin-right: 15px;
  display: inline-block;
}

.bds-srv-btn-secondary {
  border: 2px solid #ffffff;
  padding: 15px 30px;
  border-radius: 10px;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  margin-top: 10px;
}

a.bds-srv-btn-primary:hover, a.bds-srv-btn-secondary:hover {
  background: #ffffff;
}

section.bds-srv-why {
  background: #f8fbff;
}

.bds-srv-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
}

.bds-srv-card {
  background: white;
  padding: 35px;
  border-radius: var(--radius);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
  transition: .3s;
}

.bds-srv-card:hover {
  transform: translateY(-8px);
}

section.bds-srv-why h2 {
  margin-bottom: 30px;
}

.bds-srv-card h3 {
  font-size: 22px;
  font-weight: 600;
}

section.cta_sec {
  background: url(https://bluedotuae.com/wp-content/uploads/2026/02/20231102_161041-scaled.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: #fff;
}

.bds-srv-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
}

.bds-srv-feature {
  background: #F7F9FC;
  padding: 30px;
  border-left: 4px solid var(--primary);
}

.bds-srv-feature h3 {
  font-size: 22px;
}

.bds-srv-industry-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.bds-srv-industry-grid div {
  background: white;
  padding: 25px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
  border-radius: 10px;
  font-weight: bold;
}

section.bds-srv-benefits {
  background: #F7F9FC;
}

.bds-srv-benefit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
}

.bds-srv-benefit-card {
  background: white;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
  border-radius: 10px;
}

.bds-srv-benefit-card ul {
  padding-left: 18px;
}

.bds-srv-benefit-card h3 {
  font-size: 22px;
}

.bds-srv-step h3 {
  font-size: 22px;
}

.bds-srv-timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.bds-srv-step {
  text-align: center;
  padding: 30px;
  background: white;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
  border-radius: 12px;
}

.bds-srv-step span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  background: var(--primary);
  color: white;
  border-radius: 50%;
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: bold;
}

@media(max-width:768px) {
  .bds-commercial-service h1 {
    font-size: 34px;
  }
  .bds-srv-timeline {
    grid-template-columns: repeat(2, 1fr);
  }
  .bds-srv-industry-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:550px) {
  .bds-srv-timeline {
    grid-template-columns: repeat(1, 1fr);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ca95cd */.cta-below-btn-primary {
            background: #182f49;
            color: white;
            padding: 15px 30px;
            text-decoration: none;
            border-radius: 10px;
            margin-right: 15px;
            display: inline-block;
            border: 2px solid #ffffff;
        }

        .cta-below-btn-secondary {
            background: #182f49;
            border: 2px solid #ffffff;
            padding: 15px 30px;
            border-radius: 10px;
            text-decoration: none;
            color: #fff;
            display: inline-block;
            margin-top: 10px;
        }

        a.cta-below-btn-primary:hover,
        a.cta-below-btn-secondary:hover {
            background: #ffffff;
            border: 2px solid #182f49;
        }/* End custom CSS */