@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?b93o3m");
  src: url("../fonts/icomoon.eot?b93o3m#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?b93o3m") format("truetype"), url("../fonts/icomoon.woff?b93o3m") format("woff"), url("../fonts/icomoon.svg?b93o3m#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chart:before {
  content: "";
}

.icon-communication:before {
  content: "";
  color: #9b3e4e;
}

.icon-creating-content:before {
  content: "";
  color: #9b3e4e;
}

.icon-off-page-seo:before {
  content: "";
  color: #9b3e4e;
}

.icon-on-page-seo:before {
  content: "";
  color: #9b3e4e;
}

.icon-seo .path1:before {
  content: "";
  color: #1d1d1b;
}

.icon-seo .path2:before {
  content: "";
  margin-left: -1em;
  color: #1d1d1b;
}

.icon-seo .path3:before {
  content: "";
  margin-left: -1em;
  color: #1b1b19;
}

.icon-seo .path4:before {
  content: "";
  margin-left: -1em;
  color: #1c1c1a;
}

.icon-seo-anlysis:before {
  content: "";
  color: #9b3e4e;
}

.icon-seo-test:before {
  content: "";
  color: #9b3e4e;
}

.icon-global:before {
  content: "";
}

.icon-headset:before {
  content: "";
}

.icon-business-planing:before {
  content: "";
  color: #a01e34;
}

.icon-investment:before {
  content: "";
  color: #a01e34;
}

.icon-management:before {
  content: "";
  color: #a01e34;
}

.icon-compititors-research:before {
  content: "";
  color: #9b3e4e;
}

.icon-content:before {
  content: "";
  color: #9b3e4e;
}

.icon-happy-clients:before {
  content: "";
  color: #cc1b52;
}

.icon-internal-linkings:before {
  content: "";
  color: #9b3e4e;
}

.icon-keywords-magic-tool:before {
  content: "";
  color: #9b3e4e;
}

.icon-projects:before {
  content: "";
  color: #cc1b52;
}

.icon-research-keywords:before {
  content: "";
  color: #9b3e4e;
}

.icon-solutions:before {
  content: "";
  color: #cc1b52;
}

.icon-trafic-anlytics:before {
  content: "";
  color: #9b3e4e;
}

.icon-work-of-hours:before {
  content: "";
  color: #cc1b52;
}

.icon-letter-head:before {
  content: "";
}

.icon-visiting-card:before {
  content: "";
}

.icon-design-1:before {
  content: "";
}

.icon-support:before {
  content: "";
}

.icon-mail-2:before {
  content: "";
}

.icon-phone-2:before {
  content: "";
}

.icon-analyze:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-location-8:before {
  content: "";
}

.icon-implementation:before {
  content: "";
}

.icon-photo:before {
  content: "";
}

.icon-chat:before {
  content: "";
}

.icon-brochure-design:before {
  content: "";
}

.icon-logo-design:before {
  content: "";
}

.icon-software-development:before {
  content: "";
}

.icon-web-development:before {
  content: "";
}

.icon-corporate-branding:before {
  content: "";
}

.icon-digital-marketing:before {
  content: "";
}

.icon-marketing-strategy:before {
  content: "";
}

.icon-mobile-applications:before {
  content: "";
}

.icon-web-applications:before {
  content: "";
}

.icon-pinterest1:before {
  content: "";
  color: #bd081c;
}

.icon-whatsapp:before {
  content: "";
  color: #25d366;
}

.icon-chevron-with-circle-right:before {
  content: "";
}

.icon-chevron-with-circle-left:before {
  content: "";
}

.icon-facebook-with-circle:before {
  content: "";
}

.icon-arrow-long-right:before {
  content: "";
}

.icon-arrow-long-left:before {
  content: "";
}

.icon-chevron-small-right:before {
  content: "";
}

.icon-chevron-right:before {
  content: "";
}

.icon-chevron-thin-up:before {
  content: "";
}

.icon-chevron-thin-down:before {
  content: "";
}

.icon-chevron-thin-right:before {
  content: "";
}

.icon-chevron-thin-left:before {
  content: "";
}

.icon-chevron-down1:before {
  content: "";
}

.icon-play-outline:before {
  content: "";
}

.icon-checkmark-outline:before {
  content: "";
}

.icon-cheveron-down1:before {
  content: "";
}

