@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#101c3b;background:#ffffff;font-family:'Manrope',sans-serif;font-size:16px;overflow-x:hidden}
a{text-decoration:none}
.dickinson-topbar{padding:.5rem 0;background:#101c3b;color:#ffffff;font-size:.82rem;font-weight:600}
.dickinson-topbar a{color:#ffffff}
.dickinson-topbar i{margin-right:.35rem;color:#ff5a00}
.dickinson-header{z-index:1030;background:#ffffff;box-shadow:0 4px 18px rgba(16,28,59,.08)}
.dickinson-nav-wrap{max-width:1536px;margin:auto;padding:0 0 0 2.5rem}
.dickinson-brand{position:relative;width:245px;margin-right:2.5rem;overflow:visible}
.dickinson-brand img{display:block;width:232px;height:78px;object-fit:contain;transition:transform .35s ease}
.dickinson-brand:hover img{transform:scale(1.025)}
.dickinson-logo-gear{position:absolute;left:59px;top:20px;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;color:#ff5a00;background:#ffffff;font-size:20px;line-height:1;pointer-events:none}
.dickinson-logo-gear i{display:block;animation:dickinsonLogoGearSpin 5s linear infinite}
.dickinson-header .nav-link{padding:2.15rem .85rem!important;color:#101c3b!important;font-size:.91rem;font-weight:700;white-space:nowrap}
.dickinson-header .nav-link:hover,.dickinson-header .nav-link.active{color:#ff5a00!important}
.dickinson-header .dropdown-toggle::after{display:none}
.dickinson-mega-menu{width:520px;padding:1rem;grid-template-columns:1fr 1fr;border:0;border-top:3px solid #ff5a00;border-radius:0;box-shadow:0 18px 45px rgba(16,28,59,.18)}
.dickinson-header .dropdown:hover .dickinson-mega-menu{display:grid}
.dickinson-mega-menu .dropdown-item{padding:.7rem .8rem;color:#101c3b;font-weight:600}
.dickinson-mega-menu .dropdown-item:hover{color:#ff5a00;background:#fff4ee}
.dickinson-mega-menu i{width:1.5rem;color:#ff5a00}
.dickinson-social{align-items:center;gap:1rem;padding:10px 1.4rem;background:#ff5a00}
.dickinson-social a{color:#ffffff}
.dickinson-quote-btn{align-self:center;margin:0 1.3rem;padding:1rem 1.25rem;border-radius:.25rem;background:#ffffff;color:#e54f00;font-size:.78rem;font-weight:800;text-transform:uppercase;box-shadow:0 6px 24px rgba(16,28,59,.14)}
.dickinson-quote-btn:hover{background:#101c3b;color:#ffffff}
.dickinson-hero{position:relative;padding:0 10.5% 0 0;background:#fff8f4}
.dickinson-orange-panel{position:absolute;inset:0 0 0 auto;width:27%;overflow:hidden;background:#ff5a00}
.dickinson-orange-panel::after{position:absolute;inset:0;content:"";background-image:radial-gradient(rgba(255,255,255,.28) 1.5px,transparent 1.5px);background-size:38px 38px;animation:dickinsonDots 18s linear infinite}
.dickinson-bg-gear{position:absolute;z-index:1;color:rgba(255,255,255,.16);line-height:1;animation:dickinsonSpin 16s linear infinite}
.dickinson-bg-gear-one{right:-4rem;top:27%;font-size:17rem}
.dickinson-bg-gear-two{right:16%;bottom:-3rem;font-size:8rem;animation-direction:reverse}
.dickinson-bg-spring{position:absolute;z-index:1;right:14%;top:12%;width:170px;height:36px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 8px,transparent 8px 15px);clip-path:polygon(0 42%,5% 10%,10% 90%,15% 10%,20% 90%,25% 10%,30% 90%,35% 10%,40% 90%,45% 10%,50% 90%,55% 10%,60% 90%,65% 10%,70% 90%,75% 10%,80% 90%,85% 10%,90% 90%,95% 10%,100% 42%,100% 58%,95% 28%,90% 100%,85% 28%,80% 100%,75% 28%,70% 100%,65% 28%,60% 100%,55% 28%,50% 100%,45% 28%,40% 100%,35% 28%,30% 100%,25% 28%,20% 100%,15% 28%,10% 100%,5% 28%,0 58%);animation:dickinsonSpring 3.5s ease-in-out infinite}
.dickinson-hero-frame{position:relative;z-index:2;padding-top:50px}
.dickinson-hero-slide{height:750px;background:#1b1d21}
.dickinson-hero-image{height:100%;object-fit:cover;object-position:center}
.dickinson-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,31,.92) 0%,rgba(10,18,31,.7) 42%,rgba(10,18,31,.1) 76%)}
.dickinson-hero-content{position:absolute;top:50%;left:19.5%;width:min(650px,55%);padding:2.4rem;transform:translateY(-50%);color:#ffffff;background:rgba(255,255,255,.08);backdrop-filter:blur(3px);animation:dickinsonContentIn .9s ease both}
.dickinson-eyebrow{margin-bottom:1rem;font-weight:700}
.dickinson-eyebrow i{margin-right:.5rem;color:#ff5a00}
.dickinson-hero h1,.dickinson-hero h2{margin:0 0 1.2rem;font-size:clamp(2.7rem,4.6vw,5rem);font-weight:800;line-height:1.05;letter-spacing:-.045em}
.dickinson-hero-content>p:not(.dickinson-eyebrow){max-width:650px;margin-bottom:2rem;color:#f0f2f6;line-height:1.75}
.dickinson-primary-btn{padding:1rem 1.5rem;border-radius:.25rem;background:#ff5a00;color:#ffffff;font-weight:800;text-transform:uppercase}
.dickinson-primary-btn:hover{background:#ffffff;color:#ff5a00}
.dickinson-primary-btn i{margin-left:.6rem}
.dickinson-indicators{right:auto;bottom:auto;left:6.3%;top:50%;display:flex;flex-direction:column;gap:.6rem;margin:0;transform:translateY(-50%)}
.dickinson-indicators::before,.dickinson-indicators::after{width:1px;height:76px;margin-left:15px;content:"";background:#ffffff}
.dickinson-indicators [data-bs-target]{width:30px;height:30px;margin:0;border:0;border-radius:50%;color:#101c3b;background:#ffffff;text-indent:0;opacity:1}
.dickinson-indicators .active{color:#ffffff;background:#ff5a00}
.dickinson-hero-strip{position:relative;z-index:3;background:#fff8f4}
.dickinson-hero-strip a{display:flex;align-items:center;gap:1rem;padding:1.6rem 3vw;color:#6a6e78;font-size:clamp(1.05rem,1.5vw,1.6rem);font-weight:600}
.dickinson-hero-strip i{color:#ff5a00}
.dickinson-services h2,.dickinson-brands h2{font-size:clamp(2rem,3vw,3.5rem);font-weight:800;letter-spacing:-.035em}
.dickinson-section-label{margin-bottom:.65rem;color:#ff5a00;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.dickinson-service-card{display:block;height:100%;padding:2rem;border:1px solid #e4e7ed;color:#101c3b;background:#ffffff;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.dickinson-service-card>i{display:grid;width:62px;height:62px;margin-bottom:1.5rem;place-items:center;border-radius:50%;color:#ffffff;background:#ff5a00;font-size:1.7rem}
.dickinson-service-card h3{font-size:1.35rem;font-weight:800}
.dickinson-service-card p{color:#626979;line-height:1.7}
.dickinson-service-card span{color:#ff5a00;font-size:.85rem;font-weight:800;text-transform:uppercase}
.dickinson-service-card:hover{border-color:#ff5a00;transform:translateY(-8px);box-shadow:0 18px 35px rgba(16,28,59,.12)}
.dickinson-brands{overflow:hidden;background:#f5f6f8}
.dickinson-marquee{display:flex;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.dickinson-marquee-track{display:flex;width:max-content;gap:1.25rem;animation:dickinsonMarquee 26s linear infinite}
.dickinson-marquee:hover .dickinson-marquee-track{animation-play-state:paused}
.dickinson-brand-logo{display:flex;min-width:220px;align-items:center;gap:1rem;padding:1.1rem 1.4rem;border:1px solid #e3e6ec;background:#ffffff;font-size:1rem;font-weight:800}
.dickinson-brand-logo img{width:54px;height:54px;object-fit:contain}
.dickinson-call-float{position:fixed;z-index:1040;left:1.25rem;bottom:1.25rem;display:grid;width:58px;height:58px;place-items:center;border-radius:50%;color:#ffffff;background:#ff5a00;font-size:1.35rem;box-shadow:0 10px 30px rgba(229,79,0,.35);animation:dickinsonPulse 2s infinite}
.dickinson-call-float:hover{color:#ffffff;background:#101c3b}
@keyframes dickinsonLogoGearSpin{to{transform:rotate(360deg)}}
@keyframes dickinsonSpin{to{transform:rotate(360deg)}}
@keyframes dickinsonDots{to{background-position:38px 38px}}
@keyframes dickinsonSpring{0%,100%{transform:scaleX(.9)}50%{transform:scaleX(1.12)}}
@keyframes dickinsonContentIn{from{opacity:0;transform:translate(-25px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
@keyframes dickinsonMarquee{to{transform:translateX(calc(-50% - .625rem))}}
@keyframes dickinsonPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,90,0,.45)}50%{box-shadow:0 0 0 14px rgba(255,90,0,0)}}
@media (max-width:1199.98px){.dickinson-nav-wrap{padding:.4rem 1.25rem}.dickinson-brand{margin-right:0}.dickinson-header .nav-link{padding:.65rem 0!important}.dickinson-mega-menu{width:100%;grid-template-columns:1fr 1fr;box-shadow:none}.dickinson-social{padding:.8rem 0;background:transparent}.dickinson-quote-btn{display:inline-block;margin:.8rem 0}.dickinson-hero{padding-right:5%}.dickinson-orange-panel{width:25%}.dickinson-hero-slide{height:690px}.dickinson-hero-content{left:17%;width:62%}}
@media (max-width:767.98px){.dickinson-topbar .container{justify-content:center!important;text-align:center}.dickinson-brand{width:205px}.dickinson-brand img{width:195px;height:66px}.dickinson-logo-gear{left:49px;top:13px;width:27px;height:27px;font-size:24px}.dickinson-mega-menu{grid-template-columns:1fr}.dickinson-hero{padding:0}.dickinson-orange-panel{display:none}.dickinson-hero-slide{height:690px}.dickinson-hero-image{object-position:66% center}.dickinson-hero-shade{background:rgba(10,18,31,.73)}.dickinson-hero-content{left:1rem;right:1rem;width:auto;padding:1.5rem}.dickinson-hero-content>p:not(.dickinson-eyebrow){font-size:.94rem;line-height:1.55}.dickinson-indicators{left:auto;right:1rem;top:auto;bottom:1.5rem;flex-direction:row;transform:none}.dickinson-indicators::before,.dickinson-indicators::after{display:none}.dickinson-hero-strip a{padding:1rem 1.25rem;border-bottom:1px solid #e9e3df}.dickinson-service-card{padding:1.5rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dickinson-logo-gear i,.dickinson-bg-gear,.dickinson-bg-spring,.dickinson-orange-panel::after,.dickinson-hero-content,.dickinson-marquee-track,.dickinson-call-float{animation:none!important}}
/*section1*/
.dickinson-tension-section {
  position: relative;
  overflow: hidden;
  padding: 110px 0;
  color: #101c3b;
  background: #ffffff;
}

.dickinson-tension-visual {
  position: relative;
  min-height: 610px;
}

.dickinson-before-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 66%;
  height: 535px;
  overflow: hidden;
  border-radius: 34px 34px 34px 0;
  box-shadow: 0 18px 45px rgba(16, 28, 59, 0.14);
}

.dickinson-after-image {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 56%;
  height: 480px;
  overflow: hidden;
  border: 12px solid #ffffff;
  border-radius: 100px 30px 30px 100px;
  box-shadow: 0 18px 45px rgba(16, 28, 59, 0.18);
}

.dickinson-before-image img,
.dickinson-after-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dickinson-before-image figcaption,
.dickinson-after-image figcaption {
  position: absolute;
  bottom: 18px;
  left: 18px;
  padding: 8px 14px;
  border-radius: 3px;
  color: #ffffff;
  background: #ff5a00;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.dickinson-dot-pattern {
  position: absolute;
  top: -8px;
  right: 5%;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(5, 14px);
  gap: 18px;
  width: 142px;
}

.dickinson-dot-pattern span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff5a00;
  opacity: 0;
  animation: dickinsonDotSequence 3s ease-in-out infinite;
}

.dickinson-dot-pattern span:nth-child(2n) {
  width: 12px;
  height: 12px;
}

.dickinson-dot-pattern span:nth-child(3n) {
  width: 17px;
  height: 17px;
}

.dickinson-dot-pattern span:nth-child(1) { animation-delay: 0s; }
.dickinson-dot-pattern span:nth-child(2) { animation-delay: 0.12s; }
.dickinson-dot-pattern span:nth-child(3) { animation-delay: 0.24s; }
.dickinson-dot-pattern span:nth-child(4) { animation-delay: 0.36s; }
.dickinson-dot-pattern span:nth-child(5) { animation-delay: 0.48s; }
.dickinson-dot-pattern span:nth-child(6) { animation-delay: 0.60s; }
.dickinson-dot-pattern span:nth-child(7) { animation-delay: 0.72s; }
.dickinson-dot-pattern span:nth-child(8) { animation-delay: 0.84s; }
.dickinson-dot-pattern span:nth-child(9) { animation-delay: 0.96s; }
.dickinson-dot-pattern span:nth-child(10) { animation-delay: 1.08s; }
.dickinson-dot-pattern span:nth-child(11) { animation-delay: 1.20s; }
.dickinson-dot-pattern span:nth-child(12) { animation-delay: 1.32s; }
.dickinson-dot-pattern span:nth-child(13) { animation-delay: 1.44s; }
.dickinson-dot-pattern span:nth-child(14) { animation-delay: 1.56s; }
.dickinson-dot-pattern span:nth-child(15) { animation-delay: 1.68s; }

.dickinson-tension-content {
  padding-left: 32px;
}

.dickinson-tension-label {
  margin-bottom: 16px;
  color: #ff5a00;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.dickinson-tension-label i {
  margin-right: 8px;
}

.dickinson-tension-content h2 {
  max-width: 650px;
  margin-bottom: 24px;
  color: #101c3b;
  font-size: clamp(2.2rem, 4vw, 3.65rem);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: -0.04em;
}

.dickinson-tension-description {
  margin-bottom: 14px;
  color: #747b8e;
  font-size: 16px;
  line-height: 1.75;
}

.dickinson-tension-details {
  margin-top: 10px;
  padding: 20px 0;
  border-bottom: 1px solid #e7e9ee;
}

.dickinson-service-list {
  display: grid;
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dickinson-service-list li {
  color: #73798a;
  font-weight: 700;
}

.dickinson-service-list i {
  margin-right: 10px;
  color: #ff5a00;
  font-size: 8px;
  vertical-align: 2px;
}

.dickinson-experience {
  display: flex;
  min-height: 155px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-left: 1px solid #e7e9ee;
}

.dickinson-experience strong {
  color: #ff5a00;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.dickinson-experience sup {
  font-size: 1.6rem;
}
sup{top:0px !important}
.dickinson-experience span {
  color: #101c3b;
  font-weight: 800;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.dickinson-tension-actions {
  display: flex;
  align-items: center;
  gap: 34px;
  padding-top: 28px;
}

.dickinson-tension-button {
  padding: 16px 28px;
  border: 1px solid #ff5a00;
  border-radius: 3px;
  color: #ffffff;
  background: #ff5a00;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.dickinson-tension-button:hover {
  color: #ffffff;
  border-color: #101c3b;
  background: #101c3b;
}

.dickinson-tension-button i {
  margin-left: 10px;
}

.dickinson-call-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dickinson-call-info > span {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 2px solid #ff5a00;
  border-radius: 50%;
  color: #ff5a00;
  font-size: 20px;
}

.dickinson-call-info strong,
.dickinson-call-info a {
  display: block;
}

.dickinson-call-info strong {
  color: #101c3b;
  font-size: 15px;
}

.dickinson-call-info a {
  margin-top: 4px;
  color: #747b8e;
}

@keyframes dickinsonDotSequence {
  0%,
  70%,
  100% {
    opacity: 0;
    transform: scale(0.45);
  }

  20%,
  48% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 991.98px) {
  .dickinson-tension-section {
    padding: 80px 0;
  }

  .dickinson-tension-content {
    padding-left: 0;
  }
}

@media (max-width: 575.98px) {
  .dickinson-tension-visual {
    min-height: 500px;
  }

  .dickinson-before-image {
    width: 82%;
    height: 420px;
  }

  .dickinson-after-image {
    width: 66%;
    height: 340px;
    border-width: 8px;
    border-radius: 70px 24px 24px 70px;
  }

  .dickinson-dot-pattern {
    right: 0;
    grid-template-columns: repeat(4, 12px);
    gap: 12px;
    transform: scale(0.8);
    transform-origin: top right;
  }

  .dickinson-tension-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dickinson-dot-pattern span {
    opacity: 1;
    animation: none;
  }
}

/*section1*/
/*call*/
.dickinson-contact-cta {
  position: relative;
  min-height: 325px;
  overflow: hidden;
  display: flex;
  align-items: center;
  color: #ffffff;
  background: linear-gradient(100deg, #ff5a00 0%, #e94e00 58%, #b73500 78%);
}

.dickinson-contact-cta .container {
  z-index: 3;
}

.dickinson-contact-copy {
  max-width: 590px;
}

.dickinson-contact-label {
  margin-bottom: 14px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
}

.dickinson-contact-label i {
  margin-right: 8px;
}

.dickinson-contact-copy h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2.1rem, 3.5vw, 3.65rem);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -0.04em;
}

.dickinson-contact-button {
  position: relative;
  z-index: 5;
  min-width: 200px;
  padding: 17px 24px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  color: #d74400;
  background: #ffffff;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  box-shadow: 0 10px 30px rgba(80, 20, 0, 0.14);
}

.dickinson-contact-button:hover {
  color: #ffffff;
  border-color: #101c3b;
  background: #101c3b;
}

.dickinson-contact-button i {
  margin-left: 9px;
}

.dickinson-contact-photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 29%;
  overflow: hidden;
  clip-path: polygon(22% 0, 100% 0, 100% 100%, 22% 100%, 0 72%, 16% 50%, 0 28%);
}

.dickinson-contact-photo::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(182, 53, 0, 0.25), transparent 40%);
}

.dickinson-contact-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 83% center;
  transform: scale(1.12);
  transition: transform 0.6s ease;
}

.dickinson-contact-cta:hover .dickinson-contact-photo img {
  transform: scale(1.17);
}

.dickinson-contact-badge {
  position: absolute;
  top: 50%;
  right: calc(29% - 42px);
  z-index: 4;
  display: grid;
  width: 108px;
  height: 108px;
  place-items: center;
  border: 10px solid #a93400;
  border-radius: 50%;
  color: #ff5a00;
  background: #ffffff;
  font-size: 50px;
  transform: translateY(-50%);
  box-shadow: 0 8px 22px rgba(77, 20, 0, 0.18);
}

.dickinson-contact-badge i {
  display: block;
  animation: dickinsonBadgePulse 2.6s ease-in-out infinite;
}

.dickinson-contact-effects {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.dickinson-contact-dots {
  position: absolute;
  top: 24px;
  left: 2%;
  width: 470px;
  height: 250px;
  opacity: 0.2;
  background-image: radial-gradient(#ffffff 2px, transparent 2px);
  background-size: 37px 37px;
  animation: dickinsonContactDots 12s linear infinite;
}

.dickinson-contact-star {
  position: absolute;
  width: 82px;
  height: 82px;
  opacity: 0.22;
  animation: dickinsonContactSpark 4.2s ease-in-out infinite;
}

.dickinson-contact-star::before,
.dickinson-contact-star::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: #ffffff;
}

.dickinson-contact-star::after {
  transform: rotate(90deg);
}

.dickinson-contact-star-one {
  top: -3px;
  left: 7%;
}

.dickinson-contact-star-two {
  bottom: -20px;
  left: -14px;
  animation-delay: 1.2s;
}

.dickinson-contact-star-three {
  top: 85px;
  left: 19%;
  width: 42px;
  height: 42px;
  animation-delay: 2.1s;
}

@keyframes dickinsonContactDots {
  to {
    background-position: 37px 37px;
  }
}

@keyframes dickinsonContactSpark {
  0%,
  100% {
    opacity: 0.08;
    transform: rotate(0deg) scale(0.7);
  }

  50% {
    opacity: 0.32;
    transform: rotate(45deg) scale(1);
  }
}

@keyframes dickinsonBadgePulse {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

@media (max-width: 1199.98px) {
  .dickinson-contact-photo {
    width: 26%;
  }

  .dickinson-contact-badge {
    right: calc(26% - 40px);
  }
}

@media (max-width: 991.98px) {
  .dickinson-contact-cta {
    min-height: 520px;
    align-items: flex-start;
    padding: 65px 0 255px;
  }

  .dickinson-contact-button {
    margin-top: 26px;
  }

  .dickinson-contact-photo {
    top: auto;
    left: 0;
    width: 100%;
    height: 225px;
    clip-path: polygon(0 16%, 46% 16%, 52% 0, 58% 16%, 100% 16%, 100% 100%, 0 100%);
  }

  .dickinson-contact-photo img {
    object-position: 75% 40%;
  }

  .dickinson-contact-badge {
    top: auto;
    right: 8%;
    bottom: 170px;
    width: 92px;
    height: 92px;
    border-width: 8px;
    font-size: 42px;
    transform: none;
  }
}

@media (max-width: 575.98px) {
  .dickinson-contact-cta {
    padding-top: 50px;
  }

  .dickinson-contact-copy h2 {
    font-size: 2.15rem;
  }

  .dickinson-contact-dots {
    width: 300px;
  }

  .dickinson-contact-badge {
    right: 5%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dickinson-contact-badge i,
  .dickinson-contact-dots,
  .dickinson-contact-star {
    animation: none;
  }

  .dickinson-contact-photo img {
    transition: none;
  }
}
/*call*/
/*section3*/
.dickinson-panel-section {
    position: relative;
    padding: 110px 0;
    background-color: #ffffff;
}

.dickinson-panel-visual {
    position: relative;
    min-height: 640px;
    padding: 35px 55px 35px 0;
}

.dickinson-panel-visual::before {
    position: absolute;
    top: 0;
    left: 40px;
    width: 78%;
    height: 100%;
    border-radius: 8px;
    background-color: #f36f21;
    content: "";
    transform: rotate(-3deg);
}

.dickinson-panel-visual::after {
    position: absolute;
    right: 10px;
    bottom: 35px;
    width: 150px;
    height: 150px;
    border: 18px solid rgba(243, 111, 33, 0.14);
    border-radius: 50%;
    content: "";
    animation: dickinson-panel-circle 4s ease-in-out infinite;
}

.dickinson-panel-image {
    position: relative;
    z-index: 2;
    height: 570px;
    overflow: hidden;
    border: 12px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 25px 55px rgba(14, 36, 50, 0.2);
}

.dickinson-panel-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dickinson-panel-experience {
    position: absolute;
    z-index: 4;
    top: 75px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 190px;
    padding: 18px;
    color: #ffffff;
    background-color: #102b3a;
    box-shadow: 0 15px 30px rgba(16, 43, 58, 0.24);
}

.dickinson-panel-experience i {
    color: #f36f21;
    font-size: 36px;
}

.dickinson-panel-experience strong {
    display: block;
    font-size: 30px;
    line-height: 1;
}

.dickinson-panel-experience span {
    display: block;
    margin-top: 5px;
    font-size: 13px;
}

.dickinson-panel-status {
    position: absolute;
    z-index: 4;
    right: 20px;
    bottom: 5px;
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 245px;
    padding: 18px 20px;
    background-color: #ffffff;
    box-shadow: 0 16px 35px rgba(14, 36, 50, 0.18);
}

.dickinson-panel-status i {
    display: grid;
    width: 50px;
    height: 50px;
    color: #ffffff;
    background-color: #f36f21;
    border-radius: 50%;
    font-size: 23px;
    place-items: center;
}

.dickinson-panel-status strong,
.dickinson-panel-status span {
    display: block;
}

.dickinson-panel-status strong {
    color: #102b3a;
    font-size: 17px;
}

.dickinson-panel-status span {
    color: #6f777c;
    font-size: 12px;
}

.dickinson-panel-dot {
    position: absolute;
    z-index: 3;
    width: 11px;
    height: 11px;
    background-color: #ffffff;
    border-radius: 50%;
    opacity: 0;
    animation: dickinson-panel-dots 2.5s infinite;
}

.dickinson-panel-dot.dot-one {
    top: 20px;
    left: 20px;
}

.dickinson-panel-dot.dot-two {
    top: 40px;
    left: 42px;
    animation-delay: 0.25s;
}

.dickinson-panel-dot.dot-three {
    top: 20px;
    left: 64px;
    animation-delay: 0.5s;
}

.dickinson-panel-dot.dot-four {
    top: 40px;
    left: 86px;
    animation-delay: 0.75s;
}

.dickinson-panel-dot.dot-five {
    top: 20px;
    left: 108px;
    animation-delay: 1s;
}

.dickinson-panel-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #f36f21;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.dickinson-panel-subtitle i {
    font-size: 21px;
    animation: dickinson-panel-gear 6s linear infinite;
}

.dickinson-panel-content h2 {
    margin-bottom: 23px;
    color: #102b3a;
    font-size: clamp(34px, 4vw, 55px);
    font-weight: 800;
    line-height: 1.08;
}

.dickinson-panel-content h2 span {
    color: #f36f21;
}

.dickinson-panel-content p {
    margin-bottom: 15px;
    color: #626d73;
    font-size: 16px;
    line-height: 1.8;
}

.dickinson-panel-services {
    margin-top: 25px;
}

.dickinson-panel-service {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #102b3a;
    font-size: 15px;
    font-weight: 700;
}

.dickinson-panel-service i {
    color: #f36f21;
    font-size: 18px;
}

.dickinson-panel-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 17px 25px;
    color: #ffffff;
    background-color: #f36f21;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.dickinson-panel-button:hover {
    color: #ffffff;
    background-color: #102b3a;
    transform: translateY(-3px);
}

.dickinson-panel-phone {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #102b3a;
    font-weight: 800;
    text-decoration: none;
}

.dickinson-panel-phone > i {
    display: grid;
    width: 52px;
    height: 52px;
    color: #ffffff;
    background-color: #102b3a;
    border-radius: 50%;
    place-items: center;
}

.dickinson-panel-phone span,
.dickinson-panel-phone small {
    display: block;
}

.dickinson-panel-phone small {
    margin-bottom: 2px;
    color: #7a8388;
    font-size: 11px;
    font-weight: 600;
}

.dickinson-panel-phone:hover {
    color: #f36f21;
}

@keyframes dickinson-panel-gear {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes dickinson-panel-dots {
    0%,
    100% {
        opacity: 0;
        transform: scale(0.4);
    }

    45%,
    65% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes dickinson-panel-circle {
    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-18px) rotate(25deg);
    }
}

@media (max-width: 991.98px) {
    .dickinson-panel-section {
        padding: 80px 0;
    }

    .dickinson-panel-visual {
        max-width: 650px;
        margin: auto;
    }
}

@media (max-width: 575.98px) {
    .dickinson-panel-section {
        padding: 65px 0;
    }

    .dickinson-panel-visual {
        min-height: 500px;
        padding: 20px 20px 50px 0;
    }

    .dickinson-panel-visual::before {
        left: 20px;
        width: 85%;
    }

    .dickinson-panel-image {
        height: 440px;
        border-width: 7px;
    }

    .dickinson-panel-experience {
        top: 45px;
        right: 0;
        max-width: 160px;
        padding: 13px;
    }

    .dickinson-panel-experience i {
        font-size: 27px;
    }

    .dickinson-panel-experience strong {
        font-size: 24px;
    }

    .dickinson-panel-status {
        right: 5px;
        min-width: 220px;
    }

    .dickinson-panel-content h2 {
        font-size: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dickinson-panel-dot,
    .dickinson-panel-subtitle i,
    .dickinson-panel-visual::after {
        animation: none;
    }
}
/*section3*/
/*section4*/
.dickinson-maintenance-section {
    position: relative;
    padding: 110px 0;
    background-color: #ffffff;
}

.dickinson-section-label,
.dickinson-overhaul-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #f36f21;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.dickinson-section-label i {
    font-size: 21px;
    animation: dickinson-gear-rotation 6s linear infinite;
}

.dickinson-maintenance-content h2,
.dickinson-overhaul-content h2 {
    margin-bottom: 24px;
    color: #102b3a;
    font-size: clamp(35px, 4vw, 55px);
    font-weight: 800;
    line-height: 1.08;
}

.dickinson-maintenance-content h2 span,
.dickinson-overhaul-content h2 span {
    color: #f36f21;
}

.dickinson-maintenance-content p,
.dickinson-overhaul-content p {
    margin-bottom: 15px;
    color: #647077;
    font-size: 16px;
    line-height: 1.8;
}

.dickinson-maintenance-list {
    margin-top: 26px;
}

.dickinson-maintenance-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #102b3a;
    font-weight: 700;
}

.dickinson-maintenance-item i {
    color: #f36f21;
}

.dickinson-maintenance-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    margin-top: 35px;
}

.dickinson-orange-button,
.dickinson-light-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 17px 25px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.dickinson-orange-button {
    color: #ffffff;
    background-color: #f36f21;
}

.dickinson-orange-button:hover {
    color: #ffffff;
    background-color: #102b3a;
    transform: translateY(-3px);
}

.dickinson-inline-phone {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #102b3a;
    font-weight: 800;
    text-decoration: none;
}

.dickinson-inline-phone > i {
    display: grid;
    width: 50px;
    height: 50px;
    color: #ffffff;
    background-color: #102b3a;
    border-radius: 50%;
    place-items: center;
}

.dickinson-inline-phone small,
.dickinson-inline-phone span {
    display: block;
}

.dickinson-inline-phone small {
    margin-bottom: 2px;
    color: #778086;
    font-size: 11px;
    font-weight: 600;
}

.dickinson-maintenance-visual {
    position: relative;
    min-height: 630px;
    padding: 35px 0 45px 55px;
}

.dickinson-maintenance-shape {
    position: absolute;
    top: 0;
    right: 45px;
    width: 80%;
    height: 100%;
    background-color: #f36f21;
    transform: rotate(4deg);
}

.dickinson-maintenance-visual > img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 560px;
    border: 12px solid #ffffff;
    object-fit: cover;
    box-shadow: 0 25px 55px rgba(16, 43, 58, 0.2);
}

.dickinson-maintenance-card {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 10px;
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 285px;
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0 18px 40px rgba(16, 43, 58, 0.18);
}

.dickinson-maintenance-card i {
    display: grid;
    width: 54px;
    height: 54px;
    color: #ffffff;
    background-color: #f36f21;
    border-radius: 50%;
    font-size: 25px;
    place-items: center;
}

.dickinson-maintenance-card strong,
.dickinson-maintenance-card span {
    display: block;
}

.dickinson-maintenance-card strong {
    color: #102b3a;
}

.dickinson-maintenance-card span {
    color: #747e83;
    font-size: 12px;
}

.dickinson-rotating-gear {
    position: absolute;
    z-index: 4;
    top: 70px;
    left: 15px;
    display: grid;
    width: 85px;
    height: 85px;
    color: #ffffff;
    background-color: #102b3a;
    border: 7px solid #ffffff;
    border-radius: 50%;
    font-size: 42px;
    place-items: center;
}

.dickinson-rotating-gear i {
    animation: dickinson-gear-rotation 7s linear infinite;
}

.dickinson-animated-dot {
    position: absolute;
    z-index: 3;
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 50%;
    opacity: 0;
    animation: dickinson-dot-sequence 2.5s infinite;
}

.dickinson-animated-dot.dot-one {
    top: 20px;
    right: 85px;
}

.dickinson-animated-dot.dot-two {
    top: 40px;
    right: 110px;
    animation-delay: 0.25s;
}

.dickinson-animated-dot.dot-three {
    top: 20px;
    right: 135px;
    animation-delay: 0.5s;
}

.dickinson-animated-dot.dot-four {
    top: 40px;
    right: 160px;
    animation-delay: 0.75s;
}

.dickinson-animated-dot.dot-five {
    top: 20px;
    right: 185px;
    animation-delay: 1s;
}

.dickinson-overhaul-section {
    position: relative;

	background-color: #f4f7f8;
}

.dickinson-overhaul-wrapper {
    position: relative;
    color: #ffffff;
    background-color: #102b3a;
}

.dickinson-overhaul-gallery {
    position: relative;
    min-height: 750px;
}

.dickinson-overhaul-main-image {
    height: 750px;
}

.dickinson-overhaul-main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dickinson-overhaul-main-image::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 55%, rgba(16, 43, 58, 0.45));
    content: "";
}

.dickinson-overhaul-small-image {
    position: absolute;
    right: -55px;
    bottom: 45px;
    z-index: 3;
    width: 285px;
    height: 205px;
    padding: 8px;
    background-color: #ffffff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.dickinson-overhaul-small-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dickinson-overhaul-experience {
    position: absolute;
    z-index: 4;
    top: 60px;
    right: -40px;
    width: 155px;
    padding: 24px 20px;
    background-color: #f36f21;
    text-align: center;
}

.dickinson-overhaul-experience strong,
.dickinson-overhaul-experience span {
    display: block;
}

.dickinson-overhaul-experience strong {
    font-size: 44px;
    line-height: 1;
}

.dickinson-overhaul-experience span {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}

.dickinson-overhaul-content {
    position: relative;
    z-index: 4;
    padding: 70px 65px 70px 85px;
}

.dickinson-overhaul-content h2 {
    color: #ffffff;
}

.dickinson-overhaul-content p {
    color: #c7d0d5;
}

.dickinson-overhaul-options {
    display: grid;
    gap: 18px;
    margin-top: 27px;
}

.dickinson-overhaul-option {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.dickinson-overhaul-option > i {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    color: #ffffff;
    background-color: #f36f21;
    border-radius: 50%;
    font-size: 21px;
    place-items: center;
}

.dickinson-overhaul-option strong,
.dickinson-overhaul-option span {
    display: block;
}

.dickinson-overhaul-option strong {
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 17px;
}

.dickinson-overhaul-option span {
    color: #b9c4ca;
    font-size: 13px;
}

.dickinson-light-button {
    color: #102b3a;
    background-color: #ffffff;
}

.dickinson-light-button:hover {
    color: #ffffff;
    background-color: #f36f21;
    transform: translateY(-3px);
}

.dickinson-overhaul-phone {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 22px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    font-weight: 700;
    text-decoration: none;
}

.dickinson-overhaul-phone:hover {
    color: #ffffff;
    border-color: #f36f21;
    background-color: #f36f21;
}

.dickinson-overhaul-circle {
    position: absolute;
    border: 1px solid rgba(243, 111, 33, 0.35);
    border-radius: 50%;
    animation: dickinson-circle-motion 6s ease-in-out infinite;
}

.dickinson-overhaul-circle.circle-one {
    top: 25px;
    right: 25px;
    width: 130px;
    height: 130px;
}

.dickinson-overhaul-circle.circle-two {
    right: 105px;
    bottom: 30px;
    width: 75px;
    height: 75px;
    animation-delay: 1s;
}

@keyframes dickinson-gear-rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes dickinson-dot-sequence {
    0%,
    100% {
        opacity: 0;
        transform: scale(0.4);
    }

    45%,
    65% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes dickinson-circle-motion {
    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-18px) rotate(25deg);
    }
}

@media (max-width: 991.98px) {
    .dickinson-maintenance-section,
    .dickinson-overhaul-section {
        padding: 80px 0;
    }

    .dickinson-maintenance-visual {
        max-width: 680px;
        margin: auto;
    }

    .dickinson-overhaul-main-image,
    .dickinson-overhaul-gallery {
        min-height: 600px;
        height: 600px;
    }

    .dickinson-overhaul-small-image {
        right: 25px;
    }

    .dickinson-overhaul-experience {
        right: 20px;
    }

    .dickinson-overhaul-content {
        padding: 60px 45px;
    }
}

@media (max-width: 575.98px) {
    .dickinson-maintenance-visual {
        min-height: 510px;
        padding: 25px 10px 55px 25px;
    }

    .dickinson-maintenance-visual > img {
        height: 450px;
        border-width: 7px;
    }

    .dickinson-maintenance-card {
        right: 0;
        min-width: 245px;
    }

    .dickinson-rotating-gear {
        top: 45px;
        left: 0;
        width: 68px;
        height: 68px;
        font-size: 31px;
    }

    .dickinson-overhaul-main-image,
    .dickinson-overhaul-gallery {
        min-height: 480px;
        height: 480px;
    }

    .dickinson-overhaul-small-image {
        right: 15px;
        bottom: 20px;
        width: 210px;
        height: 145px;
    }

    .dickinson-overhaul-experience {
        top: 25px;
        right: 15px;
        width: 125px;
    }

    .dickinson-overhaul-content {
        padding: 50px 25px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dickinson-section-label i,
    .dickinson-rotating-gear i,
    .dickinson-animated-dot,
    .dickinson-overhaul-circle {
        animation: none;
    }
}
/*section4*/
/*coupons*/
.dickinson-coupon-section {
    position: relative;
    padding: 110px 0;
    background-color: #f4f7f8;
}

.dickinson-coupon-section::before {
    position: absolute;
    top: 80px;
    left: -75px;
    width: 180px;
    height: 180px;
    border: 28px solid rgba(243, 111, 33, 0.08);
    border-radius: 50%;
    content: "";
    animation: dickinson-coupon-circle 7s ease-in-out infinite;
}

.dickinson-coupon-heading {
    max-width: 720px;
    margin: 0 auto 55px;
}

.dickinson-coupon-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
    color: #f36f21;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.dickinson-coupon-subtitle i {
    font-size: 22px;
}

.dickinson-coupon-heading h2 {
    margin-bottom: 17px;
    color: #102b3a;
    font-size: clamp(36px, 5vw, 55px);
    font-weight: 800;
    line-height: 1.1;
}

.dickinson-coupon-heading h2 span {
    color: #f36f21;
}

.dickinson-coupon-heading p {
    margin: 0;
    color: #68747a;
    font-size: 17px;
    line-height: 1.7;
}

.dickinson-coupon-card {
    position: relative;
    height: 100%;
    padding: 40px 32px 34px;
    overflow: hidden;
    color: #ffffff;
    background-color: #102b3a;
    border-top: 5px solid #f36f21;
    box-shadow: 0 20px 45px rgba(16, 43, 58, 0.13);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.dickinson-coupon-card::before,
.dickinson-coupon-card::after {
    position: absolute;
    top: 50%;
    width: 26px;
    height: 26px;
    background-color: #f4f7f8;
    border-radius: 50%;
    content: "";
    transform: translateY(-50%);
}

.dickinson-coupon-card::before {
    left: -13px;
}

.dickinson-coupon-card::after {
    right: -13px;
}

.dickinson-coupon-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 28px 55px rgba(16, 43, 58, 0.23);
}

.dickinson-coupon-card.featured,
.dickinson-coupon-card.premium {
    background-color: #f36f21;
    border-top-color: #102b3a;
}

.dickinson-coupon-icon {
    position: absolute;
    top: 25px;
    right: 25px;
    color: rgba(255, 255, 255, 0.14);
    font-size: 70px;
    line-height: 1;
}

.dickinson-coupon-card:hover .dickinson-coupon-icon i {
    display: inline-block;
    animation: dickinson-coupon-gear 5s linear infinite;
}

.dickinson-coupon-value {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding-bottom: 25px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}

.dickinson-coupon-value strong {
    color: #f36f21;
    font-size: 58px;
    font-weight: 900;
    line-height: 0.9;
}

.dickinson-coupon-card.featured .dickinson-coupon-value strong,
.dickinson-coupon-card.premium .dickinson-coupon-value strong {
    color: #ffffff;
}

.dickinson-coupon-value span {
    padding-bottom: 4px;
    font-size: 22px;
    font-weight: 900;
}

.dickinson-coupon-card h3 {
    min-height: 58px;
    margin: 28px 0 14px;
    color: #ffffff;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.25;
}

.dickinson-coupon-card p {
    min-height: 74px;
    margin-bottom: 22px;
    color: #c7d1d6;
    font-size: 14px;
    line-height: 1.7;
}

.dickinson-coupon-card.featured p,
.dickinson-coupon-card.premium p {
    color: rgba(255, 255, 255, 0.86);
}

.dickinson-coupon-code {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
    padding: 12px 14px;
    border: 1px dashed rgba(255, 255, 255, 0.35);
}

.dickinson-coupon-code span {
    font-size: 12px;
    font-weight: 600;
}

.dickinson-coupon-code strong {
    color: #f36f21;
    font-size: 14px;
    letter-spacing: 1px;
}

.dickinson-coupon-card.featured .dickinson-coupon-code strong,
.dickinson-coupon-card.premium .dickinson-coupon-code strong {
    color: #ffffff;
}

.dickinson-coupon-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 19px;
    color: #ffffff;
    background-color: #f36f21;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dickinson-coupon-card.featured .dickinson-coupon-button,
.dickinson-coupon-card.premium .dickinson-coupon-button {
    color: #102b3a;
    background-color: #ffffff;
}

.dickinson-coupon-button:hover {
    color: #102b3a;
    background-color: #ffffff;
}

.dickinson-coupon-card.featured .dickinson-coupon-button:hover,
.dickinson-coupon-card.premium .dickinson-coupon-button:hover {
    color: #ffffff;
    background-color: #102b3a;
}

.dickinson-coupon-card small {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 16px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 10px;
}

.dickinson-coupon-popular {
    position: absolute;
    top: 15px;
    left: -36px;
    width: 145px;
    padding: 7px;
    color: #ffffff;
    background-color: #102b3a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-42deg);
}

.dickinson-coupon-dot {
    position: absolute;
    bottom: 16px;
    width: 6px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    animation: dickinson-coupon-dots 2s infinite;
}

.dickinson-coupon-dot.coupon-dot-one {
    right: 25px;
}

.dickinson-coupon-dot.coupon-dot-two {
    right: 39px;
    animation-delay: 0.3s;
}

.dickinson-coupon-dot.coupon-dot-three {
    right: 53px;
    animation-delay: 0.6s;
}

.dickinson-coupon-contact {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 45px;
    padding: 25px 30px;
    color: #ffffff;
    background-color: #102b3a;
}

.dickinson-coupon-contact-icon {
    display: grid;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    color: #ffffff;
    background-color: #f36f21;
    border-radius: 50%;
    font-size: 24px;
    place-items: center;
}

.dickinson-coupon-contact span,
.dickinson-coupon-contact a {
    display: block;
}

.dickinson-coupon-contact span {
    color: #b8c4c9;
    font-size: 12px;
}

.dickinson-coupon-contact a {
    color: #ffffff;
    font-size: 23px;
    font-weight: 800;
    text-decoration: none;
}

.dickinson-coupon-contact p {
    max-width: 470px;
    margin: 0 0 0 auto;
    color: #c3cdd2;
    font-size: 13px;
    line-height: 1.6;
}

@keyframes dickinson-coupon-gear {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes dickinson-coupon-dots {
    0%,
    100% {
        opacity: 0.2;
        transform: scale(0.6);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes dickinson-coupon-circle {
    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(25px) rotate(35deg);
    }
}

@media (max-width: 991.98px) {
    .dickinson-coupon-section {
        padding: 80px 0;
    }

    .dickinson-coupon-contact {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .dickinson-coupon-contact p {
        width: 100%;
        max-width: none;
        margin-left: 78px;
    }
}

@media (max-width: 575.98px) {
    .dickinson-coupon-section {
        padding: 65px 0;
    }

    .dickinson-coupon-card {
        padding: 36px 25px 30px;
    }

    .dickinson-coupon-value strong {
        font-size: 50px;
    }

    .dickinson-coupon-contact {
        padding: 22px;
    }

    .dickinson-coupon-contact p {
        margin-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dickinson-coupon-card,
    .dickinson-coupon-icon i,
    .dickinson-coupon-dot,
    .dickinson-coupon-section::before {
        animation: none;
        transition: none;
    }
}
/*coupons*/
/*contact us*/
.dickinson-contact-section {
    position: relative;
    min-height: 780px;
    background-color: #fffaf7;
}

.dickinson-contact-orange-bg {
    position: absolute;
    inset: 0 auto 0 0;
    width: 37.5%;
    background-color: #f36f21;
}

.dickinson-contact-pattern {
    position: absolute;
    inset: 0 auto 0 0;
    width: 37.5%;
    opacity: 0.22;
    background-image:
        repeating-radial-gradient(
            ellipse at 20% 15%,
            transparent 0,
            transparent 22px,
            rgba(255, 255, 255, 0.45) 23px,
            transparent 25px
        );
    background-size: 190px 150px;
    animation: dickinson-contact-pattern-move 14s linear infinite;
}

.dickinson-contact-photo-column {
    position: relative;
    min-height: 780px;
}

.dickinson-contact-photo {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: -105px;
    width: min(525px, 82%);
    height: 530px;
    border: 8px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 25px 60px rgba(16, 43, 58, 0.2);
    transform: translateY(-50%);
}

.dickinson-contact-photo::before {
    position: absolute;
    top: -28px;
    left: -28px;
    z-index: -1;
    width: 120px;
    height: 120px;
    border-top: 4px solid #ffffff;
    border-left: 4px solid #ffffff;
    content: "";
}

.dickinson-contact-photo > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dickinson-contact-photo-badge {
    position: absolute;
    right: -35px;
    bottom: 35px;
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 245px;
    padding: 17px 20px;
    color: #ffffff;
    background-color: #102b3a;
    box-shadow: 0 15px 30px rgba(16, 43, 58, 0.2);
}

.dickinson-contact-photo-badge > i {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    color: #102b3a;
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 20px;
    place-items: center;
}

.dickinson-contact-photo-badge span,
.dickinson-contact-photo-badge strong {
    display: block;
}

.dickinson-contact-photo-badge span {
    font-size: 11px;
    line-height: 1.5;
}

.dickinson-contact-photo-badge strong {
    margin-bottom: 2px;
    font-size: 13px;
}

.dickinson-contact-content {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 780px;
    padding: 80px 30px 80px 200px;
}

.dickinson-contact-form-area {
    position: relative;
    z-index: 3;
    width: min(690px, 74%);
}

.dickinson-contact-heading span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    color: #f36f21;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dickinson-contact-heading span i {
    font-size: 19px;
    animation: dickinson-contact-gear 6s linear infinite;
}

.dickinson-contact-heading h2 {
    margin-bottom: 14px;
    color: #102b3a;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 800;
    line-height: 1.1;
}

.dickinson-contact-heading p {
    max-width: 570px;
    margin-bottom: 30px;
    color: #6c767b;
    line-height: 1.7;
}

.dickinson-contact-field {
    position: relative;
}

.dickinson-contact-field > i {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 19px;
    color: #f36f21;
    font-size: 17px;
    transform: translateY(-50%);
}

.dickinson-contact-field.textarea-field > i {
    top: 22px;
    transform: none;
}

.dickinson-contact-field input,
.dickinson-contact-field select,
.dickinson-contact-field textarea {
    width: 100%;
    color: #102b3a;
    background-color: #edf2f5;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

.dickinson-contact-field input,
.dickinson-contact-field select {
    height: 58px;
    padding: 0 18px 0 49px;
}

.dickinson-contact-field textarea {
    min-height: 130px;
    padding: 18px 18px 18px 49px;
    resize: vertical;
}

.dickinson-contact-field input:focus,
.dickinson-contact-field select:focus,
.dickinson-contact-field textarea:focus {
    background-color: #ffffff;
    border-color: #f36f21;
}

.dickinson-contact-field input::placeholder,
.dickinson-contact-field textarea::placeholder {
    color: #717b81;
    opacity: 1;
}

.dickinson-contact-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    min-height: 58px;
    color: #ffffff;
    background-color: #f36f21;
    border: 0;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.dickinson-contact-submit:hover {
    background-color: #102b3a;
    transform: translateY(-3px);
}

.dickinson-contact-submit i {
    transition: transform 0.3s ease;
}

.dickinson-contact-submit:hover i {
    transform: translateX(6px);
}

.dickinson-contact-details {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px;
    margin-top: 30px;
}

.dickinson-contact-details > a,
.dickinson-contact-details > div {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #102b3a;
    text-decoration: none;
}

.dickinson-contact-details i {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    color: #ffffff;
    background-color: #f36f21;
    border-radius: 50%;
    font-size: 14px;
    place-items: center;
}

.dickinson-contact-details span,
.dickinson-contact-details small {
    display: block;
}

.dickinson-contact-details span {
    font-size: 12px;
    font-weight: 700;
}

.dickinson-contact-details small {
    margin-bottom: 2px;
    color: #7a8388;
    font-size: 9px;
    font-weight: 600;
}

.dickinson-contact-illustration {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 290px;
    height: 650px;
    overflow: hidden;
    pointer-events: none;
}

.dickinson-contact-illustration img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom right;
}

@keyframes dickinson-contact-gear {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes dickinson-contact-pattern-move {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 190px 150px;
    }
}

@media (max-width: 1199.98px) {
    .dickinson-contact-photo {
        right: -70px;
    }

    .dickinson-contact-content {
        padding-left: 125px;
    }

    .dickinson-contact-form-area {
        width: 78%;
    }

    .dickinson-contact-illustration {
        width: 235px;
        opacity: 0.75;
    }
}

@media (max-width: 991.98px) {
    .dickinson-contact-section {
        padding-bottom: 70px;
    }

    .dickinson-contact-orange-bg,
    .dickinson-contact-pattern {
        width: 100%;
        height: 420px;
    }

    .dickinson-contact-photo-column {
        min-height: 470px;
    }

    .dickinson-contact-photo {
        top: 60px;
        right: auto;
        left: 50%;
        width: min(600px, 86%);
        height: 420px;
        transform: translateX(-50%);
    }

    .dickinson-contact-content {
        min-height: auto;
        padding: 90px 25px 20px;
    }

    .dickinson-contact-form-area {
        width: 100%;
        max-width: 760px;
        margin: auto;
    }

    .dickinson-contact-illustration {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .dickinson-contact-orange-bg,
    .dickinson-contact-pattern {
        height: 330px;
    }

    .dickinson-contact-photo-column {
        min-height: 380px;
    }

    .dickinson-contact-photo {
        top: 35px;
        width: 88%;
        height: 330px;
    }

    .dickinson-contact-photo-badge {
        right: -10px;
        bottom: 15px;
        min-width: 215px;
        padding: 12px;
    }

    .dickinson-contact-content {
        padding: 65px 18px 10px;
    }

    .dickinson-contact-heading h2 {
        font-size: 37px;
    }

    .dickinson-contact-details {
        display: grid;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dickinson-contact-pattern,
    .dickinson-contact-heading span i {
        animation: none;
    }

    .dickinson-contact-submit,
    .dickinson-contact-submit i {
        transition: none;
    }
}
form.CUS input.subject { display: none; }
.form-control{width:48%;float: left;margin:5px 0px;margin-right: 2%}

/*contact us*/
/*faqs*/
.dickinson-faq-section {
    position: relative;
    padding: 110px 0;
    background-color: #f4f7f8;
}

.dickinson-faq-decoration {
    position: absolute;
    color: rgba(243, 111, 33, 0.08);
    line-height: 1;
    pointer-events: none;
}

.dickinson-faq-decoration.faq-decoration-one {
    top: 40px;
    left: 25px;
    font-size: 145px;
    animation: dickinson-faq-gear 15s linear infinite;
}

.dickinson-faq-decoration.faq-decoration-two {
    right: 20px;
    bottom: 25px;
    font-size: 130px;
    animation: dickinson-faq-float 6s ease-in-out infinite;
}

.dickinson-faq-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    color: #f36f21;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.dickinson-faq-subtitle i {
    font-size: 20px;
}

.dickinson-faq-intro h2 {
    margin-bottom: 22px;
    color: #102b3a;
    font-size: clamp(36px, 4vw, 55px);
    font-weight: 800;
    line-height: 1.08;
}

.dickinson-faq-intro h2 span {
    display: block;
    color: #f36f21;
}

.dickinson-faq-intro > p {
    margin-bottom: 30px;
    color: #677279;
    font-size: 16px;
    line-height: 1.8;
}

.dickinson-faq-image {
    position: relative;
    height: 380px;
    margin: 30px 45px 30px 0;
}

.dickinson-faq-image::before {
    position: absolute;
    top: 22px;
    left: 22px;
    width: 100%;
    height: 100%;
    background-color: #f36f21;
    content: "";
}

.dickinson-faq-image > img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dickinson-faq-image-overlay {
    position: absolute;
    z-index: 4;
    right: -35px;
    bottom: 25px;
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 245px;
    padding: 17px;
    color: #ffffff;
    background-color: #102b3a;
    box-shadow: 0 15px 35px rgba(16, 43, 58, 0.22);
}

.dickinson-faq-image-overlay > i {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    color: #ffffff;
    background-color: #f36f21;
    border-radius: 50%;
    font-size: 21px;
    place-items: center;
}

.dickinson-faq-image-overlay small,
.dickinson-faq-image-overlay a {
    display: block;
}

.dickinson-faq-image-overlay small {
    margin-bottom: 3px;
    color: #bcc8cd;
    font-size: 10px;
}

.dickinson-faq-image-overlay a {
    color: #ffffff;
    font-size: 19px;
    font-weight: 800;
    text-decoration: none;
}

.dickinson-faq-dot {
    position: absolute;
    z-index: 5;
    width: 9px;
    height: 9px;
    background-color: #ffffff;
    border-radius: 50%;
    opacity: 0;
    animation: dickinson-faq-dots 2.4s infinite;
}

.dickinson-faq-dot.dot-one {
    top: 38px;
    right: -11px;
}

.dickinson-faq-dot.dot-two {
    top: 58px;
    right: -11px;
    animation-delay: 0.3s;
}

.dickinson-faq-dot.dot-three {
    top: 78px;
    right: -11px;
    animation-delay: 0.6s;
}

.dickinson-faq-dot.dot-four {
    top: 98px;
    right: -11px;
    animation-delay: 0.9s;
}

.dickinson-faq-contact {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 17px 25px;
    color: #ffffff;
    background-color: #f36f21;
    font-weight: 800;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.dickinson-faq-contact:hover {
    color: #ffffff;
    background-color: #102b3a;
    transform: translateY(-3px);
}

.dickinson-faq-accordion {
    position: relative;
    z-index: 3;
}

.dickinson-faq-accordion .accordion-item {
    margin-bottom: 18px;
    overflow: hidden;
    background-color: #ffffff;
    border: 0;
    border-left: 4px solid transparent;
    border-radius: 0;
    box-shadow: 0 12px 35px rgba(16, 43, 58, 0.08);
    transition: border-color 0.3s ease, transform 0.3s ease;
}

.dickinson-faq-accordion .accordion-item:hover {
    border-left-color: #f36f21;
    transform: translateX(5px);
}

.dickinson-faq-accordion .accordion-button {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px 26px;
    color: #102b3a;
    background-color: #ffffff;
    box-shadow: none;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45;
}

.dickinson-faq-accordion .accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #102b3a;
}

.dickinson-faq-accordion .accordion-button::after {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    margin-left: auto;
    background-image: none;
    border: 1px solid #dce3e6;
    border-radius: 50%;
    color: #102b3a;
    content: "\F4FE";
    font-family: "bootstrap-icons";
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    transform: none;
}

.dickinson-faq-accordion .accordion-button:not(.collapsed)::after {
    color: #ffffff;
    background-color: #f36f21;
    border-color: #f36f21;
    content: "\F2EA";
    transform: none;
}

.dickinson-faq-number {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    color: #ffffff;
    background-color: #f36f21;
    border-radius: 50%;
    font-size: 14px;
    place-items: center;
}

.dickinson-faq-accordion .accordion-button:not(.collapsed) .dickinson-faq-number {
    color: #102b3a;
    background-color: #ffffff;
}

.dickinson-faq-accordion .accordion-body {
    padding: 5px 30px 30px 92px;
    color: #647078;
}

.dickinson-faq-accordion .accordion-body p {
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.75;
}

.dickinson-faq-accordion .accordion-body ul {
    display: grid;
    gap: 8px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.dickinson-faq-accordion .accordion-body li {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #102b3a;
    font-size: 14px;
    font-weight: 700;
}

.dickinson-faq-accordion .accordion-body li i {
    color: #f36f21;
}

.dickinson-faq-note {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 18px;
    padding: 15px;
    color: #102b3a;
    background-color: #fff3ec;
    border-left: 3px solid #f36f21;
    font-size: 13px;
    line-height: 1.6;
}

.dickinson-faq-note i {
    color: #f36f21;
    font-size: 18px;
}

.dickinson-material-options {
    margin-top: 20px;
}

.dickinson-material-card {
    height: 100%;
    padding: 18px 12px;
    background-color: #f4f7f8;
    text-align: center;
}

.dickinson-material-card i,
.dickinson-material-card strong,
.dickinson-material-card span {
    display: block;
}

.dickinson-material-card i {
    margin-bottom: 10px;
    color: #f36f21;
    font-size: 26px;
}

.dickinson-material-card strong {
    margin-bottom: 5px;
    color: #102b3a;
    font-size: 14px;
}

.dickinson-material-card span {
    color: #6f797f;
    font-size: 11px;
    line-height: 1.5;
}

@keyframes dickinson-faq-gear {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes dickinson-faq-float {
    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-20px) rotate(12deg);
    }
}

@keyframes dickinson-faq-dots {
    0%,
    100% {
        opacity: 0;
        transform: scale(0.5);
    }

    45%,
    65% {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 991.98px) {
    .dickinson-faq-section {
        padding: 80px 0;
    }

    .dickinson-faq-intro {
        max-width: 700px;
        margin: auto;
    }
}

@media (max-width: 575.98px) {
    .dickinson-faq-section {
        padding: 65px 0;
    }

    .dickinson-faq-image {
        height: 320px;
        margin-right: 15px;
    }

    .dickinson-faq-image-overlay {
        right: -10px;
        min-width: 215px;
    }

    .dickinson-faq-accordion .accordion-button {
        gap: 12px;
        padding: 19px 16px;
        font-size: 15px;
    }

    .dickinson-faq-number {
        flex-basis: 39px;
        width: 39px;
        height: 39px;
    }

    .dickinson-faq-accordion .accordion-button::after {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
        font-size: 18px;
        line-height: 30px;
    }

    .dickinson-faq-accordion .accordion-body {
        padding: 5px 20px 25px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dickinson-faq-decoration,
    .dickinson-faq-dot,
    .dickinson-faq-contact,
    .dickinson-faq-accordion .accordion-item {
        animation: none;
        transition: none;
    }
}
/*faqs*/
/*footer*/
.dickinson-footer {
    color: #ffffff;
    background-color: #001425;
}

.dickinson-footer-top {
    padding: 28px 0;
    background-color: #001c2e;
}

.dickinson-footer-social {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dickinson-footer-social a {
    display: grid;
    width: 46px;
    height: 46px;
    color: #ffffff;
    background-color: #173449;
    border-radius: 50%;
    font-size: 15px;
    place-items: center;
    text-decoration: none;
    transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

.dickinson-footer-social a:hover {
    color: #ffffff;
    background-color: #f36f21;
    transform: translateY(-5px);
}

.dickinson-footer-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
}

.dickinson-footer-logo:hover {
    color: #ffffff;
}

.dickinson-footer-logo-icon {
    position: relative;
    display: grid;
    width: 67px;
    height: 67px;
    margin-right: 12px;
    place-items: center;
}

.dickinson-footer-logo-icon .bi-gear-wide-connected {
    position: absolute;
    color: #f36f21;
    font-size: 65px;
    animation: dickinson-footer-gear 8s linear infinite;
}

.dickinson-footer-logo-icon .bi-house-door-fill {
    position: relative;
    z-index: 2;
    color: #ffffff;
    font-size: 25px;
}

.dickinson-footer-logo-text strong,
.dickinson-footer-logo-text small {
    display: block;
}

.dickinson-footer-logo-text strong {
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
}

.dickinson-footer-logo-text small {
    margin-top: 5px;
    color: #f36f21;
    font-size: 13px;
}

.dickinson-footer-call {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    color: #ffffff;
    text-decoration: none;
}

.dickinson-footer-call:hover {
    color: #ffffff;
}

.dickinson-footer-call-icon {
    display: grid;
    width: 54px;
    height: 54px;
    color: #f36f21;
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 22px;
    place-items: center;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.dickinson-footer-call:hover .dickinson-footer-call-icon {
    color: #ffffff;
    background-color: #f36f21;
}

.dickinson-footer-call small,
.dickinson-footer-call strong {
    display: block;
}

.dickinson-footer-call small {
    margin-bottom: 4px;
    color: #d4dde3;
    font-size: 12px;
}

.dickinson-footer-call strong {
    color: #ffffff;
    font-size: 21px;
    font-weight: 800;
}

.dickinson-footer-main {
    padding: 75px 0 68px;
    background-color: #001033;
}

.dickinson-footer-widget h2 {
    margin: 0;
    color: #ffffff;
    font-size: 21px;
    font-weight: 800;
}

.dickinson-footer-heading-line {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 14px 0 28px;
}

.dickinson-footer-heading-line span {
    width: 80px;
    height: 4px;
    background-color: #f36f21;
    border-radius: 10px;
}

.dickinson-footer-heading-line i {
    width: 13px;
    height: 4px;
    background-color: #ffffff;
    border-radius: 10px;
}

.dickinson-footer-heading-line i:last-child {
    width: 5px;
}

.dickinson-footer-widget ul {
    display: grid;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dickinson-footer-widget li {
    position: relative;
    padding-left: 17px;
}

.dickinson-footer-widget li::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 7px;
    background-color: #ffffff;
    border-radius: 50%;
    content: "";
    transform: translateY(-50%);
    transition: background-color 0.3s ease;
}

.dickinson-footer-widget li:hover::before {
    background-color: #f36f21;
}

.dickinson-footer-widget li a {
    color: #f2f4f6;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.3s ease, padding-left 0.3s ease;
}

.dickinson-footer-widget li a:hover {
    padding-left: 5px;
    color: #f36f21;
}

.dickinson-footer-hours {
    display: grid;
    gap: 17px;
}

.dickinson-footer-hours > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.dickinson-footer-hours span,
.dickinson-footer-hours strong {
    color: #f2f4f6;
    font-size: 13px;
}

.dickinson-footer-hours strong {
    font-weight: 500;
}

.dickinson-footer-post {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.dickinson-footer-post + .dickinson-footer-post {
    margin-top: 20px;
}

.dickinson-footer-post-image {
    flex: 0 0 82px;
    width: 82px;
    height: 74px;
    overflow: hidden;
}

.dickinson-footer-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.dickinson-footer-post:hover .dickinson-footer-post-image img {
    transform: scale(1.1);
}

.dickinson-footer-post > div > span {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 7px;
    color: #dce3e8;
    font-size: 11px;
}

.dickinson-footer-post > div > span i {
    color: #f36f21;
}

.dickinson-footer-post h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.55;
}

.dickinson-footer-post h3 a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.dickinson-footer-post h3 a:hover {
    color: #f36f21;
}

.dickinson-footer-bottom {
    padding: 20px 0;
    background-color: #f36f21;
}

.dickinson-footer-bottom-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.dickinson-footer-bottom p {
    margin: 0;
    color: #ffffff;
    font-size: 13px;
}

.dickinson-footer-bottom p a {
    color: #102b3a;
    font-weight: 700;
    text-decoration: none;
}

.dickinson-footer-bottom nav {
    display: flex;
    align-items: center;
    gap: 15px;
}

.dickinson-footer-bottom nav a {
    color: #ffffff;
    font-size: 13px;
    text-decoration: none;
}

.dickinson-footer-bottom nav a:hover {
    color: #102b3a;
}

.dickinson-footer-bottom nav span {
    width: 5px;
    height: 5px;
    background-color: #ffffff;
    border-radius: 50%;
}

@keyframes dickinson-footer-gear {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 991.98px) {
    .dickinson-footer-social,
    .dickinson-footer-logo,
    .dickinson-footer-call {
        justify-content: center;
    }

    .dickinson-footer-main {
        padding: 65px 0;
    }
}

@media (max-width: 767.98px) {
    .dickinson-footer-bottom-content {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 575.98px) {
    .dickinson-footer-logo-text strong {
        font-size: 18px;
    }

    .dickinson-footer-call strong {
        font-size: 18px;
    }

    .dickinson-footer-bottom nav {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dickinson-footer-logo-icon .bi-gear-wide-connected {
        animation: none;
    }

    .dickinson-footer-social a,
    .dickinson-footer-call-icon,
    .dickinson-footer-widget li a,
    .dickinson-footer-post-image img {
        transition: none;
    }
}
.dickinson-footer-about-text {
    margin-bottom: 24px;
    color: #d2dbe0;
    font-size: 14px;
    line-height: 1.8;
}

.dickinson-footer-contact-list {
    display: grid;
    gap: 15px;
}

.dickinson-footer-contact-list > a,
.dickinson-footer-contact-list > div {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    text-decoration: none;
}

.dickinson-footer-contact-list > a > i,
.dickinson-footer-contact-list > div > i {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    color: #ffffff;
    background-color: #f36f21;
    border-radius: 50%;
    font-size: 15px;
    place-items: center;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.dickinson-footer-contact-list > a:hover > i {
    color: #f36f21;
    background-color: #ffffff;
}

.dickinson-footer-contact-list span,
.dickinson-footer-contact-list small {
    display: block;
}

.dickinson-footer-contact-list span {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.dickinson-footer-contact-list small {
    margin-bottom: 3px;
    color: #aebbc2;
    font-size: 10px;
    font-weight: 500;
}
/*footer*/

@font-face{font-display:block;font-family:bootstrap-icons;src:url("../fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"),url("../fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff")}
.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.bi-alarm::before{content:"\f102"}.bi-arrow-right::before{content:"\f138"}.bi-arrow-up-right::before{content:"\f144"}.bi-award::before{content:"\f154"}.bi-bezier2::before{content:"\f18c"}.bi-broadcast-pin::before{content:"\f1d5"}.bi-check-circle-fill::before{content:"\f26a"}.bi-circle-fill::before{content:"\f287"}.bi-circle::before{content:"\f28a"}.bi-clock-fill::before{content:"\f291"}.bi-distribute-vertical::before{content:"\f304"}.bi-facebook::before{content:"\f344"}.bi-gear-fill::before{content:"\f3e2"}.bi-gear-wide-connected::before{content:"\f3e3"}.bi-geo-alt-fill::before{content:"\f3e7"}.bi-globe2::before{content:"\f3ef"}.bi-grid-3x3-gap-fill::before{content:"\f3f8"}.bi-grid-3x3-gap::before{content:"\f3f9"}.bi-house-door-fill::before{content:"\f422"}.bi-house-door::before{content:"\f423"}.bi-info-circle-fill::before{content:"\f430"}.bi-info-circle::before{content:"\f431"}.bi-instagram::before{content:"\f437"}.bi-journal-text::before{content:"\f444"}.bi-layers-fill::before{content:"\f459"}.bi-link-45deg::before{content:"\f470"}.bi-linkedin::before{content:"\f472"}.bi-list::before{content:"\f479"}.bi-patch-check::before{content:"\f4b6"}.bi-patch-question-fill::before{content:"\f4bd"}.bi-plus::before{content:"\f4fe"}.bi-shield-check::before{content:"\f52f"}.bi-shield-fill-check::before{content:"\f531"}.bi-stars::before{content:"\f589"}.bi-telephone-fill::before{content:"\f5b4"}.bi-telephone-outbound-fill::before{content:"\f5bb"}.bi-telephone-outbound::before{content:"\f5bc"}.bi-thermometer-snow::before{content:"\f5d0"}.bi-tools::before{content:"\f5db"}.bi-wifi::before{content:"\f61c"}.bi-ticket-perforated-fill::before{content:"\f6c9"}.bi-wrench-adjustable-circle::before{content:"\f78f"}.bi-buildings::before{content:"\f87d"}.bi-house-add::before{content:"\f887"}.bi-house-check::before{content:"\f889"}.bi-house-gear::before{content:"\f891"}.bi-houses-fill::before{content:"\f8c5"}.bi-twitter-x::before{content:"\f8db"}.bi-map-fill::before{content:"\f47e"}.bi-mailbox::before{content:"\f47c"}
.obfuscatedEmail a{color:inherit}

/*Blog*/
.blogbox{text-align:justify;padding:20px;background-color:#FFF;box-sizing:border-box;clear:both;overflow:hidden;margin-bottom:15px;box-shadow:3px 3px 7px rgba(0,0,0,0.2)}
.blogbox .blogimg img {float: right; width: 35%; height: auto; margin: 15px;box-shadow: 0 0 3px rgba(0,0,0,0.8)}
.blogbox .read-more a{background-color:#ccc;color:#2D2D2D;padding:10px;border-radius:5px;border:1px solid #2D2D2D}
.blogbox .read-more a:hover {background-color:#2D2D2D;color:#FFF;letter-spacing: 2px;padding:10px 15px}
.blogpost {text-align: justify;padding:20px;background-color: #FFF;box-sizing: border-box}
.blogpost h1, .blogbox h1 {margin:0;font-size:28px;color:#222;}
.blogpost h2, .blogbox h2 {margin:0;font-size:24px;color:#222;}
.blogpost .blog_wrapper img {float: right; max-width: 35%; height: auto; margin: 15px;box-shadow: 0 0 3px rgba(0,0,0,0.8)}
.socialbox{overflow:hidden;position:relative;text-align:center;width:100%;}
.social-share-btns{display:inline-block;overflow:hidden}
.social-share-btns .share-btn{float:left;margin:0 5px;padding:8px 16px;border-radius:3px;color:#fff;font-size:14px;line-height:18px;vertical-align:middle;transition:background .2s ease-in-out;display:flex;align-items:center;}
.social-share-btns .share-btn svg {fill:currentColor;height:1rem;width:1rem;margin-right:10px;}
.share-btn{background-color:#95a5a6}
.share-btn:hover{background-color:#798d8f}
.share-btn-twitter{background-color:#00aced}
.share-btn-twitter:hover{background-color:#0087ba}
.share-btn-facebook{background-color:#3b5998}
.share-btn-facebook:hover{background-color:#2d4373}
.share-btn-linkedin{background-color:#007bb6}
.share-btn-linkedin:hover{background-color:#005983}
@media only screen and (max-width:700px){
.blogbox .blogimg img{max-width:90%;width:auto}
}

.ddfaq-section{background:#f4f7f6;padding:90px 0;color:#1d1e1e;font-family:inherit;overflow:hidden}
.ddfaq-section *{box-sizing:border-box}
.ddfaq-section .ddfaq-shell{width:min(1180px,calc(100% - 30px));margin:0 auto}
.ddfaq-section .ddfaq-heading{text-align:center;max-width:780px;margin:0 auto 34px}
.ddfaq-section .ddfaq-kicker{display:inline-flex;align-items:center;gap:9px;color:#ff5a00;font-size:13px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px}
.ddfaq-section .ddfaq-kicker:before,.ddfaq-section .ddfaq-kicker:after{content:"";width:28px;height:2px;background:#ff5a00}
.ddfaq-section .ddfaq-title{font-size:clamp(34px,5vw,58px);line-height:1.05;font-weight:800;letter-spacing:-1.5px;margin:0 0 14px;color:#1d1e1e}
.ddfaq-section .ddfaq-intro{font-size:17px;line-height:1.75;color:#5d6763;margin:0}
.ddfaq-section .ddfaq-nav{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 18px;margin-bottom:30px;scrollbar-width:thin;scrollbar-color:#ff5a00 #dfe8e3;position:sticky;top:0;z-index:5;background:#f4f7f6}
.ddfaq-section .ddfaq-nav a{flex:0 0 auto;padding:11px 18px;border:1px solid #cfdad5;border-radius:999px;background:#fff;color:#1d1e1e;text-decoration:none;font-size:14px;font-weight:700;transition:all .25s ease}
.ddfaq-section .ddfaq-nav a:hover,.ddfaq-section .ddfaq-nav a:focus{background:#1d1e1e;border-color:#1d1e1e;color:#fff;transform:translateY(-2px);outline:none}
.ddfaq-section .ddfaq-category{scroll-margin-top:90px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;padding:42px 0;border-top:1px solid #d8e1dd}
.ddfaq-section .ddfaq-category-head{position:relative}
.ddfaq-section .ddfaq-number{font-size:12px;font-weight:800;letter-spacing:2px;color:#ff5a00;text-transform:uppercase}
.ddfaq-section .ddfaq-category-title{font-size:29px;line-height:1.15;margin:8px 0 10px;color:#1d1e1e;font-weight:800}
.ddfaq-section .ddfaq-category-line{display:block;width:52px;height:4px;border-radius:4px;background:#ff5a00}
.ddfaq-section .ddfaq-list{display:grid;gap:14px}
.ddfaq-section .ddfaq-item{background:#fff;border:1px solid #dce5e1;border-radius:16px;box-shadow:0 12px 35px rgba(29,30,30,.06);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.ddfaq-section .ddfaq-item:hover{border-color:#ff5a00;box-shadow:0 16px 42px rgba(29,30,30,.1);transform:translateY(-2px)}
.ddfaq-section .ddfaq-item[open]{border-color:#ff5a00}
.ddfaq-section .ddfaq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;color:#1d1e1e;font-size:17px;line-height:1.45;font-weight:750}
.ddfaq-section .ddfaq-item summary::-webkit-details-marker{display:none}
.ddfaq-section .ddfaq-item summary:after{content:"+";display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#eaf7e8;color:#ff5a00;font-size:25px;font-weight:400;line-height:1;transition:all .25s ease}
.ddfaq-section .ddfaq-item[open] summary:after{content:"−";background:#ff5a00;color:#1d1e1e;transform:rotate(180deg)}
.ddfaq-section .ddfaq-answer{padding:0 24px 23px;color:#56615d;font-size:16px;line-height:1.78}
.ddfaq-section .ddfaq-answer p{margin:0}
.ddfaq-section .ddfaq-top{display:inline-flex;margin-top:16px;color:#ff5a00;font-size:13px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:1px}
@media (max-width:767.98px){.ddfaq-section{padding:60px 0}.ddfaq-section .ddfaq-category{grid-template-columns:1fr;gap:20px;padding:34px 0}.ddfaq-section .ddfaq-category-title{font-size:25px}.ddfaq-section .ddfaq-item summary{padding:18px;font-size:16px}.ddfaq-section .ddfaq-answer{padding:0 18px 19px}.ddfaq-section .ddfaq-nav{top:0}}
@media (prefers-reduced-motion:reduce){.ddfaq-section *{scroll-behavior:auto!important;transition:none!important}}