/*===Header Section Css Styles===*/
.logo-wrapper {
  margin-right: 80px;
}
.logo {
  max-width: 220px;
}
.btn-pill {
  border-radius: 25px;
  font-size: 20px;
}
.main-menu-dropdown {
  width: 300px;
}

.main-nav > ul > li > a {
  margin-right: 8px;
}
.mega-menu {
  width: 1000px;
  left: -430px !important;
  padding: 16px 8px;
  margin-top: 12px !important;
}
.mega-menu-list {
  margin-bottom: 16px;
}
.mega-menu-list > li > a {
  padding-left: 0px;
  white-space: normal;
}
.section-block-inner {
  padding: 60px 0px;
}

.error-message {
  display: none;
  font-size: 14px;
  line-height: 1.4;
}

.hero-home {
  height: calc(100vh - 58px);
  color: white;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 24px;
  background: #011a36 url("../images/hero.svg") no-repeat;
  background-position: right;
  background-size: 50%;
}
.hero-heading {
  font-size: 55px;
  text-transform: uppercase;
  color: white;
}
.hero-decsription {
  color: #fcfcfc;
  max-width: 80%;
}
.text-yellow {
  color: #f4db38;
}
.typed-cursor {
  font-size: 2.5rem;
}

/* Keyframes for word changes */
@keyframes changeWords {
  0%,
  25% {
    content: "Online"; /* First word */
  }
  26%,
  50% {
    content: "Globally"; /* Second word */
  }
  51%,
  75% {
    content: "Effectively"; /* Third word */
  }
  76%,
  100% {
    content: "Strategically"; /* Fourth word */
  }
}
.email-icon-footer {
  max-width: 16px;
}
.call-icon-footer {
  max-width: 24px;
}
.footer-menu-block-heading {
  color: #003168;
  font-weight: bold;
}

.process-icon {
  background-color: rgba(32, 110, 178, 0.7);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  color: white;
  padding: 8px;
  border-radius: 50%;
}
.form-control {
  padding: 0.75rem;
}
.first {
  background-color: #00738b;
  padding: 30px;
}
.second {
  background-color: #161d3e;
  padding: 30px;
}
.our-features {
  background: linear-gradient(
    180deg,
    rgb(251 251 251) 0%,
    rgb(255, 255, 255) 100%
  );
}
.icon-feature {
  min-width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 3px 4px 6px #eee;
  border: 1px solid #eee;
}
.service-block {
  border-radius: 8px;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1),
    -10px -10px 30px rgba(255, 255, 255, 0.7);
  border: 1px solid #eee;
  padding: 24px;
  background-color: white;
}
.service-block-heading {
  border-radius: 4px 4px 0px 0px;
  margin-bottom: 16px;
  font-size: 24px;
  display: flex;
  align-items: center;
}
.service-icon-inner {
  background: #30539d;
  color: white;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 24px;
  padding: 4px 6px;
}

.service-block-content {
  line-height: 28px;
}

.hero-service {
  padding: 35px;
  background: url(../images/hero-sercvice.jpg) no-repeat center/cover;
  min-height: 250px;
}

.service-hero-img {
  margin-bottom: -180px;
  margin-top: 30px;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  width: 100%;
}
.tool-box {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  font-weight: bold;
}
/*===Utilities====*/

.list-unstyled {
  list-style: none;
}
.bg-brand-blue {
  background-color: #161d3e;
}
.bg-brand-pink {
  background-color: #fa3470;
}
.bg-brand-yellow {
  background-color: #f4db38;
}
.bg-brand-green {
  background-color: #c3e8c7;
}
.btn-brand-blue {
  background-color: #161d3e;
  border-color: #161d3e;
  color: white;
  padding: 10px 20px;
  font-size: 20px;
}
.btn-brand-blue:hover {
  background-color: #142368;
  color: white;
}
.btn-brand-hero {
  border-color: white;
  color: white;
  border-radius: 64px;
  padding: 12px 36px;
  font-size: 20px;
  transition: all 0.3s ease-in-out;
}
.btn-brand-hero:hover {
  color: black;
  background-color: white;
}

.btn-brand-yellow {
  background-color: #f4db38;
  border-color: #f7df47;
}
.btn-brand-yellow:hover {
  background-color: #ddc317;
}
.btn-brand-outline-yellow {
  border-color: #f7df47;
  color: #f7df47;
}
.btn-brand-outline-yellow:hover {
  border-color: #e6ce2e;
  color: #f7df47;
}
.section-block {
  padding: 94px 0px;
}
.section-light-bg {
  background-color: #f8fafc;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.service-link {
  text-decoration: none;
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 150px;
  justify-content: center;
}
.service-link:hover {
  color: #00738b;
}