.icon-cheveron-down:before {
  content: "";
}

.icon-th-menu:before {
  content: "";
}

.icon-language:before {
  content: "";
}

.icon-check_circle_outline:before {
  content: "";
}

.icon-check_circle:before {
  content: "";
}

.icon-keyboard_arrow_right:before {
  content: "";
}

.icon-keyboard_arrow_left:before {
  content: "";
}

.icon-keyboard_arrow_down2:before {
  content: "";
}

.icon-keyboard_arrow_down1:before {
  content: "";
}

.icon-keyboard_arrow_down:before {
  content: "";
}

.icon-chevron-right1:before {
  content: "";
}

.icon-chevron-down2:before {
  content: "";
}

.icon-chevron-down:before {
  content: "";
}

.icon-bars:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-chevron-down3:before {
  content: "";
}

.icon-pinterest-p:before {
  content: "";
}

.icon-pinterest2:before {
  content: "";
}

.icon-snapchat-square:before {
  content: "";
}

.icon-snapchat-ghost:before {
  content: "";
}

.icon-snapchat:before {
  content: "";
}

.icon-long-arrow-right:before {
  content: "";
}

.icon-long-arrow-left:before {
  content: "";
}

.icon-map-marker:before {
  content: "";
}

.icon-play-circle-o:before {
  content: "";
}

.icon-check-circle:before {
  content: "";
}

.icon-angle-down1:before {
  content: "";
}

.icon-angle-up:before {
  content: "";
}

.icon-angle-right:before {
  content: "";
}

.icon-angle-left:before {
  content: "";
}

.icon-phone1:before {
  content: "";
}

.icon-linkedin1:before {
  content: "";
}

.icon-whatsapp1:before {
  content: "";
}

.icon-instagram1:before {
  content: "";
}

.icon-facebook1:before {
  content: "";
}

.icon-angle-down:before {
  content: "";
}

.icon-menu:before {
  content: "";
}

.icon-checkmark2:before {
  content: "";
}

.icon-location2:before {
  content: "";
}

.icon-pinterest:before {
  content: "";
}

.icon-check-alt:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-checkmark:before {
  content: "";
}

.icon-checkmark1:before {
  content: "";
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./../images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "icomoon";
  font-size: 20px;
  line-height: 1;
  color: #373536;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "";
}
[dir=rtl] .slick-prev:before {
  content: "";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "";
}
[dir=rtl] .slick-next:before {
  content: "";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "icomoon";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

body[dir=ltr] {
  direction: rtl;
}

/********************** Individual Components  *********************************/
.btn {
  color: white;
}
.btn:hover {
  color: #fff;
}

.btn-round {
  border-radius: 50px;
}

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: none;
}

.text-color {
  color: #a01e34;
}

.txt-color {
  color: #b3b3b3;
}

.content-style {
  text-align: center;
  color: #fff;
}
.content-style h1 {
  font-weight: 700;
  text-transform: uppercase;
}

.txt-style {
  text-align: center;
  color: #fff;
}
.txt-style h4 {
  text-transform: uppercase;
}
.txt-style h1 {
  font-weight: 700;
}
.txt-style p {
  text-align: justify;
}
@media (min-width: 768px) {
  .txt-style p {
    text-align: center;
  }
}

