.why-choose-seo {
  padding: 90px 0;
  background: #ffffff;
}

.why-left h2 {
  font-size: 38px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px;
}

.why-left .intro {
  font-size: 18px;
  color: #555;
  max-width: 420px;
}

.why-right {
  padding-left: 40px;
}

.why-item h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.why-item p {
  font-size: 16px;
  color: #444;
  line-height: 1.7;
  margin: 0;
}

.divider {
  width: 60px;
  height: 3px;
  background: #18a255;
  margin: 19px -1px;
}

/* Responsive */
@media (max-width: 991px) {
  .why-right {
    padding-left: 0;
    margin-top: 40px;
  }

  .why-left h2 {
    font-size: 32px;
  }
}


.seo-difference-section {
  padding: 0px 0;
  background: #f8f9fb;
}

.section-header h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
}

.section-header p {
  max-width: 720px;
  margin: 0 auto 50px;
  color: #666;
}

.seo-box {
  background: #fff;
  padding: 30px;
  border-radius: 14px;
  height: 100%;
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.seo-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.seo-number {
  position: absolute;
  top: -15px;
  right: 20px;
  background: #18a255;
  color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.seo-box h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

.seo-box ul {
  padding-left: 18px;
  margin: 0;
}

.seo-box ul li {
  margin-bottom: 8px;
  color: #444;
  font-size: 15px;
}

 
 
 
 
  /* Container & Text Alignment */
  
  .row.justify-content-center.mb-4 {
    margin-bottom: 72px !important;
}
p.text-muted.mt-2 {
    margin-bottom: 36px !important;
}
  .circle-step.mb-3 {
     width: 50px !important;
  height: 50px !important;
  background-color: #1ea151 !important;
  color: white !important;
  font-weight: bold !important;
  font-size: 1.2rem !important;
  line-height: 50px !important;
  border-radius: 50% !important;
  margin: 0 auto !important;
}

i.fas.fa-feather-alt.fa-2x.text-primary {
    color: #f3b705 !important;
}

i.fas.fa-chart-line.fa-2x.text-danger {
     color: #f3b705 !important;
}

i.fas.fa-photo-video.fa-2x.text-success {
     color: #f3b705 !important;
}

  /* Container & Text Alignment */
.who-help-us {
  background: #f9f9f9;
  padding: 60px 0;
}
.who-help-us .container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

/* Headings & Intro/Outro Text */
.who-help-us h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 20px;
}
.who-help-us > .container > p {
  font-family: 'Open Sans', sans-serif;
  /* font-size: 1.125rem; */
  /* line-height: 1.6; */
  color: #555;
  /* margin-bottom: 40px; */
  padding: 0 15px;
}

section.process-flow-section.py-5 {
    background-color: #f8f9fa;
}

i.fas.fa-minus-circle.text-danger.me-2.mt-1 {
    color: #f2b705 !important;
}

i.fas.fa-check-circle.me-2.mt-1 {
    color: #029f5c;
}

i.fas.fa-check-circle.me-2.mt-1 {
    color: #029f5c;
}

i.fas.fa-cogs.fa-2x {color: #f2b705;}

i.fas.fa-balance-scale.fa-2x {color: #f2b705;}

i.fas.fa-comments.fa-2x {color: #f2b705;}

i.fas.fa-shield-alt.fa-2x {color: #f2b705;}

i.fas.fa-star.fa-2x {
    color: #029f5c;
}

i.fas.fa-briefcase.fa-2x {
     color: #029f5c;
}

i.fas.fa-heartbeat.fa-2x {
     color: #029f5c;
}

i.fas.fa-chart-line.fa-2x {
     color: #029f5c;
}

i.fas.fa-cogs.fa-2x {color: #f2b705;}

i.fas.fa-balance-scale.fa-2x {color: #f2b705;}

i.fas.fa-comments.fa-2x {color: #f2b705;}

i.fas.fa-shield-alt.fa-2x {color: #f2b705;}

i.fas.fa-edit.fa-lg {
    color: #029f5c;
}

i.fas.fa-bullhorn.fa-lg {
    color: #029f5c;
}

i.fas.fa-sync-alt.fa-lg {
    color: #029f5c;
}

span {
    color: #029f5c;
    font-weight: 700;
}

.icon.me-3.text-danger {
    color: #029f5c !important;
}

.step-number.bg-danger.text-white.rounded-circle.d-flex.justify-content-center.align-items-center.me-4 {
    background-color: #f2b705 !important;
}

.timeline-line.position-absolute.top-0.bottom-0.start-0.ms-4.border-start.border-danger {
    border-color: #029f5c !important;
}

/* Grid Boxes */
.who-help-us .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.who-help-us .col-md-4 {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding: 15px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .who-help-us .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Box Styling */
.who-help-us .box {
  background: #fff;
  border: 1px solid #f2b705;
  border-radius: 8px;
  padding: 25px;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.who-help-us .box:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 25px rgba(0,0,0,0.1);
}
.who-help-us .box h5 {
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #222;
  margin-bottom: 12px;
}
.who-help-us .box p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  color: #666;
  line-height: 1.5;
}

/* Final Paragraph */
.who-help-us .final-para {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.125rem;
  color: #555;
  padding: 0 15px;
  margin-top: 15px;
}


.why-different {
  background: #fff;
  padding: 70px 0;
}
.why-different h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 20px;
}
.why-different .intro {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.125rem;
  color: #555;
  max-width: 800px;
  margin: 0 auto 50px;
  line-height: 1.7;
}
.features-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.feature-box {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  padding: 30px 20px;
  border-radius: 10px;
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
}
.feature-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 25px rgba(0,0,0,0.1);
}
.feature-number {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: #029f5c;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 45px;
  border-radius: 50%;
  margin-bottom: 15px;
}
.feature-box h5 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 5px;
}
.feature-box .subtext {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.95rem;
  color: #777;
  margin-top: 5px;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
  .feature-box {
    margin-bottom: 20px;
  }
}


.why-choose-us-section {
  background-color: #ffffff;
}

.why-choose-us-section h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 20px;
}

.why-choose-us-section .lead {
  font-size: 1.2rem;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.6;
}

.why-choose-us-section p {
  font-size: 1.05rem;
  color: #555;
  line-height: 1.8;
  margin-bottom: 20px;
}

.why-choose-us-section img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
 
}

@media (max-width: 768px) {
  .why-choose-us-section .row {
    flex-direction: column-reverse;
    text-align: center;
  }

  .why-choose-us-section h2 {
    font-size: 2rem;
  }

  .why-choose-us-section .lead {
    font-size: 1.1rem;
  }

  .why-choose-us-section img {
    margin-bottom: 30px;
  }
}

.social-media-services ul {
  padding-left: 1.25rem;
  list-style: disc;
}

.social-media-services li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

section.social-media-services.py-5 {
    background-color: #f9f9f9;
}


.why-social-uae .feature-box {
  transition: transform 0.3s ease;
}
.why-social-uae .feature-box:hover {
  transform: translateY(-5px);
}

.feature-box1.border.rounded.py-3.px-2.h-100.shadow-sm {
    background-color: #caab0d !important;
   
}

span.fw-bold.text-primary.d-block {
    color: #029f5c !important;
}


.step-number {
  width: 40px;
  height: 40px;
  background-color: #f2b705;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 5px;
}
.social-process h2 span {
  color: #0d6efd;
}

.custom-list {
  padding-left: 0;
  list-style: none;
}

.custom-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  font-weight: 500;
}

.custom-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #15a156;
  font-weight: bold;
}

.faq-section {
  background-color: #f9f9f9;
}

.accordion-button {
  font-weight: 600;
}

.accordion-button:not(.collapsed) {
    color: #42a645;
    background-color: #9e9e9e3b;
}

a.btn.btn-primary.btn-lg.px-4.py-2.fw-semibold {
    background-color: #f2b705 !important;
    border-color: #32a44b;
}

p.lead.mb-4 {
    color: white;
}

span.text-primary {
    color: #19a153 !important;
}


ul.list {
    list-style: none !important;
}

i.fab.fa-linkedin.text-primary.me-1 {
    font-size: 18px !important;
}

ul.list li {
    margin-bottom: 12px !important;
}

i.fab.fa-instagram.text-danger.me-1 {
    font-size: 18px !important;
}

i.fab.fa-tiktok.text-dark.me-1 {
    font-size: 18px !important;
}

i.fab.fa-facebook.text-primary.me-1 {
    font-size: 18px !important;
}


img.img-fluid.rounded {
    width: 95% !important;
}


.feature-box i {
  display: block;
  margin-bottom: 25px;
}


.row.align-items-center.flex-md-row-reverse.mb-5.local-businesses {
    position: relative;
    top: -120px;
}
 
 section.why-seo-uae.py-5 {
    background-color: #f9f9f9;
}
 
 
 .circle-step {
  width: 50px;
  height: 50px;
  background-color: #1ea151;
  color: white;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 50px;
  border-radius: 50%;
  margin: 0 auto;
}

blockquote.blockquote.mt-4.ps-3.border-start.border-4.border-primary {
    border-color: #f2b705 !important;
}

i.fas.fa-scale-balanced {
    color: #029f5c !important;
}

.mb-3.fs-2.text-primary {
    color: #029f5c !important;
}

i.fas.fa-user-shield {
    color: #029f5c !important;
} 
 
 
 i.fas.fa-store.me-2.text-primary {
    color: #029f5c !important;
}

i.fas.fa-briefcase.me-2.text-primary {
      color: #029f5c !important;
}

i.fas.fa-bullseye.me-2.text-primary {
      color: #029f5c !important;
}

i.fas.fa-user-tie.me-2.text-primary {
      color: #029f5c !important;
}

i.fas.fa-smile-beam.me-2.text-primary {
      color: #029f5c !important;
}
 
p.lead {
    font-size: 18px;
}   
 
 
 .brown-btn,.footer a,.yellow-link,a.visit{
    text-decoration:none
}
section.hero.contact-h {
    padding-bottom: unset;
    padding-top: unset;
}
.contact-h img {
     width: 500px;
}
.second,section.what-we-do{
    overflow:hidden
}
body{
    padding:0;
    margin:0;
    font-family:Poppins,sans-serif;
    font-display:swap;
}
h1{
    font-size:48px;
    line-height:60px
}
h2{
    font-size:42px
}
h3{
    font-size:36px
}
h6{
    font-size:17px
}
p{
    font-size:16px;
    font-weight:400;
    margin-bottom:unset
}
.yellow-line-design{
    background:#f2b705;
    width:56%;
    height:10px
}
a#navbarDropdownMenuLink{
    position:absolute;
    top:0;
    right:-11px
}
.horizontal-lines{
    position:absolute;
    bottom:0;
    left:0;
    width:100%
}
li.nav-item.dropdown:hover .dropdown-menu{
    display:block
}
.green-line-design{
    background:#029f5c;
    width:54%;
    height:10px
}
.inner-services p{
    margin:0 auto;
    text-align:center;
    padding-top:23px
}
.faq .accordion-button:not(.collapsed){
    color:#231b03;
    background-color:#fbeb8b;
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)
}
ul.bulleted-list li:before{
    content:'\F231';
    font-family:bootstrap-icons;
    font-display:swap;
    margin-right:6px
}
.inner-services .b-text{
    max-width:700px;
    margin:0 auto;
     margin-top:-184px;
}
section.hero.hero-about{
    padding-bottom:unset!important;
    padding-top:unset!important;
     overflow:hidden;
    padding-left:103px;
    margin-top:-200p;
}
ul.bulleted-list li{
    color:#402a02;
    display:flex;
    align-items:center;
    z-index:999
}
ul.bulleted-list{
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:17px
}
section.what-we-do>.container>.row{
    display:flex;
    gap:30px
}
.what-we-do p{
    max-width:944px;
    margin:0 auto
}
section.contact{
    background:#e7e2d4;
    padding-top:80px;
    padding-bottom:80px
}
.cards,.form{
    background:#fff
}
.what-we-cards i{
    font-size:30px;
    color:#57d29d
}
.what-we-cards svg{
    color:#57d29d;
    height:30px;
    width:30px;
}
.ww-cards{
    display:flex;
    flex-wrap:wrap;
    gap:36px;
    justify-content:center;
    align-items:center
}
.what-we-cards:after{
    content:'';
    background:#f2b705bd;
    width:37%;
    height:5%;
    position:absolute;
    top:3px;
    right:0;
    border-radius:0 10px 0 0
}
section.patterned {
     background-image: radial-gradient(#57d29d 1px, transparent 1px), radial-gradient(#57d29d 1px, transparent 1px);
     background-size: 32px 32px;
     background-position: 0 0, 16px 16px;
     background-color: #ffffff;
}
.what-we-cards h6{
    color:#523b02;
    text-align:center
}
.contact .colmn-1{
    display:flex;
    flex-direction:column;
    gap:10px;
    align-items:center;
    justify-content:center
}
section.digital-marketing{
    background:#e7e2d4;
    padding-top:20px;
    padding-bottom:50px
}
.what-we-cards:before{
    content:'';
    background:#029f5c91;
    width:77%;
    height:4%;
    position:absolute;
    top:0;
    left:0;
    border-radius:10px 0 0
}
.top-bar>.container{
    display:flex;
    align-items:center;
    justify-content:end;
    gap:9px
}
.footer li a,.yellow{
    color:#f2b705
}
.b-text span,.brown-backgrnd i{
    color:#fff
}
.input-label{
    display:flex;
    flex-direction:column;
    width:48%
}
.contact form{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding:30px;
    justify-content:center;
    align-items:center
}
.social-contact {
     display: flex;
     gap: 15px;
}
 .social-contact i {
     font-size: 25px;
     color: #000;
}
.input-label input{
    padding:10px;
    border-radius:17px;
    background:#e6e6e6;
    border:unset;
    height:36px
}
.chat-contact {
     display: flex;
     gap: 11px;
     align-items: center;
     justify-content: center;
}
textarea{
    border-radius:17px;
    background:#e6e6e6;
    border:unset;
}
button.submit{
    background:#f0b505;
    border:unset;
    border-radius:15px;
    padding:6px 18px 5px;
    margin:10px auto
}
section.legal{
    padding-top:80px;
    padding-bottom:80px
}
.legal .colmn{
    display:flex;
    flex-direction:column;
    gap:20px
}
.contact form .input-label:nth-child(3),.contact form .input-label:nth-child(4){
    width:100%
}
.form{
    border:.1px solid #21252954;
    border-radius:12px;
    z-index:999;
    position:relative
}
.yellow-line:after{
    content:'';
    width:50%;
    height:3px;
    background:#f2b705;
    position:absolute;
    bottom:-13px;
    left:0
}
.prototype h3,a.nav-link:hover,h6,p{
    color:#402a02
}
a.nav-link.active{
    background:#f2b705;
    border-radius:25px;
    width:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#402a02
}
.cards,.hero .column{
    flex-direction:column
}
.cards{
    border:1px solid #4a494b6e;
    border-radius:12px;
    padding:30px 20px;
    display:flex;
    align-items:center;
    justify-content:start;
    gap:30px;
    width:350px;
    z-index:99v;
    box-shadow:0 4px 4px 0 #0000001f
}
.area,ul.navbar-nav{
    gap:20px
}
.box-3,.box1,.box2{
    box-shadow:2px 2px 2px 2px #000;
    position:absolute;
    border-radius:10px
}
.box1{
    height:100px;
    width:100px;
    background:#57d29d;
    top:0;
    left:0
}
.box2,a.visit{
    background:#f2b705
}
.box2{
    height:80px;
    width:80px;
    top:-19px;
    left:83px
}
.box-3{
    height:60px;
    width:60px;
    background:#029f5c;
    top:74px;
    left:67px
}
.brown-backgrnd,.cards .icon{
    align-items:center;
    border-radius:50%;
    display:flex
}
.boxes{
    position:absolute
}
.position-top{
    position:absolute;
    top:28px;
    left:0
}
.position-bottom{
    position:absolute;
    bottom:142px;
    right:186px
}
.footer-logo img{
    width:200px
}
.footer-logo p{
    color:#57d29d;
    padding-top:10px;
    padding-left:5px
}
.cards .icon{
    width:70px;
    box-shadow:0 -1px 6px 0 #00000073;
    padding:6px 8px 6px 10px;
    height:70px;
    justify-content:center
}
a.visit:hover{
    background:#aa975d
}
.area{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    column-gap:20px;
    row-gap:50px
}
a.visit{
    border-radius:26px;
    padding:8px 37px;
    color:#000
}
.black-line{
    color:#000;
    width:100%
}
.cards h5{
    color:#272626
}
.swiper-button-next{
    top:unset!important;
    bottom:0!important;
    right:6px!important;
    left:unset!important;
}
.swiper-button-prev{
    top:unset!important;
    bottom:0!important;
    left:unset!important;
    right:57px!important;
}
.swiper-button-next:after{
    content:' \2192'!important;
    color:#000
}
.swiper-button-prev:after{
    content:' \2190'!important;
    color:#000
}
.next-step .secnd-col,.yellow-box,.yellow-line{
    position:relative
}
.brown-backgrnd{
    justify-content:center;
    background:linear-gradient(to right,#57d29d,#f2b705);
    height:30px;
    width:30px;
    transition:.5s
}
.top-bar{
    padding:9px;
    border-bottom:1px solid #57d29d
}
.number{
    padding-top:10px
}
.navbar .navbar-collapse{
    align-items:center;
    justify-content:end
}
.brown-backgrnd:hover{
    transform:scale(1.1);
    transition:.5s
}
li.nav-item a{
    color:#57d29d;
    font-weight:600
}
a.navbar-brand img{
    height:50px
}
nav.navbar{
    background:#fff
}
section.hero {
     background: #f2b705;
     padding-top: 50px;
     padding-bottom: 100px;
     background: radial-gradient(circle, #029F5C91 10%, transparent 11%);
     background-size: 1em 1em;
     background-color: #f2b705;
}
h1.b-text{
    color:#4F2F00;
    font-weight:700
}
.brown-btn{
    background:#402a02;
    color:#fff;
    border-radius:17px;
    padding:5px 14px 6px;
    width:160px
}
.second,section.testimonials{
    padding-top:100px;
    padding-bottom:100px
}
.swiper{
    width:100%;
    height:100%
}
.brown-btn:hover{
    background:#8bdeb4;
    color:#402a02
}
.hero .column{
    display:flex;
    gap:32px;
    padding-left:20px;
    padding-top:50px;
}
.second{
    color:#e6e6e6e6;
    display:flex;
    flex-direction:column;
    gap:100px
}
.prototype{
    background:#fff9e8
}
.left-image{
    position:absolute;
    left:-54px;
    top:-22px
}
.right-image{
    position:absolute;
    right:-58px;
    top:-23px
}
.prototype .cl{
    display:flex;
    justify-content:center;
    flex-direction:column;
    gap:20px;
    padding-top:34px;
    padding-bottom:20px
}
.prototype .cl2 h3{
    position:absolute;
    left:-171px;
    transform:rotate(90deg);
    top:32%;
    text-transform:uppercase
}
.cl2 img{
    float:right
}
section.testimonials{
    background:#aa975d
}
.clipped{
    clip-path:polygon(0% 15%,15% 15%,15% 0%,85% 0%,100% 0,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,0 100%,0% 85%)
}
.mySwiper {
     padding-left: 50px;
     padding-right: 50px;
}
.testimonial-designation.pt-4 {
     display: flex;
}
.s-img img {
     height: 200px;
     width: 200px;
}
 .swiper-slide {
     display: flex!important;
     flex-direction: row!important;
}
.swiper-slide{
    text-align:center!important;
    font-size:18px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:20px!important;
}
.swiper-slide img{
    display:block!important;
    object-fit:cover!important;
}
.next-step .secnd-col img,.timeline::after{
    bottom:0;
    position:absolute
}
section.second-inner .colmn-2,section.testimonials .img-col{
    display:flex;
    align-items:center;
    justify-content:center
}
section.next-step{
    background:#e7e2d4;
    border-radius:20px;
    margin-bottom:-20px;
    padding-top:50px;
    margin-top:35px
}
.next-step p{
    padding-right:79px
}
.yellow-link{
    background:#f2b705;
    width:200px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    height:40px;
    border-radius:27px
}
a.yellow-link:hover{
    color:#000;
    background:#aa975d
}
a.yellow-link{
    margin-top:29px
}
.footer{
    background:#17252a;
    padding-top:44px
}
.cards:hover{
    box-shadow:0 -1px 10px 3px #f2b705
}
.footer li a:hover{
    color:#bfb5b5!important
}
.footer-row{
    justify-content:space-around
}
.footer-last{
    background:#f2b705;
    color:#000
}
.footer li{
    padding-top:22px
}
.inner-services,section.how-we-do{
    background:#f2b705;
    position:relative;
    overflow:hidden;
    height: 423px;
}
ul.list-services{
    list-style:none
}
ul.list-services li:before{
    content:'\F582';
    font-family:bootstrap-icons;
    font-display:swap;
    font-size:12px;
    color:#6ac39c;
    margin-right:8px;
    margin-top:3px
}
.list-services li{
    display:flex;
    align-items:start;
}
section.second-inner .colmn-2 img{
    border-radius:10px
}
.second-inner .colmn{
    display:flex;
    align-items:start;
    justify-content:end
}
.custm-width{
    max-width:800px;
    margin:0 auto
}
section.how-we-do>.container>.row{
    display:flex;
    gap:35px
}
section.how-we-do:before{
    content:url(../images/tables-left-dec.png);
    position:absolute;
    top:0;
    left:0
}
.timeline{
    position:relative;
    max-width:1200px;
    margin:0 auto
}
.timeline::after{
    content:'';
    width:6px;
    background-color:#fff;
    top:0;
    left:50%;
    margin-left:-3px
}
.custom-container{
    padding:10px 40px;
    position:relative;
    background-color:inherit;
    width:50%
}
.custom-container::after{
    content:'';
    position:absolute;
    width:25px;
    height:25px;
    right:-13px;
    background-color:#fff;
    border:4px solid #57d29d;
    top:15px;
    border-radius:50%;
    z-index:1
}
.left::before,.right::before{
    content:" ";
    height:0;
    position:absolute;
    top:22px;
    width:0;
    z-index:1
}
.left{
    left:0
}
.right{
    left:50%
}
.left::before{
    right:30px;
    border:solid #fff;
    border-width:10px 0 10px 10px;
    border-color:transparent transparent transparent #fff
}
.right::before{
    left:30px;
    border:solid #fff;
    border-width:10px 10px 10px 0;
    border-color:transparent #fff transparent transparent
}
.right::after{
    left:-13px
}
.content{
    padding:20px 30px;
    background-color:#fff;
    position:relative;
    border-radius:6px
}
.timeline h2{
    color:red;
    font-size:24px;
    font-weight:700;
    background:linear-gradient(to left,#57d29d,#f2b705);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
@media screen and (max-width:1399px){
    .prototype .cl2 h3{
        left:-198px
    }
    .vertical-text h3{
        transform:rotate(90deg);
        position:absolute;
        top:50%;
        right:-233px;
        text-transform:uppercase
    }
    .prototype .cl{
        padding-left:42px
    }
}
@media screen and (max-width:1280px){
    .contact .colmn-1 p{
        text-align:left!important
    }
    .prototype .cl{
        padding-left:72px
    }
}
@media screen and (max-width:1179px){
    .position-top{
        display:none
    }
}
@media screen and (max-width:991px){
    .second-inner .colmn,section.second-inner .colmn-2{
        padding-top:20px
    }
    footer h5,li{
        text-align:left
    }
    .navbar-collapse{
        padding-top:24px
    }
}
@media screen and (max-width:800px){
    h1{
        font-size:42px;
        line-height:49px
    }
    section.next-step.container{
        max-width:unset
    }
}
@media screen and (max-width:767px){
    .form {
         margin-top: 18px;
    }
    footer ul li{
        text-align:center
    }
    .f-cl{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center
    }
    .footer-logo{
        display:flex;
        flex-direction:column;
        align-items:center
    }
    .next-step p{
        padding-right:unset
    }
    .next-step .secnd-col img{
        position:static
    }
    section.testimonials .row{
        flex-direction:column-reverse
    }
    section.testimonials{
        padding-top:10px
    }
    .hero p{
        width:unset
    }
}
@media screen and (max-width:600px){
    ul{
        padding-left:unset
    }
    .what-we-cards.what-we-cards-l{
        padding:36px 26px
    }
    .what-we-cards:after{
        height:9%
    }
    .what-we-cards:before{
        height:8%
    }
    .input-label{
        display:flex;
        flex-direction:column;
        width:100%
    }
    section.hero{
        padding-bottom:unset
    }
    .hero .column{
        gap:10px
    }
    p{
        font-size:14px
    }
    h2{
        font-size:32px
    }
    .prototype .cl{
        padding-left:20px
    }
    h3{
        font-size:25px
    }
    .what-we-do p{
        max-width:unset
    }
    h1{
        font-size:35px;
        line-height:45px
    }
    .timeline::after{
        left:31px
    }
    .custom-container{
        width:100%;
        padding-left:70px;
        padding-right:25px
    }
    .custom-container::before{
        left:60px;
        border:solid #fff;
        border-width:10px 10px 10px 0;
        border-color:transparent #fff transparent transparent
    }
    .left::after,.right::after{
        left:15px
    }
    .right{
        left:0
    }
}


@media screen and (max-width:450px){
    .swiper-slide {
         flex-direction: column !important;
    }
    .cards{
        width:280px;
        gap:13px
    }
    .position-bottom{
       display:none;
    }
    .next-step h2{
        font-size:21px
    }
    .next-step p{
        font-size:12px
    }
    
    
a.icon-bar {
    display: none !important;
}


i.fa-solid.fa-envelope {
    display: none !important;
}


.col-lg-8.col-md-10.col-sm-8.d-flex.justify-content-end {
    display: unset !important;
}

.col-lg-4.col-md-2.col-sm-4.d-flex.justify-content-start.align-items-center.mobile {
    display: none !important;
}

 section.hero {
     margin-top: -272px !important;
     padding-bottom: 23px;
}

.cta-img img {
     display: none;
}

 .mygrid{
     margin-top: 50px !important;
     margin-bottom: -57px !important;
}

a.new-cta.custom-btn {
    display: none;
}
section.second {
    padding-top: 0;
}
.what-we-cards:before {
        height: 4%;
}
.what-we-cards:after {
        height: 4%;
        top: 0px;
    }
    
    section.second {
    padding-top: 0 !important;
}
.what-we-cards:before {
        height: 4% !important;
}
.what-we-cards:after {
        height: 4% !important;
        top: 0px !important;
    }

section.second-inner.position-relative.pt-5.pb-5 {
    padding-top: 0 !important;
}

.col-6.colm {
    width: 100% !important;
}

.col-6.secnd-col img {
    display: none !important;
}
}
















/* Custom Modal Styling */
 .modal-content {
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
     background: #fff;
}
 .cta-img img {
     margin-top: -98px;
     width: 90%;
}
 .wrap h3 {
     font-size: 21px;
}
 .wrap h3 {
     font-size: 21px;
}
 .mygrid{
     padding: 30px 20px 30px 20px;
     background-image: -webkit-linear-gradient(45deg, #4f83b391, #4e7b948a);
     background: linear-gradient(90deg, #f2b705 0%, #f2b705 100%);
     width: 80%;
     margin: 0 auto;
     position: relative;
     border-radius: 8px;
     height: 220px;
     margin-top: 89px;
     margin-bottom: 106px;
}
 .mygrid h2{
     color: #ffffff;
     text-align: center;
     font-size: 36px;
     width: 70%;
     font-weight: 700;
     line-height: 1.2;
     margin: 0 auto;
}
 .mygrid p{
     color: #fff;
     text-align: center;
     font-size: 20px;
     width: 70%;
     padding-bottom: 0;
     line-height: 1.4;
     margin: 0 auto;
}
 a.gt-strt.custom-btn {
     background: linear-gradient(to right, #198754 0, #029f5c 51%, #198754 100%);
     padding:10px;
     padding-inline: 19px;
     border:1px solid green;
     border-radius:50px;
     color:white;
     text-decoration:none;
     position: relative;
     top: 15px;
}
 a.new-cta.custom-btn {
     background: linear-gradient(to right, #198754 0, #029f5c 51%, #198754 100%);
     padding:10px;
     padding-inline: 19px;
     border:1px solid green;
     border-radius:50px;
     color:white;
     text-decoration:none;
     position: relative;
     top: 15px;
     margin-left: 10px;
}
 section.hero.about {
     margin: 0;
}
 section.hero {
     margin-top: -200px;
}
 div#responseMessage {
     text-align: center;
}
 .modal-header h5 {
     color: #2aa34e;
     font-size: 20px;
}
 .input-group-text {
     background-color: #f0f0f0;
     border-right: 0;
     color: #003366;
}
 .form-control, .form-select {
     border-left: 0;
}
 section.what-we-do.position-relative.pt-5.pb-5 a#quoteButton {
     display:none;
}
 section.how-we-do.pt-5.pb-5 a#quoteButton {
     display:none;
}
 a#quoteButton {
     background: linear-gradient(to right, #f2b705 0, #029f5c 51%, #f2b705 100%);
     font-weight: bold;
     border-radius: 50px;
     height: 200px;
     border: 3px solid #029f5c;
}
 a#quoteButton:hover {
     color: black;
}
 button.btn.btn-primary.w-100 {
     background: linear-gradient(to right, #f2b705 0, #029f5c 51%, #f2b705 100%);
     border: 3px solid #029f5c;
}
 i.fas.fa-user {
     color: #2da34c !important;
}
 i.fas.fa-envelope {
     color: #2da34c !important;
}
 i.fas.fa-phone {
     color: #2da34c !important;
}
 i.fas.fa-list {
     color: #2da34c !important;
}
 .what-we-cards {
     align-items: center;
     background: #f3f3f2;
     width: unset;
     height: unset!important;
     padding: 36px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 20px;
     border-radius: 10px;
     position: relative;
     box-shadow: 2px 3px 8px 0 #00000057;
}
 ul.brandli {
     list-style: none;
}
 ul.brandli li {
     margin-bottom: 19px;
}
 ul.list-services {
     list-style: none;
     margin: 0;
     padding: 0;
}
 p.extra-text {
     margin-top: 49px;
}
 h3.text-center {
     margin: 0;
}
 .what {
     align-items: center;
     background: #f3f3f2;
     width: 300px;
     height: 300px!important;
     padding: 36px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 20px;
     border-radius: 10px;
     position: relative;
     box-shadow: 2px 3px 8px 0 #00000057;
}
 .what:before {
     content: '';
     background: #029f5c91;
     width: 77%;
     height: 4%;
     position: absolute;
     top: 0;
     left: 0;
     border-radius: 10px 0 0;
}
 .what:after {
     content: '';
     background: #f2b705bd;
     width: 37%;
     height: 5%;
     position: absolute;
     top: 3px;
     right: 0;
     border-radius: 0 10px 0 0;
}
 .what svg {
     color: #57d29d;
     height: 30px;
     width: 30px;
}
 .what i {
     font-size: 30px;
     color: #57d29d;
}
 .what h6 {
     text-align: center;
}
 h3.extra-text {
     margin-top: 33px;
}
 p.text-left.our-team {
     margin-top: 29px;
}
 p.brand-assits {
     margin-top: 25px;
}
 .top-bar a {
     color: #214a6e;
     font-size: 14px;
     letter-spacing: 0.7px;
     text-decoration: none;
}
 .top-bar {
     width: 100%;
     background: #fec200;
     padding: 6px 0;
}
 .top-bar i {
     color: #214a6e;
     font-size: 20px;
}
 .icon-bar {
     margin-left: 8px;
}
 i.fa-brands.fa-whatsapp, i.fa-solid.fa-phone {
     padding-right: 4px;
}
 i.fa-solid.fa-envelope {
     padding-left: 2px;
}
 .mobile {
     padding-left: 30px;
}
 .mail, .whatsapp {
     padding-left: 28px;
}
 .mail {
     padding-right: 20px;
}
 .floating-whatsapp-widget-wrapper {
     position: fixed;
     bottom: 10px;
     left: 8px;
}
 section.position-relative.overflow-hidden {
     top: 161px;
     width: 80px;
     right: 36px;
}
 .quote-link {
     text-decoration: none;
    /* right: -35px;
     */
    /* top: 16em;
     */
     writing-mode: vertical-rl;
     text-orientation: mixed;
     width: 79px;
     align-items: end padding:20px;
     padding: 10px;
     color: black;
}
 .quote-link:hover, .r-s-yellow2:hover, .r-s-yellow:hover {
     right: 0 
}
 section.contact-h {
     background: #f2b705;
     padding-top: unset;
     padding-bottom: unset;
     background: radial-gradient(circle, #029F5C91 10%, transparent 11%);
     background-size: 1em 1em;
     background-color: #f2b705;
}
 
.content-writing-section {
  background: linear-gradient(to right, #fdfbfb, #ebedee);
  padding: 80px 20px;
}

.image-box img {
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  transition: transform 0.5s ease;
}

.image-box img:hover {
  transform: scale(1.05);
}

.section-heading {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.section-text {
  font-size: 17px;
  color: #333;
  line-height: 1.8;
}

.custom-list {
  list-style: none;
  padding-left: 0;
  margin-top: 15px;
}

.custom-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  font-size: 17px;
  color: #222;
}

.custom-list li::before {
  content: '✔';
  position: absolute;
  left: 0;
  color: #f2b705;
  font-weight: bold;
}

.content-services-grid {
  padding: 80px 20px;
}

.section-heading {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  color: #1a1a1a;
}

.section-intro {
  font-size: 18px;
  color: #555;
  max-width: 900px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

.service-card {
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  transition: 0.3s ease;
  border: 1px solid #029f5c4d;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.service-card h5 {
  font-size: 18px;
  font-weight: 600;
  color: #029f5c;
  margin-bottom: 12px;
}

.service-card p {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}

.section-outro {
  font-size: 18px;
  color: #222;
  max-width: 800px;
  margin: 0 auto;
}

.what-makes-content-great {
  background: #eeeff0;
  padding: 80px 20px;
}

.section-heading {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  color: #1a1a1a;
}

.section-intro {
  font-size: 18px;
  color: #555;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
}

.content-box {
  display: flex;
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
  gap: 20px;
  align-items: flex-start;
  transition: 0.3s ease;
}

.content-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.content-number {
  font-size: 32px;
  font-weight: 700;
  color: #f2b705;
  min-width: 40px;
}

.content-text h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #222;
}

.content-text p {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  margin: 0;
}

.content-writing-section {
  background-color: #f9f9f9;
}

.custom-list .list-group-item {
  font-size: 1.05rem;
  padding: 15px 20px;
  border: none;
  background: transparent;
  position: relative;
}

.custom-list .list-group-item::before {
  content: '✔';
  color: #f2b705;
  font-weight: bold;
  margin-right: 10px;
}

.seo-content-section {
  background-color: #f9f9f9;
}

.section-title {
  font-size: 30px;
  font-weight: 700;
  color: #222;
}

.seo-points li {
  margin-bottom: 15px;
  line-height: 1.6;
}

.seo-points li strong {
  color: #029f5c;
  font-weight: 600;
}

@media (max-width: 767px) {
  .section-title {
    font-size: 24px;
    text-align: center;
  }

  .seo-content-section .col-lg-7 {
    text-align: center;
  }
}

.core-elements-section {
  background-color: #fff;
}

.section-title {
  font-size: 30px;
  font-weight: 700;
  color: #222;
}

.section-subtitle {
  font-size: 16px;
  color: #555;
  max-width: 600px;
  margin: 0 auto;
}

.element-card {
  border: 1px solid #e5e5e5;
  border-radius: 15px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
  background-color: #fdfdfd;
}

.element-card:hover {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
  transform: translateY(-5px);
}

.element-card .icon img {
  display: inline-block;
}

.element-card h5 {
  font-weight: 600;
  color: #399f5c;
}

.trending-content {
  background-color: #f8f9fa;
}

.section-title {
  font-size: 32px;
  font-weight: 700;
  color: #222;
}

.section-subtitle {
  max-width: 700px;
  margin: 0 auto;
  color: #666;
}

.trend-box {
  background: #fff;
  border-left: 4px solid #029f5c;
  padding: 25px 20px 20px 20px;
  height: 100%;
  position: relative;
  transition: 0.3s ease;
}

.trend-box:hover {
  background-color: #f1f1f1;
}

.trend-number {
  font-size: 18px;
  font-weight: 700;
  color: #f2b705;
  position: absolute;
  top: -14px;
  left: 20px;
  opacity: 0.15;
  font-size: 60px;
  z-index: 0;
}

.trend-box h5 {
  font-weight: 600;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

.trend-box p {
  color: #444;
  position: relative;
  z-index: 1;
}

.content-challenges-boxes {
  background-color: #fefefe;
}

.section-title {
  font-size: 32px;
  font-weight: 700;
  color: #222;
}

.section-subtitle {
  max-width: 800px;
  margin: 0 auto;
  color: #666;
}

.challenge-box {
  background-color: #f9f9f9;
  border-radius: 10px;
  border: 1px solid #eee;
  box-shadow: 0 5px 15px rgba(0,0,0,0.03);
  transition: 0.3s ease;
}

.challenge-box:hover {
  background-color: #029f5c14;
}

.challenge-box h5 {
  font-weight: 600;
  color: #029f5c;
  margin-bottom: 10px;
}

.challenge-box p {
  color: #444;
  margin-bottom: 0;
}



.advertising-services h2 {
  font-weight: 700;
  color: #333;
}

.advertising-services ul li {
  font-size: 16px;
  color: #444;
}

.aesthetic-services {
  background: #f8f9fc;
}

.section-intro,
.section-outro {
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.1rem;
  color: #555;
}

.service-card {
  background: #fff;
  padding: 25px;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  border-left: 6px solid #f2b705;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.service-card .number {
  font-size: 2rem;
  font-weight: 800;
  color: #f2b705;
  margin-bottom: 10px;
  display: inline-block;
}

.service-card h5 {
  font-weight: 700;
  margin-bottom: 10px;
}

i.fa.fa-check-circle.text-primary.me-2 {
    color: #029f5c !important;
}

.why-bmb-section {
  background: #ffffff;
}

.why-bmb-section h2 {
  font-size: 2.3rem;
  color: #111;
}

.intro-text,
.closing-text {
  color: #333;
  line-height: 1.7;
}

.trust-block {
  padding: 10px 15px;
  border-left: 3px solid #f2b705;
  background: #f9f9f9;
  transition: all 0.3s ease;
}

.trust-block h5 {
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #000000;
}

.trust-block p {
  margin: 0;
  color: #444;
  line-height: 1.6;
}

.trust-block:hover {
  background: #f2b7051c;
}



.result-card {
  background: #fff;
  padding: 25px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
  height: 100%;
}

.result-card:hover {
  transform: translateY(-5px);
}

.emoji-circle {
  width: 60px;
  height: 60px;
  background-color: #029f5c;
  color: #fff;
  font-size: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.result-card h5 {
  font-size: 1.1rem;
  margin-top: 15px;
}

.result-card p {
  font-size: 0.95rem;
  color: #555;
  margin-top: 10px;
}

.bmb-partner-section {
  background-color: #f9f9f9;
}

.text-orange {
  color: #000000;
}

.icon-circle {
  background-color: #f2b705;
  color: #fff;
  font-size: 18px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 4px;
}


.bmb-point h5 {
  font-size: 1.1rem;
  color: #111;
}

.bmb-point p {
  margin: 0;
  color: #444;
  line-height: 1.6;
}

.how-it-works {
  background: #f8f9fa;
}

.process-box {
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  padding: 40px 20px 30px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  height: 100%;
  transition: transform 0.3s ease;
}

.process-box:hover {
  transform: translateY(-5px);
}

.circle-bg {
  margin: 0 auto 20px;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle at center, #f2b705, #029f5c);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}

.step-icon i {
  font-size: 24px;
  margin-bottom: 4px;
}

.step-number {
  font-size: 16px;
  font-weight: bold;
}

.process-box h5 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
  color: #1a2c4e;
}

.process-box p {
  font-size: 0.9rem;
  color: #444;
  line-height: 1.5;
}


.industry-box {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  color: #029f5c;
  box-shadow: 0 6px 16px rgb(211 180 16 / 20%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}

.industry-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.pricing-clean-section {
  background: #f8f9fa;
}

.pricing-card {
  background: #ffffff;
  padding: 40px 25px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  position: relative;
  height: 100%;
}

.pricing-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1);
}

.pricing-header h3 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 10px;
}

.pricing-header p {
  font-size: 1rem;
  color: #555;
  margin-bottom: 0;
}

.featured {
  background: linear-gradient(135deg, #029f5c, #f2b705);
  color: #fff;
}

.featured h3,
.featured p {
  color: #fff;
}

/* Ribbon Style */
.ribbon {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #facc15;
  color: #000;
  padding: 5px 15px;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 4px;
  transform: rotate(5deg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.web-dev-smart-move {
  padding: 80px 0;
  background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}

.web-dev-smart-move .section-title {
  font-size: 28px;
  font-weight: 700;
  color: #343a40;
  margin-bottom: 20px;
  line-height: 1.4;
}

.web-dev-smart-move .section-para {
  font-size: 16px;
  color: #555;
  line-height: 1.8;
}

.web-dev-smart-move .webdev-image img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

.custom-web-services {
  padding: 80px 0;
}

.custom-web-services .section-title {
  font-size: 30px;
  font-weight: 700;
  color: #222;
}

.custom-web-services .section-subtitle {
  font-size: 16px;
  color: #555;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.8;
}

.service-box {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.service-box:hover {
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.08);
}

.service-box h5 {
  font-size: 18px;
  font-weight: 600;
  color: #029f5c;
  margin-bottom: 10px;
}

.service-box p {
  font-size: 15px;
  color: #444;
  line-height: 1.7;
}

.cta-box .cta-text {
  font-size: 16px;
  color: #000;
  background: #f2b705;
  padding: 20px 30px;
  display: inline-block;
  border-radius: 8px;
  font-weight: 500;
}
 
.why-choose-us-webdev {
  background: #edeff25c;
  padding-top:50px;
  padding-bottom: 30px;
}

.why-choose-us-webdev .section-title {
  font-size: 28px;
  font-weight: 700;
  color: #222;
}

.why-choose-us-webdev .section-description {
  font-size: 16px;
  color: #555;
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto;
}

.feature-box {
  background: #f9f9fa;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  box-shadow: 0 4px 12px rgb(242 183 5 / 32%);
}

.why-choose-us-webdev .cta-line {
  font-size: 16px;
  background: #f9f9fa;
  padding: 20px 30px;
  border-radius: 8px;
  display: inline-block;
  color: #000;
  border: 1px solid #029f5c6e;
  margin-top: 32px;
}

.webdev-specialised-services {
  padding: 80px 0;
}

.webdev-specialised-services .section-title {
  font-size: 28px;
  font-weight: 700;
  color: #222;
}

.service-card {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  height: 100%;
  transition: transform 0.3s ease;
}

.service-card:hover {
  transform: translateY(-6px);
}

.service-card h5 {
  font-size: 18px;
  font-weight: 600;
  color: #00040a;
  margin-bottom: 15px;
}

.service-card p {
  font-size: 15px;
  color: #444;
  line-height: 1.7;
}

.cta-highlight {
  /* background-color: #dceeff; */
  display: inline-block;
  padding: 20px 30px;
  border-radius: 10px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  border: 1px solid #029f5c;
}

.web-consultation-section {
  padding: 80px 0;
  background: #f7fafd;
}

.web-consultation-section .section-title {
  font-size: 28px;
  font-weight: 700;
  color: #222;
  margin-bottom: 20px;
}

.web-consultation-section .section-description {
  font-size: 16px;
  color: #555;
  line-height: 1.8;
}

.consult-box {
  background: #ffffff;
  padding: 20px 25px;
  border-left: 5px solid #f2b705;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  font-size: 15px;
  color: #333;
}

.cta-box {

  display: inline-block;
  padding: 18px 30px;
  border-radius: 10px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  border: 1px solid #029f5c;
}

.unique-webdev-uae {
  padding: 80px 0;
  color: #000000;
}

.unique-webdev-uae .section-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
}

.unique-webdev-uae .section-lead {
  font-size: 16px;
  line-height: 1.8;
  color: #000000;
}

.feature-list {
  list-style: none;
  padding: 0;
}

.feature-list li {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.6;
  color: #030000;
  position: relative;
  padding-left: 20px;
}

.feature-list li span {
  left: 0;
  color: #029f5c;
  font-size: 15px;
 
}

.cta-box {
  padding: 25px 30px;
  border-radius: 10px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.digital-ready-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #edeff2, #edeff2);
}

.digital-ready-section .section-title {
  font-size: 30px;
  font-weight: 700;
  color: #0d1b2a;
}

.digital-ready-section .section-description {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto;
}

.feature-pill {
  background: #ffffff;
  padding: 20px 20px 20px 50px;
  border-radius: 50px;
  font-size: 15px;
  color: #444;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
  position: relative;
  transition: all 0.3s ease;
}

.feature-pill:hover {
  background-color: #029f5c;
  color: #fff;
}

.feature-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #f2b705;
  transition: color 0.3s ease;
}

.feature-pill:hover .feature-icon {
  color: #f5be05;
}

.cta-final {
  padding: 20px 30px;
  border-radius: 10px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  border: 1px solid #029f5c;
}

.cta-box.text-center.mt-5.border-none {
    border: none;
    position: relative;
    left: 251px;
    top: -41px;
}

.web-process-section {
  padding: 80px 0;
}

.section-title {
  font-size: 28px;
  font-weight: 700;
  color: #1d1d1d;
}

.section-intro {
  max-width: 800px;
  margin: 0 auto;
  font-size: 16px;
  color: #555;
  line-height: 1.8;
}

.process-steps .step-box {
  background: #ffffff;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.04);
  height: 100%;
  transition: transform 0.3s ease;
}

.process-steps .step-box:hover {
  transform: translateY(-6px);
}

.step-icon {
  font-size: 30px;
  color: #029f5c;
  margin-bottom: 15px;
}

.step-box h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #0d1b2a;
}

.step-box p {
  font-size: 14px;
  color: #444;
  line-height: 1.6;
}

.cta-line {
  display: inline-block;
  padding: 20px 30px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  border: 1px solid #029f5c;
}

.web-dev-section {
  background-color: #f8f9fa;
}

.web-dev-section h2 {
  font-size: 1.8rem;
}

.web-dev-section ul li {
  font-size: 1.05rem;
}


i.fas.fa-check-circle.text-primary.me-3.mt-1 {
    color: #198754 !important;
}

i.fas.fa-lock.text-warning.me-3.mt-1 {
    color: green !important;
}

i.fas.fa-newspaper.text-danger.me-3.mt-1 {
    color:#f2b705 !important;
}

i.fas.fa-globe.text-danger.me-3.mt-1 {
     color:#f2b705 !important;
}

i.fas.fa-ban.text-danger.me-3.mt-1 {
     color:#f2b705 !important;
}

i.fas.fa-user-secret.text-danger.me-3.mt-1 {
      color:#f2b705 !important;
}

i.fas.fa-check-circle.fa-lg.me-3 {
    margin-top: 19px;
}

i.fas.fa-balance-scale.fa-lg.me-3 {
      margin-top: 19px;
}

i.fas.fa-comments.fa-lg.me-3 {
      margin-top: 19px;
}

i.fas.fa-handshake.fa-lg.me-3 {
        margin-top: 22px;
}

section.platforms-section.py-5.bg-white {background-color: #f8f9fa !important;}

blockquote.blockquote.bg-light.border-start.ps-4.py-3.mb-4 {
    margin-top: 20px;
    background-color: #b4b11cab !important;
}

.bg-light.p-4.mt-4.rounded.border-start.border-4.border-dark {
    border-color: #f2b705 !important;
}

.brand-collab-section {
  background: #f9f9f9;
}

.brand-collab-section .section-title h2 {
  font-weight: 700;
  font-size: 32px;
  color: #222;
}

.collab-box {
  background-color: #fff;
  border-left: 5px solid #f2b705;
  transition: all 0.3s ease;
}

.collab-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.collab-box h5 {
  font-weight: 600;
}

.collab-box p {
  margin: 0;
  color: #555;
}


h5.mb-3.text-primary {
    color: green !important;
}

.services-icon-section {
  background-color: #ffffff;
}

.section-title {
  font-size: 30px;
  font-weight: 700;
  color: #222;
}

.subtitle {
  font-size: 16px;
  color: #555;
  max-width: 800px;
  margin: 0 auto;
}

.icon-service {
  background-color: #f9f9f9;
  border-left: 4px solid #029f5c;
  transition: all 0.3s ease;
}

.icon-service:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
}

.icon-box i {
  font-size: 30px;
  color: #f2b705;
}

.choose-icon-box {
  background-color: #f9f9f9;
  transition: 0.3s ease;
}

.choose-icon-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.choose-icon-box h5 {
  font-size: 18px;
  font-weight: 600;
}


h5.text-primary {
    color: green !important;
}

i.fas.fa-lightbulb.fa-2x.mb-3.text-primary {
  color: #f2b705 !important;
}

i.fas.fa-users.fa-2x.mb-3.text-primary {
  color: #f2b705 !important;
}

i.fas.fa-dollar-sign.fa-2x.mb-3.text-primary {
    color: #f2b705 !important;
}

body {
  font-family: 'Poppins', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f8f9fa;
  color: #333;
}

.section-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 40px;
}

.stakeholder-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.stakeholder-box {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 30px 25px;
  flex: 0 1 300px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
  transition: 0.3s ease;
}

.stakeholder-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.stakeholder-box i {
  font-size: 30px;
  color: #f2b705;
  margin-bottom: 15px;
}

.stakeholder-box h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.stakeholder-box p {
  font-size: 15px;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .stakeholder-box {
    flex: 0 1 100%;
  }
}

.collab-card {
  background-color: #fff;
  border-top: 4px solid #029f5c;
  padding: 25px 20px;
  margin-bottom: 30px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  height: 100%;
}

.collab-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}

.collab-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
}

.collab-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

.service-card {
  background: #fff;
  border-top: 5px solid #029f5c;
  padding: 25px 20px;
  margin-bottom: 30px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease;
  height: 100%;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}

.service-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
}

.service-card p {
  font-size: 15px;
  line-height: 1.6;
  color: #555;
}

.section-subtitle {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
  color: #222;
}

.feature-box {
  background-color: #f9f9f9;
  border-left: 5px solid #029f5c;
  padding: 20px 20px;
  border-radius: 8px;
  margin-bottom: 25px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
  transition: 0.3s ease;
}

.feature-box:hover {
  background-color: #f0f8ff;
  transform: translateX(5px);
}

.feature-box h4 {
  font-size: 17px;
  margin-bottom: 8px;
  color: #f2b705;
}

.feature-box p {
  font-size: 15px;
  color: #444;
  margin: 0;
}

.col-md-6 {
    margin-top: 29px;
}

.future-box {
  background-color: #ffffff;
  padding: 35px 30px;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
  margin-bottom: 50px;
  transition: 0.3s ease;
}

.future-box h2 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #222;
}

.future-box p {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
}

.cta-box {
  background-color: #029f5c;
  color: #fff;
  padding: 40px 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  transition: 0.3s ease;
}

.cta-box h2 {
  font-size: 26px;
  margin-bottom: 20px;
  font-weight: 700;
}

.cta-box p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 15px;
  color: #ffffff;
}

.cta-box strong {
  color: #fff;
}

.horizontal-timeline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  margin-top: 40px;
}

.horizontal-timeline::before {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  height: 3px;
  background: #ddd;
  z-index: 1;
}


.timeline-step {
  flex: 1;
  padding: 0 10px;
  position: relative;
}

.timeline-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: relative;
  z-index: 2;
  box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

.timeline-step h5 {
  margin-top: 12px;
  font-size: 1rem;
  font-weight: 600;
}

.timeline-step p {
  font-size: 0.85rem;
  margin-top: 6px;
  line-height: 1.4;
}

/* Responsive */
@media (max-width: 992px) {
  .horizontal-timeline {
    flex-direction: column;
  }

  .horizontal-timeline::before {
    display: none;
  }

  .timeline-step {
    max-width: 100%;
    margin-bottom: 30px;
  }
}


.timeline-icon.bg-primary.text-white {
    background-color: #029f5c !important;
    font-size: 15px;
}

.timeline-icon.bg-success.text-white {
   background-color: #029f5c !important;
    font-size: 15px;
}

.timeline-icon.bg-warning.text-white {
  background-color: #029f5c !important;
    font-size: 15px;
}

.timeline-icon.bg-danger.text-white {
  background-color: #029f5c !important;
    font-size: 15px;
}

.who-benefit .benefit-card {
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
  background: #fff;
}
.who-benefit .benefit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.who-benefit .icon i {
  padding: 18px;
  border-radius: 50%;
  background: #f8f9fa;
}

.process-timeline {
  position: relative;
  margin-top: 40px;
}
.process-step {
  position: relative;
  width: 22%;
  min-width: 200px;
}
.step-circle {
  width: 50px;
  height: 50px;
   background-color:#029f5c !important;
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin: auto;
  font-size: 18px;
  z-index: 2;
  position: relative;
}
.process-step h5 {
  margin-top: 15px;
  font-size: 1rem;
}
.process-step p {
  font-size: 0.9rem;
  margin-top: 8px;
  color: #555;
}
@media (max-width: 768px) {
  .process-timeline {
    flex-direction: column;
    align-items: center;
  }
  .process-timeline::before {
    top: auto;
    left: 25px;
    width: 3px;
    height: 100%;
  }
  .process-step {
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    padding-left: 70px;
  }
  .step-circle {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.brand-collabs h2 {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1rem;
}

.brand-collabs p {
  margin-bottom: 1rem;
  line-height: 1.7;
}

h4.text-center.fw-bold.mb-5 {
    font-size: 46px;
}

 .testimonial-section {
      max-width: 1000px;
      margin: auto;
      text-align: center;
      position: relative;
      padding-top: 92px;
    }

    .testimonial-card {
      display: none;
    background: radial-gradient(circle at center, #f2b705, #029f5c);
      padding: 40px 30px;
      border-radius: 15px;
      box-shadow: 0 8px 25px rgba(0,0,0,0.1);
      transition: transform 0.5s ease, opacity 0.5s ease;
     
    }

    .testimonial-card.active {
      display: block;
      animation: fadeSlide 0.8s ease forwards;
    }

    @keyframes fadeSlide {
      from {
        opacity: 0;
        transform: translateY(40px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .testimonial-content {
      font-size: 1rem;
      color: #ffffff;
      margin-bottom: 20px;
      font-style: italic;
    }

    .testimonial-author {
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
}

    .testimonial-role {
      font-size: 0.9rem;
      color: #607D8B;
    }

    .dots {
      margin-top: 20px;
    }

    .dot {
      height: 12px;
      width: 12px;
      margin: 0 5px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.3s;
      cursor: pointer;
    }

    .dot.active {
      background-color: #19a154;
    }

    .personal-branding h2 {
  font-weight: 700;
  margin-bottom: 20px;
}

.personal-branding ul {
  list-style: none;
  padding: 0;
}

.personal-branding ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

.personal-branding ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #f2b705; /* your brand color */
  font-weight: bold;
}

.personal-branding img {
  max-height: 400px;
  object-fit: cover;
}

.benefit-section h2 {
  font-weight: 700;
  margin-bottom: 20px;
}

.benefit-section ul {
  list-style: none;
  padding: 0;
}

.benefit-section ul li {
  margin-bottom: 15px;
  padding-left: 25px;
  position: relative;
}

.benefit-section ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #f2b705; /* match brand color */
  font-weight: bold;
}

.benefit-section img {
  max-height: 400px;
  object-fit: cover;
}

.brand-collab-section h2 {
  font-weight: 700;
  margin-bottom: 20px;
}

.brand-collab-section p {
  margin-bottom: 15px;
  line-height: 1.7;
}

.brand-collab-section img {
  max-height: 400px;
  object-fit: cover;
}

img.future {
    width: 69%;
    margin-left: -74px;
}

.icon.mb-3 {
    font-size: 30px;
}

section.cta2.mygrid.mygrid2 {
    width: 100% !important;
}

.mygrid2 .wrap {
    margin-left: 64px;
}
.mygrid2 .cta-img img {
    width: 74%;
    margin-left: 113px;
}