.principles-img {
  max-width: 100%;
}
.principles-block {
  border-bottom: 1px dashed #666;
  margin-bottom: 32px;
}
.industries-block {
  background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.industry-icon {
  width: 80px;
  height: 80px;
  background-color: #000;
  line-height: 80px;
  text-align: center;
  font-size: 40px;
  border-radius: 12.5px;
}
.industry-business-icon {
  background: #007bff;
}

.industry-retail-icon {
  background: #d7db72;
}

.industry-corporate-icon {
  background: #4340e6;
}

.industry-travel-icon {
  background: #298c5a;
}

.industry-education-icon {
  background: #898712;
}
.industry-ecommerce-icon {
  background-color: #c5cb00;
}
.industry-food-icon {
  background-color: #cb7e25;
}
.industry-fashion-icon {
  background-color: #033a5c;
}
.industry-health-icon {
  background-color: #721062;
}
.order {
  font-size: 70px;
  color: transparent;
  -webkit-text-stroke: 2px rgb(56, 125, 208);
}
.step {
  font-size: 35px;
  color: transparent;
  -webkit-text-stroke: 1px #000;
}
.process-list {
  list-style: none; /* Remove default bullets */
  padding-left: 20px;
}

.process-list li::before {
  margin-right: 8px; /* Space between icon and text */
}

.service-icon {
  max-height: 50px;
}
.call-to-action {
  background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)),
    url(../images/call-to-action.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.btn-consultation {
  background-image: linear-gradient(
    to right,
    #ee0979 0%,
    #ff6a00 51%,
    #ee0979 100%
  );
  padding: 16px 32px;
  color: white;
  width: 100%;
  border-radius: 50px;
  transition: 0.5s;
  background-size: 200% auto;
}

.btn-consultation:hover {
  background-color: #de3467;
  color: white;
  background-position: right center;
}
.btn-consultation:focus {
  outline: 2px solid #ffffff; /* focus ring */
  outline-offset: 2px;
  color: white !important;
}

.btn-consultation:active {
  background-color: #004080;
  color: white; /* active click */
}

.section-heading {
  font-weight: 100;
  font-size: 40px;
  line-height: 60px;
}
.seo-analysis-wrapper {
  background-color: aliceblue;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #cadef5;
}
.seo-analysis-wrapper-heading {
  font-size: 22px;

  font-weight: 500;
  text-transform: uppercase;
}

.btn-lead {
  background-image: linear-gradient(
    to right,
    #517fa4 0%,
    #243949 51%,
    #517fa4 100%
  );
}
.btn-lead {
  margin: 10px;
  padding: 15px 25px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 8px;
  display: block;
}

.btn-lead:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.section-sub-heading {
  font-size: 24px;
  font-weight: 200;
}

.short-menu li {
  border-bottom: 1px solid #e4e4e4;
}
.short-menu li > a {
  padding: 8px 8px;
}
.short-menu li:last-child {
  border: none;
}
.we {
  border-radius: 2px;
  background-color: #003168;
  color: #fff;
  padding: 0px 6px;
}
.newsletter-block {
  background-color: #333;
}

.hero-inner {
  min-height: calc(100vh - 300px);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  background-position: 50% 25%;
}
.hero-text {
  background-color: rgba(32, 110, 178, 0.7);
  color: white;
  padding: 24px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 40px;
  text-transform: uppercase;
margin-bottom: 0px;
}
.hero-text-contact {
  background-color: rgba(0, 0, 0, 0.5);
}
.hero-about {
  background-image: url(../images/about.jpg);
}
.hero-blog {
  background-image: url(../images/blog-hero.png);
}
.hero-contact {
  background-image: url(../images/contact.jpg);
}
.hero-webdesign {
  background-image: url(../images/webdesign-hero-img.jpg);
  background-position: center center;
}
.hero-webdevelopment {
  background-image: url(../images/web-development-hero.jpg);
}
.hero-mobile-app-development {
  background-image: url(../images/app-development-hero.jpg);
}
.hero-software-development {
  background-image: url(../images/software-development-hero.jpg);
}
.hero-search-engine-optimization {
  background-image: url(../images/seo-hero.jpg);
}
.hero-social-media-optimization {
  background-image: url(../images/smo-hero.jpg);
}
.hero-social-media-marketing {
  background-image: url(../images/smm-hero.jpg);
}
.hero-pay-per-click {
  background-image: url(../images/sem-hero.jpg);
}
.process-box {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  min-height: 200px;
  margin-bottom: 15px;
}
.statistics-heading {
  font-weight: bold;
  font-size: 36px;
  color: #161d3e;
}
.icon-35 {
  max-width: 35px;
}
.icon-25 {
  max-width: 25px;
}
.icon-30 {
  max-width: 30px;
}

.facebook-icon {
  color: #1877f2;
}

.linkedin-icon {
  color: #0077b5;
}

.youtube-icon {
  color: #ff0000;
}

.instagram-icon {
  color: #e4405f;
}
.snapchat-icon {
  color: #b1a801;
}
.copyright {
  border-top: 1px dashed #666;
  padding-top: 15px;
}

.logo-tagline {
  color: #7b7b7b;
}

.captcha-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.captcha-box {
  font-size: 24px;
  font-weight: bold;
  background-color: #f0f0f0;
  color: #333;
  padding: 10px 15px;
  border-radius: 5px;
  letter-spacing: 3px;
  user-select: none;
}

.refresh-btn {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 8px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.refresh-btn:hover {
  background-color: #0056b3;
}

/*=====Media Queries=====*/
@media only screen and (max-width: 767px) {
  .hero-heading {
    font-size: 30px;
  }
  .hero {
    background-position: 0% 0%;
    height: auto;
  }
  .hero-text {
    position: relative;
    margin-top: 200px;
  }
  .section-block {
    padding: 32px 0px;
  }

  .mega-menu,
  .short-menu {
    width: 100%;
  }
  main {
    margin-top: 0px;
  }
}
@media (min-width: 1140px) {
  main {
    margin-top: 58px;
  }
}
@media (min-width: 312px) and (max-width: 1199px) {
  .hero-home {
    background-image: none;
    background-color: #011a36;
    height: auto;
    padding: 100px 0px;
  }
  .hero-inner {
    height: auto;
  }
}
@media (max-width: 767px) {
  .hero-inner {
    height: auto;
    min-height: 0px;
  }
}