/**********************all pages backgrounds  *********************************/
.home-header-bg {
  background-image: url("../images/header-image1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  width: 100%;
  height: 560px;
}
@media (min-width: 992px) {
  .home-header-bg {
    height: 560px;
  }
}

.aboutus-header-bg {
  background-image: url("../images/about-us-bg.png");
}

.contactus-header-bg {
  background-image: url("../images/about-us-bg.png");
}

.portfolio-header-bg {
  background-image: url("../images/portfolio-image-bg.jpg");
}

.services-p1-bg {
  background-image: url("../images/services-img-1-bg.png");
}

.services-p2-bg {
  background-image: url("../images/services-img-2-bg.jpg");
}

.service-footer-bg {
  background-image: url("../images/service-img-bg-2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  width: 100%;
  height: 430px;
  color: #fff;
}
@media (min-width: 576px) {
  .service-footer-bg {
    height: auto;
    padding: 20px 0;
  }
}
@media (min-width: 992px) {
  .service-footer-bg {
    height: 340px;
  }
}
.service-footer-bg h1 {
  font-weight: 700;
}
.service-footer-bg .btn {
  border-radius: 0;
  background-color: #fff;
  color: #000000;
  padding: 12px 25px;
}
.service-footer-bg .btn:hover {
  color: #000000;
}

.corporate-branding-bg {
  background-image: url("../images/corporate-branding-img-bg.png");
}

.digital-marketing-bg {
  background-image: url("../images/digital-marketing-img-bg.png");
}

.mobile-application-bg {
  background-image: url("../images/mobile-application-img-bg.jpg");
}

.software-development-bg {
  background-image: url("../images/software-development-img-bg.png");
}

.web-development-bg {
  background-image: url("../images/web-development-img-bg.png");
}

.seo-bg {
  background-image: url("../images/seo-img-bg.png");
}

.aboutus-header-bg,
.contactus-header-bg,
.portfolio-header-bg,
.services-p1-bg,
.services-p2-bg,
.corporate-branding-bg,
.digital-marketing-bg,
.mobile-application-bg,
.software-development-bg,
.seo-bg,
.web-development-bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  width: 100%;
  height: 216px;
}
@media (min-width: 576px) {
  .aboutus-header-bg,
.contactus-header-bg,
.portfolio-header-bg,
.services-p1-bg,
.services-p2-bg,
.corporate-branding-bg,
.digital-marketing-bg,
.mobile-application-bg,
.software-development-bg,
.seo-bg,
.web-development-bg {
    padding: 40px 0;
  }
}
@media (min-width: 768px) {
  .aboutus-header-bg,
.contactus-header-bg,
.portfolio-header-bg,
.services-p1-bg,
.services-p2-bg,
.corporate-branding-bg,
.digital-marketing-bg,
.mobile-application-bg,
.software-development-bg,
.seo-bg,
.web-development-bg {
    padding: 55px 0;
  }
}
@media (min-width: 992px) {
  .aboutus-header-bg,
.contactus-header-bg,
.portfolio-header-bg,
.services-p1-bg,
.services-p2-bg,
.corporate-branding-bg,
.digital-marketing-bg,
.mobile-application-bg,
.software-development-bg,
.seo-bg,
.web-development-bg {
    padding: 124px 0;
  }
}
@media (min-width: 1270px) {
  .aboutus-header-bg,
.contactus-header-bg,
.portfolio-header-bg,
.services-p1-bg,
.services-p2-bg,
.corporate-branding-bg,
.digital-marketing-bg,
.mobile-application-bg,
.software-development-bg,
.seo-bg,
.web-development-bg {
    padding: 168px 0;
  }
}

/********************** Home Page *********************************/
header {
  background-color: black;
  color: #fff;
}
header .icon-lang::after {
  cursor: pointer;
  font-size: 20px;
  content: "";
}
header .header-mob-icon::after {
  color: #fff;
  font-size: 30px;
  margin-right: 10px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  content: "";
  border: 0;
}
header .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.355rem;
  vertical-align: initial;
  font-size: 0.5rem;
  content: "";
  border: 0;
}
header .icomoon-font, header .aqeel #accordion .panel-title a:before, .aqeel #accordion .panel-title header a:before,
header .aqeel #accordion .panel-title a.collapsed:before,
.aqeel #accordion .panel-title header a.collapsed:before, header .icon-lang::after, header .header-mob-icon::after, header .dropdown-toggle::after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
header .navbar-brand {
  margin-right: 4rem;
}
header .navbar-nav .nav-item > .nav-link.active {
  color: white;
  background-color: #a01e34;
}
header .btn:focus,
header .btn.focus {
  outline: 0;
  box-shadow: none;
}
header .btn {
  background: #a01e34;
  margin-top: 10px;
}
@media (min-width: 576px) {
  header .btn {
    margin-top: 0;
  }
}
header .navbar {
  padding: 0px 15px !important;
}
header .dropdown-item.active,
header .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #a01e34;
}
header .dropdown-item:hover,
header .dropdown-item:focus {
  color: #fff;
  text-decoration: none;
  background-color: #a01e34;
}
header .navbar-nav .nav-link {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
  color: #fff !important;
}
@media (min-width: 992px) {
  header .navbar-nav .nav-link {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
}
@media (min-width: 1270px) {
  header .navbar-nav .nav-link {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
}

.we-design-bg {
  background-image: url("../images/we-design-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
}

.we-design .text-heading {
  color: #fff;
  text-align: center;
}
.we-design .text-heading h1,
.we-design .text-heading h4 {
  text-transform: uppercase;
}
.we-design .text-heading p {
  color: #808080;
}
.we-design a {
  color: #808080;
}
.we-design a:hover {
  text-decoration: none;
}
.we-design .active-box {
  background-color: #a01e34;
  text-align: center;
  align-items: center;
  border: 1px solid #a01e34;
  padding: 32px 1px;
}
.we-design .active-box p {
  color: #fff;
  margin-bottom: 0;
  margin-top: 25px;
}
@media (min-width: 992px) {
  .we-design .active-box p {
    margin-top: 10px;
  }
}
.we-design .services-icons {
  border: 1px solid #3d3d3d;
  text-align: center;
  align-items: center;
  padding: 30px 1px;
  height: 200px;
}
.we-design .services-icons i {
  color: #808080;
  font-size: 80px;
}
.we-design .services-icons p {
  letter-spacing: 1px;
  color: #808080;
  margin-bottom: 0;
  margin-top: 25px;
}
@media (min-width: 992px) {
  .we-design .services-icons p {
    margin-top: 10px;
  }
}
.we-design .services-icons:hover {
  background-color: #a01e34;
  border: 1px solid #a01e34;
}
.we-design .services-icons:hover i {
  color: #fff;
}
.we-design .services-icons:hover p {
  color: #fff;
}

.counter-section {
  width: 100%;
  height: 500px;
  background-image: url("../images/enjoy-bg-image.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
@media (min-width: 576px) {
  .counter-section {
    height: 304px;
  }
}
@media (min-width: 768px) {
  .counter-section {
    height: 330px;
  }
}
@media (min-width: 992px) {
  .counter-section {
    height: 370px;
  }
}

.line {
  border-right: solid 1px #333;
}

@media (min-width: 992px) {
  .full-service-bg {
    background-image: url("../images/meeting.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 42%;
    margin-top: -155px;
    width: 100%;
    height: 408px;
  }
}
@media (min-width: 1270px) {
  .full-service-bg {
    height: 470px;
  }
}

@media (min-width: 992px) {
  .full-service .m-top {
    margin-top: 58px;
  }
}
@media (min-width: 1270px) {
  .full-service .m-top {
    margin-top: 120px;
  }
}
.full-service .progress {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0;
  margin-bottom: 10px;
}
.full-service .progress-bar {
  background-color: #fff;
}
.full-service .progress-bar-bg {
  background-image: url("../images/progressbar-img-bg.jpg");
  background-position: right center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  width: 100%;
  height: 420px;
  color: #fff;
}
@media (min-width: 768px) {
  .full-service .progress-bar-bg {
    display: grid;
    height: 400px;
  }
}
@media (min-width: 992px) {
  .full-service .progress-bar-bg {
    height: 350px;
    display: grid;
  }
}

.showcase-bg {
  background-image: url("../images/showcase-img-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.work-showcase .text-love {
  color: #a01e34;
  font-family: "Abril Fatface", cursive;
}
.work-showcase h1 {
  font-weight: 700;
}
.work-showcase .btn {
  border-radius: 0;
  background-color: #000000;
  padding: 12px 25px;
}
.work-showcase .btn:hover {
  color: #fff;
}

.feedback-slider {
  background-color: #d3d3d3;
}
.feedback-slider .text-color {
  color: #a01e34;
}

.need-help-bg {
  background: none;
}
@media (min-width: 992px) {
  .need-help-bg {
    background: linear-gradient(to right, #a01e34 0%, #a01e34 50%, #000000 50.01%, #000000 100%);
  }
}

.need-help {
  color: white;
}
.need-help i {
  font-size: 100px;
}
.need-help .icon-photo {
  color: #a01e34;
}
.need-help .container-wrap {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.need-help .btn {
  border-radius: 0;
  background: #000000;
  padding: 12px 8px;
}
@media (min-width: 992px) {
  .need-help .btn {
    padding: 12px 25px;
  }
}
.need-help .btn:hover {
  color: #fff;
}
.need-help .btn-explore .btn {
  background-color: #a01e34;
}
.need-help .bg-pinky {
  background-color: #a01e34;
}
@media (min-width: 992px) {
  .need-help .bg-pinky {
    background: none;
  }
}
.need-help .bg-blacky {
  background: #000000;
}
@media (min-width: 992px) {
  .need-help .bg-blacky {
    background: none;
  }
}

.happy-customer {
  background-image: url("../images/happy-customer-image-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  width: 100%;
  height: 380px;
}
@media (min-width: 992px) {
  .happy-customer {
    height: 400px;
  }
}

.brand-slider {
  background-color: #d3d3d3;
}

.footer-bg {
  background-image: url("../images/footer-douxl-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  background-size: cover;
  align-items: center;
  color: white;
}
.footer-bg .txt-color {
  color: #b3b3b3;
}
.footer-bg .mail-box {
  background-color: #a01e34;
  padding: 20px 1px;
}
.footer-bg .mail-box i {
  font-size: 32px;
}
.footer-bg .nav-pills .nav-link.active,
.footer-bg .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #a01e34;
  border-radius: 0;
}
.footer-bg a {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}
.footer-bg .icon-margin {
  margin-bottom: 25px;
  margin-top: 12px;
}
.footer-bg .icon-size {
  font-size: 32px;
  background-color: #a01e34;
  padding: 12px;
  border-radius: 50%;
  text-align: center;
}
.footer-bg .Social-links i {
  margin-right: 10px;
}
.footer-bg .Social-links a {
  color: #fff;
  font-size: 20px;
}
.footer-bg .Social-links a:hover {
  color: #a01e34;
  text-decoration: none;
}

/********************** Contact-Us Page *********************************/
.contact-us-form .map-size {
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .contact-us-form .map-size {
    height: 402px;
  }
}

.contact-us-form .btn,
.popup-contact-us-form .btn {
  background: #a01e34;
  border-radius: 0;
  padding: 10px 30px;
}
.contact-us-form .form-control,
.popup-contact-us-form .form-control {
  border-radius: 0;
}

/********************** About-Us Page *********************************/
.building-brands {
  width: 100%;
  height: 250px;
  background-image: url("../images/enjoy-bg-image.png");
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  background-size: cover;
  align-items: center;
  color: #fff;
}
@media (min-width: 576px) {
  .building-brands {
    height: 370px;
  }
}
@media (min-width: 768px) {
  .building-brands {
    height: 370px;
  }
}
@media (min-width: 992px) {
  .building-brands {
    height: 370px;
    margin-top: -75px;
  }
}

.we-are .text-good {
  font-weight: 700;
}
.we-are .f-w {
  font-weight: 400;
}

.be-design {
  margin-top: -75px;
}
.be-design .ab-box {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  background-color: #fff;
  text-align: center;
  align-items: center;
  height: 290px;
  padding-top: 20px;
  padding-right: 18px;
  padding-left: 18px;
}
.be-design .ab-box i {
  font-size: 80px;
}
.be-design .ab-box h5 {
  text-transform: uppercase;
  margin-top: 10px;
}
.be-design .ab-box:hover {
  background-color: #a01e34;
  cursor: pointer;
  color: #fff;
}

/********************** Portfolio Page *********************************/
.peach .our-works-box {
  max-height: 300px;
  min-height: 300px;
  transition: background-position 1.5s ease-out 0.5s;
  background-position: top center;
  background-size: 100% auto !important;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: 1px 3px 6px rgba(51, 51, 51, 0.3);
}
.peach .work-1 {
  background-image: url("../images/web-errands.png");
}
.peach .work-2 {
  background-image: url("../images/winvested.png");
}
.peach .work-3 {
  background-image: url("../images/graby.png");
}
.peach .work-4 {
  background-image: url("../images/apamia.png");
}
.peach .work-5 {
  background-image: url("../images/falcon.png");
}
.peach .work-6 {
  background-image: url("../images/fast-riders.png");
}
.peach .work-7 {
  background-image: url("../images/kalles.png");
}
.peach .work-8 {
  background-image: url("../images/mtn.png");
}
.peach .work-9 {
  background-image: url("../images/fitness.jpg");
}
.peach .work-10 {
  background-image: url("../images/locali.png");
}
.peach .work-11 {
  background-image: url("../images/app.jpg");
}
.peach .work-12 {
  background-image: url("../images/app-mob.png");
}
.peach .work-13 {
  background-image: url("../images/app-go.png");
}
.peach .work-14 {
  background-image: url("../images/f-ap.png");
}
.peach .work-15 {
  background-image: url("../images/t-app.png");
}
.peach .work-16 {
  background-image: url("../images/book-app.png");
}
.peach .work-17 {
  background-image: url("../images/app-go.png");
}
.peach .work-18 {
  background-image: url("../images/portfolio/art-board-1.png");
}
.peach .work-19 {
  background-image: url("../images/portfolio/animal-pattern-3.png");
}
.peach .work-20 {
  background-image: url("../images/portfolio/waseet-Portfolio.png");
}
.peach .work-21 {
  background-image: url("../images/portfolio/waseet-Portfolio-web.png");
}
.peach .logo-1 {
  background-image: url("../images/stationary-1.jpg");
}
.peach .our-works-box:hover {
  background-position: bottom center !important;
  transition: background-position 5s linear 0s;
}

/********************** Five Services *********************************/
/********************** 01- Digital-Marketing Page *********************************/
.searching-digital-marketing-bg {
  background-image: url("../images/searching-digital-marketing-img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.why-digital-marketing-bg {
  background-image: url("../images/why-digital-marketing-img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.social-media-box {
  align-items: center;
  display: flex;
  height: 100px;
  width: 100px;
  background-color: #b5b5b5;
  border-radius: 50%;
  margin: 0 auto;
}
.social-media-box i {
  color: #a01e34;
  font-size: 40px;
  margin: 0 auto;
}

.social-media-points {
  background-color: #b3b3b3;
  color: #000000;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.social-media-points h5 {
  margin-bottom: 0;
}
.social-media-points i {
  color: #a01e34;
}
.social-media-points:hover {
  background-color: #a01e34;
  color: #fff;
}
.social-media-points:hover i {
  color: #fff;
}

/********************** 02- Mobile Applications Page *********************************/
.app-development {
  background-image: url("../images/footer-douxl-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.mobile-app-icons .m-box {
  text-align: center;
  padding: 10px 0;
  background-color: #fff;
}
.mobile-app-icons .m-box img {
  filter: grayscale(1);
}
.mobile-app-icons .m-box p {
  color: #a01e34;
}
.mobile-app-icons .m-box:hover {
  background-color: #a01e34;
}
.mobile-app-icons .m-box:hover p {
  color: #fff;
}
.mobile-app-icons .m-box:hover img {
  filter: none;
  transition: all 0.1s;
}

.begin-app-development .icons-box {
  background-color: #fff;
}

.our-development-app {
  background-color: #a01e34;
  color: #fff;
}
.our-development-app .app-box {
  background-color: #fff;
}
.our-development-app .app-box p {
  color: #a01e34;
}
.our-development-app .btn {
  border-radius: 0;
  background-color: #fff;
  color: #000000;
  padding: 12px 25px;
}
.our-development-app .btn:hover {
  color: #000000;
}

/********************** 03- Software Development Page *********************************/
.latest-demand-bg {
  background-image: url("../images/latest-demend-img-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.updated-software-bg {
  background-image: url("../images/footer-douxl-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

/********************** 04-  Web Development Page *********************************/
.web-twin-side .right-side-bg {
  background-image: url("../images/right-side-img-bg.png");
}
.web-twin-side .left-side-bg {
  background-image: url("../images/left-side-img-bg.png");
}
.web-twin-side .right-side-bg,
.web-twin-side .left-side-bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.track-output-box {
  background-color: #a01e34;
  color: #fff;
  padding: 20px 30px;
}
.track-output-box .progress {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0;
  margin-bottom: 10px;
}
.track-output-box .progress-bar {
  background-color: #fff;
}

/********************** 05- Corporate Branding Page *********************************/
.branding-business {
  background-color: #a01e34;
  color: #fff;
}
.branding-business .c-box {
  background-color: #fff;
  text-align: center;
  padding: 20px 0;
}
.branding-business .c-box i {
  font-size: 60px;
  color: black;
}
.branding-business .c-box p {
  color: #a01e34;
  margin-top: 10px;
}
.branding-business .c-box:hover {
  background-color: #000000;
}
.branding-business .c-box:hover p {
  color: #fff;
}
.branding-business .c-box:hover i {
  color: #fff;
}

.branding-content {
  display: flex;
  align-items: center;
}

.aqeel #accordion .panel-title a:hover {
  text-decoration: none;
}
.aqeel #accordion .panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
  /* margin: 0 30px 10px 30px;*/
  overflow: hidden;
  position: relative;
}
.aqeel #accordion .panel-heading {
  padding: 0;
  border: none;
  border-radius: 0;
  position: relative;
}
.aqeel #accordion .panel-title a {
  display: block;
  padding: 15px 20px;
  margin: 0;
  background: #a01e34;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
  border-radius: 0;
  position: relative;
}
.aqeel #accordion .panel-title a.collapsed {
  background: #dedede;
  color: #000000;
}
.aqeel #accordion .panel-title a:before,
.aqeel #accordion .panel-title a.collapsed:before {
  content: "";
  line-height: 25px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 14px;
  transition: all 0.5s;
}
.aqeel .icomoon-font, .aqeel header .icon-lang::after, header .aqeel .icon-lang::after, .aqeel header .header-mob-icon::after, header .aqeel .header-mob-icon::after, .aqeel header .dropdown-toggle::after, header .aqeel .dropdown-toggle::after, .aqeel #accordion .panel-title a:before,
.aqeel #accordion .panel-title a.collapsed:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.aqeel #accordion .panel-title a.collapsed:before {
  content: "";
  transform: rotate(180deg);
  color: #a01e34;
}
.aqeel #accordion .panel-title a:after,
.aqeel #accordion .panel-title a.collapsed:after {
  content: "";
  background: #fff;
  color: #fff;
  position: absolute;
  top: 22px;
  right: 0;
}
.aqeel #accordion .panel-title a.collapsed:after {
  width: 19px;
  background: #ababab;
}
.aqeel .panel-body {
  background: #a01e34;
  color: #fff;
}
.aqeel #accordion .panel-body p {
  padding: 10px;
}

/********************** Digital Marketing 2 Page *********************************/
.sidebar-up .sty {
  border-bottom: 4px solid #a01e34;
}
.sidebar-up i {
  margin-right: 10px;
  color: #a01e34;
}
.sidebar-up li:hover {
  background-color: #a01e34;
  color: #fff;
  padding-left: 12px;
}
.sidebar-up li:hover i {
  color: #fff;
}
.sidebar-up .list-group-item {
  border: none;
  padding: 0.75rem 0;
  border-radius: 0;
}

.sidebar-down .sty {
  border-bottom: 4px solid #a01e34;
}
.sidebar-down .list-group-item {
  border: none;
  padding: 0.75rem 0;
}
.sidebar-down .btn {
  border-radius: 0;
  background-color: #fff;
  color: #000000;
  padding: 12px 25px;
}
.sidebar-down .btn:hover {
  color: #000000;
}

.need-any-help-bg {
  background-image: url("../images/need-any-help-img-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 20px 20px;
}

.execute-branding {
  background-color: #000000;
  color: #fff;
}
.execute-branding .btn {
  background-color: #fff;
  color: #a01e34;
  border-radius: 0;
  font-weight: 500;
  padding: 12px 35px;
}

.header-slider .slick-prev::before {
  content: "";
  font-family: "icomoon";
  color: #fff;
  font-size: 40px;
}
.header-slider .slick-next::before {
  content: "";
  font-family: "icomoon";
  color: #fff;
  font-size: 40px;
}
.header-slider .portfolio_slider {
  margin: 60px auto;
  max-width: 800px;
}
.header-slider .slider-content {
  text-align: center;
  color: #fff;
  top: 50%;
  padding: 0 20px;
}
.header-slider .slider-content h1 {
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 0;
}
.header-slider .slider-content P {
  font-family: Nunito;
  line-height: 32px;
  letter-spacing: 0px;
  font-weight: 300;
  font-size: 20px;
  text-align: justify;
}
@media (min-width: 768px) {
  .header-slider .slider-content P {
    text-align: center;
  }
}

.testimonials-slider .portfolio_slider {
  margin: 60px auto;
  max-width: 800px;
}
.testimonials-slider .slider-content {
  text-align: center;
  color: #fff;
  top: 50%;
  padding: 0 20px;
}
.testimonials-slider .slider-content h1 {
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 0;
}
.testimonials-slider .slider-content P {
  font-family: Nunito;
  line-height: 32px;
  letter-spacing: 0px;
  font-weight: 300;
  font-size: 20px;
}
.testimonials-slider .slick-dots {
  display: flex;
  justify-content: start;
  list-style-type: none;
}
.testimonials-slider .slick-dots li {
  margin: 0 0.25rem;
}
.testimonials-slider .slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #000000;
  text-indent: -9999px;
}
.testimonials-slider .slick-dots li.slick-active button {
  background-color: #a01e34;
}

.footer-slider .slick-prev::before {
  content: "";
  font-family: "icomoon";
  color: black;
  font-size: 40px;
}
.footer-slider .slick-next::before {
  content: "";
  font-family: "icomoon";
  color: black;
  font-size: 40px;
}
.footer-slider .slick-prev,
.footer-slider .slick-next {
  width: 30px;
  height: auto;
  top: -25px;
  opacity: 0.5;
}
.footer-slider .slick-prev:before,
.footer-slider .slick-next:before {
  font-size: 30px;
}
.footer-slider .slick-prev:hover:before, .footer-slider .slick-prev:focus:before,
.footer-slider .slick-next:hover:before,
.footer-slider .slick-next:focus:before {
  opacity: 1;
}
.footer-slider .slick-prev {
  right: 50px;
  left: auto;
}
.footer-slider .slick-next {
  left: auto;
  right: 10px;
}
.footer-slider body {
  background-color: lightgray;
  padding: 2em;
  /*   display: flex;
  justify-content: center;
  flex-flow: row wrap; */
}
.footer-slider .title {
  text-align: center;
  margin-top: 60px;
}
.footer-slider .portfolio_slider {
  margin: 60px auto;
  max-width: 1200px;
}
.footer-slider .portfolio_slider {
  flex: 1 1 0;
}
.footer-slider .inner {
  padding: 6px;
}
.footer-slider img {
  width: 100%;
  height: auto;
}
.footer-slider img:hover {
  opacity: 0.9;
}

.people-say .project-bg {
  background-image: url("../images/seo-projects-img-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  color: #fff;
}
.people-say i {
  font-size: 60px;
}

.consultation {
  background-color: #a01e34;
  color: #fff;
}

thead {
  background-color: #a01e34;
  color: #fff;
}

.table tr:nth-child(even) {
  background: #e9ecef;
}

.seo-packages li:nth-child(even) {
  background: #e9ecef;
}
.seo-packages .list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #a01e34;
  border-color: #a01e34;
}
.seo-packages .btn {
  background-color: #a01e34;
}

.people-say .seo-slider {
  background-color: #fff;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.people-say .seo-slider .slick-prev::before {
  content: "";
  font-family: "icomoon";
  color: black;
  font-size: 40px;
}
.people-say .seo-slider .slick-next::before {
  content: "";
  font-family: "icomoon";
  color: black;
  font-size: 40px;
}
.people-say .seo-slider .slick-prev,
.people-say .seo-slider .slick-next {
  width: 30px;
  height: auto;
  top: -25px;
  opacity: 0.5;
}
.people-say .seo-slider .slick-prev:before,
.people-say .seo-slider .slick-next:before {
  font-size: 30px;
}
.people-say .seo-slider .slick-prev:hover:before, .people-say .seo-slider .slick-prev:focus:before,
.people-say .seo-slider .slick-next:hover:before,
.people-say .seo-slider .slick-next:focus:before {
  opacity: 1;
}
.people-say .seo-slider .slick-prev {
  right: 50px;
  left: auto;
}
.people-say .seo-slider .slick-next {
  left: auto;
  right: 10px;
}
.people-say .seo-slider .portfolio_slider {
  margin: 60px auto;
  max-width: 400px;
}
.people-say .seo-slider .slider-content {
  padding: 20px 1px;
  text-align: center;
  color: #000000;
  background: #fff;
  top: 50%;
}
.people-say .seo-slider .slider-content h2 {
  text-transform: uppercase;
  font-weight: 700;
  color: #a01e34;
}
.people-say .seo-slider .slider-content P {
  font-family: Nunito;
  line-height: 32px;
  letter-spacing: 0px;
  font-weight: 300;
  font-size: 20px;
}

.card {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  border: none;
}

.seo-icons-box i {
  font-size: 40px;
  margin-right: 10px;
}
.seo-icons-box p {
  margin-bottom: 0;
}