/* Digital Marketing page: section styles only.
   Shared components (menu, buttons, contact, form, footer) use style.css so this page matches the rest of the site. */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito&display=swap");

.bg-img-header {
  background-image: url("../img/bg-header.png");
  background-size: cover !important;
  background-position: 100% 100% !important;
  background-repeat: no-repeat;
  height: 73vh;
  display: flex;
  align-items: center;
}

.header h3 {
  color: #FC411D;
  font-size: 15px;
  font-family: "Nunito", sans-serif;
}

.header h1 {
  color: #ffffff;
  font-size: 52px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

.header p {
  color: #ffffff;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-bottom: 30px;
}

.what-we-do {
  padding-top: 100px;
  padding-bottom: 100px;
}

.what-we-do h3 {
  color: #FC411D;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.what-we-do h1 {
  color: #373755;
  font-size: 39px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}

.what-we-do h1 span {
  color: #FC411D;
}

.what-we-do p {
  color: #373755;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-bottom: 50px;
}

.what-we-do ul {
  padding-left: 20px;
  list-style-image: url("../img/Icon ionic-ios-checkmark-circle.svg");
}

.what-we-do li {
  color: #373755;
  font-size: 16px;
  line-height: 25px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
}

.our-offers {
  padding-bottom: 100px;
}

.our-offers.bg-circle-1 {
  background-image: url("../img/bg-circle-1-creative.png");
  background-size: contain !important;
  background-repeat: no-repeat;
}

.our-offers .mb-60 {
  margin-bottom: 60px;
}

.our-offers h3 {
  color: #FC411D;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.our-offers h1 {
  color: #373755;
  font-size: 39px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}

.our-offers p {
  color: #373755;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.our-agile-approach {
  padding-bottom: 150px;
}

.our-agile-approach.bg-circle-2 {
  background-image: url("../img/bg-circle-2-creative.png");
  background-size: contain !important;
  background-repeat: no-repeat;
}

.our-agile-approach .mb-60 {
  margin-bottom: 60px;
}

.our-agile-approach h3 {
  color: #FC411D;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.our-agile-approach h1 {
  color: #373755;
  font-size: 39px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}

.our-agile-approach h1 span {
  color: #FC411D;
}

.our-agile-approach p {
  color: #373755;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.our-agile-approach .card {
  border-radius: 24px;
  border-left: 7px solid #FC411D;
  box-shadow: 0px 10px 50px #0000001A;
}

.our-agile-approach .card.bg-blue {
  background: transparent linear-gradient(90deg, #0F0D17 0%, #373854 100%) 0% 0% no-repeat padding-box;
}

.our-agile-approach .card-body {
  padding: 3rem 2.5rem;
}

.our-agile-approach .card-body h5 {
  color: #FC411D;
  font-size: 39px;
  line-height: 50px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}

.our-agile-approach .card-body .text-white {
  color: #ffffff;
}

.our-agile-approach .card-body .mb-40 {
  margin-bottom: 40px;
}

.our-agile-approach hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

.our-agile-approach img {
  margin-left: 90%;
}

.who-we-work-for {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #F4F4F4;
}

.who-we-work-for h3 {
  color: #FC411D;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.who-we-work-for h1 {
  color: #373755;
  font-size: 39px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}

.who-we-work-for h1 span {
  color: #FC411D;
}

.who-we-work-for p {
  color: #373755;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.section1 {
  margin-top: 100px;
}

.section1 span {
  color: #FC411D;
}

.section1.bg-circle-2 {
  background-image: url("../img/bg-circle-2-creative.png");
  background-size: contain !important;
  background-repeat: no-repeat;
}

.section1 .box-blue {
  background: #0f0d17;
  background: linear-gradient(75deg, #0f0d17 0%, #373854 100%);
  border-radius: 10px;
  padding: 60px 60px 40px 60px;
}

.section1 .box-blue h3 {
  color: white;
  font-size: 20px;
  font-weight: 400;
}

.section1 .box-white {
  background-color: white;
  border-radius: 10px;
}

.section1 .box-white h1 {
  font-size: 24px;
  font-weight: 700;
}

.section1 .p-20 {
  padding: 20px;
}

.section1 .p-40 {
  padding: 40px;
}

.section1 .py-17 {
  padding-left: 17px;
  padding-right: 17px;
}

.section1 .fs-10 {
  font-size: 10px;
}

.section1 .text-blue {
  color: #373755;
}

@media (max-width: 703px) {
  .what-we-do .mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .our-offers .d-flex {
    display: block !important;
  }
  .our-agile-approach .mb-sm-70 {
    margin-bottom: 70px;
  }
}

/* Alignment fixes (Oct 2026) */
/* Agile cards: normal text flow, arrow centred on the bottom edge */
section.our-agile-approach .row > [class*="col"] > .card > .card-body { display: block; }
.our-agile-approach .card-body > .position-absolute { left: 0; right: 0; bottom: 0; text-align: center; transform: translateY(50%); z-index: 2; }
.our-agile-approach .card-body > .position-absolute img { margin: 0 !important; }
.our-agile-approach .row { padding-bottom: 50px; }

/* Hero rebuilt in layers (Oct 2026): full-height dark background, complete circular photo */
.dm-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 70vh;
  padding: 90px 0 100px;
  background: linear-gradient(100deg, #14121c 0%, #1c1a28 45%, #2b2b44 75%, #37385a 100%);
}
.dm-hero .container { position: relative; z-index: 1; }
.dm-hero p { max-width: 480px; }
.dm-hero-glow {
  position: absolute; top: -280px; left: -200px;
  width: 640px; height: 640px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.03);
}
.dm-hero-ring {
  position: absolute; top: -118px; left: 56%;
  width: 208px; height: 208px; border-radius: 50%;
  border: 32px solid #FC411D;
}
.dm-hero-visual {
  position: relative;
  width: min(100%, 440px);
  aspect-ratio: 1 / 1;
  margin: 40px 40px 40px auto;
}
.dm-hero-halo {
  position: absolute; inset: -13%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
}
.dm-hero-photo {
  position: relative;
  display: block;
  width: 100%; height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.dm-hero-arrow {
  position: absolute; left: -30px; top: 56%;
  width: 62px; height: 62px; border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.22);
  display: flex; align-items: center; justify-content: center;
}
@media (max-width: 1199.98px) {
  .dm-hero-visual { margin-right: 20px; }
  .dm-hero-arrow { left: 4px; }
}
@media (max-width: 767.98px) {
  .dm-hero { min-height: auto; padding: 70px 0 80px; }
  .dm-hero-ring { left: auto; right: -60px; }
}